/* ==========================================================================
   Taekwondo Theme - responsive.css
   Media Queries
   ========================================================================== */

@media (max-width: 1024px) {
    .categories-grid { grid-template-columns: repeat(2, 1fr); }
    .stats-grid { grid-template-columns: repeat(2, 1fr); }
    .gallery-grid { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 200px); }
    .gallery-item:nth-child(1) { grid-column: span 2; grid-row: span 1; }
}

@media (max-width: 768px) {
    section { padding: 4rem 1.25rem; }
    .about-grid, .contact-grid, .history-content { grid-template-columns: 1fr; }
    .categories-grid { grid-template-columns: 1fr; }
    .stats-grid { grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }
    .stat-item h3 { font-size: 2.2rem; }
    .gallery-grid { grid-template-columns: 1fr; grid-template-rows: auto; }
    .gallery-item:nth-child(1) { grid-column: span 1; }
    .gallery-item { height: 200px; }
    .footer-content { grid-template-columns: 1fr 1fr; gap: 2rem; }
    .tenets-list { grid-template-columns: 1fr; }
    .nav-overlay nav a { font-size: 1.8rem; }
    .form-row { grid-template-columns: 1fr; }
    .blog-grid { grid-template-columns: 1fr; }
    .single-navigation { flex-direction: column; }
}

@media (max-width: 480px) {
    .hero-buttons { flex-direction: column; align-items: center; }
    .btn { width: 100%; justify-content: center; }
    .footer-content { grid-template-columns: 1fr; }
    .stats-grid { grid-template-columns: 1fr 1fr; }
}