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

   .main-bg {
      left: 0;
   }

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

@media screen and (max-width: 1080px) {
   .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;
   }

   .main__title-free {
      font-size: 52px;
   }

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

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

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

   .main-bg {
      max-height: 55vh;
      right: 0;
      margin: 0 auto;
   }

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

@media screen and (max-width: 850px) {
   .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-top: 30px;
      padding: 30px;
   }

   .main__title-free {
      font-size: 33px;
   }

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

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

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

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

   .header__logo {
      max-width: 171px;
   }

   .main__title {
      padding: 16px 20px;
      margin-top: 21px;
   }

   .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: -3px;
   }

   .main__title-free {
      font-size: 25px;
   }

   .main__title-deposit {
      font-size: 38px;
      margin: 7px 0 4px;
   }

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

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

   .main__button {
      max-width: 330px;
      height: 84px;
      font-size: 24px;
      padding: 16px;
   }

   .footer {
      padding: 38px 15px;
      gap: 40px;
   }

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

   .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:before {
      height: 80px;
      width: 47px;
      bottom: -70px;
   }

   .main__title-free {
      font-size: 18px;
   }

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

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

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

   .main__button {
      max-width: 280px;
      height: 70px;
      font-size: 22px;
      padding: 12px;
   }
}