*{box-sizing:border-box; padding:0; margin:0;}

.full-width{width:100%; height:auto; margin:auto;}

.max-width{max-width:1150px; height:auto; margin:auto;}

.clear-both{clear:both;}

.left{float:left;}
.right{float:right;}

.col-100{width:100%; height:auto; float:left; padding:0px 15px;}
.col-50{width:50%; height:auto; float:left; padding:0px 15px;} 
.col-33{width:33.33%; height:auto; float:left; padding:0px 15px;}
.col-25{width:25%; height:auto; float:left; padding:0px 15px;}
.col-20{width:20%; height:auto; float:left; padding:0px 15px;}
.col_15{width:15%; height:auto; float:left; padding:0px 15px;}
.col_35{width:35%; height:auto; float:left; padding:0px 15px;}
.no-padding{padding:0 0 0 0;}

@media screen and (max-width:768px){
.col-50,.col-33{width:100%;}
.col-20{width:50%; margin-top:15px;}	
}

@media screen and (max-width:480px){

.col-20{width:50%; margin-top:15px;}	
}
@media screen and (max-width:320px){

.col-20{width:100%; margin-top:15px;}	
}