/* img only */
.rd-img-only {
  margin-bottom: -20px;
}

.rd-img-only .rd-img {
  margin-bottom: 20px;
}

@media screen and (min-width: 601px) {
  .rd-img-only {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: -40px;
  }

  .has-1-imgs {
    display: block;
  }

  .rd-img-only .rd-img {
    margin-bottom: 40px;
  }

  .has-2-imgs .rd-img,
  .has-3-imgs .rd-img {
    width: calc(50% - 20px);
  }
}

@media screen and (min-width: 768px) {
  .has-3-imgs .rd-img {
    width: calc((100% - 24px * 2) / 3.001);
  }
}