/* ============================
   RESPONSIVE MEDIA QUERIES
============================ */

@media (max-width: 992px) {
  .nav-menu { display: none; }
  .hamburger { display: flex; flex-direction: column; }
  .hero-content { padding: 0 40px; }
  .hero-dots, .hero-arrows { left: 40px; right: 40px; }
  .hero-slide-count { display: none; }
  .stats-inner { grid-template-columns: repeat(2, 1fr); }
  .services-img-grid { grid-template-columns: 1fr; }
  .service-img-card { height: 340px; }
  .about-grid { grid-template-columns: 1fr; gap: 40px; }
  .about-img-accent { right: -10px; bottom: -10px; }
  .projects-grid { grid-template-columns: 1fr 1fr; }
  .project-card.large { grid-column: span 2; }
  .features-grid { grid-template-columns: repeat(2, 1fr); }
  .testimonials-grid { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .cta-inner { flex-direction: column; text-align: center; }
  .top-bar { display: none; }
  .contact-grid { grid-template-columns: 1fr; }
  .team-grid { grid-template-columns: repeat(2, 1fr); }
  .services-detail-grid { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
  .hero-content { padding: 0 24px; }
  .hero-content h1 { font-size: 2.6rem; }
  .hero-dots { left: 24px; }
  .hero-arrows { right: 24px; bottom: 24px; }
  .stats-inner { grid-template-columns: repeat(2, 1fr); }
  .projects-grid { grid-template-columns: 1fr; }
  .project-card.large { grid-column: span 1; }
  .features-grid { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; }
  .about-img-wrap { display: none; }
  .about-text { padding-right: 0; }
  .section { padding: 60px 0; }
  .page-header { height: 300px; }
  .team-grid { grid-template-columns: 1fr; }
  .timeline { padding-left: 40px; }
  .timeline::before { left: 10px; }
  .timeline-item::before { left: -38px; }
}