@media screen and (max-width: 1180px) {
  html {
    font-size: 1.2vw;
  }
}
@media screen and (max-width: 800px) {
  html {
    font-size: 1.8vw;
  }
}
@media screen and (max-width: 600px) {
  html {
    font-size: 2.6vw;
  }
  .page {
    background: url(../images/main-bg-mob.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
  }
  .header {
    width: 100%;
    padding: 30px 15px 20px 15px;
  }
  .header__logo {
    width: auto;
    max-width: 150px;
  }
  .wheel__ribbon {
    padding: 8px 14px 14px 14px;
    min-width: 79%;
    margin-bottom: 20px;
  }
  .wheel__ribbon span {
    font-size: 9vw;
    line-height: 81%;
  }
  .wheel__content {
    padding: 0px 20px 50px 20px;
  }
  .wheel__content::before {
    height: 36%;
  }
  .wheel__circle {
    width: 100%;
  }
  .wheel__button {
    width: 72px;
    height: 72px;
    font-size: 12px;
  }
  .wheel__title {
    font-size: 6.5vw;
    margin-bottom: 7.9px;
  }
  .wheel__title span {
    display: block;
  }
  .wheel__subtitle {
    font-size: 4.9vw;
    line-height: 115%;
    font-weight: 400;
    max-width: 88%;
  }
  .wheel__text {
    margin: 30px 0 0 0;
    max-width: 100%;
  }

  .footer {
    padding: 40px 15px 50px 15px;
  }
  .footer__partners {
    padding: 0 0 10px 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;

  }
  .footer__partners li {
    width: auto;
    height: auto;
    margin: 10px;
  }
  .footer__partners li img {
    max-height: 43px;
  }
  .footer__partners li + li {
    margin: 10px;
  }

  .footer__aditional {
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .footer__aditional p {
    margin-bottom: 12px;
  }
  .footer__aditional p:first-child {
    font-size: 16px;
  }
  .footer__aditional p:last-child {
    font-size: 14px;
  }
  .footer__aditional img {
    width: 26px;
    height: 26px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-top: 13px;
  }
  .popup-last-spin .popup__image-bg {
    top: -27%;
  }
  .popup__inner {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 80px 20px 40px 20px;
  }
  .popup__content {
    max-width: 100%;
    width: calc(100% - 56px);
  }
  .popup-first-spin .popup__text {
    font-size: 3rem;
  }
  .popup__button {
    max-width: none;
    font-size: 21px;
    padding: 19px;
  }
  .popup__text br {
    display: block;
  }

  .popup-success .popup__inner {
    padding: 0px 20px 40px 20px;
  }
  .popup-info .popup__inner {
    padding: 0px 20px 40px 20px;
  }
  .popup-caption {
    width: 100%;
    margin-right: -10px;
    margin-top: -19px;
    margin-bottom: 30px;
  }
  .popup-caption span {
    font-size: 23px;
    font-weight: 700;
  }
  .popup-success__title {
    margin-bottom: 3rem;
  }
  .popup-account {
    font-size: 1.6rem;
  }
  .popup-account__desc {
    margin: 20px 0;
  }
  .form {
    max-width: 100%;
  }
  .form .wrap {
    margin-top: 10px;
  }
  .form .wrap input {
    padding: 10px 20px;
    border-radius: 10px;
    font-size: 15px;
  }
  select {
    padding: 12px 20px 12px 42px;
    border-radius: 10px;
    font-size: 15px;
  }
  .wrap-select::after {
    width: 12px;
    height: 12px;
  }
  .form .wrap-terms {
    margin: 30px 0 34px 0;
  }
  .form .wrap-terms label {
    font-size: 12px;
  }
  .form .wrap-terms input {
    width: 16px;
    height: 16px;
  }
  .form__button {
    width: 100%;
    font-size: 1.9rem;
  }

  .popup__title {
    font-size: 3.2rem;
  }
  .popup-first-spin .popup__title {
    font-size: 2rem;
  }
  .popup-first-spin .popup__text {
    font-size: 2.3rem;
  }
  .popup__text strong {
    display: block;
  }
  .popup-second-spin .popup__text {
    font-size: 1.9rem;
  }
  .popup-last-spin .popup__text {
    display: block;
  }
  .popup-last-spin .popup__button {
    font-size: 1.4rem;
  }
}