/* ================================================== */
/* Container styles                                   */
/* ================================================== */
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
}


/* -------------------------------------------------- */
/* RESPONSIVE                                         */
/* -------------------------------------------------- */
@media (min-width: 288px) {

    .container {
        max-width: 270px;
    }
}

@media (min-width: 384px) {

    .container {
        max-width: 360px;
    }
}

@media (min-width: 480px) {

    .container {
        max-width: 450px;
    }
}

@media (min-width: 576px) {

    .container,
    .container-sm {
        max-width: 540px;
    }
}

@media (min-width: 672px) {

    .container,
    .container-sm {
        max-width: 630px;
    }
}

@media (min-width: 768px) {

    .container,
    .container-md,
    .container-sm {
        max-width: 720px;
    }
}

@media (min-width: 960px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 900px;
    }
}

@media (min-width: 1068px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 1008px;
    }
}

@media (min-width: 1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1320px;
    }
}