.image-viewer {
  margin-bottom: 15px;
}
.image-viewer .thumbs:after {
  content: " ";
  display: table;
  clear: both;
}
.image-viewer .thumbs {
  margin: 10px ;
}
.image-viewer .thumbs .image > a {
  display: block;
}
.image-viewer .thumbs .image {
  float: left;
  width: 48%;
  margin: 1%;
  box-shadow: 0px 0px 3px #555;
}
@media (min-width: 768px) {
  .image-viewer .thumbs .image {
    width: 11.5%;
    margin: 0.5%;
  }
}
html[dir="rtl"] .image-viewer .thumbs .image {
  float: right;
}
.image-viewer .image img {
  width: 100%;
  vertical-align: bottom;
}