/* ==========================================================================
   EDUNAV INDIA PVT. LTD. - RESPONSIVE STYLESHEET
   ========================================================================== */

@media (max-width: 1024px) {
    .about-grid { 
        grid-template-columns: 1fr; 
    }
    
    .vm-grid { 
        grid-template-columns: 1fr; 
    }
    
    .pillars-grid { 
        grid-template-columns: repeat(2, 1fr); 
    }
    
    .ai-engines-grid { 
        grid-template-columns: repeat(2, 1fr); 
    }
    
    .board-spec-grid { 
        grid-template-columns: 1fr; 
    }
    
    .modules-grid { 
        grid-template-columns: repeat(2, 1fr); 
    }
    
    .testimonials-grid { 
        grid-template-columns: 1fr; 
    }
    
    .hero-container { 
        grid-template-columns: 1fr; 
    }
    
    .roi-wrapper { 
        grid-template-columns: 1fr; 
    }
    
    .footer-container { 
        grid-template-columns: 1fr 1fr; 
    }
    
    .nav-link-right { 
        margin-left: 0; 
    }

    .admin-dashboard-mockup {
        grid-template-columns: 1fr;
    }

    .gps-tracking-mockup {
        grid-template-columns: 1fr;
        height: auto;
    }

    .table-row {
        grid-template-columns: 40px 1fr 120px 80px;
        font-size: 12px;
    }
}

@media (max-width: 768px) {
    .nav-menu { 
        display: none; 
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: rgba(10, 17, 30, 0.98);
        border-bottom: 1px solid var(--border-color);
        padding: 20px 24px;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .nav-menu.active {
        display: flex;
    }

    .nav-menu ul {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        gap: 14px;
    }

    .menu-toggle { 
        display: flex; 
    }

    .pillars-grid { 
        grid-template-columns: 1fr; 
    }

    .ai-engines-grid { 
        grid-template-columns: 1fr; 
    }

    .modules-grid { 
        grid-template-columns: 1fr; 
    }

    .form-grid { 
        grid-template-columns: 1fr; 
    }

    .form-group.full-width { 
        grid-column: span 1; 
    }

    .hero-title { 
        font-size: 38px; 
    }

    .footer-container { 
        grid-template-columns: 1fr; 
    }

    .trust-badges-grid { 
        flex-direction: column; 
        gap: 12px; 
    }

    .hero-metrics {
        flex-wrap: wrap;
        gap: 16px;
    }

    .metric-divider {
        display: none;
    }

    .kpi-cards {
        grid-template-columns: 1fr;
    }

    .savings-breakdown {
        grid-template-columns: 1fr;
    }

    .contact-card {
        padding: 28px 20px;
    }

    .ai-prompt-box-wrapper {
        padding: 20px 16px;
    }
}