/* Grid System — Flexbox */

*,
*::before,
*::after {
    box-sizing: border-box;
}

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

.row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}

.row > [class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
    min-height: 1px;
}

/* Mobile and up */
.col-mb-12 {
    width: 100%;
}

/* Tablet and up */
@media (min-width: 768px) {
    .container {
        max-width: 728px;
    }

    .col-tb-8 {
        width: 66.66667%;
    }
}

/* Desktop and up */
@media (min-width: 992px) {
    .container {
        max-width: 952px;
    }

    .col-3 {
        width: 25%;
    }

    .col-9 {
        width: 75%;
    }
}

/* Widescreen */
@media (min-width: 1200px) {
    .container {
        max-width: 1160px;
    }
}

/* Responsive hide */
@media (max-width: 767px) {
    .kit-hidden-mb {
        display: none;
    }
}

@media (max-width: 991px) {
    .kit-hidden-tb {
        display: none;
    }
}

@media (max-width: 1199px) {
    .kit-hidden {
        display: none;
    }
}