@media (max-width: 479px) {
    .col-xxs-quarter{
        width: 25%;
    }
    .col-xxs-third{
        width: 33.333333%;
    }
}
@media (min-width: 480px) {
    .col-xs-quarter{
        width: 25%;
    }
    .col-xs-third{
        width: 33.333333%;
    }
}
@media (min-width: 768px) {
    .col-sm-quarter{
        width: 25%;
    }
    .col-sm-third{
        width: 33.333333%;
    }
}
@media (min-width: 992px) {
    .col-md-quarter{
        width: 25%;
    }
    .col-md-third{
        width: 33.333333%;
    }
}
@media (min-width: 1200px) {
    .col-lg-quarter{
        width: 25%;
    }
    .col-lg-third{
        width: 33.333333%;
    }
}
.col-xxs-quarter,.col-xxs-third,
.col-xs-quarter,.col-xs-third,
.col-sm-quarter,.col-sm-third,
.col-md-quarter,.col-md-third,
.col-lg-quarter,.col-lg-third{
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 4px;
    padding-right: 4px;
}