/* ==================== Responsive Adjustments ==================== */
@media (max-width: 767.98px) {

    /* Navbar Logo */
    .navbar-brand img {
        height: 60px;
    }

    /* Featured Courses Section */
    .featured-courses h2 {
        font-size: 1.5rem;
    }

    .featured-courses p {
        font-size: 0.95rem;
    }

    /* German Levels Section */
    .german-lang-lavels .d-flex {
        flex-wrap: wrap;
    }

    /* Remove row negative margins for About sections */
    .about-vision-mission .row,
    .about-hero .row {
        margin-left: 0;
        margin-right: 0;
    }

    .german-hero-banner {
        min-height: 340px;
    }

    .german-hero-banner h1 {
        font-size: 2rem;
    }

    .german-hero-banner p {
        font-size: 1rem;
    }
}

/* ==================== Extra Small Devices (below 520px) ==================== */
@media (max-width: 520px) {

    /* Hide Banner Image */
    .german-ban-img {
        display: none !important;
    }

    /* Adjust Headings and Text */
    h2,
    .fw-bold {
        font-size: 1.3rem;
        line-height: 1.4;
    }

    p {
        font-size: 0.9rem;
    }

    /* Fix Button Sizes */
    .btn {
        padding: 8px 14px;
        font-size: 0.9rem;
    }

    .german-hero-banner h1 {
        font-size: 1.6rem;
    }

    .german-hero-banner p {
        font-size: 0.9rem;
    }
}