@media screen and (max-width: 1200px) {
   .footer {
      padding-left: 20px;
      padding-right: 20px;
   }
}

@media screen and (max-width: 920px) {
   .bg-img {
      bottom: auto;
   }

   .bg-img-left {
      width: 69vw;
      top: 17vh;
   }

   .bg-img-right {
      width: 86vw;
      top: 24vh;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
   }

   .img-desc {
      display: none;
   }

   .img-mob {
      display: block;
   }

   .wheel__wrap {
      margin: auto;
   }

   .popup {
      padding-bottom: 10vh;
   }

   .poopup__logo {
      display: none;
   }

   .popup__content {
      background-image: url('../img/modal-bg-mob.png');
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: clamp(315px, 68.1vw, 626px);
      height: clamp(406px, 88.2vw, 811px);
      padding: 0;
   }

   .popup__title {
      font-size: clamp(33px, 4.5vw, 40px);
   }

   .popup__title span:first-child {
      display: none;
   }

   .popup__title span:last-child {
      display: block;
   }

   .popup__subtitle {
      font-size: clamp(20px, 3vw, 27px);
      margin: 0.3vh 0 1.5vh;
   }

   .popup__text {
      font-size: clamp(31px, 5vw, 45px);
   }

   .popup__button {
      font-size: clamp(20px, 3vw, 25px);
      width: clamp(168px, 28.3vw, 260px);
      height: clamp(37px, 6.2vw, 57px);
      margin-top: 1.7vh;
   }
}

@media screen and (max-width: 860px) {
   .footer {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }
}

@media screen and (max-width: 590px) {
   .header {
      padding-top: 2.4vh;
   }

   .header__logo {
      max-width: 185px;
   }

   .wheel {
      padding: 3.2vh 0 4.5vh;
   }

   .wheel__title {
      margin-bottom: 3vh;
   }

   .wheel__title>span:first-child {
      font-size: 25px;
   }

   .wheel__title>span:last-child span:first-child {
      font-size: 40px;
   }

   .wheel__title>span:last-child span:last-child {
      font-size: 50px;
   }

   .wheel__title>span span {
      display: block;
   }

   .wheel__wrap {
      width: calc(100% - 40px);
      padding: 8%;
   }

   .wheel__button {
      font-size: calc(70vw / 15.99);
   }

   .footer {
      padding-top: 52px;
      padding-bottom: 52px;
   }

   .footer__icons {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      gap: 20px 25px;
   }

   .footer__icons img {
      max-height: 20px;
   }

   .footer__crypto li:first-child {
      width: 100%;
   }

   .footer__crypto li:first-child img {
      margin: 0 auto;
   }

   .popup {
      padding-bottom: 30vh;
   }
}

@media screen and (max-width: 380px) {
   .wheel__title>span:first-child {
      font-size: 20px;
   }

   .wheel__title>span:last-child span:first-child {
      font-size: 28px;
   }

   .wheel__title>span:last-child span:last-child {
      font-size: 38px;
   }

   .footer__icons {
      gap: 15px;
   }
}