:root {
    --app-media-xsmall-min-width: 0px;
    --app-media-small-min-width: 576px;
    --app-media-medium-min-width: 768px;
    --app-media-large-min-width: 992px;
    --app-media-xlarge-min-width: 1200px;
    --app-media-xxlarge-min-width: 1400px;
    --app-media-xsmall-max-width: 575.98px;
    --app-media-small-max-width: 767.98px;
    --app-media-medium-max-width: 991.98px;
    --app-media-large-max-width: 1199.98px;
    --app-media-xlarge-max-width: 1399.98px;
}

@media screen and (min-width: 1200px) {
    :root {
        --app-inner-width: 1200px;
    }
}

@media screen and (max-width: 1200px) {
    :root {
        --app-inner-width: 100%;
    }
}