/* MEDIA QUERIES */
@media only screen and (min-width: 100px) and (max-width: 1920px) {

}
@media only screen and (min-width: 100px) and (max-width: 1650px) {
    html {zoom: .9;}
    
      .slider-caption.content h1 {
        font-size: 23vw;
    }

}
@media only screen and (min-width: 100px) and (max-width: 1475px) {
   
  a.btn-1 {
       padding: 12px 28px;
    
    
}
    .slider-caption.content h1 {
        font-size: 25vw;
        text-align: center;
    }
}
@media only screen and (min-width: 100px) and (max-width: 1370px) {
    html {
    zoom: .8;
}
}
@media only screen and (min-width: 100px) and (max-width: 1250px) {
        html {
    zoom: .7;
}
.slider-caption.content h1 {
        font-size: 30vw;
        text-align: center;
    }
 .content h3 {
    font-size: 48px;
}

.banner-img img {
   
    height: 300px;
   
}

  a.btn-1 {
       padding: 12px 28px;
    
    
}
.logo-div h6 {
    margin-bottom: 3rem;
}

}
@media only screen and (min-width: 100px) and (max-width: 1150px) {
    .slider-caption.content h1 {
        font-size: 28vw;
        text-align: center;
    }
}
@media only screen and (min-width: 100px) and (max-width: 1065px) {
     a.btn-1 {
        padding: 12px 23px;
    }
    .main-banner-item {
    width: 55%;
    /* object-position: right; */
    margin: 0px 21% 0px auto;
}
}
@media only screen and (min-width: 100px) and (max-width: 1025px) {
    a.btn-1 {
       padding: 12px 28px;
    padding: 12px 20px;
    
}
.product-con h6 {
    font-size: 22px;
   
}
.header .bottom-row .navigation-list>li:not(:last-child) {
    margin-right: 10px;
}
}
@media only screen and (min-width: 100px) and (max-width: 1023px) {
    
}
@media only screen and (min-width: 100px) and (max-width: 991px) {
    .header__menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.serach-bar {
    display: block !important;
}
.mobile-menu {zoom: 1.44;}
.mobile-menu.mobile-view .footer-social {padding-left: 14px;}
    .slider-caption.content h4 {
    padding-left: 6rem;
}
.footer-payments {
    display: none;
}
.footer-bottom {
    justify-content: center !important;
}
     .swiper-button-next,
  .swiper-button-prev {
    display: none !important;
  }
    /* Dropdown wrapper for smooth transition */
.dropdown-wrapper {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.5s ease;
}

/* Active/opened dropdown */
.dropdown-wrapper.active {
  max-height: 1500px; /* adjust according to content size */
}

/* Optional Styling */
#toggleBtn {
  background-color: var(--c1);
  color: white;
  padding: 10px 15px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
.contatc-form-content {
    padding: 0;
    margin-top: 40px;
}

.contatc-form-content.content h3, .contatc-form-content.content h3 span {
    font-size: 28px;
}
.sell__form:before {
    display: none;
}

.sellform {
    padding: 20px;
}
.sellform h1 {
    font-size: 48px;
}

}
@media only screen and (min-width: 100px) and (max-width: 768px) {
 .af-after:after {
   
height: 571px;
   
right: -90px;
}
   
.bf-after:before {
   
height: 571px;
   
top: -100px;
}
}
@media only screen and (min-width: 100px) and (max-width: 767px) {
    .main-banner-item {
        width: 46%;
        /* object-position: right; */
        margin: -30px 21% 0px auto;
    }
    .who_we.who___we .row {flex-direction: column-reverse;}

.who_we {
    padding-bottom: 40px;
    padding-top: 40px;
}

.who_we .content {
    margin-top: 50px;
}
.content h3 {
    font-size: 28px;
}
.banner-content {
  
    top: 20px;
    
}
.banner-img img {
   
    height: 200px;
   
}


section.shop__brand .logo-div .logo-img {
    background: #F5F5F5;
    width: 340px;
    margin: 0 auto;
    height: 340px;
    line-height: 340px;
}
.footer-subscribe {
    margin-top: 20px;
}
.footer-about {
    margin-bottom: 20px;
}
}
@media only screen and (min-width: 100px) and (max-width: 575px) {
    .content h3 {
        font-size: 18px;
    }
    .af-after:after {
   
    height: 401px;
        right: -130px;
    
}
   
.bf-after:before {
   
    height: 401px;
    
}
}
@media only screen and (min-width: 100px) and (max-width: 425px) {}
@media only screen and (min-width: 100px) and (max-width: 300px) {}