/* =========================================
   Responsive – MM Stimme Modern
   ========================================= */

/* =========================================
   Breakpoints
   -----------------------------------------
   XL: 1400px+
   LG: 1200px+
   MD: 992px+
   SM: 768px+
   XS: 480px+
   ========================================= */


/* =========================================
   XL (max-width: 1400px)
   ========================================= */

@media (max-width: 1400px) {
    /* Banner Image */
    #banner .banner_outer .content .image {
        height: 420px;
    }
}


/* =========================================
   LG (max-width: 1200px)
   ========================================= */

@media (max-width: 1200px) {
    /* Services Grid */
    .grid-4 {
        grid-template-columns: repeat(3, 1fr);
    }

    #banner .banner_outer .content h1 {
        font-size: 48px;
        line-height: 60px;
    }
}


/* =========================================
   MD (max-width: 992px)
   ========================================= */

@media (max-width: 992px) {

    /* Global Headings */
    h1 { font-size: 42px; }
    h2 { font-size: 32px; }
    h3 { font-size: 26px; }

    .c_heading { font-size: 30px; }

    /* Banner Layout */
    #banner {
        padding: 120px 0 40px;
    }
    #banner .banner_outer .content {
        text-align: center;
    }
    #banner .banner_outer .content .banner_btns {
        justify-content: center;
    }

    /* Services Grid */
    .grid-4,
    .grid-3 {
        grid-template-columns: repeat(2, 1fr);
    }

    /* About Section */
    #about-us .about_right_img .main_image {
        margin: 0 auto;
    }

    /* Team Cards */
    .team-card {
        text-align: center;
    }
    .team-card .featured_image {
        margin: 0 auto 15px;
    }

    /* Audio Player */
    .sr_progressbar {
        width: 50%;
    }
    .control--item {
        width: 25%;
    }
}


/* =========================================
   SM (max-width: 768px)
   ========================================= */

@media (max-width: 768px) {

    /* Global Headings */
    h1 { font-size: 34px; }
    h2 { font-size: 28px; }
    h3 { font-size: 22px; }

    .c_heading { font-size: 26px; }

    /* Grid */
    .grid-4,
    .grid-3,
    .grid-2 {
        grid-template-columns: 1fr;
    }

    /* Banner */
    #banner .banner_outer .content h1 {
        font-size: 38px;
        line-height: 50px;
    }

    /* Offer Section */
    #offer .offer_outer .image img {
        margin: -120px auto 0;
        display: block;
    }

    /* FAQ Tabs */
    .faq-tabs .nav-link {
        font-size: 15px;
        padding: 10px 14px;
    }

    /* Testimonials */
    .testimonial-client {
        flex-direction: column;
        text-align: center;
    }

    /* Contact Cards */
    .contact-item {
        text-align: center;
    }
}


/* =========================================
   XS (max-width: 480px)
   ========================================= */

@media (max-width: 480px) {

    /* Global Headings */
    h1 { font-size: 28px; }
    h2 { font-size: 24px; }
    h3 { font-size: 20px; }

    .c_heading { font-size: 22px; }

    /* Buttons */
    .c_btn {
        width: 100%;
        text-align: center;
    }

    /* Banner */
    #banner .banner_outer .content h1 {
        font-size: 32px;
        line-height: 42px;
    }

    /* Audio Player */
    .sr_progressbar {
        width: 100%;
        margin: 10px 0;
    }
    .control--item {
        display: none;
    }

    /* Team Cards */
    .team-card {
        padding: 15px;
    }

    /* Testimonials */
    .testimonial-item {
        padding: 18px;
    }
}