@media (max-width: 1024px) {
    body {
       
    }
}

@media (max-width: 640px) {
    .main-page {
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .main-title, .test {
        width: 100% !important;
    }

    .contact-header, header {
        display: none;
    }

    .services .item {
        width: 100%;
    }

    .advantages-texts, .advantages-body {
        width: 100%;
    }
    .image-overlay img {
        max-width: 80%;
    }
    .a-item, a.title {
        text-align: left;
    }

    .more-advantages div {
        width: 100%;
    }

    .ma-3, .ma-4 {
        height: 210px;
    }

    div.back-image {
        width: 100% !important;
        z-index: 1;
    }

    .main-info {
        width: 100% !important;
        z-index: 2;
        text-align: center;
        padding: 0 30px;
        background-color: rgba(0, 0, 0, 0.6);
        height: 480px;
        box-sizing: border-box;
    }

    .review-item {
        width: 48%;
        margin-bottom: 10px;
    }

    .review-image img {
        max-width: 80%;
    }

    .review-title {
        display: none;
    }

    .mobile-header {
        display: flex;
        width: 100%;
        padding: 12px 14px;
        box-sizing: border-box;
        justify-content: space-between;
        background: #112344;
    }

        .mobile-header div {
            width: 33.33%;
            display: flex;
            align-items: center;
        }

    .menu-bar {
        background: #192b4c;
        border-radius: 30px;
        padding: 15px 20px;
    }

    .header-mobile-number, .header-mobile-contact {
        display: block;
        height: 40px;
        width: 40px;
        border-radius: 50%;
        border: 1px solid white;
        background-repeat: no-repeat;
        background-position: center;
    }

    .mh-3 {
        justify-content: end;
    }

    .header-mobile-number {
        background-image: url(/images/header-mobile-phone.png);
        background-color: white;
    }

    .header-mobile-contact {
        background-image: url(/images/header-location.png);
        margin-left: -2px;
    }

    .cert1, .cert2 {
        width: 100%;
    }

    .cert-title {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .cert-text {
        margin-bottom: 20px;
        display: block;
    }

    .order-form-text, .order-form-submit {
        width: 100%;
    }

    .order-form-submit {
        margin-top: 20px;
    }


    .ma-3 {
        order: 2;
    }

    .ma-2 {
        order: 3;
    }

    .ma-5 {
        order: 4;
    }

    .ma-4 {
        order: 5;
    }

    .child-item {
        width: 100%;
    }

    .why-foreign-block {
        width: 100%;
    }

        .why-foreign-block div {
            width: 100% !important;
        }

    .why-foreign-image {
        display: none;
    }

    .f-3 {
        order: 1;
    }

    .f-1 {
        order: 2;
        background-color: #edeff5;
    }

    .f-2 {
        order: 4;
    }

    .f-4 {
        order: 3;
        background-color: #112344;
    }

    .f-1 .f-title {
        color: #112344;
    }

    .f-1 .f-text {
        color: #686c75;
    }

    .f-4 .f-text {
        color: #cdcdcd;
    }

    .f-4 .f-title {
        color: white;
    }

    .f-title {
        font-size: 16px;
        padding: 40px 30px 0 30px;
    }

    .f-text {
        font-size: 14px;
        padding-right: 30px;
    }

    .f-1, .f-2, .f-3, .f-4 {
        height: 240px;
    }

        .f-3 img {
            height: 240px;
        }

    .why1, .why2, .why3, .why-block, .why4, .why5, .why7, .why8 {
        width: 100%;
    }

    .why-title {
        font-size: 16px;
    }

    .why-text {
        font-size: 14px;
    }

    .why6 {
        display: none;
    }

    .why6-mobile {
        display: block;
        width: 100%;
        height: 230px;
        border-radius: 14px;
        margin-bottom: 20px;
    }

        .why6-mobile img {
            width: 100%;
            height: 230px;
            object-fit: cover;
            border-radius: 14px;
        }

    .more-service-title {
        font-size: 24px;
        padding: 0 20px;
    }

    .f-positions-types {
        width: 930px;
        flex-wrap: nowrap;
        padding: 70px 30px 30px 30px;
        box-sizing: border-box;
    }
    .price-title{
        font-size:18px;
    }
    .home-personal-reviews-maintitle, .main-block-title {
        font-size: 28px;
    }
    .block-title{
        font-size:20px;
    }
    .price-text {
        font-size: 16px;
    }

    .positions-parent {
        overflow-x: scroll;
    }

        .positions-parent::-webkit-scrollbar {
            display: none;
        }

    .position-main-title {
        display: none;
    }

    .position-item {
        width: 280px;
        margin-right: 10px;
    }

    .main-title h1 {
        font-size: 28px;
        margin-top: 70px;
    }

    .main-title-text {
        font-size: 14px;
    }

    .mobile-menu {
        width: 0;
        background: #112344;
        padding: 60px 20px;
        box-sizing: border-box;
        position: absolute;
        top: 0;
        right: 0;
        min-height: 100vh;
        z-index: 2;
    }

    .close-menu {
        position: absolute;
        top: 15px;
        right: 15px;
    }

    .modal-parent {
        width: 100%;
        left:0;
        /*left: 10%;
        margin-left: 0;
        padding: 50px 40px;*/
    }

    .shot-services .short-item {
        width: 100%;
    }

    .use-title, .profit-title, .take-title, .stage-title, .services-title, .about-pr-title {
        font-size: 28px;
    }

    .services-title {
        margin: 60px 0 20px 0;
    }

    .use-outstaffing div {
        width: 100%;
        margin-bottom: 20px;
    }

    .profit-1, .profit-2, .profit-3, .profit-block, .profit-4, .profit-5, .profit-7, .profit-8, .profit-6, .contact-item-1, .contact-item-2, .news-item {
        width: 100%;
    }

    .contact-body {
        padding: 0 20px 20px 20px;
    }

    .contact-map {
        height: 230px;
    }

    .profit-1, .profit-3, .profit-4, .profit-5, .profit-8, .profit-6 {
        padding-right: 20px;
    }

    .profit-6 {
        height: 170px;
    }

    .outstaff-take div {
        width: 100%;
        padding-right: 20px;
    }

    .contact-title {
        font-size: 28px;
    }

    .contact-sub-title {
        font-size: 16px;
    }

    .contact-value {
        font-size: 18px;
    }

    .news-block-title {
        font-size: 28px;
    }

    .home-staff {
        display: none;
    }

    .short-service-image, .short-service-text {
        width: 100%;
    }

    .short-service-title {
        font-size: 24px;
    }

    .stage-fixed-parent {
        overflow-y: scroll;
        max-width: 100%;
    }

        .stage-fixed-parent::-webkit-scrollbar {
            display: none;
        }
.item-desc{
    height:auto;
}
    .news-item a {
        position: static;
    }

    .news-item-description {
        height: auto;
    }

    .stage-items {
        width: 1300px;
    }

        .stage-items div {
            width: 260px;
        }

    .stage-actions {
        display: flex;
        justify-content: center;
        margin-bottom: 20px;
        position: relative;
    }

    .mobile-menu div a {
        color: white;
        font-weight: 400;
        font-size: 20px;
        display: block;
        margin-bottom: 15px;
        text-decoration: none;
    }

        .mobile-menu div a.first-link {
            text-transform: uppercase;
            margin-bottom: 25px;
        }

    .sub-services {
        display: none;
    }

        .sub-services a {
            font-size: 14px !important;
            margin-left: 10px;
            font-weight: 400 !important;
        }

    .menu-phone {
        margin-top: 30px;
    }

    .about-block .main-info {
        background-color: transparent;
        padding-top: 30px;
        height: auto;
        padding-bottom: 100px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
    }

    .hide {
        display: none !important;
    }

    .sub-advantages div {
        width: 48%;
    }

    .sub-advantages .a-title {
        font-size: 40px;
    }

    .about-block h1 {
        display: block;
        text-align: center;
    }

    .about-block span {
        white-space: unset;
        line-height: 1.5;
    }

    .about-block .open-order {
        margin-top: 30px;
        display: block;
    }

    .about-mobile-block {
        display: block;
        margin-top: 60px;
        color: #112344;
        line-height: 1.5;
    }

    .sub-advantages {
        margin-top: 60px;
        font-size: 14px;
    }

    .about-pr-text {
        font-size: 14px;
        line-height: 1.5;
        margin-bottom: 30px;
    }

    .ma-4.about img {
        height: auto;
    }

    .about-map {
        height: 310px;
        background-size: auto 310px;
        background-repeat: no-repeat;
        background-position: center;
    }

    .map-mark {
        height: 10px;
        width: 10px;
        background-image: none;
        background-color: #f83526;
        background-size: initial;
        border-radius: 50%;
    }

        .map-mark.ru {
            top: 100px;
            right: 150px;
        }

        .map-mark.kg {
            top: 150px;
            right: 193px;
        }

        .map-mark.uz {
            top: 166px;
            right: 210px;
        }

        .map-mark.in {
            top: 205px;
            right: 182px;
        }

        .map-mark.lk {
            top: 232px;
            right: 178px;
        }

        .map-mark.bd {
            top: 205px;
            right: 165px;
        }

        .map-mark.by {
            top: 138px;
            left: 75px;
        }

        .map-mark.ua {
            top: 150px;
            left: 80px;
        }

        .map-mark.md {
            top: 155px;
            left: 75px;
        }

        .map-mark.vn {
            top: 225px;
            right: 133px;
        }

        .map-mark.id {
            top: 245px;
            right: 123px;
        }

        .map-mark.ph {
            top: 225px;
            right: 110px;
        }

    .mobile-countries {
        display: flex;
        width: 100%;
        margin-bottom: 50px;
        border-top: 1px solid #cbd2e6;
        padding-top: 20px;
    }

        .mobile-countries ul {
            padding: 0;
            margin: 0;
            list-style-type: none;
        }

        .mobile-countries li {
            float: left;
            width: 33.3%;
            font-weight: 400;
            font-size: 14px;
            line-height: 1.3;
            color: #112344;
        }

    .staff-types div {
        width: 100%;
    }

    .selection-profit-title {
        font-size: 28px;
    }

    .selection-profit div {
        width: 100%;
    }

    .scroll-hint {
        position: absolute;
        right: 10px;
        top: 50%;
        font-size: 34px;
        color: #666;
        opacity: 0.7;
    }

    .arrow {
        display: inline-block;
        animation: moveRight 1.5s infinite;
    }

    @keyframes moveRight {
        0% {
            transform: translate(0, -50%);
            opacity: 0.7;
        }

        50% {
            transform: translate(10px, -50%);
            opacity: 1;
        }

        100% {
            transform: translate(0, -50%);
            opacity: 0.7;
        }
    }

    .about-images img {
        width: 270px;
        height: 200px;
    }

    .test {
        padding-left: 20px !important;
        box-sizing: border-box;
    }

    .home-personal-reviews .slider-item {
        width: 320px;
    }

    .fitem-1, .fitem-2, .fitem-3 {
        width: 100%;
    }

    footer {
        margin-top: 60px;
    }

    .fitem-1 {
        order: 2;
        margin-bottom: 40px;
    }

    .fitem-2 {
        order: 1;
    }

    .fitem-3 {
        order: 3;
    }

    footer .links a {
        font-size: 14px;
    }

    .mobile-footer-title {
        display: block;
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 20px;
        color: #f6f6f6;
    }

    .footer-addres {
        font-size: 14px;
    }

    .footer-phone, .footer-email {
        width: 100%;
        font-size: 14px;
    }

    .footer-phone {
        background-image: url(/images/mobile-phone.png);
        background-position: center left 90px;
    }

    .footer-email {
        background-position: center left 60px;
    }

    .footer-privacy {
        font-size: 14px;
    }

    footer {
        padding: 60px 0 50px 0;
    }

    .block-1, .block-2 {
        width: 100%;
    }

    .block-1 {
        margin-bottom: 30px;
    }

    .stage-popup{
        width:100%;
        margin-left:0;
        padding:70px 30px;
        border-radius:unset;
    }

    .stage-left-item{
        width:100%;
        border:none;
        font-size:18px;
        align-items:start;
        padding-bottom:30px;
    }

    .stage-right-item{
        display:none;
    }
    div.stage-step{
        width:50px;
        height:50px;
        font-size:32px;
        line-height:50px;
        margin-right:15px;
    }
    .mobile-timeline {
        display: block;
        
        font-size: 16px;
        color: #2f2a76;
        margin-top:15px;
    }
    .stage-main-title{
        font-size:28px;
        margin-bottom:20px;
    }

    .stage-desc{
        font-size:24px;
        margin-bottom:80px;
    }
    .close-stages{
height:30px;
width:30px;
background-size:30px;
top:15px;
right:15px;
    }

    .short-service-info{
        width:100%;
        margin-left:0;
        left:0;
        box-sizing:border-box;
        top:0;
        border-radius:0;
        padding:80px 30px;
    }
    .short-service-info img{
        margin-bottom:30px;
    }

    .position-title{
        font-size:24px;
        height:95px;
        margin-bottom:0;
    }
    .position-price{
        height:100px;
    }
    .position-text{
        height:90px;
    }

    .second-header{
        font-size:28px;
        margin-top:40px;
        margin-bottom:20px;
    }
    .why-foreign-title, .whywe-title {
        font-size: 28px;
        
    }
    .whywe-title{
        margin-bottom:20px;
    }
    .why-foreign,.whywe{
        margin-top:40px;
    }
    .more-service-text, .more-service-price {
        font-size: 16px;
    }
    .f-more-services div{
        padding: 50px 20px;
        box-sizing:border-box;
    }
    .order-form{
        padding:40px 0;
    }
    .modal-parent .order-form-submit {
        background-color: #EDEFF5;
        border-radius: 14px;
        width:90%;
        padding: 50px 20px;
        left: 5%;
        margin-left: 0;
        top: 50%;
        position: absolute;
        box-sizing:border-box;
    }
    .order-form-submit .close-short-service{
        top:20px;
        right:20px;
        height:25px;
        width:25px;
        background-size:25px;
    }
}