@media screen and (max-width: 1600px){
    .home_aboutus_blck{
        margin: 120px 0;
    }
    .paddig_left{
        padding-left: 4% !important;
    }
    .nav_bar{
        gap: 20px;
    }
    .teamSwiper{
        margin-top: 90px !important;
        padding-bottom: 100px !important;
    }
    .navigation_block{
        margin: 160px 0 50px 0;
    }
    :root{
        --forteen: 12px;
        --sixteen: 14px;
        --eighteen: 16px;
        --twenty: 18px;
        --fontTwentyTwo: 20px;
        --twofour: 22px;
        --titleFont: 50px;
    }
    .statis_num{
        font-size: 80px;
    }
    .about_descrip_blck {
        margin: 80px auto;
    }
    .last_head_blck {
        gap: 30px;
    }
    .home_info_blck{
        max-width: 460px;
        gap: 30px;
        padding: 30px;
        border-radius: 24px;
    }
    .chosen_lang_img {
        width: 25px;
        min-width: 25px;
        height: 25px;
    }
    .read_more_btn{
        padding: 10px 50px;
    }
    .home_serv_blck{
        gap: 50px;
    }
    .serv_item_title {
        font-size: 26px;
    }
    .goto_arrow svg{
        width: 34px;
        height: 34px;
    }
    .our_team_section{
        margin-top: 100px;
    }
    .arrows_slider{
        gap: 40px;
    }
    .footer_blck .description_ {
        max-width: 320px;
    }
    .why_chooseus_block{
        gap: 50px;
    }
    .why_imgs {
        max-width: 50px;
    }

}
@media screen and (max-width: 1440px){
    .paddig_left {
        padding-left: 30px !important;
    }
    .nameof_memb{
        font-size: 25px;
    }
    .team_slide_blck{
        gap: 12px;
    }
    .f_logo {
        max-width: 170px;
    }
    .why_chooseus_block{
        margin-top: 80px;
    }
    .dropdwon_{
        top: 40px;
    }
    .home_aboutus_blck {
        margin: 90px 0;
    }
    .home_serv_blck {
        gap: 40px;
    }
    .blog_section{
        margin: 50px 0 80px 0;
    }
    :root{
        --titleFont: 45px;
    }
    .teamSwiper {
        margin-top: 70px !important;
    }
    .our_team_section {
        margin-top: 80px;
    }
    .blog_item_inf {
        padding: 0 30px;
        gap: 10px;
    }
    .blog_items_titel {
        font-size: 24px;
    }
    .blog_item{
        gap: 16px;
    }
    .blog_items_img{
        height: 278px;
    }
    .pagination_sp{
        min-width: 45px;
    }
    .pagination_dots, .pagination_sp{
        font-size: 22px;
    }
    .prev_btn {
        margin-right: 20px;
    }
    .next_btn {
        margin-left: 20px;
    }
    .choose_service{
        font-size: 26px;
    }
    .choose_service{
        padding: 6px 50px;
    }
    .all_servs {
        padding: 6px 26px;
    }
    .service_section{
        gap: 30px;
    }


}
@media screen and (max-width: 1280px){
    .logo_head {
        max-width: 170px;
    }
    .phone_num{
        font-size: 16px;
    }
    .blog_item_inf {
        padding: 0 20px;
        gap: 8px;
    }
    .nav_bar {
        gap: 12px;
    }
    .contw_us_btn {
        padding: 14px 40px;
    }
    .description_{
        font-size: 12px;
    }
    .blog_items_img {
        height: 240px;
    }
    .blog_items_block{
        gap: 14px;
    }
    .blog_item {
        gap: 12px;
    }
    .blog_items_titel {
        font-size: 20px;
    }
    footer .grey_line {
        margin: 20px 0;
    }
    :root{
        --twofour: 20px;
    }
    .footer_blck{
        flex-wrap: wrap;
    }
    .footer_blck .description_{
        width: 24%;
    }
    .f_cont_blck{
        margin-left: auto;
    }
    .fnav_bar{
        max-width: 50%;
    }
    .bottom_icon, .top_icon {
        max-width: 200px;
    }
    .mini_items {
        width: calc(100% / 2 - 10px);
    }
    .choose_service {
        font-size: 22px;
    }
    .map_section{
        margin: 60px auto;
    }
    .contact_alink {
        gap: 16px;
    }
    .contact_section{
        align-items: start;
        flex-direction: column;
    }
    .contact_section .slash_{
        display: none;
    }


}
@media screen and (max-width: 1024px){
    .footer_blck .description_ {
        max-width: 365px;
        text-align: center;
        width: 100%;
    }
    .footer_blck {
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }
    .arrows_slider{
        display: none;
    }
    .home_general{
        max-height: 800px;
    }
    .fnav_bar{
        max-width: none;
    }
    .f_cont_blck {
        margin-left: 0;
    }
    .why_imgs{
        max-width: 40px;
    }
    .reason_blck{
        padding: 20px;
        gap: 10px;
    }
    .map_section{
        margin: 60px 0;
    }
    :root {
        --titleFont: 40px;
    }
    .header_block{
        padding: 20px 0;
    }
    .teamSwiper{
        padding-bottom: 0 !important;
    }
    .nav_bar{
        transform: translateX(-1000px);
        position: fixed;
        top: 106px;
        height: 100vh;
        left: 0;
        flex-direction: column;
        align-items: start;
        justify-content: start;
        background-color: var(--white);
        width: 60%;
        z-index: 30;
        border-radius: 0 30px 0 0;
        padding: 40px 30px;
        box-shadow: 0px 0px 15px 0px rgba(216, 214, 210, 0.7);
    }
    .nav_bar_active{
        transform: translateX(0px);
    }
    .burger_svg_active .first_line {
        transform: rotate(50deg) translate(5px, -3px);
    }
    .burger_svg_active .middle_svg {
        opacity: 0;
    }
    .burger_svg_active .last_line {
        transform: rotate(-45deg) translate(-13px, 1px);
    }
    .burger_svg {
        display: flex;
    }
    .white_descrip{
        text-align: center;
    }
    .home_info_blck{
        margin: 0 auto;
        align-items: center;
    }
    .head_for_home .nav_alink{
        color: var(--black);
    }
    .head_for_home .nav_alink:hover{
        border-color: var(--black) !important;
    }
    .header_block .nav_alink {
        font-size: 24px;
    }
    .home_aboutus_blck{
        margin: 80px 0;
        flex-direction: column;
    }
    .home_aboouts_img, .home_about_inf_blck{
        width: 100%;
    }
    .home_about_inf_blck{
        gap: 20px;
        align-items: center;
    }
    .home_about_inf_blck .description_{
        text-align: center;
    }
    :root {
        --titleFont: 30px;
        --sixteen: 12px;
    }
    .serv_item_title {
        font-size: 20px;
    }
    .goto_arrow svg {
        width: 30px;
        height: 30px;
    }
    .serv_item{
        gap: 12px;
    }
    .serv_blcks{
        gap: 16px;
    }
    .serv_item{
        border-radius: 12px;
        width: calc(100% / 2 - 8px);
        padding: 12px;
    }
    .our_team_section {
        margin-top: 30px;
    }
    .teamSwiper {
        margin-top: 50px !important;
    }
    .nameof_memb {
        font-size: 20px;
    }
    .soc_img {
        max-width: 20px;
    }
    .members_social_link{
        width: 50px;
        height: 50px;
    }
    .team_slide_blck {
        gap: 10px;
    }
    .swiper-button-next, .swiper-button-prev {
        min-width: 50px !important;
        width: 50px !important;
        height: 50px !important;
    }
    .arrows_slider {
        gap: 30px;
    }
    .why_chooseus_block {
        margin-top: 50px;
    }
    .our_team_section{
        margin-bottom: 50px;
    }
    .why_items_blck{
        width: fit-content;
        max-width: 400px;
        flex-direction: column;
    }
    .navigation_block {
        margin: 130px 0 35px 0;
    }
    .about_title_bck .description_{
        max-width: 376px;
    }
    .statistic_block{
        flex-direction: column;
    }
    .about_title_bck {
        flex-direction: column;
        align-items: start;
        gap: 30px;
    }
    .about_our_team{
        gap: 30px;
    }
    .bottom_icon, .top_icon {
        max-width: 140px;
    }
    .membs_name {
        font-size: 30px;
    }
    .blog_item{
        width: calc(100% / 2 - 7px);
    }
    .blog_section {
        margin: 30px 0 70px 0;
    }
    .pagination_dots, .pagination_sp {
        font-size: 20px;
    }
    .pagination_sp {
        min-width: 35px;
    }
    .prev_next_btn svg{
        width: 35px;
        height: 35px;
    }
    .pagination_{
        gap: 16px;
    }
    .blog_item_section h1 {
        margin: 10px 0;
    }
    .blog_block {
        margin: 40px 0 80px 0;
    }
    .description_{
        gap: 14px;
    }
    .about_member_blck{
        flex-direction: column;
    }
    .member_general_img, .about_member_block{
        width: 100%;
    }
    .position_blck {
        margin-top: 0;
    }



}
@media screen and (max-width: 600px){
    .home_servs {
        flex-direction: column;
    }
    .serv_item{
        width: 100%;
    }
    .wrapper, .blog_item_section, .about_descrip_blck{
        padding: 0 20px;
    }
    .paddig_left {
        padding-left: 20px !important;
    }
    .logo_head {
        max-width: 120px;
    }
    .home_info_blck{
        max-width: 390px;
        gap: 20px;
        padding: 24px;
        border-radius: 20px;
    }
    .chosen_lang_img {
        width: 20px;
        min-width: 20px;
        height: 20px;
    }
    .head_for_home .phone_num{
        color: var(--black);
    }
    .phone_num, .header_block .nav_alink{
        font-size: 18px;
    }
    .last_head_blck {
        gap: 20px;
    }
    .drop_title{
        gap: 8px;
    }
    .drp_svg svg {
        width: 12px;
        height: 8px;
    }
    .chosen_lang_sp{
        font-size: 12px;
    }
    .lang_flag {
        width: 16px;
        height: 16px;
    }
    .nav_bar{
        gap: 10px;
        top: 80px;
        padding: 30px 20px;
    }
    .home_general_info_blck{
        bottom: 20px;
    }
    .white_descrip {
        font-size: 16px;
    }
    .home_general{
        max-height: 400px;
    }
    .contw_us_btn {
        padding: 10px 20px;
    }
    .home_aboutus_blck{
        margin: 60px 0;
        gap: 30px;
    }
    .home_about_inf_blck {
        gap: 12px;
    }
    .read_more_btn {
        padding: 8px 30px;
        font-size: 14px;
    }
    .title_btn_blck{
        justify-content: center;
    }
    .view_more{
        margin: 0 auto;
    }
    .serv_item_title {
        font-size: 16px;
    }
    .goto_arrow svg {
        width: 25px;
        height: 25px;
    }
    .description_{
        line-height: normal; 
    }
    .home_serv_blck {
        gap: 30px;
    }
    :root {
        --twofour: 18px;
        --titleFont: 26px;
    }
    .swiper-button-next, .swiper-button-prev {
        min-width: 40px !important;
        width: 40px !important;
        height: 40px !important;
    }
    .arrows_slider {
        gap: 20px;
    }
    .why_chooseus_block {
        gap: 30px;
        margin-top: 35px;
    }
    .fnav_bar{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .copyright_site{
        flex-direction: column-reverse;
    }
    .all_members_block .team_slide_blck {
        width: calc(100% / 2 - 15px);
    }
    .statis_num {
        font-size: 60px;
    }
    .statis_item{
        padding: 30px 20px;
    }
    .bottom_icon, .top_icon {
        max-width: 50px;
    }
    .membs_name {
        font-size: 24px;
    }
    .top_icon{
        top: 68px;
    }
    .bottom_icon{
        bottom: 28px;
    }
    .pagination_dots, .pagination_sp {
        font-size: 16px;
    }
    .prev_btn {
        margin-right: 0;
    }
    .next_btn {
        margin-left: 0;
    }
    .prev_next_btn svg{
        width: 30px;
        height: 30px;
    }
    .pagination_sp {
        min-width: 30px;
    }
    .blog_item {
        width: 100%;
    }
    .blog_item_inf{
        padding: 0;
    }
    .pagination_{
        gap: 10px;
    }
    .blog_item_section h1 {
        margin: 0;
    }
    .blog_block {
        margin: 30px 0 70px 0;
    }
    .navigation_block {
        margin: 110px 0 35px 0;
    }
    .choose_service {
        font-size: 18px;
    }
    .choose_service {
        padding: 4px 30px;
    }
    .all_servs {
        padding: 4px 22px;
    }
    .popups_form_blck{
        padding: 50px 20px 20px 20px;
        position: relative;
    }  
    .close_popup {
        position: absolute;
        top: 15px;
        right: 15px;
        min-width: 35px;
        width: 35px;
        height: 35px;
    }
    .about_general_blck{
        height: 300px;
        border-radius: 30px;
    }
    .about_descrip_blck {
        margin: 40px auto;
        font-size: 14px;
    }
    .about_info_blck{
        bottom: 40px;
    }
    .about_title_bck{
        gap: 20px;
    }






}