/* Mobile Responsive Styles */

@media (max-width: 992px) {
    .col-3 { width: 50%; }
    .col-4 { width: 50%; }
    .col-8 { width: 100%; }
    .hero-image { display: none; }
    .admission-form-section .container { flex-direction: column; }
    .admission-sidebar { margin-left: 0; margin-top: 30px; width: 100%; }
    .form-grid { grid-template-columns: 1fr; }
    .full-width { grid-column: span 1; }
    .footer-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
    .nav-toggle { display: block; }
    .nav-menu { 
        display: none; 
        position: absolute; 
        top: 100%; left: 0; right: 0; 
        background: var(--white); 
        flex-direction: column; 
        padding: 20px; 
        box-shadow: 0 5px 10px rgba(0,0,0,0.1); 
    }
    .nav-menu.active { display: flex; }
    
    .hero-title { font-size: 32px; }
    .hero-stats { flex-direction: column; gap: 10px; }
    
    .col-3, .col-4, .col-6 { width: 100%; margin-bottom: 20px; }
    .footer-grid { grid-template-columns: 1fr; }
    
    .top-bar .container { flex-direction: column; align-items: center; gap: 5px; }
}