/* ==========================================================================
   ApexSoft Technologies - Responsive Media Queries
   Mobile-First & Cross-Device Breakpoints
   ========================================================================== */

/* Large Screens & Retina (min-width: 1400px) */
@media (min-width: 1400px) {
  .container {
    max-width: 1320px;
  }
}

/* Laptops & Desktop Standard (max-width: 1199.98px) */
@media (max-width: 1199.98px) {
  .hero-title {
    font-size: 3rem;
  }

  .section-title {
    font-size: 2.25rem;
  }

  .service-card {
    padding: 2rem 1.5rem;
  }
}

/* Tablets Landscape & Portrait (max-width: 991.98px) */
@media (max-width: 991.98px) {
  .hero-section {
    padding: 140px 0 70px 0;
    text-align: center;
  }

  .hero-btns {
    justify-content: center;
  }

  .hero-illustration-wrapper {
    margin-top: 3rem;
  }

  .floating-card-1 {
    top: 0;
    left: 0;
  }

  .floating-card-2 {
    bottom: 0;
    right: 0;
  }

  .timeline-saas::before {
    left: 20px;
  }

  .timeline-item {
    width: 100%;
    padding-left: 50px !important;
    padding-right: 0 !important;
  }

  .timeline-item.left, .timeline-item.right {
    left: 0;
  }

  .timeline-item.left .timeline-dot, .timeline-item.right .timeline-dot {
    left: 10px;
    right: auto;
  }

  .cta-title {
    font-size: 2.25rem;
  }

  .navbar-collapse {
    background: var(--bg-card);
    padding: 1.5rem;
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-lg);
    border: 1px solid var(--border-color);
    margin-top: 1rem;
  }

  .mega-menu-content {
    position: static;
    box-shadow: none;
    padding: 1rem 0;
    border: none;
  }
}

/* Mobile Devices (max-width: 767.98px) */
@media (max-width: 767.98px) {
  html {
    font-size: 15px;
  }

  .hero-title {
    font-size: 2.35rem;
  }

  .hero-subtext {
    font-size: 1.1rem;
  }

  .section-title {
    font-size: 1.85rem;
  }

  .stat-number {
    font-size: 2.5rem;
  }

  .cta-section {
    padding: 50px 1.5rem;
    text-align: center;
  }

  .cta-title {
    font-size: 1.85rem;
  }

  .whatsapp-float {
    bottom: 80px;
    right: 20px;
    width: 50px;
    height: 50px;
    font-size: 1.5rem;
  }

  .whatsapp-chat-box {
    width: 290px;
    right: 15px;
    bottom: 140px;
  }

  .cookie-banner {
    flex-direction: column;
    text-align: center;
    padding: 1rem;
  }
}

/* Small Mobile Devices (max-width: 480px) */
@media (max-width: 480px) {
  .hero-title {
    font-size: 2rem;
  }

  .btn-saas {
    width: 100%;
  }

  .hero-btns {
    flex-direction: column;
  }
}