@media (min-width: 720px) and (max-width: 895px) {
  .dart-tall .display-3-up .grid-list li:nth-child(7n+3) {
    float: left;
  }
  .dart-tall .display-3-up .grid-list li:nth-child(7n+4) > div {
    position: relative;
    top: 66%;
    -webkit-transform: translateY(-66%);
    -moz-transform: translateY(-66%);
    -ms-transform: translateY(-66%);
    -o-transform: translateY(-66%);
    transform: translateY(-66%);
  }
  .dart-tall .display-3-up .grid-list li:nth-child(7n+5) > div {
    position: relative;
    top: 33%;
    -webkit-transform: translateY(-33%);
    -moz-transform: translateY(-33%);
    -ms-transform: translateY(-33%);
    -o-transform: translateY(-33%);
    transform: translateY(-33%);
  }
  .dart-ad-600 .display-3-up .grid-list li:nth-child(7n+4),
  .dart-ad-600 .display-3-up .grid-list li:nth-child(7n+5) {
    height: 307px;
  }
}

@media (min-width: 896px) {
  .dart-tall .display-3-up .grid-list li {
    float: left;
    height: auto;
  }
  .dart-tall .display-3-up .grid-list li:nth-child(7n+1),
  .dart-tall .display-3-up .grid-list li:nth-child(7n+4),
  .dart-tall .display-3-up .grid-list li:nth-child(7n+6) {
    clear: left;
  }
  .dart-tall .display-3-up .grid-list li:nth-child(7n+3) {
    float: right;
  }
  .dart-tall .display-3-up .grid-list li:nth-child(7n+4) > div,
  .dart-tall .display-3-up .grid-list li:nth-child(7n+5) > div {
    top: 0;
    transform: none;
  }
  .dart-ad-600 .display-3-up .grid-list li:nth-child(7n+4),
  .dart-ad-600 .display-3-up .grid-list li:nth-child(7n+5) {
    height: auto;
  }
}