.slide-arrow-col{width:200px;display:inline-block;height:44px;}
.banner-slider .swiper-button-next, 
.banner-slider .swiper-button-prev{background-image:none;width:44px;position:initial;margin:0 !important;}
.banner-slider .swiper-button-prev{float:left;}
.banner-slider .swiper-button-next{float:right;}
.banner-slider .swiper-button-next svg, 
.banner-slider .swiper-button-prev svg{display:inline-block;}
.banner-slider .swiper-pagination{width:56% !important;display:inline-block;position:inherit;margin:10px 0 0 0 !important;}
.banner-slider .swiper-pagination-bullet{height:12px;width:12px;background-color:#fff;opacity:1;margin:5px 4px;border:0;transform:none !important;position:initial !important;}
.banner-slider .swiper-pagination-bullet-active{background-color:#f97316;width:25px;border-radius:8px;height:12px;}

/*---------- On Scroll animation Effect CSS-----------*/

.reveal {position:relative;transform:translateY(50px);opacity:0;transition:1s all ease;}
.reveal.active {transform:translateY(0);opacity:1;}

/*---------- Marquee CSS-----------*/
.marquee {display:inline-block;white-space:nowrap;position:relative;transform:translate3d(0%, 0, 0);animation-name:marquee;animation-timing-function:linear;animation-iteration-count:infinite;}
.marquee > div{display:inline-block; overflow:hidden;grid-column-gap:20px;grid-row-gap:20px;}

@keyframes marquee {
    0% {
        transform:translate3d(0%, 0, 0);
    }

    100% {
        transform:translate3d(-100%, 0, 0);
    }
}

/*---------- Grid List CSS-----------*/
#view-grid, #view-list{border:1px solid #fff;}
#view-grid.active, #view-list.active{border:1px solid #dadada;background-color:#f7f7f7}
.list .full-row{grid-template-columns:repeat(1, minmax(0, 1fr));}

.filters-active{background-color:#f7f7f7}
.left-col{display:none;}
.left-col.filters-show{display:block;}

/*---------- Tab CSS-----------*/

.tabs li{cursor:pointer;}
.tabs .current{background-color:#fff;}
.tab-content{display:none;}
.tab-content.current{display:block;}

/*---------- Swiper Slide CSS-----------*/

.prod-slider .swiper-container-horizontal{height:550px;}
.prod-slider .slider-thumbnail{height:125px;}
.prod-slider .swiper-wrapper img{border-radius:10px;}
.prod-slider .slider-thumbnail img{cursor:pointer;border:3px solid #fff;}
.prod-slider .slider-thumbnail .swiper-slide-thumb-active img{border-color:#f97316;}
.prod-slider .slider-thumbnail .swiper-slide{padding:0 7px;}
.prod-slider .slider-thumbnail .swiper-slide:first-child{padding-left:0;}
.prod-slider .slider-thumbnail .swiper-slide:last-child{padding-right:0;}
.prod-slider .swiper-container-horizontal .swiper-button-next,
.prod-slider .swiper-container-horizontal .swiper-button-prev{display:none;}

/*---------- Price Range CSS-----------*/

.range{display:flex;width:100%;}
.range .range__slider{width:100%;}
.range .range__value{width:35%;margin-left:45px;text-align:center;border-left:#e6e4e4 1px solid;}
.range .form-group{display:flex;flex-direction:column; justify-content:center;}
.range .form-group label{text-transform:uppercase;font-size:.7rem;color:#222;margin-bottom:5px;}
.range .form-group span{font-size:2rem;font-weight:600;color:#3c3b3b;}
.range .range__slider label{margin-bottom:10px;}
.range .range__value{display:none;}
.range .range__slider [type="range"]{width:100%;-webkit-appearance:none;height:8px;border-radius:6px;background:#f1f1f1;outline:none;padding:0;margin:0;}

/* custom thumb */
.range .range__slider [type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:#f97316 2px solid;cursor:pointer;-webkit-transition:background .15s ease-in-out;transition:background .15s ease-in-out;}
.range .range__slider [type="range"]::-webkit-slider-thumb:hover{background:#fff;}
.range .range__slider [type="range"]::-moz-range-thumb{width:20px;height:20px;border:0;border-radius:50%;background:#f97316;border:#f97316 2px solid; cursor:pointer;-webkit-transition:background .15s ease-in-out;transition:background .15s ease-in-out;}
.range .range__slider [type="range"]::-moz-range-thumb:hover{background:#f97316;}

.range2{display:flex;width:100%;}
.range2 .range__slider{width:100%;}
.range2 .range__value{width:35%;margin-left:45px;text-align:center;border-left:#e6e4e4 1px solid;}
.range2 .form-group{display:flex;flex-direction:column; justify-content:center;}
.range2 .form-group label{text-transform:uppercase;font-size:.7rem;color:#222;margin-bottom:5px;}
.range2 .form-group span{font-size:2rem;font-weight:600;color:#3c3b3b;}
.range2 .range__slider label{margin-bottom:10px;}
.range2 .range__value{display:none;}
.range2 .range__slider [type="range"]{width:100%;-webkit-appearance:none;height:8px;border-radius:6px;background:#f1f1f1;outline:none;padding:0;margin:0;}

/* custom thumb */
.range3 .range__slider [type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:#f97316 2px solid;cursor:pointer;-webkit-transition:background .15s ease-in-out;transition:background .15s ease-in-out;}
.range3 .range__slider [type="range"]::-webkit-slider-thumb:hover{background:#fff;}
.range3 .range__slider [type="range"]::-moz-range-thumb{width:20px;height:20px;border:0;border-radius:50%;background:#f97316;border:#f97316 2px solid; cursor:pointer;-webkit-transition:background .15s ease-in-out;transition:background .15s ease-in-out;}
.range3 .range__slider [type="range"]::-moz-range-thumb:hover{background:#f97316;}

.range3{display:flex;width:100%;position:relative;}
.range3 .range__slider{width:100%;}
.range3 .range__value{width:35%;margin-left:45px;text-align:center;border-left:#e6e4e4 1px solid;}
.range3 .form-group{display:flex;flex-direction:column; justify-content:center;}
.range3 .form-group label{text-transform:uppercase;font-size:.7rem;color:#222;margin-bottom:5px;}
.range3 .form-group span{font-size:2rem;font-weight:600;color:#3c3b3b;}
.range3 .range__slider label{margin-bottom:10px;}
.range3 .range__value{display:none;}
.range3 .range__slider [type="range"]{width:100%;-webkit-appearance:none;height:8px;border-radius:6px;background:#f1f1f1;outline:none;padding:0;margin:0;}
.range3 .form-group{
	min-width:100%;
	margin-top:40px;
}
.filters-price .range__value{
	position:absolute;
}
/* custom thumb */
.range3 .range__slider [type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:#f97316 2px solid;cursor:pointer;-webkit-transition:background .15s ease-in-out;transition:background .15s ease-in-out;}
.range3 .range__slider [type="range"]::-webkit-slider-thumb:hover{background:#fff;}
.range3 .range__slider [type="range"]::-moz-range-thumb{width:20px;height:20px;border:0;border-radius:50%;background:#f97316;border:#f97316 2px solid; cursor:pointer;-webkit-transition:background .15s ease-in-out;transition:background .15s ease-in-out;}
.range3 .range__slider [type="range"]::-moz-range-thumb:hover{background:#f97316;}

/* remove border */

/* remove border */
input::-moz-focus-inner, input::-moz-focus-outer{border:0;}

.filters-price.range2{display:inline-block;}
.filters-price .range__value{display:inline-block;margin:0;border: 0;width:100%;}
.filters-price .range__value p,
.filters-price .range__value span{font-size:14px;margin-top:8px;color: #7e7e7e;font-weight:300;}
.filters-price .range__value p{float:right;}
.filters-price .last-price{float:left;}


#suggestions {list-style: none;margin: 0;padding: 0;max-height: 150px;overflow-y: auto;position: absolute;width: 100%;}
#suggestions li {padding: 8px;cursor: pointer;border: 1px solid #ccc;background: white;border-radius: 5px;}
#suggestions li:hover {background-color: #f0f0f0;}

@media only screen and (min-width:768px){
    .only-mobile{display:none;}
}

@media only screen and (max-width:992px) and (min-width:768px) {
    header form{margin-left:20px !important;margin-right:10px !important;}
    header .space-x-4 a{margin-left:5px !important;}
    .mobile-menu-col a{font-size:14px;margin-left:15px !important;}
}

@media only screen and (max-width:767px){

.search-bar {margin-left: 1rem !important;margin-right: .5rem !important;}

.loyalty-program-menu svg{display:none;}    
.mobile-menu-col{display:none;position:absolute;top:80px;background:#f9fafb;left:0;right:0px;padding:15px;box-shadow:0 2px 3px rgba(0, 0, 0, .1);border-top: 1px solid #ccc;}
.mobile-menu-col a{width:100%;float:left;margin:0 !important;padding:10px 0;}
.mobile-menu-col.show-menu{display:block;}
.only-mobile{clear:left;margin:0 !important;padding-bottom:0;}
.close-icon{display:none;}
.active-menu .close-icon{display:block;}
.active-menu .nav-icon{display:none;}

.banner-slider .swiper-slide .absolute{padding-bottom:80px;}

.prod-slider .swiper-container-horizontal{height:400px;}
.prod-slider .slider-thumbnail{height:80px;}
}