@charset "UTF-8";

@media (max-width:1199px) {
h1 { font-size: 56px; } 
}
@media (min-width:767px) and (max-width:991px){
.navbar-nav .nav-item { padding: 0 10px; font-size: 15px; }
}
@media (max-width:991px) {
h1 { font-size: 42px; }
h2 { font-size: 30px; }
    .how-work-sec {
        padding-top: 30px;
        padding-right: 15px;
        padding-left:15px;
    } 
.categories-info li { width: 33.33%; }
.categories-info { justify-content: center; }
.newsletter-block { width: 100%; flex-wrap: wrap; }
.banner-carousel.owl-carousel .owl-item img { min-height: 450px;  max-height: 450px;}
.banner-content h1 {font-size: 32px    }

}


@media (max-width:767px) {
.navbar-toggler{ border-color: var(--white); color: var(--white); padding: 7px 10px; }
.navbar-toggler:focus { box-shadow: none; }
.header-inner { align-items: flex-start; padding-right: 50px; }
.navbar { justify-content: flex-end; padding-top: 33px; }
.register-sec { padding-top: 34px; }
.how-work-sec { min-height: 10px;}
.newsletter { padding: 40px 0; }
.categories-info li { width: 50%; }
.collections-image img { width: 100%; }
.form-subscribe .form-control { width: 50%; }
.footer-link { justify-content: center; }
.footer-link li { padding: 8px 0px; width: 100%; border-bottom: 1px solid #ddd; }
.footer-social { justify-content: center; padding-top: 20px; }
.contact-form { padding: 20px; margin-top: 40px; }
.contact-form .form-control { padding: 5px 15px; font-size: 16px; min-height: 40px; }
.contact-form .form-group { margin-bottom: 15px; }
.contact-form h3 { margin-bottom: 20px; }
.sec-padding { padding:15px 0; }
.contact-us h1 { margin-bottom: 20px; }
.touch-info { padding-bottom: 0px; }
header .container { position: relative;}
nav.navbar.navbar-expand-md { position: initial; }
.navbar-collapse { position: absolute ; z-index: 111; background: var(--blue); top: 105px; left: 0; width: 100%; border-top: 1px solid #ddd;padding: 15px 0;}
.navbar-nav .nav-item { text-align: left; padding-left: 25px; }
.header-inner button.navbar-toggler { position: absolute; right: 15px; top: 32px; }
.btn-register {padding: 3px 15px;}
footer { padding-top: 15px;}
.page-title-inner {  margin-bottom: 15px;}
.customer-sign-up.reg-form-data { order: initial;}
img { max-width: 100%;}
.signup-form { margin-bottom: 40px;}
.banner-content h1 { font-size:26px}
}