.col-xx-1, .col-xx-2, .col-xx-3, .col-xx-4,
.col-xx-5, .col-xx-6, .col-xx-7, .col-xx-8,
.col-xx-9, .col-xx-10, .col-xx-11, .col-xx-12 {
    float: left;

    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

@media (max-width: 540px) {
    .col-xx-1 { width: 8.33%; }
    .col-xx-2 { width: 16.66%; }
    .col-xx-3 { width: 25%; }
    .col-xx-4 { width: 33.33%; }
    .col-xx-5 { width: 41.66%; }
    .col-xx-6 { width: 50%; }
    .col-xx-7 { width: 58.33%; }
    .col-xx-8 { width: 66.66%; }
    .col-xx-9 { width: 75%; }
    .col-xx-10 { width: 83.33% }
    .col-xx-11 { width: 91.66% }
    .col-xx-12 { width: 100% }
}