@media (max-width: 1680px) {
  .top{
    padding-top: calc(55 / 1680 * 100vw);
  }

  .top__logo{
    margin-left: calc(80 / 1680 * 100vw);
    margin-bottom: calc(140 / 1680 * 100vw);
    width: calc(211 / 1680 * 100vw);
    height: auto;
  }

  .top__title{
    width: calc(590 / 1680 * 100vw);
    margin-left: calc(173 / 1680 * 100vw);
    margin-bottom: calc(35 / 1680 * 100vw);
  }

  .top__txt-wrap{
    max-width: calc(500 / 1680 * 100vw);
    margin-left: calc(344 / 1680 * 100vw);
    padding-bottom: calc(182 / 1680 * 100vw);
  }

  .top__txt-title{
    font-size: calc(40 / 1680 * 100vw);
    margin-bottom: calc(27 / 1680 * 100vw);
  }
  
  .top__txt{
    font-size: calc(24 / 1680 * 100vw);
    margin-bottom: calc(40 / 1680 * 100vw);
  }

  .button{
    font-size: calc(24 / 1680 * 100vw);
    padding: 0 calc(28 / 1680 * 100vw);
    height: calc(77 / 1680 * 100vw);
    border-radius: calc(77 / 1680 * 100vw);
  }

  .top__bg{
    width: calc(813 / 1680 * 100vw);
    right: calc(80 / 1680 * 100vw);
    bottom: calc(-171 / 1680 * 100vw);
  }

  .second .center{
    padding-top: calc(284 / 1680 * 100vw);
    padding-bottom: calc(259 / 1680 * 100vw);
    padding-left: calc(863 / 1680 * 100vw);
    padding-right: calc(81 / 1680 * 100vw);
  }
  
  .second__bg{
    top: calc(143 / 1680 * 100vw);
    left: calc(153 / 1680 * 100vw);
    width: calc(610 / 1680 * 100vw);
  }

  .second__title{
    font-size: calc(48 / 1680 * 100vw);
    margin-bottom: calc(50 / 1680 * 100vw);
  }

  .second__list > div{
    margin-bottom: calc(51 / 1680 * 100vw);
    font-size: calc(24 / 1680 * 100vw);
  }
  
  .second__list > div:last-child{
    margin-bottom: 0;
  }

  .second__list > div > div{
    width: calc(96 / 1680 * 100vw);
  }
  
  .second__list > div:nth-child(1) img{
    width: calc(76 / 1680 * 100vw);
  }
  
  .second__list > div:nth-child(2) img{
    width: calc(69 / 1680 * 100vw);
  }
  
  .second__list > div:nth-child(3) img{
    width: calc(67 / 1680 * 100vw);
  }

  .form .center{
    padding-top: calc(311 / 1680 * 100vw);
    padding-bottom: calc(336 / 1680 * 100vw);
  }
  
  .form__bg1{
    width: calc(758 / 1680 * 100vw);
    left: calc(-170 / 1680 * 100vw);
    top: calc(-77 / 1680 * 100vw);
  }
  
  .form__bg2{
    position: absolute;
    margin-left: calc(-700 / 1680 * 100vw);
  }
  
  .form__chel{
    position: absolute;
    right: calc(135 / 1680 * 100vw);
    top: calc(106 / 1680 * 100vw);
    width: calc(781 / 1680 * 100vw);
  }
  
  .form__title{
    margin-left: calc(170 / 1680 * 100vw);
    padding-bottom: calc(80 / 1680 * 100vw);
    max-width: calc(731 / 1680 * 100vw);
    font-size: calc(48 / 1680 * 100vw);
  }
  
  .form__in{
    max-width: calc(616 / 1680 * 100vw);
    margin-left: calc(297 / 1680 * 100vw);
  }
  
  .form__in input{
    padding-bottom: calc(20 / 1680 * 100vw);
    font-size: calc(24 / 1680 * 100vw);
    margin-bottom: calc(64 / 1680 * 100vw);
  }

  .bottom .center{
    padding-top: calc(333 / 1680 * 100vw);
    padding-bottom: calc(484 / 1680 * 100vw);
  }
  
  .bottom__bg{
    left: calc(-223 / 1680 * 100vw);;
    width: calc(1042 / 1680 * 100vw);
  }
  
  .bottom__title{
    right: calc(80 / 1680 * 100vw);
    width: calc(914 / 1680 * 100vw);
  }
  
  .bottom__logo{
    width: calc(152 / 1680 * 100vw);
    right: calc(80 / 1680 * 100vw);
    bottom: calc(77 / 1680 * 100vw);
  }
  
  .bottom__box{
    margin-left: calc(860 / 1680 * 100vw);
    max-width: calc(736 / 1680 * 100vw);
  }
  
  .bottom__stitle{
    font-size: calc(48 / 1680 * 100vw);
    margin-bottom: calc(60 / 1680 * 100vw);
  }
  
  .bottom__box .button{
    margin-left: calc(89 / 1680 * 100vw);
  }
  
  .bottom__text{
    padding-left: calc(89 / 1680 * 100vw);
    margin-bottom: calc(46 / 1680 * 100vw);
    font-size: calc(24 / 1680 * 100vw);
  }

  .popup__box{
    width: calc(1246 / 1680 * 100vw);
  }
  
  .popup__close{
    width: calc(43 / 1680 * 100vw);
    top: calc(-63 / 1680 * 100vw);
    right: calc(20 / 1680 * 100vw);
  }
  
  .popup[data-type="sert"] .popup__box{
    padding-left: calc(97 / 1680 * 100vw);
    padding-top: calc(42 / 1680 * 100vw);
    padding-bottom: calc(69 / 1680 * 100vw);
    padding-right: calc(64 / 1680 * 100vw);
  }
  
  .popup__title-sert{
    margin-bottom: calc(26 / 1680 * 100vw);
    font-size: calc(71 / 1680 * 100vw);
  }
  
  .popup__subtitle-sert{
    max-width: calc(434 / 1680 * 100vw);
    margin-bottom: calc(23 / 1680 * 100vw);
    font-size: calc(27 / 1680 * 100vw);
  }
  
  .popup__text-sert{
    max-width: calc(414 / 1680 * 100vw);
    font-size: calc(16 / 1680 * 100vw);
  }
  
  .popup__img1-sert{
    max-width: calc(542 / 1680 * 100vw);
    margin-left: calc(20 / 1680 * 100vw);
  }
  
  .popup__img2-sert{
    width: calc(321 / 1680 * 100vw);
    margin-top: calc(-20 / 1680 * 100vw);
  }

  .popup[data-type="priz"]{
    padding-top: calc(85 / 1680 * 100vw);
  }
  
  .popup[data-type="priz"] .popup__box{
    padding-top: calc(50 / 1680 * 100vw);
    padding-bottom: calc(130 / 1680 * 100vw);
  }
  
  .popup__title-priz{
    margin-bottom: calc(26 / 1680 * 100vw);
    font-size: calc(71 / 1680 * 100vw);
  }
  
  .popup__subtitle-priz{
    font-size: calc(27 / 1680 * 100vw);
    margin-bottom: calc(26 / 1680 * 100vw);
  }
  
  .popup__text-priz{
    max-width: calc(791 / 1680 * 100vw);
    font-size: calc(16 / 1680 * 100vw);
  }
  
  .popup__img1-priz{
    right: calc(50 / 1680 * 100vw);
    width: calc(552 / 1680 * 100vw);
  }
  
  .popup__img2-priz{
    width: calc(534 / 1680 * 100vw);
  }
  
  .popup__box-in-priz > div:first-child img{
    width: calc(373 / 1680 * 100vw);
    margin-right: calc(43/ 1680 * 100vw);
  }
  
  .popup__box-in-priz > div:last-child img{
    width: calc(448 / 1680 * 100vw);
    margin-left: calc(43 / 1680 * 100vw);
  }

  .popup[data-type="ball"] .popup__box{
    padding-left: calc(97 / 1680 * 100vw);
    padding-top: calc(16 / 1680 * 100vw);
    padding-bottom: calc(69 / 1680 * 100vw);
    padding-right: calc(55 / 1680 * 100vw);
  }
  
  .popup__title-ball{
    margin-bottom: calc(26 / 1680 * 100vw);
    font-size: calc(71 / 1680 * 100vw);
    line-height: calc(66 / 1680 * 100vw);
  }
  
  .popup__subtitle-ball{
    max-width: calc(486 / 1680 * 100vw);
    margin-bottom: calc(23 / 1680 * 100vw);
    font-size: calc(27 / 1680 * 100vw);
  }
  
  .popup__img1-ball{
    max-width: calc(409 / 1680 * 100vw);
  }
  
  .popup__img2-ball{
    width: calc(321 / 1680 * 100vw);
    margin-top: calc(-20 / 1680 * 100vw);
    left: calc(100 / 1680 * 100vw);
    margin-bottom: calc(-50 / 1680 * 100vw);
  }

  .form__error{
    font-size: calc(16 / 1680 * 100vw);
    padding-top: calc(20 / 1680 * 100vw);
    height: calc(60 / 1680 * 100vw);
  }
}

@media (max-width: 1000px) {
  .top{
    overflow: hidden;
  }

  .top__logo{
    width: 115px;
    top: 25px;
    left: 25px;
    margin-bottom: 40px;
  }

  .top__title{
    width: 200px;
    margin-left: 25px;
    margin-bottom: 30px;
  }

  .top__txt-wrap{
    max-width: 55%;
    margin-left: 25px;
  }

  .top__txt-title{
    font-size: 24px;
  }

  .top__txt{
    font-size: 16px;
  }

  .button{
    font-size: 14px;
    height: 50px;
    border-radius: 50px;
    padding: 0 20px;
  }

  .top__bg{
    width: 50%;
    max-width: 250px;
    right: -10%;
    bottom: 0;
  }

  .second .center{
    padding-left: 40%;
    padding-top: 100px;
    padding-bottom: 100px;
    padding-right: 25px;
  }

  .second__bg{
    width: 150px;
    left: 25px;
    top: 30px;
  }

  .second__title{
    font-size: 20px;
  }

  .second__list > div{
    margin-bottom: 15px;
    font-size: 16px;
  }

  .second__list > div > div{
    width: 55px;
    min-width: 55px;
  }

  .second__list > div:nth-child(1) img {
    width: 36px;
  }

  .second__list > div:nth-child(2) img {
    width: 32px;
  }

  .second__list > div:nth-child(3) img {
    width: 30px;
  }

  .form .center{
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .form__chel{
    width: 190px;
    top: 25px;
    right: 25px;
  }

  .form__title{
    font-size: 20px;
    padding-bottom: 35px;
    margin-left: 25px;
    max-width: 50%;
  }

  .form__in{
    max-width: 50%;
    margin-left: 25px;
  }

  .form__in input{
    font-size: 16px;
    padding-bottom: 10px;
    margin-bottom: 20px;
  }

  .bottom__bg{
    width: 250px;
    left: -50px;
  }

  .bottom__box{
    margin-left: 0;
    max-width: 100%;
    padding-right: 25px;
    padding-left: 25px;
  }

  .bottom__stitle{
    font-size: 20px;
    margin-bottom: 25px;
  }

  .bottom__text{
    font-size: 16px;
    padding-left: 0;
    margin-bottom: 25px;
  }

  .bottom .center{
    padding-top: 50px;
    padding-bottom: 200px;
  }

  .bottom__box .button{
    margin-left: 0;
  }

  .bottom__title{
    right: 25px;
    width: 300px;
  }

  .bottom__logo{
    width: 80px;
    right: 25px;
    bottom: 15px;
  }

  .popup__box{
    width: 100%;
    margin-left: 25px;
    margin-right: 25px;
  }

  .popup__close{
    width: 27px;
    height: 27px;
    top: -47px;
    right: 20px;
  }

  .popup[data-type="priz"]{
    padding-top: 70px;
  }

  .popup[data-type="priz"] .popup__box{
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .popup__img2-priz{
    width: 140px;
  }

  .popup__img1-priz{
    width: 130px;
  }

  .popup__title-priz{
    font-size: 30px;
    margin-bottom: 10px;
  }

  .popup__subtitle-priz{
    font-size: 16px;
    margin-bottom: 10px;
  }

  .popup__text-priz{
    padding-left: 25px;
    padding-right: 25px;
    max-width: 100%;
    font-size: 14px;
  }

  .popup__box-in-priz > div:first-child img{
    width: 123px;
    margin-right: 10px;
  }

  .popup__box-in-priz > div:last-child img{
    width: 144px;
    margin-left: 10px;
  }

  .popup[data-type="ball"] .popup__box{
    padding: 25px;
  }

  .popup__img2-ball{
    display: none;
  }

  .popup__box-in-ball{
    display: block;
  }

  .popup__title-ball{
    font-size: 30px;
    margin-bottom: 15px;
    line-height: 28px;
  }

  .popup__subtitle-ball{
    font-size: 16px;
    margin-bottom: 15px;
    max-width: 100%;
    line-height: 1.2;
  }

  .popup__img1-ball{
    max-width: 200px;
    margin: 0 auto;
    display: block;
  }

  .popup[data-type="sert"] .popup__box{
    padding: 25px;
  }

  .popup__box-in-sert{
    display: block;
  }

  .popup__title-sert{
    font-size: 30px;
    margin-bottom: 15px;
    line-height: 28px;
  }

  .popup__subtitle-sert{
    font-size: 16px;
    margin-bottom: 15px;
    max-width: 100%;
    line-height: 1.2;
  }

  .popup__text-sert{
    font-size: 16px;
    margin-bottom: 15px;
    max-width: 100%;
    line-height: 1.2;
  }

  .popup__img1-sert{
    max-width: 200px;
    margin: 0 auto;
    display: block;
  }

  .popup__img2-sert{
    display: none;
  }

  .form__error{
    font-size: 16px;
    padding-top: 20px;
    height: auto;
  }
}