@media screen and (orientation: landscape) and (max-aspect-ratio: 2/1) {
  .main {
    padding-left: 4vh;
    padding-right: 4vh;
    gap: 0 3vh;
  }

  .main__wheel {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 70vh;
    -ms-flex: 0 0 70vh;
    flex: 0 0 70vh;
    height: 70.4vh;
  }

  .main__title-first {
    font-size: 5.5vh;
  }

  .main__title-second {
    font-size: 4vh;
  }
}

@media screen and (orientation: portrait) {
  .main {
    padding: 6.5vw 4vw;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5.5vw 0;
    overflow-y: scroll;
  }

  .main::before {
    height: 34vw;
    position: absolute;
    bottom: 0;
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(0, 0, 0, 0)),
      color-stop(80%, #000000)
    );
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 80%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 80%);
    opacity: 1;
  }

  .main__background img {
    display: none;
  }

  .main__background img ~ img {
    display: block;
    -o-object-position: center bottom;
    object-position: center bottom;
  }

  .main__wrap {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

  .main__wrap::before {
    display: none;
  }

  .main__logo {
    margin-bottom: 4.5vw;
  }

  .main__logo img {
    height: 13vw;
  }

  .main__title-first {
    padding: 3vw 5vw;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 0 1.5vw;
    position: relative;
    font-size: 6.8vw;
  }

  .main__title-first::before {
    content: '';
    position: absolute;
    top: 0;
    left: 1.5%;
    width: 100%;
    height: 100%;
    background-color: #0080e9;
    -webkit-transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    transform: skewX(-10deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    z-index: -1;
  }

  .main__title-first > span:nth-child(n) {
    margin: 0;
    padding: 0 !important;
  }

  .main__title-first > span::before {
    display: none;
  }

  .main__title-second {
    margin-bottom: 2.5vw;
    font-size: 5vw;
  }

  .main__subtitle {
    font-size: 2.7vw;
  }

  .main__title-second br,
  .main__subtitle br {
    display: none;
  }

  .main__wheel {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 81.8vw;
    -ms-flex: 0 0 81.8vw;
    flex: 0 0 81.8vw;
    height: 82.5vw;
  }

  .main-wheel__frame::before {
    width: 11.7vw;
    height: 9.5vw;
    top: -1vw;
  }

  .wheel__button {
    width: 16.4vw;
    height: 16.4vw;
    font-size: 3.6vw;
    -webkit-box-shadow: -0.3vw 0.3vw 0 rgba(0, 0, 0, 0.25),
      -0.3vw 0.3vw 0.5vw 0.5vw rgba(0, 0, 0, 0.35);
    box-shadow: -0.3vw 0.3vw 0 rgba(0, 0, 0, 0.25),
      -0.3vw 0.3vw 0.5vw 0.5vw rgba(0, 0, 0, 0.35);
  }

  .footer {
    padding: 6vw;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4.5vw;
  }

  .footer > * {
    margin: 0 !important;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

  .footer ul.footer__payment {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 4.5vw;
  }

  .footer__payment img {
    height: 3.9vw;
  }

  .footer__crypto {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .footer-crypto__title {
    padding: 1.5vw 5vw 1.5vw 3.5vw;
    margin-right: 3.6vw;
    background-image: url(../images/footer-crypto-title-bg.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
  }

  .footer-crypto__title img {
    height: 1.6vw;
  }

  .footer__crypto ul {
    gap: 3.2vw;
  }

  .footer__crypto ul img {
    height: 4vw;
  }

  .popup__content {
    padding: 19vw 3vw 9.5vw;
    width: 80vw;
    max-width: 100%;
    min-height: 92vw;
  }

  .popup__content {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translateY(10vw);
    -ms-transform: translateY(10vw);
    transform: translateY(10vw);
  }

  .popup__content::before,
  .popup-second-spin .popup__content::before,
  .popup-last-spin .popup__content::before {
    width: 66.5vw;
    height: 27.5vw;
    top: -8.5vw;
  }

  .popup__content::after {
    border: 0.23vw solid rgba(255, 255, 255, 0.4);
    -webkit-border-radius: 4.5vw;
    border-radius: 4.5vw;
  }

  .popup__image {
    height: 30vw;
    top: -14vw;
  }

  .popup__image-back {
    width: 76.6vw;
    height: 50vw;
    top: -25vw;
  }

  .popup__content > * {
    margin-bottom: 4.5vw;
  }

  .popup__title {
    font-size: 8vw;
  }

  .popup-first-spin .popup__title {
    margin-bottom: 7vw;
  }

  .popup__subtitle {
    margin-bottom: 6vw;
    font-size: 5.7vw;
  }

  .popup-first-spin .popup__subtitle {
    margin-bottom: 9vw;
    font-size: 8vw;
  }

  .popup__subtitle b {
    display: block;
  }

  .popup__subtitle p ~ p,
  .popup-last-spin .popup__subtitle b {
    color: #00feca;
  }

  .popup__button {
    margin-bottom: 8.5vw;
    width: 58vw;
    height: 13.2vw;
    font-size: 5.2vw;
    text-shadow: 0 0 0.7vw rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 14vw;
    border-radius: 14vw;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .popup__desc {
    font-size: 2.7vw;
  }

  /* GEO */
  .main-de .popup__subtitle,
  .main-gr .popup__subtitle,
  .main-pl .popup__subtitle {
    font-size: 4.5vw;
  }
  .main-de .popup__title {
    font-size: 8vw;
  }
  .main-it .popup__title {
    font-size: 7vw;
  }
  .main-de .popup-first-spin .popup__title,
  .main-it .popup-first-spin .popup__title {
    font-size: 9vw;
  }
  .main-de .popup-first-spin .popup__subtitle,
  .main-gr .popup-first-spin .popup__subtitle,
  .main-pl .popup-first-spin .popup__subtitle {
    font-size: 7vw;
  }
  .main-de .popup__button,
  .main-pl .popup__button {
    font-size: 4.5vw;
  }

  .main-vi .main__title-second,
  .main-es .main__title-second,
  .main-it .main__title-second {
    font-size: 4.5vw;
  }

  .main-es .main__subtitle br,
  .main-it .main__subtitle br:nth-child(2) {
    display: block;
  }

  .main-gr .main__title-second,
  .main-pt .main__title-second {
    font-size: 4.2vw;
  }

  .main-vi .main__subtitle br {
    display: block;
  }
}