@media (max-width: 768px) {
  /* Global */
  .container {
    padding: 0 16px;
  }

  .sectionTitle {
    font-size: 32px;
    margin-bottom: 32px;
    text-align: left;
  }
  .sectionDescription {
    width: 100%;
  }

  .sectionTitleContainer {
    flex-direction: column;
    gap: 12px;
  }

  /* Navbar */
  .navbar {
    padding: 1rem 0rem;
  }

  .nav-links {
    display: none;
  }

  #navBTNcontainer {
    width: auto;
  }

  .btn-primary {
    border: 1px solid var(--secondary-color);
  }

  /* Hero */
  .hero {
    height: auto;
    padding: 12vh 0 6vh;
  }

  .hero h1 {
    font-size: 36px;
  }

  .hero-subtitle {
    font-size: 16px;
  }

  .heroPics {
    flex-direction: column;
    width: 100%;
    gap: 16px;
  }

  .heroPics img {
    width: 100%;
    height: 260px;
  }

  /* Brands */
  .brands {
    flex-wrap: wrap;
    height: auto;
    padding: 5px 0;
    margin: 0px 0px;
  }

  .brands img {
    width: 15%;
  }

  /* Services */
  .Hservice-card {
    flex-direction: column;
    align-items: flex-start;
    padding: 24px;
  }

  .Hservice-card p {
    font-size: 30px;
  }

  .Hservice-card img {
    display: none; /* disable hover visuals on touch */
  }

  /* About */
  .customer-service {
    height: auto;
    padding: 60px 0;
  }

  .serviceSection {
    flex-direction: column;
    height: auto;
    gap: 24px;
  }

  .serviceImage {
    width: 100%;
    height: 260px;
  }

  .service-features {
    width: 100%;
    height: auto;
  }

  .service-features p {
    font-size: 16px;
  }

  /* Industries */
  .audience-grid {
    grid-template-columns: 1fr;
  }

  .audience-card,
  .audience-card-final {
    height: 70vh;
  }

  .audience-card::before {
    bottom: 0;
    padding: 0.5rem 0px; /* always visible on mobile */
  }

  .audience-card ul {
    opacity: 1;
    transform: none;
  }

  /* Features */
  .feature-card {
    padding: 20px;
  }

  /* Pricing */
  .pricing-grid {
    grid-template-columns: 1fr;
  }

  .amount {
    font-size: 44px;
  }

  .plan-description {
    font-size: 16px;
  }

  /* Testimonials */
  .testimonial-card {
    padding: 24px;
  }

  .testimonial-card p {
    font-size: 16px;
  }

  .big-number {
    font-size: 56px;
  }

  /* Contact */
  .contact-wrapper {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .contact-info h2 {
    font-size: 36px;
  }

  .contact-description {
    font-size: 18px;
  }

  .form-row {
    grid-template-columns: 1fr;
  }

  /* Footer */
  .footer-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .footer {
    padding: 60px 0 32px;
  }
}