img {vertical-align: middle; border: 0 none;}
.img-responsive, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    height: auto;
    max-width: 100%;
    width: 100%;
}

.text-color-primary {color: #29abe2;}
/*.col-sm {float: left; width: 12.5%;}*/
.col-sm {float: left; width: 16.66%;}

@media only screen and (max-width:1024px){
    .col-sm {width: 16.66%;}
}
@media only screen and (max-width:959px){
    .col-sm {width: 20%;}
}
@media only screen and (max-width:959px) and (min-width:768px){
    .col-sm {width: 20%;}
}
@media only screen and (max-width:767px){
    .col-sm {width: 20%;}
}
@media only screen and (max-width:767px) and (min-width:480px){
    .col-sm {width: 33.33%;}
}
@media only screen and (max-width:479px){
    .col-sm {width: 33.33%;}
}