.cs {float: left;}
.cs-1 {width: 100%;}
.cs-2 {width: 50%;}
.cs-3 {width: 33.3%;}
.cs-4 {width: 25%;}
.cs-5 {width: 20%;}
.cs-6 {width: 16.5%;}

/* xxs */
@media screen 
  and (max-width: 480px) {
    
    .cs-2,
    .cs-3,
    .cs-4,
    .cs-5,
    .cs-6 {
      width: 100%;
    } 
           
  } 

/* xs */
@media screen 
  and (min-width: 481px) 
  and (max-width: 768px) {    
      
    .cs-4,
    .cs-5,
    .cs-6 {
      width: 50%;
    } 
    
    .cs-xs-5 {
      width: 100%;
    }          
      
  } 

/* sm */
@media screen 
  and (min-width: 769px) 
  and (max-width: 992px) {

    .cs-5 {
      width: 25%;
    }
    
    .cs-6 {
      width: 33.3%;
    }    

    .cs-sm-5 {
      width: 100%;
    }

  } 

/* md */
@media screen 
  and (min-width: 993px) 
  and (max-width: 1200px) {


  } 

/* lg */
@media screen 
  and (min-width: 1201px) 
  and (max-width: 1440px) {


  }     

/* xlg */
@media screen 
  and (min-width: 1441px) 
  and (max-width: 1920px) {


  } 

/* xxlg */
@media screen 
  and (min-width: 1921px) {


  }