@charset "UTF-8";

@media only print, only screen and (min-width: 18.75em) and (max-width: 999px) {
  #lookList li:nth-child(1),
  #lookList li:nth-child(2),
  #lookList li:nth-child(3),
  #lookList li:nth-child(4),
  #lookList li:nth-child(5),
  #lookList li:nth-child(6),
  #lookList li:nth-child(7),
  #lookList li:nth-child(8),
  #lookList li:nth-child(9),
  #lookList li:nth-child(10),
  #lookList li:nth-child(11),
  #lookList li:nth-child(12),
  #lookList li:nth-child(13),
  #lookList li:nth-child(14),
  #lookList li:nth-child(15) {
    grid-column: 1 / -1;
    width: 100%;
    margin-left: 0;
    justify-self: stretch;
  }

  #lookList li:nth-child(1) > div,
  #lookList li:nth-child(10) > div {
    width: calc(100% / 12 * 7);
  }

  #lookList li:nth-child(2) > div,
  #lookList li:nth-child(6) > div,
  #lookList li:nth-child(11) > div {
    width: calc(100% / 12 * 5);
    margin-left: auto;
  }

  #lookList li:nth-child(3) > div {
    width: calc(100% / 12 * 6);
    margin-left: calc(100% / 12 * 4);
  }

  #lookList li:nth-child(4) > div {
    width: calc(100% / 12 * 5);
  }

  #lookList li:nth-child(5) > div {
    width: calc(100% / 12 * 8);
    margin: 0 auto;
  }

  #lookList li:nth-child(7) > div {
    width: calc(100% / 12 * 6);
  }

  #lookList li:nth-child(8) > div,
  #lookList li:nth-child(12) > div {
    width: calc(100% / 12 * 7);
    margin-left: calc(100% / 12 * 4);
  }

  #lookList li:nth-child(13) > div {
    width: calc(100% / 12 * 5);
    margin-left: calc(100% / 12);
  }

  #lookList li:nth-child(14) > div {
    width: calc(100% / 12 * 7);
    margin-left: auto;
  }

  #lookList li:nth-child(15) > div {
    width: calc(100% / 12 * 10);
    margin: 0 auto;
  }
}