@media (min-width: 1400px) {
    
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1320px !important;
    }
}

@media  (min-width: 992px) and (max-width: 1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 966px !important;
        margin: auto !important;
    }
}

@media (min-width: 768px) and (max-width: 992px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 800px !important;
        margin: auto !important;
    }
}

@media (min-width: 576px) and (max-width: 768px) {

    .container,
    .container-md,
    .container-sm {
        max-width: 600px !important;
        margin: auto !important;
    }
}

@media (min-width: 320px) and (max-width: 576px) {
    .container,
    .container-sm {
        max-width: 360px !important;
        margin: auto !important;
    }
}