@media screen and (max-width: 1300px) {
    header .wrapper {
        width: 100%;
    }
    .main_body-info .wrapper {
        width: 100%;
    }
    footer .wrapper {
        width: 100%;
    }
    .main_background .wrapper {
        width: 100%;
    }
    .main_intro .wrapper {
        width: 100%;
    }
    .main_body .wrapper {
        width: 100%;
    }
    .wrapper {
        width: 100%;
    }
    .card {
        width: 400px;
    }
    .img_intro {
        /* height: 450px; */
        /* right: 100px; */
    }
    .card_title {
        font-size: 18px;
    }
    .card_info {
        font-size: 15px;
    }
    .main_body-about {
        font-size: 19px;
    }
    .main_body-steps_img {
        width: 300px;
    }
}
@media screen and (max-width: 1024px) {
    .card {
        /* width: 300px; */
    }
    .main_intro .wrapper {
        height: 100%;
    }
    .main_intro {
        height: 420px;
    }
    .img_intro {
        opacity: 0.8;
    }
    .main_body-steps {
        width: 400px;
    }
    .card_title {
        font-size: 16px;
    }
    .card_info {
        font-size: 14px;
    }
    .main_body-about {
        font-size: 17px;
    }
    .main-intro-button {
        width: 300px;
        font-size: 15px;
    }
    .main_intro-link_reg {
        width: 300px;
    }
}
@media screen and (max-width: 820px) {
    .main_body-steps {
        height: 390px;
        width: 320px;
    }
    .img_intro {
        opacity: 0.5;
    }
    .main_body-steps_img {
        width: 280px;
    }
    .main_body-info {
        margin-top: 0;
    }
    .card_number {
        width: 120px;
        height: 120px;
    }
    .main_body-steps {
        height: 330px;
    } 
    .card {
        width: 290px;
    }
    .card_title {
        font-size: 14px;
    }
    .card_body {
        width: 200px;
    }
    .card_info {
        font-size: 11px;
    }
}
@media screen and (max-width: 750px) {
    .main_body-steps {
        height: 320px;
    } 
    .fs-mx {
        font-size: 32px;
    }
    .footer_body-item_title {
        font-size: 15px;
    }
    .footer_body-item_info {
        font-size: 13px;
    }
}
@media screen and (max-width: 620px) {
    .main_body-steps_img {
        display: none;
    }
    .main_body-info a {
        margin-top: 0;
    }
    .img_intro {
        opacity: 0.4;
        height: 400px;
    }
    .fs-mxs {
        font-size: 23px;
    }
    .fs-mx {
        font-size: 27px;
    }
    .main_body-steps {
        height: 360px;
        width: 500px;
        align-items: center;
        margin-top: 25px;
    } 
    .card {
        width: 420px;
    }
    .main-intro-button {
        margin-top: 20px;
    }
    .card_title {
        font-size: 16px;
    }
    .card_info {
        font-size: 14px;
    }
    .card_number {
        width: 110px;
        height: 110px;
    }
    .card_body {
        width: calc(100% - 120px);
    }
    .main_body-title {
        font-size: 25px;
        text-align: center;
    }
}
@media screen and (max-width: 500px) {
    .main_body-steps {
        width: 400px;
    }
    .main_body-info a {
        margin-top: 30px;
    }
    .main_body-title {
        margin-bottom: -40px;
    }
    .main_intro {
        height: 350px;
    }
    .logo {
        height: 60px;
    }
    .card_number {
        width: 130px;
        height: 130px;
    }
    .fs-mxs {
        font-size: 20px;
    }
    .fs-mx {
        font-size: 25px;
    }
    .img_intro {
        height: 370px;
    }
    header {
        padding-top: 0;
    }
    .card {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .card_info {
        font-size: 12px;
    }
    .main_body-steps {
        height: 320px;
    }
    .card_body {
        width: calc(100% - 100px);
    }
    .card_title {
        font-size: 15px;
    }
}
@media screen and (max-width: 460px) {
    .main_intro-link_reg {
        width: 260px;
    }
    .logo_text {
        font-size: 12px;
    }
    .main_body-about {
        font-size: 15px;
    }
    .main-intro-button {
        width: 260px;
        font-size: 13px;
    }
    .right {
        font-size: 9px;
    }
    .footer_body-item_title {
        font-size: 13px;
    }
    .footer_body-item_contacts {
        width: 100%;
    }
    .footer_body-item_info {
        font-size: 11px;
    }
    .form {
        width: 100%;
    }
}
@media screen and (max-width: 415px) {
    .main_body-steps {
        height: 320px;
    }
    .fs-mxs {
        font-size: 18px;
    }
    .fs-mx {
        font-size: 23px;
    }
    .img_intro {
        height: 330px;
    }
}

@media screen and (max-width: 380px) {
    .main_body-steps {
        height: 360px;
    }
    .logo {
        height: 50px;
    }
    .img_intro {
        height: 290px;
    }
    .footer_body-item_info {
        height: 25px;
    }
    .main_intro-link_reg {
        width: 200px;
    }
    .main-intro-button {
        width: 200px;
        font-size: 13px;
    }
    .main_body-title {
        margin-bottom: -10px;
    }
    .footer_body-item {
        width: 120px;
        margin-right: 20px;
    }
}
@media screen and (max-width: 350px) {
    .main_body-info .wrapper {
        height: 680px;
    }
    .header_lang button {
        font-size: 15px;
    }
    .header_lang {
        margin-right: 0;
    }
    .card_number img {
        height: 100%;
    }
    .header_lang {
        width: 65px;
    }
    .logo {
        height: 35px;
    }
    .main_body-info a {
        margin-top: 50px;
    }
    .card {
        width: 100%;
        flex-direction: column;
        text-align: center;
        margin-bottom: 20px;
    }
    .img_intro {
        height: 260px;
    }
    .main_body-steps {
        height: 660px;
    }
    .card_body {
        width: 100%;
    }
    .card_title {
        margin-top: 15px;
    }
    .card_info  {
        width: 100%;
        font-size: 13px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}
@media screen and (max-width: 340px) {
    .main_body-info .wrapper {
        height: 750px;
    }
}
@media screen and (max-width: 320px) {
    .main_body-info .wrapper {
        height: 790px;
    }
}