.colxxxs1, .colxxxs2, .colxxxs3, .colxxxs4,
.colxxxs5, .colxxxs6, .colxxxs7, .colxxxs8,
.colxxxs9, .colxxxs10, .colxxxs11, .colxxxs12 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

@media (max-width: 501px) {
    .colxxxs1,
    .colxxxs2,
    .colxxxs3,
    .colxxxs4,
    .colxxxs5,
    .colxxxs6,
    .colxxxs7,
    .colxxxs8,
    .colxxxs9,
    .colxxxs10,
    .colxxxs11 {
        float: left;
    }

    .colxxxs1 {
        width: 8.333333333333332%;
    }

    .colxxxs2 {
        width: 16.666666666666664%;
    }

    .colxxxs3 {
        width: 25%;
    }

    .colxxxs4 {
        width: 33.33333333333333%;
    }

    .colxxxs5 {
        width: 41.66666666666667%;
    }

    .colxxxs6 {
        width: 50%;
    }

    .colxxxs7 {
        width: 58.333333333333336%;
    }

    .colxxxs8 {
        width: 66.66666666666666%;
    }

    .colxxxs9 {
        width: 75%;
    }

    .colxxxs10 {
        width: 83.33333333333334%;
    }

    .colxxxs11 {
        width: 91.66666666666666%;
    }

    .colxxxs12 {
        width: 100%;
    }

    .colxxxspush-1 {
        left: 8.333333333333332%;
    }

    .colxxxspush-2 {
        left: 16.666666666666664%;
    }

    .colxxxspush-3 {
        left: 25%;
    }

    .col-xss-push-4 {
        left: 33.33333333333333%;
    }

    .colxxxspush-5 {
        left: 41.66666666666667%;
    }

    .colxxxspush-6 {
        left: 50%;
    }

    .colxxxspush-7 {
        left: 58.333333333333336%;
    }

    .colxxxspush-8 {
        left: 66.66666666666666%;
    }

    .colxxxspush-9 {
        left: 75%;
    }

    .colxxxspush-10 {
       left: 83.33333333333334%;
    }

    .colxxxspush-11 {
       left: 91.66666666666666%;
    }

    .colxxxspull-1 {
        right: 8.333333333333332%;
    }

    .colxxxspull-2 {
        right: 16.666666666666664%;
    }

    .colxxxspull-3 {
        right: 25%;
    }

    .colxxxspull-4 {
        right: 33.33333333333333%;
    }

    .colxxxspull-5 {
        right: 41.66666666666667%;
    }

    .colxxxspull-6 {
        right: 50%;
    }

    .colxxxspull-7 {
        right: 58.333333333333336%;
    }

    .colxxxspull-8 {
        right: 66.66666666666666%;
    }

    .colxxxspull-9 {
        right: 75%;
    }

    .colxxxspull-10 {
        right: 83.33333333333334%;
    }

    .colxxxspull-11 {
        right: 91.66666666666666%;
    }

    .colxxxsoffset-1 {
        margin-left: 8.333333333333332%;
    }

    .colxxxsoffset-2 {
        margin-left: 16.666666666666664%;
    }

    .colxxxsoffset-3 {
        margin-left: 25%;
    }

    .colxxxsoffset-4 {
        margin-left: 33.33333333333333%;
    }

    .colxxxsoffset-5 {
        margin-left: 41.66666666666667%;
    }

    .colxxxsoffset-6 {
        margin-left: 50%;
    }

    .colxxxsoffset-7 {
        margin-left: 58.333333333333336%;
    }

    .colxxxsoffset-8 {
        margin-left: 66.66666666666666%;
    }

    .colxxxsoffset-9 {
        margin-left: 75%;
    }

    .colxxxsoffset-10 {
        margin-left: 83.33333333333334%;
    }

    .colxxxsoffset-11 {
        margin-left: 91.66666666666666%;
    }
}  

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

@media (min-width:600px) {
    .col-xxs-1,
    .col-xxs-2,
    .col-xxs-3,
    .col-xxs-4,
    .col-xxs-5,
    .col-xxs-6,
    .col-xxs-7,
    .col-xxs-8,
    .col-xxs-9,
    .col-xxs-10,
    .col-xxs-11 {
        float: left;
    }

    .col-xxs-1 {
        width: 8.333333333333332%;
    }

    .col-xxs-2 {
        width: 16.666666666666664%;
    }

    .col-xxs-3 {
        width: 25%;
    }

    .col-xxs-4 {
        width: 33.33333333333333%;
    }

    .col-xxs-5 {
        width: 41.66666666666667%;
    }

    .col-xxs-6 {
        width: 50%;
    }

    .col-xxs-7 {
        width: 58.333333333333336%;
    }

    .col-xxs-8 {
        width: 66.66666666666666%;
    }

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

    .col-xxs-10 {
        width: 83.33333333333334%;
    }

    .col-xxs-11 {
        width: 91.66666666666666%;
    }

    .col-xxs-12 {
        width: 100%;
    }

    .col-xxs-push-1 {
        left: 8.333333333333332%;
    }

    .col-xxs-push-2 {
        left: 16.666666666666664%;
    }

    .col-xxs-push-3 {
        left: 25%;
    }

    .col-xss-push-4 {
        left: 33.33333333333333%;
    }

    .col-xxs-push-5 {
        left: 41.66666666666667%;
    }

    .col-xxs-push-6 {
        left: 50%;
    }

    .col-xxs-push-7 {
        left: 58.333333333333336%;
    }

    .col-xxs-push-8 {
        left: 66.66666666666666%;
    }

    .col-xxs-push-9 {
        left: 75%;
    }

    .col-xxs-push-10 {
       left: 83.33333333333334%;
    }

    .col-xxs-push-11 {
       left: 91.66666666666666%;
    }

    .col-xxs-pull-1 {
        right: 8.333333333333332%;
    }

    .col-xxs-pull-2 {
        right: 16.666666666666664%;
    }

    .col-xxs-pull-3 {
        right: 25%;
    }

    .col-xxs-pull-4 {
        right: 33.33333333333333%;
    }

    .col-xxs-pull-5 {
        right: 41.66666666666667%;
    }

    .col-xxs-pull-6 {
        right: 50%;
    }

    .col-xxs-pull-7 {
        right: 58.333333333333336%;
    }

    .col-xxs-pull-8 {
        right: 66.66666666666666%;
    }

    .col-xxs-pull-9 {
        right: 75%;
    }

    .col-xxs-pull-10 {
        right: 83.33333333333334%;
    }

    .col-xxs-pull-11 {
        right: 91.66666666666666%;
    }

    .col-xxs-offset-1 {
        margin-left: 8.333333333333332%;
    }

    .col-xxs-offset-2 {
        margin-left: 16.666666666666664%;
    }

    .col-xxs-offset-3 {
        margin-left: 25%;
    }

    .col-xxs-offset-4 {
        margin-left: 33.33333333333333%;
    }

    .col-xxs-offset-5 {
        margin-left: 41.66666666666667%;
    }

    .col-xxs-offset-6 {
        margin-left: 50%;
    }

    .col-xxs-offset-7 {
        margin-left: 58.333333333333336%;
    }

    .col-xxs-offset-8 {
        margin-left: 66.66666666666666%;
    }

    .col-xxs-offset-9 {
        margin-left: 75%;
    }

    .col-xxs-offset-10 {
        margin-left: 83.33333333333334%;
    }

    .col-xxs-offset-11 {
        margin-left: 91.66666666666666%;
    }
}