/*--------------grid-------------*/
[class*="col-600-"],[class*="col-870-"],[class*="col-480-"],[class*="col-xxs-"]{float:left;padding-left:15px;padding-right:15px;width:100%}

/* EXTRA SMALL VIEWPORT COLUMNS */
@media(min-width:400px){
.col-xxs-12{width:100%;float:none}
.col-xxs-11{width:91.66666666666666%}
.col-xxs-10{width:83.33333333333334%%}
.col-xxs-9{width:75%}
.col-xxs-8{width:66.66666666666666%}
.col-xxs-7{width:58.333333333333336%}
.col-xxs-6{width:50%}
.col-xxs-5{width:41.66666666666667%}
.col-xxs-4{width:33.33333333333333%}
.col-xxs-3{width:25%}
.col-xxs-2{width:16.666666666666664%}
.col-xxs-1{width:8.333333333333332%}
}

@media(min-width:480px){
.col-480-12{width:100%;float:none}
.col-480-11{width:91.6667%}
.col-480-10{width:83.3333%}
.col-480-9{width:75%}
.col-480-8{width:66.6667%}
.col-480-7{width:58.3333%}
.col-480-6{width:50%}
.col-480-5{width:41.6667%}
.col-480-4{width:33.3333%}
.col-480-3{width:25%}
.col-480-2{width:16.6667%}
.col-480-1{width:8.33333%}
}
@media(min-width:600px){
.col-600-12{width:100%;float:none}
.col-600-11{width:91.6667%}
.col-600-10{width:83.3333%}
.col-600-9{width:75%}
.col-600-8{width:66.6667%}
.col-600-7{width:58.3333%}
.col-600-6{width:50%}
.col-600-5{width:41.6667%}
.col-600-4{width:33.33333%}
.col-600-3{width:25%}
.col-600-2{width:16.6667%}
.col-600-1{width:8.33333%}
}
@media(min-width:870px){
.col-870-12{width:100%;float:none}	
.col-870-11{width:91.6667%}
.col-870-10{width:83.3333%}
.col-870-9{width:75%}
.col-870-8{width:66.6667%}
.col-870-7{width:58.3333%}
.col-870-6{width:50%}
.col-870-5{width:41.6667%}
.col-870-4{width:33.33333%}
.col-870-3{width:25%}
.col-870-2{width:16.6667%}
.col-870-1{width:8.33333%}
}
/*----------------------------------*/