/* ==========================================================================
   NEXILLIUM TECH SOLUTION - RESPONSIVE STYLESHEET
   ========================================================================== */

/* Large Laptops & Desktops (max-width: 1400px) */
@media (max-width: 1400px) {
  :root {
    --container-max-width: 1200px;
  }

  .hero-title { font-size: 2.7rem; }
  h1 { font-size: 2.7rem; }
  h2 { font-size: 2.4rem; }
}

/* Laptops & Small Desktops (max-width: 1200px) */
@media (max-width: 1200px) {
  :root {
    --container-max-width: 980px;
  }

  .hero-title { font-size: 2.4rem; }
  h1 { font-size: 2.4rem; }
  h2 { font-size: 2.2rem; }

  .hero-section {
    min-height: auto;
    padding-top: 110px;
    padding-bottom: 70px;
  }

  .nav-menu {
    gap: 22px;
  }

  .services-grid-8 {
    grid-template-columns: repeat(2, 1fr);
  }

  .pricing-grid-3 {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Tablets (max-width: 991px) */
@media (max-width: 991px) {
  :root {
    --container-max-width: 720px;
  }

  .header-container {
    height: 80px;
  }

  .main-navigation {
    display: none !important; /* Hide desktop nav menu on mobile/tablet */
  }

  .header-cta-btn {
    display: none !important; /* Hide desktop CTA button on mobile */
  }

  .mobile-menu-trigger {
    display: block !important; /* Show mobile drawer icon ONLY on mobile/tablet */
  }

  .hero-grid, .about-grid, .solver-accordion-grid, .benefits-wrapper, .help-section-grid, .it-contact-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .it-contact-card {
    padding: 35px 25px;
  }

  .hero-image-wrapper {
    text-align: center;
    margin-top: 30px;
  }

  .hero-image-wrapper img {
    margin: 0 auto;
    max-width: 85%;
  }

  .services-grid-8, .process-grid-4, .pricing-grid-3 {
    grid-template-columns: repeat(2, 1fr);
  }

  .newsletter-banner-box {
    flex-direction: column;
    text-align: center;
  }

  .newsletter-form {
    min-width: 100% !important;
  }
}

/* Mobile Devices (max-width: 767px) */
@media (max-width: 767px) {
  :root {
    --container-max-width: 100%;
  }

  .hero-title { font-size: 1.85rem; }
  h1 { font-size: 1.85rem; }
  h2 { font-size: 1.6rem; }
  h3 { font-size: 1.35rem; }

  .section-padding {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .services-grid-8, .process-grid-4, .pricing-grid-3, .about-features-4grid, .it-form-grid {
    grid-template-columns: 1fr;
  }

  .it-form-group.full-width,
  .it-checkbox-group,
  .btn-it-submit,
  .it-form-feedback {
    grid-column: span 1 !important;
  }

  .it-contact-title {
    font-size: 1.55rem;
  }

  .services-grid-8, .process-grid-4, .pricing-grid-3, .about-features-4grid {
    grid-template-columns: 1fr;
  }

  .hero-buttons {
    flex-direction: column;
    width: 100%;
  }

  .btn-hero-icon-box {
    width: 100%;
    justify-content: center;
  }

  .logos-wrapper {
    flex-wrap: wrap;
    justify-content: center;
    gap: 25px;
  }

  .logo-item img {
    height: 30px;
  }
}

/* Small Mobile Phones (max-width: 480px) */
@media (max-width: 480px) {
  h1 { font-size: 2rem; }
  h2 { font-size: 1.7rem; }
}