@media screen and (max-width: 1200px) {
    .t-text_xs {
        font-size: 14px
    }

    .t-text_sm {
        font-size: 16px
    }

    .t-text_md {
        font-size: 18px
    }

    .t-descr_xxs {
        font-size: 12px
    }

    .t-descr_xs {
        font-size: 14px
    }

    .t-descr_sm {
        font-size: 16px
    }

    .t-descr_lg {
        font-size: 20px
    }

    .t-descr_xl {
        font-size: 22px
    }

    .t-descr_xxxl {
        font-size: 26px
    }

    .t-title_xxs {
        font-size: 32px
    }

    .t-title_xs {
        font-size: 38px
    }

    .t-title_md {
        font-size: 48px
    }

    .t-name_xs {
        font-size: 14px
    }

    .t-name_sm {
        font-size: 16px
    }

    .t-name_md {
        font-size: 18px
    }

    .t-heading_lg {
        font-size: 30px
    }
}

@media screen and (max-width: 640px) {
    .t-text_xs {
        font-size: 12px;
        line-height: 1.45
    }

    .t-text_sm {
        font-size: 14px;
        line-height: 1.45
    }

    .t-text_md {
        font-size: 16px;
        line-height: 1.45
    }

    .t-descr_xs {
        font-size: 12px;
        line-height: 1.45
    }

    .t-descr_sm {
        font-size: 14px;
        line-height: 1.45
    }

    .t-descr_lg {
        font-size: 18px;
        line-height: 1.45
    }

    .t-descr_xl {
        font-size: 20px;
        line-height: 1.4
    }

    .t-descr_xxxl {
        font-size: 22px
    }

    .t-uptitle_xs {
        font-size: 10px
    }

    .t-uptitle_sm {
        font-size: 10px
    }

    .t-title_xxs {
        font-size: 28px
    }

    .t-title_xs {
        font-size: 30px
    }

    .t-title_md {
        font-size: 30px
    }

    .t-name_xs {
        font-size: 12px
    }

    .t-name_sm {
        font-size: 14px
    }

    .t-name_md {
        font-size: 16px
    }

    .t-heading_lg {
        font-size: 26px
    }

    .t-btn {
        white-space: normal
    }

    .t-btn_sm {
        padding-left: 20px;
        padding-right: 20px
    }

    .t-btn_md {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media screen and (max-width: 480px) {
    .t-rec_pt_15 {
        padding-top: 15px
    }

    .t-rec_pt_75 {
        padding-top: 75px
    }

    .t-rec_pt_90 {
        padding-top: 90px
    }

    .t-rec_pt_135 {
        padding-top: 90px !important
    }

    .t-rec_pt_150 {
        padding-top: 90px !important
    }

    .t-rec_pb_0 {
        padding-bottom: 0
    }

    .t-rec_pb_15 {
        padding-bottom: 15px
    }

    .t-rec_pb_90 {
        padding-bottom: 90px
    }

    .t-rec_pb_135 {
        padding-bottom: 90px !important
    }

    .t-rec_pb_150 {
        padding-bottom: 90px !important
    }

    .t-btn_xs {
        height: 40px
    }

    .t-btn_sm {
        height: 50px
    }
}

@media screen and (max-width: 640px) {
    .t-form-success-popup_new .t-form-success-popup__wrapper {
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
        -webkit-animation: slideUpMobile .5s forwards;
        animation: slideUpMobile .5s forwards;
        border-radius: 20px 20px 0 0;
        bottom: 0;
        max-height: 80vh;
        max-width: 100%;
        overflow-y: auto;
        top: auto;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    @-webkit-keyframes slideUpMobile {
        0% {
            -webkit-transform: translateY(100%);
            transform: translateY(100%)
        }
        to {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
    }@keyframes slideUpMobile {
         0% {
             -webkit-transform: translateY(100%);
             transform: translateY(100%)
         }
         to {
             -webkit-transform: translateY(0);
             transform: translateY(0)
         }
     }.t-form-success-popup_new .t-form-success-popup__title {
          font-size: 22px
      }
}

@media screen and (max-width: 480px) {
    .t-form-success-popup_new .t-form-success-popup__wrapper {
        padding-left: 20px;
        padding-right: 20px
    }

    .t-form-success-popup_new .t-form-success-popup__button {
        width: 100%
    }
}

.t-form-success-popup_new .t-form-success-popup__wrapper.t-popup__container-static {
    left: auto;
    margin: 65px auto;
    position: relative;
    right: auto;
    top: 0;
    -webkit-transform: translateY(30%) scale(.9);
    transform: translateY(30%) scale(.9);
    width: 100%
}

.t-form-success-popup_new.t-popup_show .t-form-success-popup__wrapper.t-popup__container-static {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.t-form-success-popup__content-icon-background {
    -webkit-animation: iconBackgroundOpacity .106s linear forwards, iconBackgroundTransform 1.103s cubic-bezier(.445, .05, .55, .95) forwards;
    animation: iconBackgroundOpacity .106s linear forwards, iconBackgroundTransform 1.103s cubic-bezier(.445, .05, .55, .95) forwards;
    opacity: 0;
    -webkit-transform: rotate(60deg) scale(.9);
    transform: rotate(60deg) scale(.9);
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes iconBackgroundOpacity {
    to {
        opacity: 1
    }
}

@keyframes iconBackgroundOpacity {
    to {
        opacity: 1
    }
}

@-webkit-keyframes iconBackgroundTransform {
    0% {
        -webkit-transform: rotate(60deg) scale(.9);
        transform: rotate(60deg) scale(.9)
    }
    46.1% {
        -webkit-transform: rotate(-8deg) scale(1.03);
        transform: rotate(-8deg) scale(1.03)
    }
    63.46% {
        -webkit-transform: rotate(-10deg) scale(1);
        transform: rotate(-10deg) scale(1)
    }
    to {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1)
    }
}

@keyframes iconBackgroundTransform {
    0% {
        -webkit-transform: rotate(60deg) scale(.9);
        transform: rotate(60deg) scale(.9)
    }
    46.1% {
        -webkit-transform: rotate(-8deg) scale(1.03);
        transform: rotate(-8deg) scale(1.03)
    }
    63.46% {
        -webkit-transform: rotate(-10deg) scale(1);
        transform: rotate(-10deg) scale(1)
    }
    to {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1)
    }
}

.t-form-success-popup__content-icon-check {
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
    -webkit-animation: checkIconOpacity 51ms linear .437s forwards, checkIconDraw .666s cubic-bezier(.39, .575, .565, 1) .437s forwards, checkIconScale .435s cubic-bezier(.445, .05, .55, .95) .437s forwards;
    animation: checkIconOpacity 51ms linear .437s forwards, checkIconDraw .666s cubic-bezier(.39, .575, .565, 1) .437s forwards, checkIconScale .435s cubic-bezier(.445, .05, .55, .95) .437s forwards;
    opacity: 0;
    -webkit-transform: scale(.85);
    transform: scale(.85);
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes checkIconOpacity {
    to {
        opacity: 1
    }
}

@keyframes checkIconOpacity {
    to {
        opacity: 1
    }
}

@-webkit-keyframes checkIconDraw {
    0% {
        stroke-dashoffset: 1
    }
    to {
        stroke-dashoffset: 0
    }
}

@keyframes checkIconDraw {
    0% {
        stroke-dashoffset: 1
    }
    to {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes checkIconScale {
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes checkIconScale {
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.t-form-success-popup__content-icon-background, .t-form-success-popup__content-icon-check {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform, opacity
}