@media screen and (max-width: 1500px) {
h1{
    font-size: 2.8rem;
}
.banner-sec .bottom {bottom: 28%;}
.banner-sec h1{ line-height:2.8rem; }
.banner-sec h2{ font-size:2.2rem; line-height:2.5rem; }
/*.top-product-sec h2{font-size:2rem;}*/
.top-product-sec .p-md-5{ padding: 2rem!important;}
.headersec ul li{padding:0 15px;}
}
@media screen and (max-width: 1400px) {
.account-block h5{font-size:1rem;}

}
@media screen and (max-width: 1280px) {
h1{
    font-size: 2.6rem;
}
h2{
    font-size: 2.2rem /* 2.938em */;
    line-height: 55px;
}
.headersec ul li{padding:0 10px;}
.account-block h5{font-size: 0.9rem;}
.section{padding:65px 0;}
.banner-sec .bottom{ bottom:12%; }
#footer .f-logo{ width:21%; top:-12%;}
.top-product-sec .d-flex{flex-direction:column;}
#owl-brands .owl-nav .owl-prev{top:30%;}
#owl-brands .owl-nav .owl-next{top:30%;}
}
@media screen and (max-width: 1199px) {
h1{
    font-size: 2.1rem;
}
h2{
    font-size: 1.8rem /* 2.938em */;
    line-height: 40px;
}
.section{padding:55px 0;}	
.headersec ul li{padding:0 6px;}
#footer .footer-bottom:before, #footer .footer-bottom:after{ width:25%; }
.top-product-sec .d-flex{flex-direction:inherit;}
.top-product-sec .img-block img{ height: 370px;}
.account-block.ps-4{padding-left:0.5rem !important;}
.account-block a{ flex:0 34px; }
.account-block a.cart{ flex:0 60px; }
.account-block h5 { font-size: 0.9rem;}
}

@media screen and (max-width: 1024px) {
    .account-block .d-flex{margin-left:-15px;}	
    .account-block h5{ font-size: 0.8rem; }
}

@media screen and (max-width: 991px) {
h1{
font-size: 2.2rem;
}
h2{
font-size: 2rem;
line-height:40px;
}  
h4 { font-size: 1.15rem;}
.banner-sec h1{ line-height:2.8rem; }
.section{padding:40px 0;}
.headersec ul li{padding:0 7px;}
.headersec ul li a{padding: 12px 0;}
.headersec .col-lg-3.bg-white{ margin-top:0; }
.account-block a.cart {flex: 0 30px;}
.account-block{text-align:center; padding: 10px 0;}
.headersec .search-block{ padding-top: 0; padding-bottom: 10px;}
.headersec .btn-search{top:10px;}
.banner-sec{padding-top:100px;}
.banner-sec h2{ font-size: 1.8rem; line-height: 2rem;}
.top-product-sec h2{font-size:1.6rem;}    
.top-product-sec .p-md-5{ padding:1.5rem !important; }
.top-product-sec h4{ font-size: 20px; }
.top-product-sec .col-md-6 h3{ font-size: 25px; }
 #owl-collection .owl-nav .owl-prev{left: 15px; width:35px; height:35px; background-size:15px auto;}
 #owl-collection .owl-nav .owl-next{right: 15px; width:35px; height:35px; background-size:15px auto;}
 #owl-collection .owl-nav .owl-prev:hover, #owl-collection .owl-nav .owl-next:hover{ background-size:15px auto;}
 #owl-brands .owl-nav .owl-prev{ width:25px; height:25px; background-size:12px auto; }
 #owl-brands .owl-nav .owl-next{ width:25px; height:25px; background-size:12px auto; }	
 #owl-brands .owl-nav .owl-prev:hover, #owl-brands .owl-nav .owl-next:hover{background-size:12px auto;}
 #footer .f-logo{ width:30%; top:-3%; right:0;}	
 #footer .footer-bottom:before, #footer .footer-bottom:after{ width:21%; }					
}

@media screen and (max-width: 767px) {
:root{ 
    --gear-btn-font-s:13px;
    --gear-btn-font-l:15px;
    --gear-btn-padding:12px 20px;
}
h1{
font-size: 2.5rem;
}
h2{
font-size: 1.8rem;
line-height:35px;
}
h3{font-size: 1.2rem;}
.headersec .logo{width:50px;}
.headersec .btn{ font-size:15px; padding:7px 15px;}
.headersec .hamburger-menu{padding-top:7px;}
.banner-sec h1{ line-height:2.5rem; }
	.banner-inner{ margin-top:60px;}
.section{padding:35px 0;}  
.top-product-sec .img-block img{height:auto; }	
#footer .f-logo{ position:inherit !important; right:inherit; top:inherit; margin:0 auto 25px; }
#footer .footer-bottom:before, #footer .footer-bottom:after{width:12%;}
#footer .footer-bottom p{ padding:0 12%; } 
.blog-box img{height:280px;}
}


@media screen and (max-width: 650px) {
h1{
font-size: 2.1rem;
}
h2{
font-size: 1.6rem;
line-height:30px;
}
.section{padding:30px 0;} 
#owl-brands .owl-nav .owl-prev{ left:-5px; }
#owl-brands .owl-nav .owl-next{ right:-5px; }
.banner-sec img{height:380px; object-fit:cover;}
.banner-sec h5{ padding-right: 80px;}	
.banner-sec h5:after{width:70px;}
.top-product-sec h4{ font-size: 18px; }
.top-product-sec .col-md-6 h3{ font-size: 22px; }
}

@media screen and (max-width: 575px) {
h1{
font-size: 1.6rem;
}
h2{
font-size: 1.4rem;
line-height:27px;
}
.account-block a {flex: 0 30px;}
..account-block a.cart {flex: 0 34px;}
.banner-sec h1{ line-height:1.6rem; } 	
.banner-sec h2{font-size:1.4rem; line-height:1.5rem;}
.top-product-sec .p-md-5{ padding:1.2rem 0 !important; }
.f-menu li{ margin-bottom:13px;}
.blog-box img{height:auto;}
}
/* @media screen and (max-width: 450px) {
.banner-sec img {height: 324px;}
}
@media screen and (max-width: 400px) {
.account-block{ padding-top:20px; }
.account-block .col-4{width:50%;}

} */
@media screen and (max-width: 400px) {
.banner-sec img{height:300px;}
}