@media (min-width: 1025px) {
    .site-footer .footer-top {
        grid-template-columns: 2fr 1fr 1fr 1.2fr;
    }
}

@media (min-width: 641px) and (max-width: 1024px) {
    .site-footer .footer-top {
        grid-template-columns: 1fr 1fr;
    }
}



@media (max-width: 768px) {
    body {
        font-size: 0.9rem !important;
        overflow-x: hidden;
    }

    .section {
        padding: 4rem 1.25rem !important;
    }

    .container {
        padding: 0 0.5rem !important;
    }

    .section-title {
        font-size: 1.8rem !important;
        line-height: 1.2 !important;
    }

    .section-desc {
        font-size: 0.9rem !important;
    }
    /* Card & Grid Optimizations */
    .grid-res,
    .testimonials-grid,
    .projects-grid,
    .registration-grid,
    .instructor-grid {
        grid-template-columns: 1fr !important;
        gap: 2rem !important;
        padding: 0 !important;
    }

    .testimonial-card,
    .instructor-card,
    .price-card,
    .project-card,
    .course-card {
        padding: 1.5rem !important;
        border-radius: 20px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    /* Hero Section */
    .hero-premium {
        padding: 6rem 0 4rem 0 !important;
        min-height: auto !important;
    }

    .hero-title {
        font-size: 2.2rem !important;
    }

    .hero-outcomes {
        grid-template-columns: 1fr !important;
        padding: 0 !important;
    }

        .hero-outcomes > div {
            padding: 1.25rem !important;
        }
    /* Curriculum Table Fix */
    .curriculum-header {
        display: none !important;
    }

    .curriculum-row {
        grid-template-columns: 1fr !important;
        padding: 1.5rem !important;
        gap: 1rem !important;
    }

        .curriculum-row > div:nth-child(3) {
            display: flex !important;
            flex-wrap: wrap !important;
            gap: 0.5rem !important;
        }

            .curriculum-row > div:nth-child(3) span {
                margin-top: 0 !important;
            }

    .mobile-min-width-auto {
        min-width: auto !important;
    }
    /* Logo Cloud */
    .logo-cloud {
        gap: 1.5rem !important;
        flex-direction: column !important;
    }

        .logo-cloud > div {
            font-size: 1.1rem !important;
        }
}