#content .box {
  width: 50%;
  padding: 0px 6px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 0px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}

/*@media screen and (min-width: 481px) {
  #content .box { width: 48%; margin-left: 1%; margin-right: 1%; }
}*/

@media screen and (min-width: 768px) {
  #content .box { width: 33%; margin-left: 0%; margin-right: 0%; }
}

@media screen and (min-width: 992px) {
  #content .box { width: 25%; margin-left: 0%; margin-right: 0%; }
}