@media screen and (max-width: 1500px) {
   .content {
      padding-left: 3vw;
      padding-right: 3vw;
   }

   .footer {
      padding-left: 20px;
      padding-right: 20px;
   }
}

@media screen and (max-width: 1025px) {
   .header {
      max-width: none;
   }

   .main {
      margin: 0 auto;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      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: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding-bottom: 3.6vh;
   }

   .main__title {
      padding: 30px;
   }

   .main__title:before {
      width: 87px;
      height: 144px;
      bottom: -100px;
   }

   .main__title-bonus {
      font-size: 80px;
   }

   .main__title-bonus span {
      font-size: 44px;
   }

   .main__title-welcome {
      font-size: 54px;
   }

   .main__title-deposit {
      font-size: 54px;
   }

   .main__title-deposit span {
      font-size: 84px;
   }

   .main__button {
      font-size: 44px;
      width: 470px;
      height: 104px;
      padding-bottom: 11px;
   }

   .main-bg {
      max-height: 50vh;
      max-width: 100%;
      right: 0;
      top: auto;
      margin: 0 auto;
      z-index: 0;
   }

   .footer {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 20px;
   }
}

@media screen and (max-width: 750px) {
   .content {
      background-image: url('../img/bg-mob.png');
      padding-left: 15px;
      padding-right: 15px;
   }

   .header__logo {
      max-width: 250px;
   }

   .main__title {
      border-radius: 33px;
      margin: 30px 0;
   }

   .main__title-bonus {
      font-size: 60px;
   }

   .main__title-bonus span {
      font-size: 30px;
   }

   .main__title-welcome {
      font-size: 40px;
   }

   .main__title-deposit {
      font-size: 40px;
   }

   .main__title-deposit span {
      font-size: 60px;
   }
}

@media screen and (max-width: 550px) {
   .content {
      padding: 3.5vh 13px .5vh;
   }

   .header__logo {
      max-width: 171px;
   }

   .main {
      padding-bottom: 0;
   }

   .main__title {
      padding: 15px 10px;
      margin-top: 20px;
   }

   .main__title:before {
      height: 100px;
      width: 60px;
      -webkit-transform: rotate(-23deg);
      -moz-transform: rotate(-23deg);
      -ms-transform: rotate(-23deg);
      -o-transform: rotate(-23deg);
      transform: rotate(-23deg);
      bottom: -86px;
      right: -11px;
   }

   .main__title-bonus,
   .main__title-bonus span {
      font-size: 40px;
   }

   .main__title-welcome {
      font-size: 30px;
      margin: 5px 0 5px;
   }

   .main__title-deposit span {
      font-size: 40px;
   }

   .main__button {
      max-width: 329px;
      height: 83px;
      font-size: 30px;
      padding-bottom: 10px;
   }

   .main-bg {
      max-width: 141%;
      left: 50%;
      transform: -webkit-translate(-50%);
      transform: -moz-translate(-50%);
      transform: -ms-translate(-50%);
      transform: -o-translate(-50%);
      transform: translate(-50%);
      bottom: -1vh;
   }

   .footer {
      padding: 37px 15px 34px;
      gap: 30px;
   }

   .footer ul {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
   }

   .footer__payment {
      padding: 0 55px;
      gap: 13px 21px;
   }

   .footer__crypto li:first-child {
      max-width: none;
      width: 100%;
      text-align: center;
   }
}

@media screen and (max-width: 400px) {
   .content {
      padding: 20px 10px;
   }

   .main__title {
      padding-left: 15px;
      padding-right: 15px;
   }

   .main__title:before {
      height: 80px;
      width: 47px;
      bottom: -70px;
   }

   .main__title-bonus,
   .main__title-bonus span {
      font-size: 30px;
   }

   .main__title-welcome {
      font-size: 22px;
   }

   .main__title-deposit,
   .main__title-deposit span {
      font-size: 32px;
   }

   .main__button {
      max-width: 280px;
      height: 70px;
      font-size: 28px;
      padding-bottom: 8px;
      margin-top: 20vh;
   }

   .footer__payment {
      padding: 0 35px;
   }
}