.ms_container {
    margin: 0 auto;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 100%;
}

.ms_container_fluid {
    --ms-gutter-x: 2rem;
    --ms-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--ms-gutter-x) * .5);
    padding-left: calc(var(--ms-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
}

.ms_row {
    --ms-gutter-x: 1.5rem;
    --ms-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--ms-gutter-y) * -1);
    margin-right: calc(var(--ms-gutter-x)/ -2);
    margin-left: calc(var(--ms-gutter-x)/ -2);
}

.ms_row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--ms-gutter-x)/ 2);
    padding-left: calc(var(--ms-gutter-x)/ 2);
    margin-top: var(--ms-gutter-y);
}

.ms_col_1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
}

.ms_col_2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
}

.ms_col_3 {
    flex: 0 0 auto;
    width: 25%;
}

.ms_col_4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
}

.ms_col_5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
}

.ms_col_6 {
    flex: 0 0 auto;
    width: 50%;
}

.ms_col_7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
}

.ms_col_8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
}

.ms_col_9 {
    flex: 0 0 auto;
    width: 75%;
}

.ms_col_10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
}

.ms_col_11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
}

.ms_col_12 {
    flex: 0 0 auto;
    width: 100%;
}

@media(min-width:576px) {
    .ms_container {
        width: 100%;
    }

    .ms_container_fluid {
        --ms-gutter-x: 2rem;
        --ms-gutter-y: 0;
        width: 100%;
        padding-right: calc(var(--ms-gutter-x) * .5);
        padding-left: calc(var(--ms-gutter-x) * .5);
        margin-right: auto;
        margin-left: auto;
    }

    .ms_col_sm_1 {
        flex: 0 0 auto;
        width: 8.3333333333%;
    }

    .ms_col_sm_2 {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .ms_col_sm_3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .ms_col_sm_4 {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .ms_col_sm_5 {
        flex: 0 0 auto;
        width: 41.6666666667%;
    }

    .ms_col_sm_6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .ms_col_sm_7 {
        flex: 0 0 auto;
        width: 58.3333333333%;
    }

    .ms_col_sm_8 {
        flex: 0 0 auto;
        width: 66.6666666667%;
    }

    .ms_col_sm_9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .ms_col_sm_10 {
        flex: 0 0 auto;
        width: 83.3333333333%;
    }

    .ms_col_sm_11 {
        flex: 0 0 auto;
        width: 91.6666666667%;
    }

    .ms_col_sm_12 {
        flex: 0 0 auto;
        width: 100%;
    }
}

@media(min-width:768px) {
    .ms_container {
        max-width: 820px;
    }

    .ms_container_fluid {
        --ms-gutter-x: 4rem;
        --ms-gutter-y: 0;
        width: 100%;
        padding-right: calc(var(--ms-gutter-x) * .5);
        padding-left: calc(var(--ms-gutter-x) * .5);
        margin-right: auto;
        margin-left: auto;
    }

    .ms_col_md_1 {
        flex: 0 0 auto;
        width: 8.3333333333%;
    }

    .ms_col_md_2 {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .ms_col_md_3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .ms_col_md_4 {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .ms_col_md_5 {
        flex: 0 0 auto;
        width: 41.6666666667%;
    }

    .ms_col_md_6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .ms_col_md_7 {
        flex: 0 0 auto;
        width: 58.3333333333%;
    }

    .ms_col_md_8 {
        flex: 0 0 auto;
        width: 66.6666666667%;
    }

    .ms_col_md_9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .ms_col_md_10 {
        flex: 0 0 auto;
        width: 83.3333333333%;
    }

    .ms_col_md_11 {
        flex: 0 0 auto;
        width: 91.6666666667%;
    }

    .ms_col_md_12 {
        flex: 0 0 auto;
        width: 100%;
    }
}

@media(min-width:992px) {
    .ms_container {
        max-width: 960px;
    }

    .ms_container_fluid {
        --ms-gutter-x: 4rem;
        --ms-gutter-y: 0;
        width: 100%;
        padding-right: calc(var(--ms-gutter-x) * .5);
        padding-left: calc(var(--ms-gutter-x) * .5);
        margin-right: auto;
        margin-left: auto;
    }

    .ms_col_lg_1 {
        flex: 0 0 auto;
        width: 8.3333333333%;
    }

    .ms_col_lg_2 {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .ms_col_lg_3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .ms_col_lg_4 {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .ms_col_lg_5 {
        flex: 0 0 auto;
        width: 41.6666666667%;
    }

    .ms_col_lg_6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .ms_col_lg_7 {
        flex: 0 0 auto;
        width: 58.3333333333%;
    }

    .ms_col_lg_8 {
        flex: 0 0 auto;
        width: 66.6666666667%;
    }

    .ms_col_lg_9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .ms_col_lg_10 {
        flex: 0 0 auto;
        width: 83.3333333333%;
    }

    .ms_col_lg_11 {
        flex: 0 0 auto;
        width: 91.6666666667%;
    }

    .ms_col_lg_12 {
        flex: 0 0 auto;
        width: 100%;
    }
}

@media(min-width:1200px) {
    .ms_container {
        max-width: 1080px;
    }

    .ms_container_fluid {
        --ms-gutter-x: 4rem;
        --ms-gutter-y: 0;
        width: 100%;
        padding-right: calc(var(--ms-gutter-x) * .5);
        padding-left: calc(var(--ms-gutter-x) * .5);
        margin-right: auto;
        margin-left: auto;
    }

    .ms_col_xl_1 {
        flex: 0 0 auto;
        width: 8.3333333333%;
    }

    .ms_col_xl_2 {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .ms_col_xl_3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .ms_col_xl_4 {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .ms_col_xl_5 {
        flex: 0 0 auto;
        width: 41.6666666667%;
    }

    .ms_col_xl_6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .ms_col_xl_7 {
        flex: 0 0 auto;
        width: 58.3333333333%;
    }

    .ms_col_xl_8 {
        flex: 0 0 auto;
        width: 66.6666666667%;
    }

    .ms_col_xl_9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .ms_col_xl_10 {
        flex: 0 0 auto;
        width: 83.3333333333%;
    }

    .ms_col_xl_11 {
        flex: 0 0 auto;
        width: 91.6666666667%;
    }

    .ms_col_xl_12 {
        flex: 0 0 auto;
        width: 100%;
    }
}

@media(min-width:1400px) {
    .ms_container {
        max-width: 1320px;
    }

    .ms_container_fluid {
        --ms-gutter-x: 4rem;
        --ms-gutter-y: 0;
        width: 100%;
        padding-right: calc(var(--ms-gutter-x) * .5);
        padding-left: calc(var(--ms-gutter-x) * .5);
        margin-right: auto;
        margin-left: auto;
    }

    .ms_col_xxl_1 {
        flex: 0 0 auto;
        width: 8.3333333333%;
    }

    .ms_col_xxl_2 {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .ms_col_xxl_3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .ms_col_xxl_4 {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .ms_col_xxl_5 {
        flex: 0 0 auto;
        width: 41.6666666667%;
    }

    .ms_col_xxl_6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .ms_col_xxl_7 {
        flex: 0 0 auto;
        width: 58.3333333333%;
    }

    .ms_col_xxl_8 {
        flex: 0 0 auto;
        width: 66.6666666667%;
    }

    .ms_col_xxl_9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .ms_col_xxl_10 {
        flex: 0 0 auto;
        width: 83.3333333333%;
    }

    .ms_col_xxl_11 {
        flex: 0 0 auto;
        width: 91.6666666667%;
    }

    .ms_col_xxl_12 {
        flex: 0 0 auto;
        width: 100%;
    }
}