@media only screen and (max-width: 1400px) {
  h1 {
    font-size: 60px;
  }
  .btn {
    padding: 12px 30px;
  }

  .heroSwiper .swiper-slide > img {
    width: 80px;
    height: 50px;
  }
}

@media only screen and (max-width: 1200px) {
  .container {
    max-width: 1200px !important;
  }
  .navbar-brand img, .footer-logo {
    width: 150px !important;
  }
}

@media only screen and (max-width: 992px) {
  h1 {
    font-size: 40px !important;
  }
  h2 {
    font-size: 34px !important;
  }
  h3 {
    font-size: 28px !important;
  }
  h4 {
    font-size: 20px !important;
  }
  h5 {
    font-size: 18px !important;
  }
  h6 {
    font-size: 16px !important;
  }
  p, a, .para, li, input, textarea, .btn, .faq-section .accordion-button, .nav-item .accordion-button {
    font-size: 12px !important;
  }
  .faq-section .accordion-button::after {
    width: 20px;
    height: 20px;
  }
  .btn {
    padding: 12px  !important;
  }
  .testimonial-section .btns .btn {
    padding: 8px 12px !important;
  }

  .bestseller-section .col-lg-3 img {
    width: 80px !important;
  }

}

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

@media only screen and (max-width: 576px) {
  .portfolioSwiper .swiper-slide img {
    width: auto !important;
    
  }
}