/**
 * Relative positioning containers
 */

.container,
.container-wide,
.container-fluid {
    position: relative;
}

@media (max-width: 576px) {
    .container,
    .container-wide,
    .container-fluid {
        width: 100%; /* Flexbox fix */
    }
}

/**
 * Wider container
 */

.container-wide {
    padding-left: 15px;
    padding-right: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container-wide {
        width: 540px;
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .container-wide {
        width: 760px;
    }
}

@media (min-width: 992px) {
    .container-wide {
        width: 980px;
    }
}

@media (min-width: 1200px) {
    .container-wide {
        width: 1140px;
    }
}

@media (min-width: 1660px) {
    .container-wide {
        width: 1630px;
    }
}

/**
 * XXL columns
 */

@media (min-width: 1660px) {
    .col-xxl-1 {
        float: left;
        width: 8.333333%;
    }
    .col-xxl-2 {
        float: left;
        width: 16.666667%;
    }
    .col-xxl-3 {
        float: left;
        width: 25%;
    }
    .col-xxl-4 {
        float: left;
        width: 33.333333%;
    }
    .col-xxl-5 {
        float: left;
        width: 41.666667%;
    }
    .col-xxl-6 {
        float: left;
        width: 50%;
    }
    .col-xxl-7 {
        float: left;
        width: 58.333333%;
    }
    .col-xxl-8 {
        float: left;
        width: 66.666667%;
    }
    .col-xxl-9 {
        float: left;
        width: 75%;
    }
    .col-xxl-10 {
        float: left;
        width: 83.333333%;
    }
    .col-xxl-11 {
        float: left;
        width: 91.666667%;
    }
    .col-xxl-12 {
        float: left;
        width: 100%;
    }
    .pull-xxl-0 {
        right: auto;
    }
    .pull-xxl-1 {
        right: 8.333333%;
    }
    .pull-xxl-2 {
        right: 16.666667%;
    }
    .pull-xxl-3 {
        right: 25%;
    }
    .pull-xxl-4 {
        right: 33.333333%;
    }
    .pull-xxl-5 {
        right: 41.666667%;
    }
    .pull-xxl-6 {
        right: 50%;
    }
    .pull-xxl-7 {
        right: 58.333333%;
    }
    .pull-xxl-8 {
        right: 66.666667%;
    }
    .pull-xxl-9 {
        right: 75%;
    }
    .pull-xxl-10 {
        right: 83.333333%;
    }
    .pull-xxl-11 {
        right: 91.666667%;
    }
    .pull-xxl-12 {
        right: 100%;
    }
    .push-xxl-0 {
        left: auto;
    }
    .push-xxl-1 {
        left: 8.333333%;
    }
    .push-xxl-2 {
        left: 16.666667%;
    }
    .push-xxl-3 {
        left: 25%;
    }
    .push-xxl-4 {
        left: 33.333333%;
    }
    .push-xxl-5 {
        left: 41.666667%;
    }
    .push-xxl-6 {
        left: 50%;
    }
    .push-xxl-7 {
        left: 58.333333%;
    }
    .push-xxl-8 {
        left: 66.666667%;
    }
    .push-xxl-9 {
        left: 75%;
    }
    .push-xxl-10 {
        left: 83.333333%;
    }
    .push-xxl-11 {
        left: 91.666667%;
    }
    .push-xxl-12 {
        left: 100%;
    }
    .offset-xxl-0 {
        margin-left: 0%;
    }
    .offset-xxl-1 {
        margin-left: 8.333333%;
    }
    .offset-xxl-2 {
        margin-left: 16.666667%;
    }
    .offset-xxl-3 {
        margin-left: 25%;
    }
    .offset-xxl-4 {
        margin-left: 33.333333%;
    }
    .offset-xxl-5 {
        margin-left: 41.666667%;
    }
    .offset-xxl-6 {
        margin-left: 50%;
    }
    .offset-xxl-7 {
        margin-left: 58.333333%;
    }
    .offset-xxl-8 {
        margin-left: 66.666667%;
    }
    .offset-xxl-9 {
        margin-left: 75%;
    }
    .offset-xxl-10 {
        margin-left: 83.333333%;
    }
    .offset-xxl-11 {
        margin-left: 91.666667%;
    }
}

.col-xxl,
.col-xxl-1,
.col-xxl-2,
.col-xxl-3,
.col-xxl-4,
.col-xxl-5,
.col-xxl-6,
.col-xxl-7,
.col-xxl-8,
.col-xxl-9,
.col-xxl-10,
.col-xxl-11,
.col-xxl-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 576px) {
    .col-xxl,
    .col-xxl-1,
    .col-xxl-2,
    .col-xxl-3,
    .col-xxl-4,
    .col-xxl-5,
    .col-xxl-6,
    .col-xxl-7,
    .col-xxl-8,
    .col-xxl-9,
    .col-xxl-10,
    .col-xxl-11,
    .col-xxl-12 {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 768px) {
    .col-xxl,
    .col-xxl-1,
    .col-xxl-2,
    .col-xxl-3,
    .col-xxl-4,
    .col-xxl-5,
    .col-xxl-6,
    .col-xxl-7,
    .col-xxl-8,
    .col-xxl-9,
    .col-xxl-10,
    .col-xxl-11,
    .col-xxl-12 {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 992px) {
    .col-xxl,
    .col-xxl-1,
    .col-xxl-2,
    .col-xxl-3,
    .col-xxl-4,
    .col-xxl-5,
    .col-xxl-6,
    .col-xxl-7,
    .col-xxl-8,
    .col-xxl-9,
    .col-xxl-10,
    .col-xxl-11,
    .col-xxl-12 {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 1200px) {
    .col-xxl,
    .col-xxl-1,
    .col-xxl-2,
    .col-xxl-3,
    .col-xxl-4,
    .col-xxl-5,
    .col-xxl-6,
    .col-xxl-7,
    .col-xxl-8,
    .col-xxl-9,
    .col-xxl-10,
    .col-xxl-11,
    .col-xxl-12 {
        padding-right: 15px;
        padding-left: 15px;
    }
}