@media screen and (max-width: 1400px) {
  .page-container,
  .wrap {
    padding: 3% !important;
  }

  .garment-header-inner {
    padding: 0 3% !important;
  }
}

@media (max-width: 768px) {
  .page-hero p,
  .related-content h3 {
    font-size: 12px !important;
  }

  .related-content p {
    font-size: 11px;
  }

  .quote-cta p,
  .faq-intro p,
  .about,
  .main-products p,
  .card-title {
    font-size: 14px !important;
  }

  .page-hero h1,
  .quote-cta h2,
  .faq-intro h2,
  .op-article h2,
  .ab_tit h2,
  .main-products h3 {
    font-size: 22px !important;
  }

  .faq-question h3,
  .ab_tit p {
    font-size: 15px !important;
  }

  .page-hero {
    background-position: 70% center !important;
    background-size: cover;
  }

  .related-content p {
    display: none;
  }

  .wrap {
    padding: 0 20px !important;
  }

  .count-number {
    font-size: 14px !important;
    margin-bottom: 4px;
  }

  .page-hero-inner {
    padding: 6rem 2rem;
  }

  .quote-cta-inner {
    padding: 48px 16px 7rem !important;
  }

  div.page-hero-inner {
    padding-top: 6rem !important;
    padding-bottom: 5rem !important;
  }
}