.images-group-div {
  width: 100%;
  float: left;
  display: flex;
  flex-wrap: wrap;
}
.images-group-sub-div {
  width: calc(25% - 24px);
  margin: 12px;
}
.images-group-div img {
  padding: 8px;
  background-color: #ccc;
  width: 100%;
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .images-group-sub-div {
    width: calc(50% - 24px);
    margin: 12px;
  }
}
@media screen and (max-width: 767px) and (min-width: 481px) {
  .images-group-sub-div {
    width: calc(50% - 24px);
    margin: 12px;
  }
}
@media screen and (max-width: 480px) {
  .images-group-sub-div {
    width: 100%;
    margin: 6px 0;
  }
}
/*# sourceMappingURL=custom.map */