/* Global responsive typography & layout */

@media (max-width: 1199.98px) {
  .hero-content h1 {
    font-size: 44px;
  }
  .hero-content p {
    font-size: 16px;
  }

  .hero_about,
  .hero_contact,
  .hero_products,
  .hero_projects {
    padding: 110px 0;
  }
}


@media (max-width: 991.98px) {
  body {
    font-size: 15px;
  }

  .navbar-brand {
    font-size: 22px;
  }

  .nav-link {
    margin-right: 10px;
  }

  section {
    padding: 70px 0;
  }

  .hero {
    height: 60vh;
  }

  .hero .carousel-item {
    height: 60vh;
  }

  .hero-content h1 {
    font-size: 38px;
  }

  .hero-content p {
    font-size: 16px;
  }

  .about-card,
  .feature-card,
  .product-card,
  .project-card-modern,
  .testimonial-card,
  .team-card {
    margin-bottom: 24px;
  }

  .team-card img {
    height: 240px;
  }

  .numbers .counter-box h3 {
    font-size: 32px;
  }
}

@media (max-width: 767.98px) {
  .top-header {
    font-size: 12px;
    text-align: center;
  }

  .top-header .container {
    flex-direction: column;
    gap: 4px;
  }

  .navbar {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .navbar-brand {
    font-size: 20px;
  }

  section {
    padding: 60px 0;
  }

  .hero {
    height: 74vh;
  }

  .hero .carousel-item {
    height: 65vh;
  }

  .hero-content {
    align-items: flex-end;
    padding-bottom: 40px;
  }

  .hero-content h1 {
    font-size: 30px;
  }

  .hero-content p {
    font-size: 14px;
  }

  .hero_about,
  .hero_contact,
  .hero_products,
  .hero_projects {
    padding: 90px 0;
  }

  .section-title {
    margin-bottom: 40px;
  }

  .section-title h2 {
    font-size: 24px;
  }

  .section-title p {
    font-size: 14px;
  }

  .image-card img,
  .product-card img,
  .project-card-modern img {
    height: 210px;
  }

  .numbers .row > div {
    margin-bottom: 18px;
  }

  .numbers .counter-box h3 {
    font-size: 30px;
  }

  .cta h2 {
    font-size: 24px;
  }

  .cta p {
    font-size: 14px;
  }

  footer {
    text-align: left;
  }

  footer .row > div {
    margin-bottom: 20px;
  }

  .footer-bottom {
    flex-direction: column;
    gap: 8px;
    text-align: center;
  }
    .home_project_section .project-box-wide .project-image img {
    min-height: 260px;
  }
    .swiper-button-next,
      .swiper-button-prev {
        display: none !important;
      }
      h1 { font-size: 32px !important; }
      h2 { font-size: 26px !important; }
      h3 { font-size: 22px !important; }
      p { font-size: 14px !important; }
      section { padding: 40px 0 !important; }
}

@media (max-width: 575.98px) {
  .hero-content h1 {
    font-size: 26px;
  }

  .hero-content p {
    font-size: 13px;
  }

  .hero_about,
  .hero_contact,
  .hero_products,
  .hero_projects {
    padding: 80px 0;
  }

  .team-card img {
    height: 220px;
  }

  .product-category-card {
    height: 240px;
  }

  .process-circle {
    width: 110px;
    height: 110px;
  }

  .process-circle i {
    font-size: 32px;
  }

  .process-number {
    width: 30px;
    height: 30px;
    font-size: 13px;
  }

  .contact-info p,
  .product-feature-card p,
  .feature-card p {
    font-size: 13px;
  }
}