@media only screen and (min-width: 1400px){

}
@media only screen and (min-width: 1800px){

}


@media only screen and (min-width: 2501px){

}


@media (min-width: 768px){
.header .mobile-buttons{ display:none;}
.mobile-contact-box{ display:none;}
.hero-bg.mobile{ display:none;}

}

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


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

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

}

@media (max-width: 1199px){

}



@media (max-width: 990px){
.mid-header .heder-logo {display: block; width: 50%;}
.mid-header .heder-logo img {max-width: 170px;}
.mid-header .header-menu {width: auto; order: 2;}

.mid-header {padding: 10px 0;}
.header-menu button.navbar-toggler {display: inline-block; float:right; padding: 0; position: relative; box-shadow: none;}
.header-menu button.navbar-toggler.collapsed span.navbar-toggler-icon::before, .header-menu button.navbar-toggler.collapsed span.navbar-toggler-icon::after {content: ""; width: 25px; height: 2px; background: #fff; position: absolute; left: 5px; top: 7px; transform: rotate(0deg);}
.header-menu button.navbar-toggler.collapsed span.navbar-toggler-icon::after{ top: 22px;}
.header-menu button.navbar-toggler.collapsed span.navbar-toggler-icon span {width: 35px; height: 2px; background: #fff; display: inline-block; position: absolute; top: 15px; right: 0;}

.header-menu button.navbar-toggler span.navbar-toggler-icon::before, .header-menu button.navbar-toggler span.navbar-toggler-icon::after {content: ""; width: 30px;
height: 2px; background: #fff; position: absolute; left: 0; top: 7px;}
.header-menu button.navbar-toggler span.navbar-toggler-icon::after{ top: 14px; transform: rotate(-45deg);}
.header-menu button.navbar-toggler span.navbar-toggler-icon::before{transform: rotate(45deg); top: 14px;}
.header-menu button.navbar-toggler span.navbar-toggler-icon span { display:none;}

.header-menu .navbar ul.navbar-nav li.dropdown .dropdown-menu{padding: 10px 0; background: #1c1817; position: relative; top: 0; max-height: 400px; overflow-y: scroll;}
.dropdown-menu .col-md-2 {margin: 0px 0 10px 0; border-bottom: 1px solid #544743; padding: 0 0px 10px;}

.menu {position: absolute; left: 0; top: 0; height: 100vh;}
.header-menu .navbar .navbar-collapse {position: fixed; left: 0; width: 40%; height: 100vh; background: #fff; z-index: 999; display: block; transform: translate(-800px, 0px); transition: all 0.5s ease; background: #fff;  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; padding: 15px;}
.header-menu nav.navbar{ display:block;}
.header-menu .navbar .navbar-collapse .menu-logo {border-bottom: 1px solid #362c2a; padding: 0 0 10px 0; display: block; margin-bottom: 10px;}
.header-menu .navbar .navbar-collapse .menu-logo img {width: 150px;}
.header-menu .navbar .navbar-collapse.show {transform: translate(0px, 0px); transition: all 0.5s ease; background: #1c1817;}
.header-menu .navbar .navbar-collapse ul.navbar-nav {margin: 0 !important; padding: 0; display: block;}
.header-menu .navbar .navbar-collapse ul.navbar-nav .nav-item {border-bottom: 1px solid #362c2a;  margin: 0; padding:5px 0;}
.header-menu .navbar .navbar-collapse ul.navbar-nav a.nav-link {border: none; font-size: 15px; padding: 10px 10px;}
section.header.sticky-header .header-menu .navbar ul.navbar-nav li a {font-size: 20px;}
.header-menu .navbar .navbar-collapse ul.navbar-nav a.nav-link.active, .header-menu .navbar .navbar-collapse ul.navbar-nav a.nav-link:hover{ color: #f7c86e;}
.header-menu .navbar .navbar-collapse ul.navbar-nav a.nav-link.dropdown-toggle::after {position: absolute; right: 0; top: 23px; width: 25px; height: 25px; margin: 0; content: "\f107"; font-family: 'FontAwesome'; cursor: pointer; display: flex; align-items: center; justify-content: center; border-radius: 0; left: auto; color: #fff; background: #f7c86e;}
.header-menu .navbar .navbar-collapse ul.navbar-nav li.show a.nav-link.dropdown-toggle::after {content: "\f106";}
.header-menu .navbar ul.navbar-nav li.dropdown ul.dropdown-menu {width: 100%; left: 0; margin: 0px 0 10px 0; border: none; padding: 0 10px; box-shadow: none; position: static; border-radius: 0; background: transparent;}
.header-menu .navbar ul.navbar-nav li.dropdown ul.dropdown-menu li{ width:100%; margin:0; padding: 0; border-color: #324671;}
.header-menu .navbar ul.navbar-nav li.dropdown ul.dropdown-menu li a.dropdown-item{font-weight: 600; color: #fff;}
.header-menu .navbar ul.navbar-nav li.dropdown ul.dropdown-menu li:last-child{ border:none;}
.header-menu .navbar ul.navbar-nav li a.login-btn{margin: 10px 0 0 0; text-align: center;}


.header-menu .navbar ul.navbar-nav li.dropdown ul.dropdown-menu h6.title{    margin: 10px 0px 0;}.header-menu .navbar ul.navbar-nav li.dropdown ul.dropdown-menu .header-menu .navbar ul.navbar-nav li.dropdown ul.dropdown-menu {margin-bottom: 5px;}


.top-header-content .logo-box ul.top-links li{ display:none;}
.top-header-content .logo-box ul.top-links li.phone-number, .top-header-content .logo-box ul.top-links li.email{display: block;}


}
@media (max-width: 800px){

}

@media (max-width: 767px){
.sticky-header .header-right {display: none;}


.header-navbar .header-btn {display: none;}
.mobile-contact-box {width: 100%; position: fixed; bottom: 0; z-index: 9; display: flex; align-items: center; justify-content: space-between; opacity:1;}
.mobile-contact-box a.item {display: flex; align-items: center; width: 100%; justify-content: center; padding: 10px; color: #fff; font-size: 16px;}
.mobile-contact-box a.item.whatsapp {background: #0c992a;}
.mobile-contact-box a.item.call {background: #12bfa6;}
.mobile-contact-box a.item.location {background: #ebb211;}

.whatsapp-icon a{ font-size:0; padding:0;}
.whatsapp-icon a i.fa{margin: 0 0px 0 0;}

}


@media (min-width: 640px){
.header-navbar .heder-logo { display: none;}
}


@media (max-width: 639px){
.header-top{background: rgb(26 43 60);}
.top-header-content .logo-box a.logo {display: none;}
.top-header-content .logo-box ul.top-links li, .top-header-content .logo-box ul.top-links li.phone-number {display: none;}
.top-header-content .logo-box ul.top-links li.email {display: block;}

.mid-header{background: #1c1817;}
.header-menu .navbar .navbar-collapse{width: 85%;}
.make-to-order, .call-back-request{ display:none;}

.home-banner .owl-carousel .item img{height: 250px;}
.home-banner .banner-content{ text-align:center;}
.banner .item .banner-content h5 {font-size: 18px; padding: 0 0 5px 0px; letter-spacing: 7px;}
.banner .item .banner-content h1 {font-size: 38px; line-height: 32px;}

.categories-bag, .youtube-video-section {padding: 30px 0;}
.heading-box h2 {font-size: 28px;}
.shop-by-reels, .our-gallery {padding: 0px 0;}
.heading-box {margin: 0 auto 20px;}
.trending-choices {padding: 20px 0;}
#tiles-reel .owl-nav, #youtube-video-slider .owl-nav {display: none;}
#trending-slider .item-content .trending-img-name{ bottom: 18px;}
.new-arrivals {padding: 20px 0;}
.our-gallery .img-gallery .galley-img-box, .our-gallery .img-gallery .galley-img-box, .gallery-img.align, .our-gallery .img-gallery{gap: 10px;}
.our-gallery .gallery-img img{height: 215px;}
.our-gallery .img-gallery .gallery-img.align img{height: 100px;}

.accessories-grid {grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));}

.heading-box .line .google-review {width: 100px;}
.testimonial {padding: 0px 0 20px;}
#testimonial .owl-dots{margin: 20px 0 0;}

.product-page {padding: 30px 0;}
.product-page .col-md-3.order { order: 2; margin: 30px 0 0 0;}
.product-page .list-top{margin: 0 0 15px 0;}
.product-list-container{grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));}
.product-list-container .product-item .product-item-img img{height: 120px; object-fit: cover;}
.product-list-container .product-item .product-item-info{ gap: 5px;}
.product-list-container .product-item .product-item-info .product-item-name a { font-size: 15px;}
.product-list-container .product-item .product-item-info .product-item-price{ display:block; margin: 7px 0 0 0; padding: 5px 10px 0;}
.product-list-container .product-item .product-item-info .product-item-price a.cart-btn{ display:block; text-align:center;}


.product-details {padding: 30px 0;}
.product-details .product-img-box{display: grid;}
.product-details .product-img-box .thumb-img {display: block; order: 2; text-align: center;}
.product-details .thumb-img img {width: 50px; margin: 0 2px 5px;}
.product-details .product-info{ margin: 20px 10px; width:auto;}
.select-quantity .align {display: block;}
.deliverability .input-group select { width: 60%}
.deliverability .input-group button.btn{width: 40%;}
.select-quantity .align .input-box input {width: 100%;}
.select-quantity .small-text{ margin: 10px 0; display: block;}


.related-product-box .product-item .product-item-img img{height: 100px;}

.related-product-box {padding: 0 0 50px 0;}
.related-product-box .product-item .product-item-info .product-item-name a { font-size: 15px;}
.related-product-box .product-item .product-item-info .product-item-price{ display:block; margin: 7px 0 0 0; padding: 5px 10px 0;}
.related-product-box .product-item .product-item-info .product-item-price a.cart-btn{ display:block; text-align:center;}
#related-product-slider .owl-nav {display: none;}

.cart-page {padding: 30px 0;}
.cart-page .cart-product .cart-list{padding: 10px; gap: 10px;}
.cart-page .cart-product .cart-list .product-img img {width: 70px;}
.cart-page .cart-product .cart-list .remove{right: 0px; top: -7px;}
.cart-page .cart-product .cart-list .product-info { gap: 5px;}
.cart-page .cart-product .cart-list .product-info h5.name {font-size: 16px;}

.checkout-page{padding: 30px 0;}

.inner-banner {height: 160px;}
section.about { padding: 30px 0;}
section.about .align{ margin: 20px 20px 0 20px;}
.how-we-work {padding: 0px 0 50px;}

.gallery-section { padding: 30px 0;}
.filters {display: inline-block; justify-content: center; text-align: center;}
.filter-btn{padding: 15px 15px; margin: 0 0 2px 0;}	

.contact-page { padding: 30px 0;}
.contact-form-box{margin: 0 0 20px 0;}
.map {padding: 20px 0;}
.map iframe {height: 300px;}




section.footer{ padding:30px 0 0 0px;}
section.footer .col-sm-3, .footer .col-sm-3.links, .footer .col-sm-3.service{ width:100%;}
.footer-content a.ftr-logo img{ width: 160px; margin: 0 10px 20px 0;}
section.footer ul li {padding: 10px 0 10px 0;}
section.footer .col-sm-3 .footer-content p{ font-size:14px;}
section.footer .col-sm-3 .footer-content {margin-bottom: 20px; border-bottom: 1px solid #ffffff5e; padding: 0 0px 15px;}
.footer-content ul.socail-link {margin: 20px 0 0px 0;}
.btm-ftr p.copyright{ text-align:center;}
section.footer .btm-ftr ul {text-align: center; margin:0 0 10px 0;}
section.footer .col-sm-3.ratings .footer-content {border: none;}
.btm-ftr .btm-ftr-content {display: block;}


.scrollup{right: 20px; bottom: 70px;}
section.footer .col-sm-3 .footer-content.contact-info {border: none; margin: 0;}
.btm-ftr{margin: 0px 0 0 0;}
}

@media (max-width: 479px){

}




@media (max-width: 375px){


}
@media (max-width: 320px){

}