@import "../../Plugins/bootstrap/bootstrap.min.css";

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm  {
    --bs-gutter-x: 2.5rem;
   
    width: min(1120px, calc(100% - 40px));
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}

.row>* {
    --bs-gutter-x: 2.5rem;

    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
}

.row {
    --bs-gutter-x: 2.5rem;

    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
}

/*---992px and above 992 ÷ 17 ---*/
@media only screen and (min-width: 58.35rem) {
    .container-md,
    .container-sm,
    .container {
        max-width: 100%;
    }

    /* .container,
    .container-fluid,
    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm {
        --bs-gutter-x: 2.5rem;
        width: 100%;
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        margin-right: auto;
        margin-left: auto;
    } */

    .row>* {
         --bs-gutter-x: 2.5rem;
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        padding-left: calc(var(--bs-gutter-x) * 0.5);
    }

    .row {
        --bs-gutter-x: 2.5rem;
        margin-right: calc(-0.5 * var(--bs-gutter-x));
        margin-left: calc(-0.5 * var(--bs-gutter-x));
    }
}

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