.col_1 {
    width: 8.33333333%;
    margin: 0;
    float: left;
}

.col_2 {
    width: 16.6666666%;
    margin: 0;
    float: left;
}

.col_3 {
    width: 25%;
    margin: 0;
    float: left;
}

.col_4 {
    width: 33.33333333%;
    margin: 0;
    float: left;
}

.col_5 {
    width: 41.66666666%;
    margin: 0;
    float: left;
}

.col_6 {
    width: 50%;
    margin: 0;
    float: left;
}

.col_7 {
    width: 58.33333333%;
    margin: 0;
    float: left;
}

.col_8 {
    width: 66.6666666%;
    margin: 0;
    float: left;
}

.col_9 {
    width: 75%;
    margin: 0;
    float: left;
}

.col_10 {
    width: 83.333333333%;
    margin: 0;
    float: left;
}

.col_11 {
    width: 91.66666666%;
    margin: 0;
    float: left;
}

.col_12 {
    width: 100%;
    margin: 0;
    float: left;
}

@media (max-width: 768px) {
    .desktop {
        display: none;
    }

    .mobile {
        display: inherit;
    }
}

@media (min-width: 769px) {
    .desktop {
        display: inherit;
    }

    .mobile {
        display: none;
    }
}