@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; }
    .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;
        line-height: 55px;
    }
    .headersec ul li{padding:0 10px;}
    .section{padding:65px 0;}
    .banner-sec .bottom{ bottom:12%; }
    .store-title .store-icon{width: 40px;}
}

@media screen and (max-width: 1199px) {
    h1{
        font-size: 2.1rem;
    }
    h2{
        font-size: 1.8rem;
        line-height: 40px;
    }
    .section{padding:55px 0;}	
    .headersec ul li{padding:0 6px;}
    .about-sec{background-position: top -50px right -50px;}
}


@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{ padding-top:0; }
    .headersec .logo {width: 120px; margin: 5px 0;}
    .headersec ul li{ font-size: 14px; padding:0 7px;}
    .headersec ul li a{padding: 25px 0;}
    .headersec.navbar-fixed ul li a { padding: 25px 0;}
    .headersec .col-lg-3.bg-white{ margin-top:0; }
    .headersec .search-block{ padding-top: 0; padding-bottom: 10px;}
    .headersec .btn-search{top:10px;}
    .banner-sec h2{ font-size: 1.8rem; line-height: 2rem;}
    #owl-events{ margin:0; }	
    #owl-events .owl-stage-outer{padding:0;}
    #owl-events.owl-carousel .owl-nav button.owl-prev{
        font-size: 60px;
        color: var(--bs-primary);
        position: absolute;
        left: -27px;
        top: 30%;
    }
    #owl-events.owl-carousel .owl-nav button.owl-next{
        font-size: 60px;
        color: var(--bs-primary);
        position: absolute;
        right: -27px;
        top: 30%;
    }
    #owl-events.owl-carousel button.owl-dot{ display:none; }			
}

@media screen and (max-width: 767px) {
    h1{
    font-size: 2.5rem;
    }
    h2{
    font-size: 1.8rem;
    line-height:35px;
    margin-bottom: 15px;
    }
    h3{font-size: 1.2rem;}
    h5{font-size: 1rem;}
    .btn{ font-size:14px; padding: 7px 15px;}
    .headersec .hamburger-menu{padding-top:7px;}
    .banner-sec h1{ line-height:2.5rem; }
    .section{padding:35px 0;}
    #owl-events.owl-carousel .owl-nav button.owl-prev{left:0;}
    #owl-events.owl-carousel .owl-nav button.owl-next{right:0;}    
}


@media screen and (max-width: 650px) {
    body{font-size: 14px;}
    h1{
    font-size: 2.1rem;
    }
    h2{
    font-size: 1.6rem;
    line-height:30px;
    }
    p{line-height: 22px;}
    .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;}
}

@media screen and (max-width: 575px) {
    h1{
    font-size: 1.6rem;
    }
    h2{
    font-size: 1.4rem;
    line-height:27px;
    }
    .headersec .logo{width:115px;}
    .banner-sec h1{ line-height:1.6rem; } 	
    .banner-sec h2{font-size:1.4rem; line-height:1.5rem;}
    .f-menu li{ margin-bottom:6px;}
}

@media screen and (max-width: 450px) {
    .banner-sec img {height: 324px;}
}

@media screen and (max-width: 400px) {
    .headersec .logo{width: 86px; bottom:-19px;}
}

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