@media (max-width: 1200px) {
            .course-card {
                min-width: 350px;
            }

            .detailed-card {
                grid-template-columns: 300px 1fr;
            }

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

@media (max-width: 968px) {
            .nav-links {
                position: fixed;
                top: 0;
                right: -100%;
                height: 100vh;
                width: 300px;
                background: rgba(13, 17, 23, 0.98);
                backdrop-filter: blur(20px);
                flex-direction: column;
                padding: 100px 40px;
                transition: var(--transition);
                box-shadow: -5px 0 30px rgba(0, 0, 0, 0.5);
            }

            .nav-links.active {
                right: 0;
            }

            .hamburger {
                display: flex;
            }

            .detailed-card {
                grid-template-columns: 1fr;
            }

            .detailed-banner {
                min-height: 250px;
            }

            .footer-content {
                grid-template-columns: 1fr 1fr;
                gap: 40px;
            }

            .course-card {
                min-width: 300px;
            }

            .student-nav {
                flex-wrap: wrap;
            }
        }

@media (max-width: 640px) {
            .section-padding {
                padding: 60px 0;
            }

            .hero-buttons {
                flex-direction: column;
                width: 100%;
            }

            .hero-buttons .btn {
                width: 100%;
            }

            .stats-grid {
                grid-template-columns: 1fr;
                gap: 30px;
            }

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

            .course-card {
                min-width: 280px;
            }

            .testimonials-grid,
            .features-grid {
                grid-template-columns: 1fr;
            }

            .modal {
                padding: 35px 25px;
                margin: 15px;
            }

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

            .student-topbar-inner {
                flex-direction: column;
                gap: 15px;
                align-items: flex-start;
            }
        }

@media (max-width: 1200px) {
                .courses-grid {
                    grid-template-columns: repeat(3, 1fr);
                }
            }

@media (max-width: 900px) {
                .courses-grid {
                    grid-template-columns: repeat(2, 1fr);
                }
            }

@media (max-width: 600px) {
                .courses-grid {
                    grid-template-columns: 1fr;
                }
            }