/** HOME: ABOUT */
@media (min-width: 1000px) {
  .nox-hero-row {
    position: relative;
    -webkit-clip-path: none;
    clip-path: none;
  }

  .nox-hero-row::before {
    content: "";
    position: absolute;
    z-index: 11;
    top: -2px;
    left: 0;
    width: 100%;
    height: 4px;
    background: #0a0a0a;
    pointer-events: none;
  }

  .nox-hero-image .hover-wrap {
    position: static;
  }

  .nox-hero-image
    .hover-wrap-inner
    > img.img-with-animation:not(.nox-hero-x-left):not(.nox-hero-x-right) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100%;
    object-fit: cover;
  }

  .nox-hero-x-left,
  .nox-hero-x-right {
    width: 41.67vw !important;
  }

  .nox-hero-x-left {
    -webkit-clip-path: inset(calc(14.2% + 41px) 0 0 0);
    clip-path: inset(calc(14.2% + 41px) 0 0 0);
    transform: translate(-145%, calc(-14.2% - 40px)) scaleX(-1) !important;
  }

  .nox-hero-x-right {
    -webkit-clip-path: inset(calc(14.2% + 35px) 0 0 0);
    clip-path: inset(calc(14.2% + 35px) 0 0 0);
    transform: translate(-33%, calc(-14.2% - 34px)) !important;
  }
}

/** HOME: OUR GAMES */
@media (min-width: 1000px) {
  .nox-games {
    height: auto !important;
  }

  .nox-games .row_col_wrap_12 {
    height: 25.8vw;
  }

  .nox-game {
    flex: 0 0 43.3vw !important;
    width: 43.3vw !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: 25.8vw;
    margin-left: -8vw !important;
    -webkit-clip-path: polygon(0 0, 74.85% 0, 100% 100%, 25.15% 100%);
    clip-path: polygon(0 0, 74.85% 0, 100% 100%, 25.15% 100%);
  }

  .nox-game:first-child {
    margin-left: -6.04vw !important;
  }

  .nox-game img {
    width: 31.5% !important;
    height: 3.8vw !important;
    top: 0;
    left: 27.5%;
    right: auto;
  }

  .nox-game img[src*="do-not-open"] {
    width: 25.7% !important;
  }

  .nox-game img[src*="ovrdark"] {
    width: 26.1% !important;
  }

  .nox-game img[src*="yoshimi" i] {
    width: 32.4% !important;
    height: 4.4vw !important;
    top: -0.3vw;
  }

  .nox-game .nox-btn {
    bottom: 7%;
    right: 26.5%;
  }

  .nox-game .nox-platforms {
    bottom: 6%;
    right: 6%;
  }
}

/** TABLET: OUR GAMES */
@media (min-width: 600px) and (max-width: 999px) {
  .nox-game {
    flex: 0 0 55vw !important;
    width: 55vw !important;
    max-width: 55vw !important;
    margin-left: -9vw !important;
  }

  .nox-game:first-child {
    margin-left: 0 !important;
  }

  .nox-game:nth-child(3) .column-image-bg {
    background-position: calc(27.5vw - 877.2px) 0 !important;
  }
}

/** HOME: JOIN US */
@media (min-width: 1000px) {
  .nox-join-section > .row_col_wrap_12 > .nox-join-text {
    flex: 0 0 60% !important;
    width: 60% !important;
    max-width: 60% !important;
    -webkit-clip-path: polygon(0 0, 100% 0, 83.4% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 83.4% 100%, 0 100%);
  }

  .nox-join-section > .row_col_wrap_12 > .nox-join-text > .vc_column-inner {
    padding: 48px 33% 48px 4.6vw !important;
  }

  .nox-join-section > .row_col_wrap_12 > .wpb_column:not(.nox-join-text) {
    flex: 0 0 40% !important;
    width: 40% !important;
    max-width: 40% !important;
  }

  .nox-join-image {
    min-height: 29.5vw !important;
    -webkit-clip-path: polygon(49.7% 0, 100% 0, 50.3% 100%, 0 100%) !important;
    clip-path: polygon(49.7% 0, 100% 0, 50.3% 100%, 0 100%) !important;
  }
}

/** HOME: MOBILE */
@media (max-width: 999px) {
  .nox-hero-text .nox-btn {
    display: none;
  }

  .nox-games .row_col_wrap_12 {
    scroll-snap-type: x mandatory;
  }
}