/* ============================================================
   responsive.css — Responsive Breakpoints
   ============================================================ */

/* ---- 1024–1200px ---- */
@media (max-width: 1200px) {
  .stats-grid { grid-template-columns: repeat(4, 1fr); }
  .services-grid { grid-template-columns: repeat(4, 1fr); }
  .eservice-grid { grid-template-columns: repeat(4, 1fr); }
  .team-grid { grid-template-columns: repeat(4, 1fr); }
}

/* ---- 768–1024px ---- */
@media (max-width: 1024px) {
  .hamburger-btn { display: flex; }

  .sidebar {
    transform: translateX(-100%);
    z-index: 960;
  }
  .sidebar.open {
    transform: translateX(0);
  }

  .main-content { margin-left: 0; }

  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .services-grid { grid-template-columns: repeat(3, 1fr); }
  .eservice-grid { grid-template-columns: repeat(3, 1fr); }
  .team-grid { grid-template-columns: repeat(3, 1fr); }

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

  .footer-inner { grid-template-columns: 1fr; }
  .link-cards-grid { grid-template-columns: 1fr; }
}

/* ---- ≤768px ---- */
@media (max-width: 768px) {
  .banner-wrap { height: 180px; }
  .banner-slide { padding: 0 40px; }
  .banner-title { font-size: 16px; }

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

  .page-content { padding: 18px 16px; }
  .navbar { padding: 0 14px; }
  .navbar-contact { display: none; }
  .navbar-fb-link { display: none; }
  .navbar-title-sub { display: none; }
  .footer { padding: 20px 16px; }
}

/* ---- ≤480px ---- */
@media (max-width: 480px) {
  .banner-wrap { height: 160px; }
  .banner-title { font-size: 14px; }
  .banner-desc { display: none; }

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

  .stat-value { font-size: 20px; }
  .navbar-logo { width: 36px; height: 36px; font-size: 16px; }
  .navbar-title-main { font-size: 13px; }
  .countdown-timer { gap: 4px; }
  .countdown-num { font-size: 22px; }
}

/* ---- Print ---- */
@media print {
  .navbar, .sidebar, .banner-wrap, .footer { display: none !important; }
  .main-content { margin: 0 !important; }
  .page-content { padding: 0 !important; }
}