/* Media Queries for ASPIREMIND Institute of Teacher Training */

@media (max-width: 1150px) {
    .nav-links-list { gap: 12px; }
    .nav-links-list a { font-size: 0.8rem; }
    .nav-logo img { width: 150px; }
    .btn-small { padding: 10px 20px; font-size: 0.85rem; }
}

@media (max-width: 992px) {
    /* Grid System */
    .grid-4, .grid-5 { grid-template-columns: repeat(2, 1fr); }
    .grid-3 { grid-template-columns: repeat(2, 1fr); }
    .grid-2 { grid-template-columns: 1fr; }
    
    /* Navigation */
    .top-bar { padding: 5px 0; font-size: 0.75rem; }
    .top-info { gap: 15px; }
    .top-social { gap: 12px; }
    .nav-center-menu { display: none; }
    .nav-right-cta .btn { display: none; }
    .mobile-toggle-btn { display: block; font-size: 1.8rem; margin-left: 15px; }
    .header { padding: 10px 0; }
    .section-padding { padding: 70px 0; }
    
    /* Layout Fixes */
    .order-2, .order-1 { order: 0; }
}

@media (max-width: 768px) {
    .hero-btns .btn { width: 100%; }
    .hero-section { padding: 50px 0px; }
    .about-img-fixed { height: 380px; }
    .mission-vision-card { flex-direction: column; text-align: center; align-items: center; padding: 30px 20px; }
    .mv-icon { margin-bottom: 15px; }
    .cert-preview-flex { justify-content: center; }
    .cert-main-img-container { margin-top: 60px; }
    .cert-badge { font-size: 0.9rem; padding: 10px 20px; bottom: -15px; }
}

@media (max-width: 576px) {
    .grid-3, .grid-4, .grid-5 { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
    .container { padding: 0 16px; }
    .section-padding { padding: 60px 0; }
    .section-title { font-size: 2rem; }
    .hero-title { font-size: 2.5rem; }
    .hero-desc { font-size: 1.1rem; }
    .testimonial-item { min-width: 290px; padding: 25px; }
    .quick-link-card { padding: 30px 15px; }
    .grid-2, .grid-3, .grid-4, .grid-5 { grid-template-columns: 1fr; gap: 20px; }
    .top-bar { display: none !important; }
}

@media (max-width: 320px) {
    .container { padding: 0 10px; }
    .section-title { font-size: 1.6rem; }
    .hero-title { font-size: 2rem!important; }
    .hero-desc { font-size: 0.95rem!important; }
    .testimonial-item { min-width: 100%!important; padding: 15px!important; }
    .quick-link-card { padding: 20px 10px!important; }
    .top-bar-flex { flex-direction: column; gap: 8px; }
    .top-info { flex-direction: column; gap: 4px; }
    .top-social { gap: 15px; }
    .mission-vision-card { padding: 25px 15px!important; }
    .cert-img-container { height: 250px!important; }
    .btn { padding: 12px 20px; font-size: 0.9rem; }
}