/*
 * media.css — очищенная версия.
 * Убраны повторные переопределения, старые дубли для главного экрана,
 * одинаковые свойства внутри селекторов и устаревшие префиксы background-size.
 */

.wr-main-screen {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    position: relative;
    overflow: hidden;
}

.wr-main-screen *, .wr-main-screen *::before, .wr-main-screen *::after {
    box-sizing: border-box;
}

.main-screen-text {
    position: relative;
    z-index: 3;
}

.main-screen-text .container {
    position: relative;
    z-index: 3;
}

.main-screen .text-area {
    position: relative;
    z-index: 3;
    max-width: min(560px, 50vw);
}

.main-screen .text-area h1, .main-screen .text-area p {
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
}

.main-screen .text-area a.button-screen {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    z-index: 4;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    white-space: normal;
    text-align: center;
}

.wr-main-screen .computer {
    z-index: 1;
    pointer-events: none;
}

.wr-main-screen .computer .device, .wr-main-screen .computer .device div {
    background-size: contain;
}

@media screen and (max-width:1919px) {
    .wr-main-screen {
        background: url(../images/head_endowment.jpg) no-repeat;
        min-height: 765px;
        position: relative;
        overflow: hidden;
        background-size: 100%;
    }
}

@media screen and (max-width:1700px) {
    .employment .feedback .item .avatar {
        margin-right: 155px;
    }
}

@media screen and (max-width:1560px) {
    .wr-main-screen {
        background: url(../images/head_endowment.jpg) no-repeat;
        position: relative;
        overflow: hidden;
        min-height: clamp(620px, 42vw, 765px);
        background-size: cover;
    }
}

@media screen and (max-width:1500px) {
    .container {
        max-width: 1110px;
    }

    .wr-people .people {
        margin-right: -280px;
    }

    .wr-people {
        min-height: 569px;
    }

    .title-huge {
        font-size: 50px;
    }

    .wr-instuction {
        padding: 50px 0 85px;
    }

    .instuction .title-huge {
        margin-bottom: 65px;
    }

    .menu_wrapper .menu_wrapper_inner .title {
        margin-bottom: 50px;
        line-height: 140%;
    }

    .menu_wrapper {
        padding-top: 25px;
        background-position: 95% 35%;
    }

    .menu_wrapper .menu_wrapper_inner .fork .item ul li {
        margin-bottom: 23px;
    }

    .menu_wrapper .menu_wrapper_inner .fork .item strong {
        margin-bottom: 20px;
    }

    .wr-employment {
        background-position: 99.5% 76%;
        background: none;
    }

    .employment .feedback .item .text {
        width: 47%;
    }

    .wr-about-field .icon.ic-8 {
        top: 75%;
        right: 38%;
    }

    .wr-about-field .icon.ic-9 {
        top: 75%;
        right: 11%;
    }

    .wr-about-field .icon.ic-6 {
        top: 44%;
        right: 24%;
    }

    .wr-about-field .icon.ic-5 {
        top: 44%;
        right: 36%;
    }

    .wr-about-field .icon.ic-3 {
        left: 2%;
    }

    .wr-photo-field .next-click {
        width: 83%;
    }

    .wr-people .next-click {
        width: 41%;
    }
}

@media screen and (max-width:1370px) {
    #application_form, #feedback_form, #rating_form, .full_info {
        width: 70%;
    }

    .wr-main-screen {
        min-height: clamp(590px, 45vw, 690px);
    }

    .main-screen .text-area {
        max-width: min(520px, 48vw);
    }
}

@media screen and (max-width:1350px) {
    .wr-main-screen:before {
        display: none;
    }

    #ellipse, .wr-main-screen .computer .oval-1 {
        display: none;
    }

    .wr-main-screen .computer .device {
        background-size: contain;
        width: 100%;
        height: 100%;
        right: 0;
        bottom: 0;
        top: auto;
        left: auto;
        margin-left: 0;
    }

    .wr-main-screen .computer:before {
        display: none;
    }

    .wr-main-screen .computer .oval-2 {
        left: -14%;
    }

    .wr-main-screen .computer .oval-3 {
        left: -9%;
    }

    .wr-main-screen .computer .line-1 {
        position: absolute;
        top: 20%;
        left: -5%;
        right: 0;
        bottom: 0;
    }

    .wr-main-screen .computer .line-2 {
        width: 831px;
        height: 831px;
        position: absolute;
        top: 56%;
        left: 35%;
        margin-top: -301px;
        margin-left: -315px;
    }

    .wr-main-screen .computer {
        width: min(42vw, 500px);
        height: min(42vw, 500px);
        right: clamp(-45px, -3vw, 0px);
        bottom: 0;
        top: auto;
        margin-top: 0;
    }

    .wr-main-screen .computer .device div {
        width: 100%;
        height: 100%;
    }
}

@media screen and (max-width:1300px) {
    .wr-main-screen {
        background: url(../images/fund-banner-2048_1536.jpg) no-repeat;
        position: relative;
        overflow: hidden;
        min-height: clamp(600px, 54vw, 720px);
        background-position: center top;
        background-size: cover;
    }

    .title-huge {
        font-size: 40px;
    }

    .wr-about-field {
        padding: 0px 0 75px;
    }

    .wr-about-field .icon.ic-1 {
        left: auto;
        right: 15%;
    }

    .wr-about-field .icon.ic-2 {
        right: 1%;
    }

    .wr-about-field .icon.ic-3 {
        display: none;
    }

    .wr-about-field .icon.ic-4 {
        display: none;
    }

    .wr-about-field .icon.ic-7 {
        right: 2%;
    }

    .wr-about-field .icon.ic-9 {
        right: 10%;
    }

    .wr-instuction {
        padding: 50px 0 70px;
    }

    .instuction .title-huge {
        margin-bottom: 50px;
    }

    .wr-employment {
        background: none;
    }

    .menu_wrapper {
        background-position: 79% 7%;
        background-size: 280px;
    }

    .menu_wrapper .menu_wrapper_inner .title {
        line-height: 200%;
    }

    .menu_wrapper .menu_wrapper_inner .fork .item {
        margin-right: 15%;
    }

    .menu_wrapper .menu_wrapper_inner .fork .item:last-child {
        margin-right: 0;
    }
}

@media screen and (max-width:1250px) {
    #application_form, #feedback_form, #rating_form, .full_info {
        padding: 30px 45px 25px;
    }

    .wr-employment {
        background: none;
        padding: 60px 0;
    }

    .wr-main-screen {
        min-height: 635px;
    }

    .title-huge {
        font-size: 40px;
    }

    .wr-main-screen .wr-menu .menu.xs_flex {
        height: 46px;
    }

    .wr-contacts {
        padding-top: 50px;
    }

    .contacts .title {
        margin-bottom: 40px;
    }

    .wr-instuction {
        margin-bottom: 0;
    }

    .instuction .step-way .item .numeral {
        padding: 10px 20px;
        margin-right: 15px;
    }

    .wr-people .people .wr-identity.slick-active + .slick-active + .slick-active {
        opacity: .6;
    }

    .exchange .countries .item.slick-active + .slick-active + .slick-active + .slick-active {
        opacity: 0.6;
    }

    .application_form .title {
        margin-bottom: 30px;
    }

    .title {
        font-size: 40px;
    }

    .menu_wrapper .title {
        font-size: 50px;
    }

    .instuction .step-way .item {
        padding-right: 130px;
    }

    .contacts .addresses-field .item .ahead {
        font-size: 20px;
        line-height: 175%;
    }

    .wr-people .people a.identity .learn-more {
        display: block;
    }

    body.show_menu {
        overflow: initial;
    }

    .download-field a.item .imgPlaceHolder {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        transform: rotateY(180deg) top:0 !important;
    }

    .download-field a.item .imgPlaceHolder .back {
        backface-visibility: visible;
        z-index: 10;
    }

    .download-field a.item.description:after {
        content: "";
        width: 46px;
        height: 52px;
        background-size: 46px;
        right: 50px;
        margin-top: -26px;
        display: none;
    }

    .download-field a.item.description:before {
        height: 200px !important;
        width: 200px !important;
        margin-top: -100px !important;
        content: "";
        right: -5%;
    }

    .download-field .details .wfront .fusn p, .download-field .description p {
        font-size: 20px;
    }

    .photo-field .wr-eye a.eye.icon-video:before, .photo-field .wr-eye a.eye.icon-photo:before {
        content: "";
        z-index: 5;
    }

    .download-field a.item .imgPlaceHolder .front {
        display: none;
    }

    .wr-people {
        min-height: 560px;
    }

    .wr-people .people .wr-identity a.identity .learn-more {
        opacity: 1;
        height: 65px;
        padding: 23px 0;
    }

    .instuction .step-way .item strong {
        font-size: 20px;
    }

    .instuction .step-way .text {
        max-height: 122px;
    }

    .instuction .deadline .title {
        max-width: 350px;
    }

    .instuction .deadline a.btn:before {
        content: "";
        opacity: 1;
    }

    .employment .feedback .slick-dots {
        top: auto;
        left: 50%;
        bottom: 0;
        margin-left: -124px;
    }

    .companies {
        margin-right: -340px;
    }

    .contacts .deep-dive .item {
        width: 36.532%;
    }

    .contacts .deep-dive .item.foll {
        width: 100%;
    }

    .contacts .deep-dive .item .follow:before {
        content: "";
        display: block;
        height: 100%;
        background: url(../images/group-19.png) no-repeat 100% 100%;
        background-size: contain;
    }

    .contacts .deep-dive .item .follow .ahead {
        max-width: initial;
    }

    .wr-instuction:before {
        top: -10%;
        left: -71%;
    }

    .wr-instuction:after {
        width: 600px;
        height: 600px;
        bottom: 39%;
        right: -25%;
    }

    .curriculum .metters ul li {
        width: 49%;
        margin-bottom: 29px;
    }

    .wr-about-field .icon {
        width: 100px;
        height: 100px;
    }

    .wr-about-field .icon div {
        background-size: 130px !important;
    }

    .instuction .deadline {
        padding: 35px 0 40px;
        background-size: 50%;
        background-position: 100% 50%;
    }

    .instuction .deadline .date-info {
        display: block;
    }

    .instuction .deadline .date-info .date-drow {
        margin-bottom: 20px;
    }

    .employment .feedback .item {
        padding-bottom: 45px;
    }

    .wr-events {
        padding-bottom: 55px;
    }

    .wr-companies, #xs_map, .wr-photo-field, .wr-curriculum {
        padding-bottom: 60px;
    }

    .instuction .deadline .thin {
        max-width: 354px;
    }

    .about-field .text {
        max-width: 100%;
    }

    .container {
        max-width: 900px;
    }

    .download-field .item {
        min-height: 165px;
    }

    .wr-about-field {
        padding: 80px 0 100px;
    }

    .wr-about-field .icon.ic-1, .wr-about-field .icon.ic-2, .wr-about-field .icon.ic-3, .wr-about-field .icon.ic-4, .wr-about-field .icon.ic-9, .wr-about-field .icon.ic-7 {
        display: block;
    }

    .wr-about-field .icon.ic-1 {
        left: -22px;
        right: auto;
        top: 10px;
    }

    .wr-about-field .icon.ic-2 {
        right: -27px;
        top: 10px;
    }

    .wr-about-field .icon.ic-7 {
        right: -25px;
    }

    .wr-about-field .icon.ic-9 {
        right: -28px;
        top: 78%;
    }

    .wr-about-field .icon.ic-8 {
        top: 78%;
        right: auto;
        left: 28%;
    }

    .wr-about-field .icon.ic-6 {
        top: 67%;
        right: 17%;
    }

    .wr-about-field .icon.ic-5 {
        top: 67%;
        right: 34%;
    }

    .wr-about-field .icon.ic-4 {
        display: block;
        top: 78%;
        left: -34px;
    }

    .wr-about-field .icon.ic-3 {
        display: block;
        top: 67%;
        left: 8%;
    }

    .wr-main-screen .menu .browse-side .logotip a strong {
        font-size: 14px;
    }

    .wr-main-screen .menu .browse-side .logotip a:before {
        content: "";
        width: 39px;
        height: 39px;
        background-size: 39px;
        margin-top: -19px;
    }

    .wr-main-screen .menu .browse-side .logotip a:after {
        content: "";
        width: 39px;
        height: 39px;
        background-size: 39px;
        margin-top: -19px;
    }

    .wr-main-screen .menu .browse-side .logotip a {
        padding-left: 52px;
    }

    .wr-main-screen .menu .browse-side .logotip a.my img {
        max-height: 75px;
    }

    .wr-main-screen .menu .browse-side .buttonMenu {
        width: 60px;
        padding-right: 14px;
        margin-right: 14px;
    }

    body.show_menu .wr-main-screen .menu .browse-side .buttonMenu {
        width: 60px;
    }

    .wr-main-screen .menu .follow-side strong {
        font-size: 14px;
        margin-right: 10px;
    }

    .wr-main-screen .menu .follow-side a.soc.inst {
        background-size: 16px;
    }

    .wr-main-screen .menu .follow-side a.soc.inst:before {
        content: "";
        width: 34px;
        height: 34px;
        background-size: 16px;
        top: 50%;
        left: 50%;
        margin: -17px 0 0 -17px;
    }

    .wr-main-screen .menu .follow-side a.soc.vk {
        background-size: 21px;
    }

    .wr-main-screen .menu .follow-side a.soc.vk:before {
        content: "";
        width: 34px;
        height: 34px;
        background-size: 21px;
        top: 50%;
        left: 50%;
        margin: -17px 0 0 -17px;
    }

    .wr-main-screen .menu .follow-side a.soc.fb {
        background-size: 8px;
    }

    .wr-main-screen .menu .follow-side a.soc {
        width: 34px;
        height: 34px;
        margin-right: 10px;
    }

    .wr-main-screen .menu .follow-side a.soc.fb:before {
        content: "";
        width: 34px;
        height: 34px;
        background-size: 8px;
        margin: -17px 0 0 -17px;
    }

    .menu_wrapper {
        top: 106px;
    }

    .menu_wrapper .menu_wrapper_inner .fork .item {
        margin-right: 4%;
    }

    .download-field .details .wback .fusn {
        padding: 10px;
    }

    .download-field .details .wback {
        min-height: 141px;
    }

    .download-field .details .wfront {
        min-height: 141px;
    }

    .download-field .details .wfront:after {
        content: "";
        width: 72px;
        height: 85px;
        background-size: 68px;
        right: 40px;
        margin-top: -42px;
        display: none;
    }

    .download-field .details .wfront:before {
        height: 200px;
        width: 200px;
        margin-top: -100px;
        content: "";
        right: -5%;
    }

    .download-field .details .wback .fusn .side .atext .line, .download-field .details .wback .fusn .side .atext p {
        margin-bottom: 8px;
    }

    .download-field .details .wback .fusn .side .atext .line strong, .download-field .details .wback .fusn .side .atext p strong {
        font-size: 13px;
        margin-bottom: 6px;
    }

    .download-field .details .wback .fusn .side .atext .line span, .download-field .details .wback .fusn .side .atext p span {
        font-size: 12px;
    }

    .download-field .details .wback .fusn .side .atext .line a, .download-field .details .wback .fusn .side .atext p a {
        font-size: 12px;
    }

    .wr-photo-field .next-click {
        top: 107px;
        width: 91%;
    }

    .wr-people .next-click {
        top: 105px;
        width: 55.5%;
    }

    .exchange .next-click {
        top: 145px;
        width: 65%;
    }

    .wr-events .next-click {
        top: 107px;
        width: 34%;
    }

    .wr-companies .next-click {
        top: 155px;
        width: 37%;
    }

    .main-screen .text-area {
        max-width: min(500px, 52vw);
    }

    .main-screen .text-area h1 {
        font-size: clamp(42px, 4.1vw, 50px);
        line-height: 1.14;
        margin-bottom: clamp(20px, 2.2vw, 30px);
    }

    .main-screen .text-area p {
        font-size: clamp(18px, 1.7vw, 20px);
        line-height: 1.35;
        margin-bottom: clamp(20px, 2.2vw, 30px);
    }
}

@media screen and (max-width:1050px) {
    .container {
        max-width: 770px;
    }

    .wr-photo-field .next-click {
        width: 97.5%;
    }

    .wr-people .next-click {
        width: 59%;
    }
}

@media screen and (max-width:1024px) {
    .wr-main-screen {
        background: url(../images/fund-banner-2048_1536.jpg) no-repeat;
        position: relative;
        overflow: hidden;
        min-height: clamp(610px, 66vw, 720px);
        background-position: center top;
        background-size: cover;
    }

    .main-screen .text-area {
        max-width: min(470px, 55vw);
    }

    .wr-main-screen .computer {
        width: min(40vw, 390px);
        height: min(40vw, 390px);
        right: -6vw;
    }
}

@media screen and (max-width:1000px) {
    .instuction .deadline {
        background-size: 50%;
    }

    #application_form, #feedback_form, #rating_form, .full_info {
        width: 90%;
    }

    .employment .feedback .item .avatar {
        margin-right: 0;
        width: 300px;
        margin-bottom: 25px;
        display: block;
    }

    .employment .feedback .item .text {
        width: 100%;
    }

    .title-huge {
        font-size: 40px;
    }

    .wr-about-field .icon {
        width: 60px;
        height: 60px;
    }

    .wr-about-field .icon div {
        background-size: 76px !important;
    }

    .wr-about-field {
        padding: 20px 0 30px;
    }

    .wr-about-field .icon.ic-1 {
        left: 15px;
        right: auto;
        top: -70px;
    }

    .wr-about-field .icon.ic-2 {
        right: 15px;
        top: -70px;
    }

    .wr-about-field .icon.ic-4 {
        display: block;
        top: auto;
        left: 45px;
        bottom: 30px;
    }

    .wr-about-field .icon.ic-5 {
        right: 85px;
        bottom: 120px;
        top: auto;
    }

    .wr-about-field .icon.ic-6 {
        right: -16px;
        top: auto;
        bottom: 120px;
    }

    .wr-about-field .icon.ic-9 {
        right: 44px;
        bottom: 30px;
        top: auto;
    }

    .wr-about-field .icon.ic-8 {
        right: auto;
        top: auto;
        bottom: 120px;
        left: -19px;
    }

    .wr-about-field .icon.ic-7 {
        display: none;
    }

    .about-field .text {
        max-width: 100%;
    }

    .wr-curriculum {
        padding-bottom: 40px;
    }

    .title {
        margin-bottom: 20px;
    }

    .wr-photo-field {
        padding-bottom: 30px;
    }

    .wr-people .people .wr-identity {
        margin-bottom: 0;
    }

    .instuction .step-way {
        padding-bottom: 15px;
    }

    .wr-about-field .icon.ic-1, .wr-about-field .icon.ic-2, .wr-about-field .icon.ic-4, .wr-about-field .icon.ic-9 {
        display: block;
    }

    .wr-photo-field .next-click {
        top: 67px;
    }

    .wr-people .next-click {
        top: 65px;
    }

    .exchange .next-click {
        top: 110px;
        width: 69%;
    }

    .wr-events .next-click {
        top: 66px;
    }

    .wr-companies .next-click {
        top: 110px;
    }
}

@media screen and (max-width:960px) {
    .buttonMenu {
        display: block;
    }

    .show_menu header nav .menu_container {
        left: 0;
    }

    header .top_container .email {
        display: none;
    }

    header nav .menu_container {
        position: fixed;
        top: 0;
        width: 100%;
        height: 100vh;
        left: -100%;
        bottom: 0;
        z-index: 99;
        background: rgba(0, 0, 0, 0.33);
        transition: .3s all;
    }

    header nav .menu_container .close, header nav .menu_container .close:before {
        width: 55px;
        height: 55px;
        background: #121212;
        content: "";
        display: block;
        right: 0;
        top: 0;
        position: absolute;
        z-index: 1;
    }

    header nav .menu_container .close:before {
        width: 24px;
        height: 22px;
        background: url(../images/close.svg) no-repeat 50% 50%;
        background-size: contain;
        margin: 16px;
        z-index: 2;
    }

    header nav .menu_container .menu_wrapper {
        position: absolute;
        top: 0;
        left: 0;
        right: 55px;
        bottom: 0;
        background: #fff;
        overflow: auto;
    }

    header nav ul, header nav ul li {
        width: 100%;
        margin: 0;
    }

    header nav ul li a {
        border-bottom: 1px solid #dbe0e2;
        padding-left: 0;
        padding-right: 0;
        position: relative;
    }

    header nav ul li a:hover {
        background: none;
    }

    header nav .menu_container .menu_wrapper .footer {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: #fff;
        padding: 15px 15px 0;
        display: block;
    }

    header nav .menu_container .menu_wrapper .footer a {
        padding: 0;
    }

    header nav .menu_container .menu_wrapper .footer .phone {
        font-size: 20px;
    }

    header nav .menu_container .menu_wrapper .footer .email {
        margin: 10px 0 20px;
        text-transform: none;
    }

    header nav .menu_container .menu_wrapper .footer .btn {
        padding: 5px 15px;
    }

    header nav .menu_container .menu_wrapper .footer .bottom_line {
        background: #eee;
        color: #767676;
        margin-left: -15px;
        margin-right: -15px;
        margin-top: 20px;
        padding: 8px 15px;
        font-size: 12px;
    }

    header nav .menu_wrapper .menu_wrapper_inner {
        position: relative;
        padding: 15px 15px 205px;
        min-height: 100vh;
        box-sizing: border-box;
    }

    header nav .menu_wrapper ul li.menu-item-has-children ul {
        position: static;
        margin-top: 0;
        opacity: 1;
        background: #fff;
        padding: 0;
        border-radius: 0;
        min-width: auto;
    }

    header nav .menu_wrapper ul li.menu-item-has-children > a:after {
        content: "";
        display: block;
        width: 9px;
        height: 10px;
        position: absolute;
        top: 50%;
        margin-top: -5px;
        right: 10px;
        background: url(../images/right-arrow.svg) no-repeat 0 0;
        background-size: contain;
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        transition: .3s all;
    }

    header nav .menu_wrapper ul li.menu-item-has-children > a.rotate:after {
        content: "";
        -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -webkit-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        transform: rotate(270deg);
        margin-left: -3px;
        margin-top: -7px;
        transition: .3s all;
    }

    header nav .menu_wrapper ul > li > ul {
        opacity: 1;
        box-shadow: none !important;
        display: none;
        transition: .3s all;
    }

    header nav .menu_wrapper ul li ul.sub-menu li {
        overflow: initial;
    }

    header nav .menu_wrapper ul li ul.sub-menu li a {
        padding: 15px 25px;
    }
}

@media screen and (max-width:900px) {
    .contacts .addresses-field .item {
        width: 100%;
        margin-bottom: 25px;
    }

    .contacts .addresses-field .item:last-child {
        margin-bottom: 0;
    }

    .contacts .deep-dive .item {
        width: 100%;
        margin-bottom: 20px;
    }

    .contacts .map {
        margin-bottom: 50px;
    }

    .download-field .item {
        width: 100%;
        margin-bottom: 10px;
    }

    .download-field .item.description:before {
        content: "";
        height: 280px;
        width: 280px;
        margin-top: -140px;
        right: 0;
    }

    .title .arrows {
        display: none;
    }

    .instuction .deadline {
        padding: 15px 0 50px;
    }

    .photo-field .wr-eye a.eye img {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
    }

    .wr-events .events .wr-item .item .cluse a img {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
    }

    .wr-people .people a.identity .learn-more {
        background: #ecedee !important;
    }

    .wr-people .people a.identity .learn-more strong {
        color: #0d56cc !important;
    }

    .wr-people .people a.identity .learn-more strong:after {
        opacity: 0 !important;
    }

    .menu_wrapper .menu_wrapper_inner .fork .item {
        margin-right: 3%;
    }

    .menu_wrapper {
        background-position: 95% 6%;
        background-size: 230px;
    }

    .menu_wrapper .menu_wrapper_inner .title {
        line-height: 160%;
    }

    .main-screen .text-area {
        max-width: min(440px, 58vw);
        position: relative;
        z-index: 3;
    }

    .wr-main-screen .computer {
        width: min(42vw, 360px);
        height: min(42vw, 360px);
        right: -10vw;
        bottom: 0;
        z-index: 1;
        pointer-events: none;
        overflow: visible;
    }

    .wr-main-screen {
        min-height: auto !important;
        height: auto !important;
        overflow: hidden;
    }

    .main-screen-text {
        position: relative;
        z-index: 3;
        padding-bottom: clamp(32px, 5vw, 52px) !important;
    }

    .main-screen .text-area a.button-screen {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        z-index: 4;
        margin-bottom: 0;
    }
}

@media screen and (max-width:850px) {
    .curriculum .metters ul li {
        font-size: 14px;
    }

    .wr-main-screen .computer .oval-3 {
        display: none;
    }
}

@media screen and (max-width:800px) {
    .exchange .countries {
        margin-right: -415px;
    }

    .companies {
        margin-right: -40px;
    }

    .instuction .step-way .item .numeral {
        font-size: 24px;
        padding: 0px 0px 0px 0px;
        padding-left: 20px;
    }

    .instuction .step-way .item {
        padding: 20px 20px 20px 0px;
    }

    .instuction .step-way .item strong {
        font-size: 18px;
        padding-right: 50px;
        margin-bottom: 0;
    }

    .instuction .step-way .item .arrow-place {
        width: 46px;
        height: 46px;
        top: 10px;
        right: 20px;
    }

    .photo-field .wr-eye.slick-active + .slick-active {
        opacity: 0.7;
    }

    .photo-field .wr-eye a.eye:before, .photo-field .wr-eye a.eye:after {
        content: "";
        width: 41px;
        height: 41px;
    }

    .photo-field .wr-eye a.eye.icon-photo:before {
        content: "";
        background-size: 24px;
    }

    .photo-field .wr-eye a.eye.icon-video:before {
        content: "";
        background-size: 14px;
    }

    .photo-field .wr-eye a.eye.icon-photo:after, .photo-field .wr-eye a.eye.icon-video:after {
        display: none;
    }

    .photo-field {
        margin-right: -200px;
    }

    .instuction .step-way .item.active strong {
        margin-bottom: 20px;
    }

    .instuction .step-way .text .mark, .instuction .step-way .item p {
        display: none;
    }

    .instuction .step-way .item.active .text .mark, .instuction .step-way .item.active p {
        display: block;
    }

    .instuction .step-way .item.desctop_hide .arrow-place {
        display: block;
    }

    .menu_wrapper .menu_wrapper_inner .fork .item {
        margin-right: 1%;
        max-width: 320px;
    }

    .wr-photo-field .next-click {
        width: 63%;
        margin-right: -200px;
    }

    .exchange .next-click {
        width: 76%;
    }

    .wr-events .next-click {
        top: 66px;
        width: 0%;
    }

    .wr-companies .next-click {
        width: 0%;
    }
}

@media screen and (max-width:750px) {
    .wr-main-screen .menu .follow-side .triangle {
        display: block;
    }

    .wr-main-screen .menu .browse-side .logotip a.my img {
        max-height: 55px;
    }

    body.show_menu .wr-main-screen .menu .follow-side .triangle:before, body.fix .wr-main-screen .menu .follow-side .triangle:before {
        opacity: 1;
    }

    .wr-main-screen .menu .follow-side.active .linker {
        display: block;
        position: absolute;
        top: 55px;
        right: -5px;
    }

    .wr-main-screen .menu .follow-side a.soc.inst:before, .wr-main-screen .menu .follow-side a.soc.inst:after, .wr-main-screen .menu .follow-side a.soc.vk:before, .wr-main-screen .menu .follow-side a.soc.vk:after, .wr-main-screen .menu .follow-side a.soc.fb:before, .wr-main-screen .menu .follow-side a.soc.fb:after {
        display: none !important;
    }

    .wr-main-screen .menu .follow-side.active strong {
        display: none;
    }

    .wr-main-screen .menu .follow-side a.soc {
        width: 38px;
        height: 38px;
        margin-right: 0;
        margin-bottom: 5px;
        background-color: #0041aa !important;
    }

    .wr-main-screen .menu .follow-side a.soc.inst {
        background-size: 16px;
    }

    .wr-main-screen .menu .follow-side a.soc.vk {
        background-size: 20px;
    }

    .wr-main-screen .menu .follow-side a.soc.fb {
        background-size: 9px;
    }

    .wr-main-screen .menu .follow-side .linker {
        display: none;
    }

    .wr-main-screen .wr-menu {
        padding: 20px 0;
    }

    .wr-main-screen {
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
        min-height: auto !important;
        height: auto !important;
        display: block !important;
        position: relative !important;
        overflow: hidden !important;
        background-position: center top !important;
        background-size: cover !important;
    }

    .title {
        font-size: 24px;
        line-height: 140%;
    }

    .contacts .title {
        margin-bottom: 20px;
    }

    .title-huge {
        font-size: 40px;
    }

    .menu_wrapper {
        top: 76px;
        padding-top: 5px;
    }

    .menu_wrapper .menu_wrapper_inner .title {
        margin-bottom: 40px;
        max-width: 290px;
        font-size: 30px;
    }

    .menu_wrapper .menu_wrapper_inner .fork .item ul li {
        margin-bottom: 20px;
    }

    .menu_wrapper .menu_wrapper_inner .fork .item {
        margin-bottom: 30px;
    }

    .employment .feedback .item .text .name {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .employment .feedback .item .text .position {
        margin-bottom: 15px;
        font-size: 12px;
    }

    .employment .feedback .item .avatar a.whatch-me:before, .employment .feedback .item .avatar a.whatch-me:after {
        display: none;
    }

    .employment .feedback .item .avatar {
        position: initial;
        width: 258px;
        margin: 0 auto 25px;
    }

    .employment .feedback .item .avatar .wr-whatch-me {
        left: 0;
        right: 0;
        bottom: 0;
    }

    .employment .feedback .item .avatar a.whatch-me {
        display: block;
        width: 100%;
        height: 65px;
        background: none;
        background-color: #ecedee;
        border-radius: 8px;
        left: 0;
        right: 0;
        top: auto;
        bottom: 0;
        text-align: center;
    }

    .employment .feedback .item .avatar a.whatch-me strong {
        display: inline-block;
        font-size: 16px;
        font-weight: 700;
        color: #0d56cc;
        padding: 23px 0px 23px 34px;
        text-transform: uppercase;
        position: relative;
    }

    .employment .feedback .item .avatar a.whatch-me strong:before {
        content: "";
        display: block;
        width: 21px;
        height: 24px;
        background: url(../images/video.svg) no-repeat 50% 50%;
        background-size: 21px;
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -12px;
    }

    .employment .feedback .item {
        position: relative;
    }

    .employment .feedback .slick-dots {
        top: auto;
        left: 50%;
        right: 0%;
        bottom: 0;
        margin-left: -50px;
    }

    .wr-employment {
        padding: 30px 0;
    }

    .wr-events {
        padding-bottom: 30px;
    }

    .wr-companies {
        padding-bottom: 30px;
    }

    .contacts .addresses-field {
        margin-bottom: 30px;
    }

    .contacts .map {
        margin-bottom: 30px;
    }

    .contacts .deep-dive {
        padding-bottom: 0;
        border-bottom: none;
    }

    .contacts .copyright {
        padding: 0;
        padding-bottom: 70px;
    }

    .contacts .copyright a {
        width: 100%;
        height: 50px;
        border-radius: 0;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0 !important;
        background-color: #3f3f3f !important;
    }

    .contacts .deep-dive .item .follow .ahead {
        font-size: 24px;
    }

    .contacts .deep-dive .item .follow .linker .unit {
        background-color: #fff !important;
    }

    .contacts .deep-dive .item .follow .linker .unit.insta, .contacts .deep-dive .item .follow .linker .unit.vk {
        width: 56px;
        height: 56px;
        margin-right: 16px;
    }

    .contacts .deep-dive .item .follow .linker .unit.fb {
        width: 56px;
        height: 56px;
    }

    .contacts .deep-dive .item .follow .linker .unit.fb:before, .contacts .deep-dive .item .follow .linker .unit.insta:before, .contacts .deep-dive .item .follow .linker .unit.vk:before {
        opacity: 0 !important;
    }

    .contacts .deep-dive .item .follow {
        height: 287px;
        padding: 20px 20px;
    }

    .contacts .deep-dive .item .follow:before {
        background: url(../images/girls_extand.png) no-repeat 100% 100%;
        background-size: contain;
        height: 85%;
    }

    .contacts .addresses-field .item .ahead {
        font-size: 18px;
    }

    #xs_map {
        margin-bottom: 30px;
    }

    #application_form, #feedback_form, #rating_form, .full_info {
        width: 100%;
        padding: 25px 15px 0px;
    }

    .application_form .item .fields input {
        width: 100%;
    }

    .application_form .item .brick .folder {
        width: 100%;
    }

    .application_form .item .fields .crow .inner {
        width: 100%;
    }

    .application_form .item .form_title {
        font-size: 18px;
    }

    .wr-events .events {
        display: none;
    }

    .wr_mobile_slider {
        display: block;
        position: relative;
    }

    .mobile_slider .item.slick-active + .slick-active {
        opacity: 0.6;
    }

    .application_form .item .fields .crow input {
        width: 100%;
    }

    .wr-main-screen .computer .line-1 {
        top: 49%;
        left: 51%;
        width: 400px;
        height: 400px;
    }

    .wr-main-screen .computer .line-2 {
        width: 531px;
        height: 531px;
        top: 37%;
        left: 36%;
        margin-top: 0;
        margin-left: 0;
    }

    .wr-main-screen .computer .oval-2 {
        width: 30px;
        height: 30px;
        left: auto;
        right: 53%;
        bottom: 38%;
        top: auto;
    }

    .application_form .item .brick .bri-mail {
        width: 100%;
    }

    .application_form .item .conditions input.sending {
        width: 100%;
    }

    #application_form .close, #feedback_form .close, #rating_form .close, .full_info .close {
        width: 25px;
        height: 25px;
        background-size: 25px;
        right: 15px;
    }

    .curriculum .metters ul li {
        width: 100%;
    }

    .curriculum.active .metters ul {
        max-height: 2000px;
    }

    .wr-instuction:before, .wr-instuction:after {
        display: none;
    }

    .download-field .details .wfront {
        top: -100%;
        position: relative;
    }

    .download-field .details .wback {
        bottom: 0;
        min-height: 432px;
    }

    .download-field .details {
        min-height: 165px;
    }

    .download-field .details .wback .fusn .hiden_side {
        display: block;
    }

    .download-field .details .wback .fusn {
        display: block;
        min-height: 416px;
    }

    .download-field .details .wback .fusn .side .atext .line, .download-field .details .wback .fusn .side .atext p {
        margin-bottom: 13px;
    }

    .download-field .details .wback .fusn .side .atext .line strong, .download-field .details .wback .fusn .side .atext p strong {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .download-field .details .wback .fusn .side .atext .line span, .download-field .details .wback .fusn .side .atext p span {
        font-size: 16px;
    }

    .download-field .details .wback .fusn .side .atext .line a, .download-field .details .wback .fusn .side .atext p a {
        font-size: 16px;
    }

    .download-field .details .wback .fusn .side {
        max-width: 250px;
    }

    .download-field .details .wback:before {
        content: "";
        display: block;
        height: 260px;
        width: 260px;
        background-image: linear-gradient(110deg, #ffffff 15%, rgba(255, 255, 255, 0) 76%);
        position: absolute;
        top: -60px;
        right: -100px;
        bottom: 0;
        opacity: 0.19;
        border-radius: 50% 0 0 50%;
    }

    .download-field .details .wback:after {
        content: "";
        display: block;
        width: 60px;
        height: 70px;
        background: url(../images/info.svg) no-repeat 50% 50%;
        background-size: 60px;
        position: absolute;
        top: 31px;
        right: 34px;
    }

    .download-field .details .wfront .fusn p, .download-field .description p {
        padding: 0 20px;
    }

    .wr-photo-field .next-click {
        width: 64%;
        top: 52px;
    }

    .wr-people .next-click {
        top: 45px;
        width: 61%;
    }

    .wr_mobile_slider .next-click-mobile {
        position: absolute;
        top: 0;
        left: auto;
        bottom: 0;
        right: 0;
        width: 49%;
        z-index: 999;
        background: none;
        cursor: pointer;
        margin-right: 0;
    }

    .wr-companies .no-companies .wr-item {
        margin: 0 10px;
    }

    .main-screen .text-area a.button-screen {
        margin-top: 0;
        position: relative !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        z-index: 7 !important;
        width: auto !important;
        max-width: 100% !important;
        min-height: 54px !important;
        padding-left: 22px !important;
        padding-right: 22px !important;
        box-sizing: border-box !important;
        white-space: normal !important;
    }

    .wr-main-screen .computer {
        margin-top: 0;
        position: absolute !important;
        z-index: 1 !important;
        pointer-events: none !important;
        left: auto !important;
        right: 0 !important;
        top: auto !important;
        bottom: clamp(-128px, -17vw, -82px) !important;
        width: clamp(285px, 55vw, 410px) !important;
        height: clamp(230px, 44vw, 320px) !important;
        margin: 0 !important;
        overflow: visible !important;
    }

    .wr-main-screen .computer .device {
        margin-left: 0;
        position: absolute !important;
        top: auto !important;
        left: auto !important;
        right: clamp(-118px, -19vw, -58px) !important;
        bottom: clamp(-108px, -16vw, -58px) !important;
        width: clamp(270px, 58vw, 420px) !important;
        height: clamp(270px, 58vw, 420px) !important;
        margin: 0 !important;
        background-size: contain !important;
    }

    .main-screen-text {
        position: relative !important;
        z-index: 5 !important;
        padding-top: clamp(72px, 13vw, 92px) !important;
        padding-bottom: clamp(22px, 5vw, 36px) !important;
    }

    .main-screen-text .container {
        position: relative !important;
        z-index: 5 !important;
    }

    .main-screen .text-area {
        position: relative !important;
        z-index: 6 !important;
        margin-top: 0 !important;
        width: 100% !important;
        max-width: calc(100% - clamp(210px, 34vw, 270px)) !important;
        min-width: 330px !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    .main-screen .text-area h1 {
        font-size: clamp(32px, 7.4vw, 44px) !important;
        line-height: 1.14 !important;
        margin-bottom: 18px !important;
    }

    .main-screen .text-area p {
        font-size: clamp(16px, 4vw, 18px) !important;
        line-height: 1.42 !important;
        margin-bottom: 22px !important;
        max-width: 100% !important;
    }

    .wr-main-screen .computer:before {
        display: none !important;
    }

    .wr-main-screen .computer .device div {
        width: 100% !important;
        height: 100% !important;
        background-size: contain !important;
    }

    .wr-main-screen .computer .line-1, .wr-main-screen .computer .line-2, .wr-main-screen .computer .oval-2, .wr-main-screen .computer .oval-3 {
        opacity: 0.22 !important;
    }
}

@media screen and (max-width:700px) {
    .wr-people .people {
        margin-right: -380px;
    }

    .instuction .deadline {
        background: none !important;
        padding: 15px 0 0px;
    }

    .exchange .countries {
        margin-right: -100px;
    }

    .companies {
        margin-right: -240px;
    }

    .instuction .deadline .date-info {
        margin-bottom: 30px;
        display: block;
    }

    .instuction .deadline .date-info .date-drow {
        margin-right: 20px;
        width: 107px;
        margin-bottom: 20px;
    }

    .instuction .deadline .thin {
        max-width: 100%;
    }

    .instuction .deadline a.btn-now {
        width: 100%;
    }

    .instuction .deadline a.btn:before {
        content: "";
        opacity: 1 !important;
    }

    .exchange .title strong {
        max-width: 290px;
    }

    .wr-instuction {
        padding: 30px 0 30px;
    }

    .exchange .countries .item {
        text-align: left;
    }

    .exchange .countries .item .image {
        margin: 0;
        margin-bottom: 20px;
    }

    .exchange .countries .item .text {
        margin: 0;
        margin-bottom: 20px;
        font-size: 18px;
    }

    .exchange .countries .item.slick-active + .slick-active + .slick-active {
        opacity: 0.6;
    }

    .menu_wrapper {
        background-image: none;
    }

    .wr-people .next-click {
        width: 0;
    }

    .exchange .next-click {
        width: 45%;
        margin-right: -100px;
        top: 80px;
    }
}

@media screen and (max-width:650px) {
    .wr-photo-field .next-click {
        width: 66%;
    }
}

@media screen and (max-width:600px) {
    .curriculum .metters ul {
        max-height: 95px;
    }

    .wr-people .people .wr-identity.slick-active + .slick-active {
        opacity: .6;
    }

    .curriculum .ahead .see-more strong {
        display: none;
    }

    .curriculum .ahead .see-more .arrow-shot {
        width: 46px;
        height: 46px;
    }

    .curriculum .ahead .aname {
        font-size: 20px;
    }

    .curriculum .metters ul li {
        font-size: 12px;
        margin-bottom: 10px;
    }

    .about-field .text {
        padding-bottom: 35px;
        position: relative;
    }

    .curriculum .ahead .extend .down_btn {
        width: 0;
        overflow: hidden;
        margin-right: 20px;
        padding: 13px 0 13px 50px;
    }

    .curriculum .ahead .extend .down_btn:before {
        content: "";
        width: 25px;
        height: 25px;
        background-size: 23px;
        left: 13px;
        margin-top: -13px;
    }

    .about-field .text span {
        display: block;
        background: #fff;
    }

    .wr-about-field .icon.ic-3 {
        display: none;
    }

    .wr-photo-field .next-click {
        width: 68%;
    }

    .wr-people .next-click {
        width: 83%;
    }

    .exchange .next-click {
        width: 66%;
        top: 80px;
    }

    .wr-main-screen {
        min-height: clamp(640px, 132vw, 730px);
    }

    .main-screen-text {
        padding-top: clamp(70px, 15vw, 84px) !important;
        padding-bottom: clamp(24px, 6vw, 36px) !important;
    }

    .main-screen .text-area h1 {
        font-size: clamp(30px, 7.2vw, 38px);
        line-height: 1.16;
    }

    .main-screen .text-area p {
        font-size: 16px;
        line-height: 1.42;
    }

    .main-screen .text-area a.button-screen {
        width: 100%;
        max-width: 360px;
        min-height: 52px;
        padding-left: 18px;
        padding-right: 18px;
    }

    .main-screen .text-area {
        max-width: calc(100% - clamp(170px, 32vw, 210px)) !important;
        min-width: 300px !important;
    }

    .wr-main-screen .computer {
        bottom: clamp(-148px, -22vw, -104px) !important;
        width: clamp(260px, 54vw, 340px) !important;
        height: clamp(205px, 42vw, 285px) !important;
    }

    .wr-main-screen .computer .device {
        right: clamp(-120px, -24vw, -72px) !important;
        bottom: clamp(-128px, -22vw, -82px) !important;
        width: clamp(245px, 64vw, 360px) !important;
        height: clamp(245px, 64vw, 360px) !important;
    }
}

@media screen and (max-width:550px) {
    #application_form .result.send .good_send > div, #feedback_form .result.send .good_send > div, #rating_form .result.send .good_send > div {
        max-width: 320px;
    }

    #application_form .result.send .good_send img, #feedback_form .result.send .good_send img, #rating_form .result.send .good_send img {
        max-width: 220px;
    }

    #application_form .result.send .good_send span, #feedback_form .result.send .good_send span, #rating_form .result.send .good_send span {
        font-size: 34px;
    }

    .wr-photo-field .next-click {
        width: 70%;
    }

    .wr-people .next-click {
        width: 86%;
    }
}

@media screen and (max-width:500px) {
    .wr-main-screen {
        background: url(../images/head_endowment_mobile.jpg) no-repeat;
        background-size: 100%;
        display: block !important;
        position: relative !important;
        min-height: auto !important;
        height: auto !important;
        overflow: hidden !important;
    }

    .photo-field {
        margin-right: -300px;
    }

    .wr-main-screen .wr-menu .menu.xs_flex {
        height: 38px;
    }

    .exchange .countries {
        margin-right: -150px;
    }

    .exchange .countries .item {
        text-align: left;
    }

    .exchange .countries .item .image {
        margin: 0;
        margin-bottom: 30px;
    }

    .exchange .countries .item .text {
        margin: 0;
        margin-bottom: 20px;
    }

    .companies {
        margin-right: -140px;
        margin-left: -10px;
    }

    .wr-events .events .wr-item .item .ex-cluse {
        display: none;
    }

    .main-screen .text-area p {
        position: relative;
        z-index: 950;
        font-size: clamp(15px, 4vw, 16px) !important;
        line-height: 1.42 !important;
        max-width: 100% !important;
        margin-bottom: 0 !important;
    }

    .wr-main-screen .computer:before {
        content: "";
        width: 350px;
        height: 350px;
        top: auto;
        left: auto;
        right: -5%;
        bottom: 11%;
        margin-top: 0;
        margin-left: 0;
        display: none !important;
    }

    .about-field .title-huge {
        max-width: 290px;
        line-height: 130%;
    }

    .wr-people .people .wr-identity.slick-active + .slick-active {
        opacity: .6;
    }

    .exchange .countries .item.slick-active + .slick-active {
        opacity: 0.6;
    }

    .wr-people .people .wr-identity {
        margin: 0;
    }

    .wr-people {
        padding-bottom: 0;
    }

    .wr-people .people {
        margin-right: 0;
        padding-bottom: 65px;
    }

    .slick-dots li {
        margin: 0 8px;
    }

    .slick-dots li button {
        width: 8px;
        height: 8px;
    }

    .download-field a.item.description p {
        font-size: 20px;
        padding: 0 20px;
    }

    .wr-people .people a.identity {
        padding: 20px 20px;
    }

    .title {
        line-height: 130%;
    }

    .wr_mobile_slider {
        margin-right: -250px;
    }

    .mobile_slider {
        margin: 0 -5px;
    }

    .mobile_slider .item {
        margin: 0 5px;
    }

    body.show_menu .wr-main-screen .menu .browse-side .buttonMenu, .wr-main-screen .menu .browse-side .buttonMenu {
        width: 42px;
    }

    body.show_menu .wr-main-screen .menu .browse-side .buttonMenu {
        height: 38px;
    }

    body.show_menu .wr-main-screen .menu .browse-side .buttonMenu:before {
        content: "";
        margin-bottom: -9px;
    }

    body.show_menu .wr-main-screen .menu .browse-side .buttonMenu:after {
        content: "";
        margin-top: -9px;
    }

    .download-field a.item {
        min-height: 131px;
    }

    .wr-main-screen .menu .browse-side .buttonMenu:after, .wr-main-screen .menu .browse-side .buttonMenu:before, .wr-main-screen .menu .browse-side .buttonMenu span {
        content: "";
        height: 4px;
        margin: 5px 0;
    }

    .curriculum .metters .download_btn strong {
        font-size: 13px;
    }

    .curriculum .metters .download_btn {
        padding: 15px 24px;
        width: 100%;
        text-align: center;
    }

    .application_form .item .brick label, .attache.btn, .application_form .item .conditions button.btn {
        width: 100%;
    }

    .application_form .item .brick .geneder {
        display: block;
    }

    .application_form .item .brick .geneder label {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .photo-field iframe {
        max-height: 237px;
    }

    .wr-photo-field .next-click {
        width: 83%;
        margin-right: -300px;
    }

    .wr-people .next-click {
        width: 0%;
    }

    .wr-companies .next-click {
        width: 47%;
        margin-right: -140px;
        top: 80px;
    }

    .wr-companies .title.xcenter {
        text-align: left;
    }

    .wr-companies .no-companies {
        text-align: left;
        overflow: auto;
    }

    .wr-companies .no-companies .no-com {
        width: 500px;
    }

    .main-screen-text {
        position: relative !important;
        z-index: 5 !important;
        padding-top: clamp(72px, 17vw, 84px) !important;
        padding-bottom: clamp(126px, 34vw, 168px) !important;
    }

    .main-screen-text .container {
        position: relative !important;
        z-index: 5 !important;
    }

    .main-screen .text-area {
        position: relative !important;
        z-index: 6 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-top: 0 !important;
    }

    .main-screen .text-area h1, .main-screen .text-area p, .main-screen .text-area a.button-screen {
        position: relative !important;
        z-index: 7 !important;
    }

    .main-screen .text-area h1 {
        font-size: clamp(28px, 7.5vw, 34px) !important;
        line-height: 1.18 !important;
        margin-bottom: 16px !important;
    }

    .main-screen .text-area a.button-screen {
        min-height: 52px !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
        white-space: normal !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        margin-top: clamp(27px, 8vw, 41px) !important;
        margin-bottom: 0 !important;
        width: 100% !important;
        max-width: 360px !important;
        box-sizing: border-box !important;
    }

    .wr-main-screen .computer {
        left: auto !important;
        top: auto !important;
        margin: 0 !important;
        overflow: visible !important;
        position: absolute !important;
        right: clamp(-40px, -9vw, -22px) !important;
        bottom: clamp(-214px, -47vw, -176px) !important;
        width: clamp(270px, 76vw, 340px) !important;
        height: clamp(220px, 58vw, 285px) !important;
        z-index: 1 !important;
        pointer-events: none !important;
    }

    .wr-main-screen .computer .device {
        position: absolute !important;
        top: auto !important;
        left: auto !important;
        margin: 0 !important;
        background-size: contain !important;
        right: clamp(-138px, -29vw, -96px) !important;
        bottom: clamp(-252px, -55vw, -210px) !important;
        width: clamp(290px, 82vw, 360px) !important;
        height: clamp(290px, 82vw, 360px) !important;
    }

    .wr-main-screen .computer .device div {
        width: 100% !important;
        height: 100% !important;
        background-size: contain !important;
    }

    .wr-main-screen .computer .line-1, .wr-main-screen .computer .line-2, .wr-main-screen .computer .oval-2, .wr-main-screen .computer .oval-3 {
        display: none !important;
    }
}

@media screen and (max-width:450px) {
    .application_form .item .brick .faq {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .application_form .item .brick label {
        margin-right: 0;
    }

    .application_form .item .brick .faq label {
        margin-right: 0;
        margin-bottom: 35px;
        max-width: 100px;
    }

    .application_form .item .brick .faq label:last-child {
        margin-bottom: 0;
    }

    .wr-photo-field .next-click {
        width: 83%;
    }
}

@media (max-width:414px) {
    .factoids-picture-mobile {
        display: block;
    }
}

@media screen and (max-width:400px) {
    .wr-main-screen .computer .line-1 {
        left: 57%;
    }

    .wr-main-screen .computer .line-2 {
        left: 46%;
    }

    .wr-main-screen .computer .oval-2 {
        right: 42%;
    }

    .download-field a.item.description:before {
        right: -40px;
    }

    .companies {
        margin-right: -300px;
        margin-left: 0;
    }

    .curriculum .ahead .extend .down_btn {
        margin-right: 10px;
        padding: 13px 0 13px 40px;
    }

    .curriculum .ahead .extend .down_btn:before {
        content: "";
        left: 8px;
    }

    .wr-photo-field .next-click {
        width: 92%;
    }

    .wr-companies .next-click {
        width: 80%;
    }

    .contacts .deep-dive .item .follow:before {
        background-position: 0% 100%;
        background-size: cover;
    }

    .wr-main-screen {
        min-height: clamp(620px, 158vw, 690px);
    }

    .wr-main-screen .computer .line-1, .wr-main-screen .computer .line-2, .wr-main-screen .computer .oval-2, .wr-main-screen .computer .oval-3 {
        display: none !important;
    }

    .main-screen .text-area h1 {
        font-size: clamp(26px, 8vw, 30px) !important;
    }

    .main-screen .text-area a.button-screen {
        padding-left: 14px !important;
        padding-right: 14px !important;
        margin-top: clamp(48px, 15vw, 68px) !important;
        min-height: 50px !important;
    }

    .wr-main-screen .computer {
        width: clamp(250px, 76vw, 300px) !important;
        height: clamp(205px, 58vw, 245px) !important;
        right: clamp(-40px, -10vw, -26px) !important;
        bottom: clamp(-202px, -49vw, -164px) !important;
    }

    .wr-main-screen .computer .device {
        width: clamp(270px, 82vw, 315px) !important;
        height: clamp(270px, 82vw, 315px) !important;
        right: clamp(-132px, -31vw, -104px) !important;
        bottom: clamp(-232px, -57vw, -198px) !important;
    }

    .main-screen-text {
        padding-top: 72px !important;
        padding-bottom: clamp(118px, 34vw, 148px) !important;
    }
}

@media screen and (max-width:370px) {
    .contacts .deep-dive .item .follow:before {
        background-position: 40% 100%;
    }
}

@media screen and (max-width:350px) {
    .photo-field {
        margin-right: -250px;
    }

    .download-field a.item .imgPlaceHolder .back:after {
        content: "";
        right: -24%;
    }

    .curriculum {
        padding: 0 20px;
    }

    .wr-photo-field .next-click {
        width: 90%;
        margin-right: -250px;
    }
}

@media (min-width:415px) {
    .factoids-picture-desktop {
        display: block;
    }
}