.masonry {
  width: 100%;
  margin-right: -38px;
}

.masonry-item,
.masonry-sizer {
  width: 25%;
}

.masonry-item {
  float: left;
  height: 630px;
  margin-bottom: 60px;
  padding-right: 38px;
}

.masonry-item-content {
  width: 100%;
  height: 100%;
  border-radius: 5px;
}

.masonry-item:hover .masonry-item-content {
}

.masonry-item.is-expanded {
  width: 50%;
  z-index: 2;
}

.left50 {
  left: 50% !important;
}

.masonry-item.is-expanded .masonry-item-content {
}

@media screen and (max-width: 1440px) {
  .masonry-item {
    height: 460px;
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 1024px) {
  .masonry {
    max-width: 375px;
    margin-right: -15px;
  }
  .masonry-item {
    height: 290px;
    padding-right: 15px;
  }
  .masonry-item,
  .masonry-sizer {
    width: 50%;
  }
  .masonry-item.is-expanded {
    width: 100%;
  }
  .left50 {
    left: 0% !important;
  }
}