/* ==================== [ 1200px ] ==================== */
@media (min-width: 1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 100%;
    }
}

/* ==================== [ 1500px ] ==================== */
@media (min-width: 1500px) {

    /* ==================== [ Common Start ] ==================== */
    .container-fluid,
    .container {
        max-width: calc(var(--container) + (var(--container-padding) * 2));
    }

    /* ==================== [ Common End ] ==================== */
}

/* ==================== [ 1399px ] ==================== */
@media (max-width: 1399px) {

    /* ==================== [ Headings ] ==================== */
    :root {
        --h1-fs: 38px;
        --h2-fs: 30px;
        --h3-fs: 23px;
        --h4-fs: 19px;
    }
}

/* ==================== [ 1199px ] ==================== */
@media (max-width: 1199px) {

    /* ==================== [ Headings ] ==================== */
    :root {
        --h1-fs: 36px;
        --h1-lh: 130%;

        --h2-fs: 28px;
        --h2-lh: 135%;

        --h3-fs: 22px;
        --h4-fs: 18px;
    }

    /* ==================== [ Brand Global CSS Start ] ==================== */
    .custom-theme {
        font-size: 15px;
        line-height: 160%;
    }

    /* ==================== [ Brand Global CSS End ] ==================== */

    .page-content .filter-box {
        flex-wrap: wrap;
        justify-content: center;
    }

    .page-content .filter-box>* {
        flex: 0 0 calc(50% - 4px);
    }

    .filter-reset-btn {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .page-content .iframe-map {
        max-width: 100%;
        width: 100%;
        aspect-ratio: 350/350;
        overflow: hidden;
        border-radius: 16px;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        -ms-border-radius: 16px;
        -o-border-radius: 16px;
    }
}

/* ==================== [ 991px ] ==================== */
@media (max-width: 991px) {

    /* ==================== [ Headings ] ==================== */
    :root {
        --h1-fs: 32px;
        --h1-lh: 135%;

        --h2-fs: 26px;
        --h2-lh: 140%;

        --h3-fs: 20px;
        --h3-lh: 145%;

        --h4-fs: 17px;
    }

    /* ==================== [ Brand Global CSS Start ] ==================== */
    .custom-theme {
        font-size: 15px;
        line-height: 165%;
    }

    /* ==================== [ Brand Global CSS End ] ==================== */

    /* .page-content {
        padding: 60px 0;
    } */
}

/* ==================== [ 767px ] ==================== */
@media (max-width: 767px) {

    /* ==================== [ Headings ] ==================== */
    :root {
        --h1-fs: 28px;
        --h1-lh: 140%;

        --h2-fs: 22px;
        --h2-lh: 145%;

        --h3-fs: 18px;
        --h3-lh: 150%;

        --h4-fs: 16px;
        --h4-lh: 150%;

        --h5-fs: 15px;
        --h6-fs: 13px;
    }

    /* ==================== [ Brand Global CSS Start ] ==================== */
    .custom-theme {
        font-size: 14px;
        line-height: 170%;
    }

    /* ==================== [ Brand Global CSS End ] ==================== */

    /* .page-content {
        padding: 40px 0;
    } */
}

/* ==================== [ 575px ] ==================== */
@media (max-width: 575px) {
    /* .page-content .filter-box>* {
        flex: 0 0 100%;
    } */

    .digital-laws .card .card-content {
        flex-direction: column;
    }

    .digital-laws .card .card-content .year {
        margin-left: unset;
    }

}