@media (max-width: 1300px) {

    .right_bl-main_scr .main_img_wrap{
        width: 385px; 
        height: 385px;
    }
    .or1{
        width: 490px;
        height:490px;
        position: absolute;
        top: calc((385px - 490px)/2);
        left: calc((385px - 490px)/2);
      }
      .or2{
        width: 280px;
        height: 280px;
        position: absolute;
        top: calc((385px - 280px)/2);
        left: calc((385px - 280px)/2);
      }
      .or3{
        width: 290px;
        height: 330px;
        position: absolute;
        top: calc((385px - 290px)/2);
        left: calc((385px - 290px)/2);
      }
      .or4{
        width: 460px;
        height: 460px;
        position: absolute;
        top: calc((385px - 460px)/2);
        left: calc((385px - 460px)/2);
      }
      .or5{
        width: 310px;
        height: 310px;
        position: absolute;
        top: calc((385px - 310px)/2);
        left: calc((385px - 310px)/2);
      }
      .or6{
        width: 260px;
        height: 260px;
        position: absolute;
        top: calc((385px - 260px)/2);
        left: calc((385px - 260px)/2);
      }
      .or7{
        width: 500px;
        height: 500px;
        position: absolute;
        top: calc((385px - 500px)/2);
        left: calc((385px - 500px)/2);
      }
}

@media (max-width: 1200px) {
    .media_blocks {
        width: 100%;
        padding: 48px 0 60px;
        margin-left: 0;
    }
    .vacancies_blocks{
        width: 100%;
        padding: 48px 0 60px;
        margin-left: 0;
    }
    .card_bl-project{
        width: 100%;
        padding: 48px 0 60px;
        margin-left: 0;
    }
    .right_bl-main_scr .main_img_wrap{
        width: 280px; 
        height: 280px;
    }
    .right_bl-main_scr .main_img_wrap img{
        max-width: 78px;
    }
    .or1{
        width: 390px;
        height:390px;
        position: absolute;
        top: calc((280px - 390px)/2);
        left: calc((280px - 390px)/2);
      }
      .or2{
        width: 190px;
        height: 190px;
        position: absolute;
        top: calc((280px - 190px)/2);
        left: calc((280px - 190px)/2);
      }
      .or3 {
        width: 210px;
        height: 210px;
        position: absolute;
        top: calc((280px - 210px)/2);
        left: calc((280px - 210px)/2);
    }
      .or4{
        width: 360px;
        height: 360px;
        position: absolute;
        top: calc((280px - 360px)/2);
        left: calc((280px - 360px)/2);
      }
      .or5{
        width: 220px;
        height: 220px;
        position: absolute;
        top: calc((280px - 220px)/2);
        left: calc((280px - 220px)/2);
      }
      .or6{
        width: 190px;
        height: 190px;
        position: absolute;
        top: calc((280px - 190px)/2);
        left: calc((280px - 190px)/2);
      }
      .or7{
        width: 400px;
        height: 400px;
        position: absolute;
        top: calc((280px - 400px)/2);
        left: calc((280px - 400px)/2);
      }
    
}



@media (max-width: 1060px) {
    .btn_up.show {
        right: 25px;
        bottom: 25px;
    }
    .space_betw_mob .menu {
        margin-right: 0;
    }
    .wrap-start_now .before-start_now{
        width: 310px;
        height: 310px;
        left: -180px;
        bottom: -180px;
    }

    .wrap-start_now .after-start_now{
        width: 310px;
        height: 310px;
        top: -180px;
        right: -180px;
    }

    .dubai .adress_country {
        top: -50px;
    }
    .adress_country {
        font-weight: 600;
        left: 24px;
        position: relative;
        top: -30px;
        min-width: 250px;
    }
    .media:before{
        width: 170px;
        height: 170px;
        bottom: -100px;
        left: -100px;
      }
      .media:after{
        width: 170px;
        height: 170px;
        top: -80px;
        right: -80px;
      }
      .wrap_before_s:before{
        width: 20px;
        height: 20px;
        bottom: 70px;
        left: 50px;
      }
    .links_bl-pr:hover .logo_pr {
        transform: scale(1);
    }
    .slick-track {
        column-gap: 24px;
    }
    .media_blocks {
        width: 100%;
        padding: 48px 0 60px;
        margin-left: 0;
    }
    .card_bl-project {
        width: 100%;
        padding: 48px 0 60px;
        margin-left: 0;
    }
    .card_pr{
        box-shadow: 0px 30px 24px -17px rgba(0, 0, 0, 0.4);
    }
    .bl_media{
        box-shadow: 0px 30px 24px -17px rgba(0, 0, 0, 0.4);
    }
    .hover_bl:hover .bl_media{
        transform: translate(0px, 0px);
    }
    .links_bl-pr:hover{
        transform: scale(1);
      }
    .country:hover span.ball{
        width: 21px;
        height: 21px;
        margin-left: 0;
    }
    .country:hover .adress_country .info_bl_country p{
        opacity: 0;
    }
    
    .country:hover .adress_country .info_bl_country span:after{
        width: 0;
    }
    .country:hover .adress_country .info_bl_country span:before{
        width: 0;
    }

    .country:hover .adress_country{
        pointer-events: none;
    }
    .country:hover{
        width: 21px;
    }
  
    
    .country.active_country .adress_country{
        pointer-events: all; 
    }

    .country.active_country .adress_country .info_bl_country p{
        opacity: 1;
    }
    
    .country.active_country .adress_country .info_bl_country span:after{
        width: 100%;
        transition: all .3s ease .6s;
    }
    .country.active_country .adress_country .info_bl_country span:before{
        width: 13px;
        transition: all .3s ease .3s;
    }
    .country.active_country span.ball{
        width: 33px;
        height: 33px;
        margin-left: -10px;
      }
    .vacan_bl {
        box-shadow: 0px 30px 24px -17px rgba(0, 0, 0, 0.4);
    }
    .vacancies_blocks {
        width: 100%;
        padding: 48px 0 60px;
        margin-left: 0;
    }
    .right_img_bl{
        display: none;
    }
    .left_img_bl {
        width: 90%;
        background: transparent;
        margin: 0 auto;
    }
    .left_img_bl{
        width: 80%;
        margin: 0 auto;
    }
    .project_bl {
        padding-bottom: 72px;
        display: flex;
        flex-direction: row-reverse;
        align-items: flex-start;
        justify-content: space-between;
    }
    .text_pr {
        text-align: left;
    }
    .text_pr a {
        align-items: flex-start;
        justify-content: flex-start;
    }
    /* .image_bl {
        margin-top: 0;
        min-width: 40%;
    }

    .left_img_bl img {
        height: auto;
        width: 100%;
    } */

    .image_bl{
        display: none;
    }
    .text_pr {
        text-align: center;
        width: 100%;
    }
    .text_pr a {
        align-items: center;
        justify-content: center;
    }
    .project_bl {
        padding-bottom: 48px;
    }
    .title_pr_p {
        padding: 72px 0 48px;
        text-align: center;
    }


    .wrap_vacan_bl {
        flex-direction: column;
    }
    .text_vacan {
        width: 100%;
    }
    .form_vacan {
        width: calc(100% + 48px);
        border-radius: 0;
        border: none;
        background: #F8F8F8;
        border-top: 1px solid #B0B0B0;
        padding: 48px 24px;
        margin-top: 48px;
        margin-left: -24px;
    }
    .main_s-vacan{
        padding: 72px 0 0;
    }
    .top_header {
        border-bottom: 1px solid #B0B0B0;
        display: none;
    }
    header .wrap_btn{
        display: none;
    }
    .left_bl-main_scr .wrap_btn{
        margin: 0;
    }
    .wrap_btn{
        margin: 0 auto;
    }
    .btn-gradient:hover::before {
        opacity: 1;
    }
    .btn-gradient:hover span {
        background: transparent;
        -webkit-background-clip: text;
        -webkit-text-fill-color: #fff;
        background-clip: text;
        text-fill-color: #fff;
    }





    .burger {
        display: block;
    }
    .wrap-main_header {
        flex-direction: column;  
        justify-content: flex-start;
    }
    .wraper_logo{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #B0B0B0;
        padding: 16px 24px;
        width: calc(100% + 48px);
    }
    .main_header {
        padding: 0;
        border-bottom: none;
    }
    .main_menu-main_header {
        flex-direction: column;
        justify-content: space-between;
    }
    .menu {
        flex-direction: column;
        margin-top: 32px;
    }
    .lang_switch {
        margin: 0;
        font-size: 24px;
        line-height: 28px;
        margin-top: 24px;
    }
    .menu li {
        margin-left: 0;
        margin-top: 25px;
    }

    .menu li{
        font-weight: 300;
        font-size: 24px;
        line-height: 28px;
    }

    .logo img{
        max-width: 101px;
    }


    .wrap_mob_menu{
        display: none;
        width: calc(100% + 48px);
    }

    .main_menu-main_header{
        width: 100%;
        background: linear-gradient(180deg, #F4F4F4 52.08%, rgba(255, 255, 255, 1) 100%);
        z-index: 1;
    }
    .mob_bl{
        display: block;
    }
    .mob_bl h3{
        font-weight: 600;
        font-size: 24px;
        line-height: 28px;
        margin: 0;
    }

    .adress_header{
        max-width: 222px;
        text-align: center;
        margin-top: 60px;
    }

    .adress_header a{
        display: block;
        color:#000;
        text-decoration: none;
        margin-top: 24px;
    }
    header .soc_seti{
        margin: 60px 0;
    }
    header.open{
        overflow: scroll;
    }

    header.open .wrap-main_header{
        height: 100%;
    }

    .wrap_mob_menu{
        height: 100%;
    }

    .main_menu-main_header{
        justify-content: space-between;
        height: 100%;
    }
    .space_betw_mob{
        display: flex;
        align-items: center;
        width: 100%;
        flex-direction: column;
    }
    h1, h2 {
        font-size: 36px;
        line-height: 43px;
    }
    .left_bl-main_scr {
        margin-right: 45px;
        padding-bottom: 0px;
        max-width: 392px;
    }
    .left_bl-main_scr p{
        margin: 0;
    }
    .c1 {
        width: 24px;
        height: 24px;
    }
    .or1 {
        width: 320px;
        height: 320px;
        position: absolute;
        top: calc((280px - 320px)/2);
        left: calc((280px - 320px)/2);
    }
    .c2 {
        width: 13px;
        height: 13px;
    }
    .or2 {
        width: 200px;
        height: 200px;
        position: absolute;
        top: calc((280px - 200px)/2);
        left: calc((280px - 200px)/2);
    }
    .c3 {
        width: 24px;
        height: 24px;
    }
    .c4 {
        width: 25px;
        height: 25px;
    }
    .or4 {
        width: 300px;
        height: 300px;
        top: calc((280px - 300px)/2);
        left: calc((280px - 300px)/2);
    }
    .c6 {
        width: 20px;
        height: 20px;
    }
    .or7{
        display: none;
    }
    .main_screen{
        overflow: hidden;
        padding: 120px 0 130px;
    }
    .text_circle h3{
        font-size: 20px;
        line-height: 24px;
    }
    .text_circle p{
        font-size: 12px;
        line-height: 14px;
    }
    .circle:hover {
        width: 120px;
        height: 120px;
        padding: 18px;
    }
    .text_circle {
        font-size: 14px;
    }
    .swipe-down{
        display: flex;
        flex-direction: column;
        align-items: center;
        font-weight: 500;
        font-size: 16px;
        line-height: 20px;
        color: rgba(0, 0, 0, 0.8);
        margin-top: -50px;
        height: 90px;
        justify-content: flex-end;
        margin: 48px auto 0;
        text-decoration: none;
    }
    .swipe-down span{
        font-size: 16px;
        line-height: 20px;
        margin-top: 0;
    }
    .about_us {
        padding: 0 0 120px 0;
    }

    .img-about {
        width: 49%;
        display: none;
    }
    .text-about {
        width: 100%;
        text-align: center;
    }
    .text-about h2{
        margin-bottom: 48px;
    }
    .text-about a{
        margin-top: 48px;
        display: block;
    }
    .hover_bl:hover .card_pr{
        transform: translate(0px, 0px);
      }

    .links_bl-pr:nth-child(3) {
        width: 178px;
        height: 178px;
        top: 2%;
        right: 25%;
    }
    .links_bl-pr:nth-child(2) {
        width: 245px;
        height: 245px;
        top: 40%;
        left: 20%;
        padding: 56px;
    }
    .links_bl-pr:nth-child(2) .logo_pr {
        width: 131px;
        height: 131px;
        padding: 54px 28px;
    }
    .links_bl-pr:nth-child(4) {
        width: 242px;
        height: 242px;
        left: auto;
        top: auto;
        bottom: 0;
        right: 0;
    }
    .view_all {
        margin: 54px auto 0;
    }
    .vacancies {
        padding-bottom: 0;
    }
    .slick-dots {
        display: flex;
    }
    .hover_bl:hover .vacan_bl{
        transform: translate(0px, 0px);
      }
    .media {
        padding: 72px 0 0;
    }
    .contacts {
        padding: 72px 0 74px;
    }
    .star_now {
        padding-bottom: 73px;
    }
    .wrap-start_now{
        padding: 48px;
    }
    .adress_footer{
        max-width: 260px;
        margin-bottom: 48px;
    }
    .right_bl-footer {
        padding-right: 45px;
    }
}

@media (max-width: 768px) {
    .left_bl-main_scr .wrap_btn {
        margin: 0 auto;
    }
    .wrap-start_now .before-start_now{
        width: 240px;
        height: 240px;
        left: -150px;
        bottom: -150px;
    }
    .wrap-start_now .after-start_now{
        width: 240px;
        height: 240px;
        top: -150px;
        right: -150px;
    }
    .adress_country {
        left: auto;
        right: 0;
        top: -35px;
        min-width: 200px;
        pointer-events: none;
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
    }
    .country {
        flex-direction: row-reverse;
    }
    .country:hover{
        width: 11px;
        height: 11px;
    }
    .country:hover span.ball{
        width: 21px;
        height: 21px;
        margin-left: 0;
    }
    .adress_country .info_bl_country span {
        transform: rotate(180deg);
    }
    .adress_country .info_bl_country span:before {
        bottom: -10px;
        left: -1px;
        z-index: 0;
    }
    .adress_country .info_bl_country span:after {
        bottom: -15px;
        left: 0;
        z-index: 0;
    }

    .dubai .adress_country {
        top: -47px;
    }

    .singapore .adress_country{
        top: -26px;
    }

    .vietnam .adress_country{
        top: -26px;
    }
    




    .image_bl{
        display: none;
    }
    .text_pr {
        text-align: center;
    }
    .text_pr a {
        align-items: center;
        justify-content: center;
    }
    .project_bl {
        padding-bottom: 48px;
    }
    .title_pr_p {
        padding: 72px 0 48px;
        text-align: center;
    }


    .right_bl-main_scr{
        display: none;
    }
    .left_bl-main_scr {
        margin-right: 0;
        padding-bottom: 0px;
        max-width: 100%;
        text-align: center;
    }
    .main_screen .btn-gradient {
        margin: 48px auto 0;
        width: 222px;
    }
    .main_screen .btn-gradient {
        margin-top: 46px;
        margin: 48px auto 0;
    }
    .logo_mob-main_scr{
        display: block;
        margin: 0 auto 48px;
    }
    .swipe-down {
        margin: 130px auto 0;
    }
    
    .card_bl-project {
        padding-top: 48px;
    }

    .links_pr {
        height: auto;
    }
    .links_bl-pr{
        position: inherit;
    }
    .links_bl-pr:nth-child(1) {
        width: 153px;
        height: 153px;
        padding: 35px;
    }
    .links_bl-pr:nth-child(1) .logo_pr {
        width: 82px;
        height: 82px;
        padding: 18px 16px;
    }
    .links_bl-pr:nth-child(2) {
        width: 174px;
        height: 174px;
        top: auto;
        left: calc(100% - 174px);
        margin-top: -30px;
        padding: 40px;
    }
    .links_bl-pr:nth-child(2) .logo_pr {
        width: 93px;
        height: 93px;
        padding: 38px 19px;
    }
    .links_bl-pr:nth-child(3) {
        width: 178px;
        height: 178px;
        top: auto;
        right: auto;
        margin-top: -30px;
    }
    .links_bl-pr:nth-child(4) {
        width: 212px;
        height: 212px;
        left: auto;
        top: auto;
        bottom: auto;
        left: calc(100% - 212px);
        margin-top: -30px;
        padding: 49px;
    }
    .links_bl-pr:nth-child(4) .logo_pr {
        width: 112px;
        height: 112px;
        padding: 36px 27px;
    }

    .projects{
        padding-bottom: 72px;
    }
    .vacancies_blocks {
        width: 100%;
        padding: 48px 0 60px;
        margin-left: 0;
    }
    .country {
        width: 11px;
        height: 11px;
    }
    .country.active_country span.ball {
        width: 23px;
        height: 23px;
        margin-left: -10px;
    }
    .country span.ball {
        width: 11px;
        height: 11px;
    }
    .country .adress_country .info_bl_country p {
        font-size: 12px;
    }
    .wrap-start_now::before {
        content: '';
        width: 20%;
        height: 30%;
    }
    .wrap-start_now::after {
        content: '';
        width: 15%;
        height: 30%;
    }
    .wrap-start_now{
        background: linear-gradient(195.58deg, #2AC7FF -4.19%, #8967A7 61.95%);
        box-shadow: 0px 24px 30px -4px rgba(0, 0, 0, 0.25);
        padding: 80px 24px;
    }
    
}

@media (max-width: 560px) {
    .sucsess_popup .conteiner{
        width: 100%;
    }
    .sucsess_popup .form_bl {
        height: 500px;
        padding: 0 45px;
    }
    .input_bl:has(.valid.has_text):before {
        top: calc(50% - 15px);
    }
    .media_blocks {
        width: 100%;
        padding: 48px 0 60px;
        margin-left: 0;
    }
    .form_vacan .input_bl input{
        margin-bottom: 48px;
    }
    .form_vacan h3 {
        text-align: center;
    }
    .grid_form-vacan {
        grid-template-columns: repeat(1, 1fr);
    }
    .slick-track {
        display: flex;
        column-gap: 0;
    }
    .card_pr {
        box-shadow: 0px 30px 24px -17px rgba(0, 0, 0, 0.4);
    }
    .card_bl-project {
        width: calc(100% + 48px);
        margin-left: -24px;
        padding-left: 12px;
        padding-right: 12px;
    }

    .vacancies_blocks{
        width: calc(100% + 48px);
        margin-left: -24px;
        padding-left: 12px;
        padding-right: 12px; 
    }
    /* .vacan_bl{
        margin: 0 12px; 
    } */

    .hover_bl{
        margin: 0 12px; 
    }

    .media_blocks{
        width: calc(100% + 48px);
        margin-left: -24px;
        padding-left: 12px;
        padding-right: 12px;  
    }
    footer .container {
        flex-direction: column-reverse;
        align-items: center;
        text-align: center;
    }
    .adress_footer {
        max-width: 100%;
        margin-bottom: 48px;
    }
    footer .soc_seti {
        align-items: center;
        justify-content: center;
    }
    .right_bl-footer {
        padding-right: 0;
        margin-bottom: 82px;
    }
    footer {
        padding: 75px 0 24px;
        background: #65727F;
        color: #fff;
    }
    .menu li {
        margin-left: 0;
        margin-top: 12px;
    }
    .adress_header a {
        margin-top: 8px;
    }
    .adress_header {
        margin-top: 26px;
    }
    header .soc_seti {
        margin: 30px 0;
    }
    .copirate.mob_bl{
        margin: 0 0 12px;
        text-align: center;
    }
    .lang_switch {
        margin-top: 12px;
    }
    .map {
        width: 600px;
        margin-left: -110px;
    }
    .contacts{
        overflow: hidden;
    }
}

@media (max-width: 400px) {
    .map {
        width: 600px;
        margin-left: -155px;
    }
}


@media screen  and (max-width: 500px) and (max-height: 800px){
    .swipe-down {
        margin: 48px auto 0;
    }
    .main_screen {
        padding: 48px 0 130px;
    }
    .adress_header {
        margin-top: 12px;
    }
    header .soc_seti {
        margin: 20px 0;
    }
}