/* ============================================================
   Divyansh AI Labs — responsive.css
   ============================================================ */

@media (max-width: 1024px) {
  .grid-4 { grid-template-columns: repeat(2, 1fr); }
  .grid-3 { grid-template-columns: repeat(2, 1fr); }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .about-wrap,
  .placement-wrap { grid-template-columns: 1fr; gap: 40px; }
  .panel { grid-template-columns: 1fr; gap: 28px; }
  .panel.reverse .panel-media { order: 0; }
}

@media (max-width: 820px) {
  .section { padding: 80px 0; }
  .nav-links,
  .nav-cta { display: none; }
  .nav-toggle { display: block; }
  .stats { grid-template-columns: repeat(2, 1fr); gap: 32px; }
  .contact-wrap { grid-template-columns: 1fr; }
  .courses-head { flex-direction: column; align-items: stretch; }
  .search-box { width: 100%; }
  .newsletter { flex-direction: column; align-items: flex-start; }
  .newsletter-form { width: 100%; }
  .newsletter-form input { flex: 1; width: auto; }
  .footer-bottom { flex-direction: column; }
}

@media (max-width: 560px) {
  .container { padding: 0 18px; }
  .grid-2,
  .grid-3,
  .grid-4 { grid-template-columns: 1fr; }
  .contact-info { grid-template-columns: 1fr; }
  .placement-grid { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; }
  .form-row { grid-template-columns: 1fr; }
  .hero-actions { flex-direction: column; align-items: stretch; }
  .hero-actions .btn { justify-content: center; }
  .cta-banner { padding: 32px; }
  .t-card { padding: 32px 22px; }
  .manifesto-card,
  .contact-form { padding: 28px; }
}