.wpp_columns-fill, .wpp_columns-4, .wpp_columns-3, .wpp_columns-2 {
  display: inline-block;
  vertical-align: top;
}
.wpp_columns-4 {
  width: 24%;
}

.wpp_columns-3 {
  width: 32%;
}

.wpp_columns-2 {
  width: 49%;
}

.wpp_columns-fill {
  width: auto;
}

.wpp_columns-fill .website-thumbnail, .wpp_columns-4 .website-thumbnail, .wpp_columns-3 .website-thumbnail, .wpp_columns-2 .website-thumbnail {
  float: none;
}

/* for 980px or less */
@media screen and (max-width: 980px) {

  .wpp_columns-4 {
    width: 32%;
  }

}

/* for 700px or less */
@media screen and (max-width: 600px) {

  .wpp_columns-4, .wpp_columns-3 {
    width: 49%;
  }

}

/* for 480px or less */
@media screen and (max-width: 480px) {

  .wpp_columns-4, .wpp_columns-3, .wpp_columns-2 {
    width: 100%;
  }

}