@include ml {
    :root {
        --main-container: 1250px;
    }
}
.container2 {
    max-width: 1330px;
    margin: auto;
}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: calc(var(--main-container) + var(--container-gutters));
    }
    .container2 {
        max-width: 1330px;
    }
}

@media only screen and (min-width: 1300px) {
    .container2,
    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        &.px-0 {
            max-width: var(--main-container);
        }
    }
    .container2 {
        max-width: 1330px;
    }
}
@include ml {
    .container2 {
        max-width: 1140px;
    }
}
@include lg {
    .container2 {
        max-width: 960px;
    }
}
@include md {
    .container2 {
        max-width: 720px;
    }
}
@include sm {
    .container2 {
        max-width: 540px;
    }
}
@media only screen and (max-width: 1600px) {
    .container-fluid.px-0 {
        padding-left: 15px !important;
        padding-right: 15px !important;

        .row {
            margin-left: 0 !important;
            margin-right: 0 !important;
        }
    }
}
@include lg {
    .container2 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}
@media only screen and (min-width: 1360px) {
    .container {
        max-width: 1400px !important;
    }
}

@media only screen and (min-width: 992px) {
    .container {
        max-width: 1400px !important;
    }
}