.col{
  @media only screen and (min-width: 960px){
    width:25%;
    float:left;
  }

  @media only screen and (min-width: 720px) and (max-width: 959px){
    width:50%;
    float:left;
  }
}

@media only screen and (min-width: 960px) {
  .col {
    width: 25%;
    float: left; } }

@media only screen and (min-width: 720px) and (max-width: 959px) {
  .col {
    width: 50%;
    float: left; } }