/*
 * SaralStudy calculator legacy responsive compatibility.
 *
 * Source: audited desktop/mobile legacy framework and custom CSS diffs.
 *
 * Only audited differences belong in this file.
 */

@media (max-width: 991px) {
    .body-preloader {
        display: flex;
    }

    .holder,
    .page-footer {
        margin-top: 80px;
    }

    h1,
    .h-lg-style {
        margin: 0 0 30px;
    }

    h1,
    .h1-style {
        margin: 0 0 45px;
    }

    h2,
    .h2-style,
    h3,
    .h3-style {
        margin-top: 0;
        margin-bottom: 0;
    }

    .alterbximg {
        max-height: none;
        overflow: visible;
    }
}

@media (max-width: 767px) {
    .holder,
    .page-footer {
        margin-top: 65px;
    }
}

@media (max-width: 575px) {
    .holder,
    .page-footer {
        margin-top: 50px;
    }

    .page-content > .holder:first-child {
        margin-top: 20px;
    }

    h1,
    .h1-style {
        font-size: calc(var(--heading_md_size_scss_var) * .6);
        margin-bottom: 5px;
    }

    .bnslider-text-content .bnslider-text-content-flex {
        padding: 25px 0 110px;
    }
}