/* GTUB · Responsive */

@media (max-width: 1100px) {
  .hero__grid { grid-template-columns: 1fr; gap: 50px; }
  .quick { grid-template-columns: repeat(2, 1fr); }
  .grid--4 { grid-template-columns: repeat(2, 1fr); }
  .board-grid { grid-template-columns: repeat(3, 1fr); }
  .footer__grid { grid-template-columns: repeat(2, 1fr); gap: 40px; }
  .detail { grid-template-columns: 1fr; }
  .detail__sidebar { position: static; }
}

@media (max-width: 900px) {
  .mainnav, .navbar__social { display: none; }
  .menu-toggle { display: inline-flex; }
  .navbar__inner { min-height: 72px; }
  .grid--3, .grid--2 { grid-template-columns: 1fr; }
  .mag-grid { grid-template-columns: repeat(2, 1fr); }
  .section { padding: 70px 0; }
  .hero { padding: 60px 0 80px; }
  .section__head { flex-direction: column; align-items: flex-start; }
  .board-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 600px) {
  .container { padding: 0 18px; }
  .quick { grid-template-columns: 1fr; }
  .mag-grid, .board-grid, .grid--4 { grid-template-columns: 1fr; }
  .footer__grid { grid-template-columns: 1fr; gap: 36px; padding-bottom: 40px; }
  .brand img { height: 42px; }
  .brand__title { font-size: 22px; }
  .brand__text small { font-size: 9.5px; max-width: 180px; }
  .searchbar__form { padding: 4px 6px 4px 14px; }
  .searchbar__form input { font-size: 14px; }
  .event-card { grid-template-columns: 1fr; }
  .footer__bottom-inner { flex-direction: column; align-items: flex-start; }
  .alert-item { flex-direction: column; align-items: flex-start; gap: 10px; }
  .hero__cta { flex-direction: column; }
  .hero__cta .btn { width: 100%; }
}

@media (max-width: 420px) {
  .btn { padding: 11px 20px; font-size: 13px; }
  .page-hero { padding: 50px 0 60px; }
}