@media (max-width: 768px) {

    .sarmila-hero-section {
        min-height: 360px;

        padding: 45px 18px;

        /* Fixed background often causes mobile issues */
        background-attachment: scroll;
    }

    .sarmila-hero-content-style {
        max-width: 650px;
    }

    .sarmila-hero-subtitle {
        font-size: 0.95rem;
        line-height: 1.5;
        margin-bottom: 14px;
    }

    .sarmila-hero-title {
        font-size: 2.1rem;
        line-height: 1.3;
        letter-spacing: -0.3px;
        margin-bottom: 28px;
    }

    .sarmila-hero-buttons {
        gap: 14px;
    }

    .sarmila-btn {
        padding: 12px 27px;
        font-size: 0.9rem;
    }

}
@media (max-width: 600px) {

    .sarmila-hero-section {
        min-height: 340px;
        padding: 40px 15px;

        background-position: center center;
        background-attachment: scroll;
    }

    .sarmila-hero-content-style {
        max-width: 100%;
    }

    .sarmila-hero-subtitle {
        font-size: 0.9rem;
        line-height: 1.5;
        margin-bottom: 12px;
    }

    .sarmila-hero-title {
        font-size: 1.9rem;
        line-height: 1.3;
        margin-bottom: 25px;
        letter-spacing: 0;
    }

    .sarmila-hero-buttons {
        gap: 12px;
    }

    .sarmila-btn {
        padding: 11px 24px;
        font-size: 0.88rem;
    }

}
@media (max-width: 480px) {

    .sarmila-hero-section {
        min-height: 320px;
        padding: 35px 12px;

        background-position: center;
    }

    .sarmila-hero-subtitle {
        font-size: 0.82rem;
        line-height: 1.5;
        margin-bottom: 11px;
    }

    .sarmila-hero-title {
        font-size: 1.65rem;
        line-height: 1.3;
        margin-bottom: 22px;
    }

    .sarmila-hero-buttons {
        width: 100%;
        gap: 10px;
    }

    .sarmila-btn {
        padding: 10px 20px;
        font-size: 0.82rem;
        border-radius: 5px;
    }

}