Believe in the Magic of -

.elementor_mainmenu .nav-item a { text-transform: unset !important; text-decoration: unset !important; font-size: unset !important; } #main-category-wrap #navMenu { position: relative;} #main-category-wrap #navMenu #navMenu-wrapper { overflow: hidden; height: 60px; } #main-category-wrap #navMenu #navMenu-wrapper.addon { padding: 0 30px;} #main-category-wrap #cat-items { margin:0px; padding: 0; list-style: none; white-space: nowrap; overflow-x: hidden; -webkit-overflow-scrolling: touch;} #main-category-wrap #navMenu ul li { display: inline-block; margin: 20px 24px;} #main-category-wrap #navMenu ul li a { color:#666; } #main-category-wrap #navMenu ul li a:hover { color:#000; font-weight:600; } #main-category-wrap .navMenu-paddle-left, #main-category-wrap .navMenu-paddle-right { cursor: pointer; border: none; position: absolute; top: 20px; background-color: transparent; width: 25px; height: 25px; margin-left: auto; margin-right: auto;} #main-category-wrap .slick-prev, .navMenu-paddle-left { left: 0; } #main-category-wrap .slick-next, .navMenu-paddle-right { right: 0; } .bg-dark #main-category-wrap #navMenu ul li a, .bg-dark #main-category-wrap .navMenu-paddles button { color:#fff; } .bg-light #main-category-wrap #navMenu ul li a, .bg-light #main-category-wrap .navMenu-paddles button { color:#333; } .heros3 .mapboxgl-ctrl-geocoder { background-color:transparent !important; } .heros3 .form-control { border:0px; border-radius:0px;; border-bottom:1px solid #fff; padding:0px; background: none; height: 45px;} .heros3 input.form-control { color:#fff; } .heros3 select { color:#fff !important; } .heros3 ::-webkit-input-placeholder { color: #fff; } .heros3 ::-moz-placeholder { color: #fff; } .heros3 :-ms-input-placeholder { color: #fff; } .heros3 :-moz-placeholder { color: #fff; } .heros3 select option {color:#000 !important; } .heros3 .cats-inner { background: -moz-linear-gradient(top,rgba(0,0,0,.65) 0,rgba(0,0,0,.65) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,.65)),color-stop(100%,rgba(0,0,0,.65))); background: -webkit-linear-gradient(top,rgba(0,0,0,.65) 0,rgba(0,0,0,.65) 100%); background: -o-linear-gradient(top,rgba(0,0,0,.65) 0,rgba(0,0,0,.65) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,.65) 0,rgba(0,0,0,.65) 100%); background: linear-gradient(to bottom,rgba(0,0,0,.65) 0,rgba(0,0,0,.65) 100%); min-height: 180px; padding: 30px 0 40px; position: absolute; width: 100%; bottom: 0px; z-index: 100; } .heros3 .search-inner > div { background: rgba(0, 0, 0, 0.2);} .heros3 h1 { text-shadow: 1px 1px #333;} .heros3 .categories li a, .heros3 .categories li .fa { color:#FFFFFF !important; } .heros3 .categories li .fa { margin-right:10px; } .heros3 .search-inner p { max-width:600px;margin:auto auto; } .heros3 .categories li em { float:right; color:#CCCCCC; margin-right:20px; opacity: 0.5; } .heros3 .homensearch select, .hero25 .homensearch input { border-radius:0px; } .heros3 .homensearch ::-webkit-input-placeholder { color:#000; } .heros3.bg-dark { color:#fff; } .heros3.bg-light { color:#333; } .heros3 .categories li { float: left; min-height: 40px; line-height:40px; min-width: 25%;} .heros3 .categories li a { display: block; max-width: 150px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; float: left;} @media (min-width: 1200px) { .heros3 .container { max-width:950px; margin:auto auto; } /* large */ .heros3.hero-large .categories li { min-height: 60px; line-height:60px; } .heros3.hero-large .categories li a, .heros3.hero-large .categories li .fa { font-size:20px; display: block; max-width: 200px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; float: left;} } @media (max-width: 575.98px) { .heros3 .categories li { float: left; min-width: 50%; text-align:center; } .heros3 .form-control, .heros3 .btn, .heros3 .input-group-append, .input-group-prepend {display:block; margin-bottom:10px; width:100%; } .heros3 form { border:0px; padding:10px; } .heros3 .categories li a, .heros3 .categories li .fa { font-size:16px; } } .bg-primary, .bg-primary:hover,.bg-primary:focus, a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover, .badge-primary { background:#0483CE !important; } .btn-primary, .btn-primary:hover { color: #fff; background-color: #0483CE !important; border-color: #0483CE !important; } .text-primary, .filters_col .distance span { color: #0483CE !important; } .btn-outline-primary { color: #0483CE !important; border-color: #0483CE !important; } .btn-outline-primary:hover { background:none !important; } .text-primary a { color: #0483CE !important; } .bg-secondary, .bg-secondary:hover, .bg-secondary:focus, a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover, .irs-bar { background-color:#FF0000 !important; } .btn-secondary, .btn-secondary:hover, .btn-secondary:focus { color: #fff; background-color: #FF0000 !important; border-color: #FF0000 !important; } .text-secondary { color: #FF0000 !important; } .text-secondary a { color: #FF0000 !important; } .btn-outline-secondary { color: #FF0000 !important; border-color: #FF0000 !important; } .btn-outline-secondary:hover { background:none !important; } .custom-control-input:checked~.custom-control-label::before, .filter_sortby a.active { color: #fff; border-color: #FF0000 !important; background-color: #FF0000 !important; } .bg-dark { background:#FF0000 !important; }