@media screen and (max-width: 1600px){

    .scroll_down{

        left: 6%;

        bottom: 8%;

    }  

    .calculate_blck {

        gap: 18px;

    } 

    .hover_calculate_block{

        gap: 35px;

        max-width: 460px;

    }

    .news_item_img{

        height: 250px;

    }

    .desiplay_title{

        font-size: 50px;

    }

    .hidden_inf_blck_active{

        display: flex;

        padding-top: 26px;

    }

    .nav_bar {

        gap: 40px;

    }

    .hover_img{

        max-width: 70px;

    }

    .header_blck{

        padding-top: 50px;

    }

    .video_for_hover{

        height: 505px;

    }

    :root{

        --titleFont: 50px;

        --eighteen: 16px;

        --fontTwentyTwo: 20px;

    }

    .video_for_hover{

        width: 200px;

        height: 505px;

    }

    .lang_svg, .lang_svg svg{

        width: 35px;

        height: 35px;

    }

    .logo_head{

        max-width: 90px;  

    }

    .head_cont_block {

        gap: 30px;

    }

    .mouse_scaling{

        max-width: 34px;

    }

    .mouse_scaling{

        max-width: 30px;

    }

    .pulsatition_video_one svg{

        width: 300px;

        height: 500px;

    }

    .scroll_down svg{ 

        width: 40px;

        height: 50px;

    } 

    .scroll_down{

        font-size: 18px;

        gap: 10px;

    }

    .aboutus_title{

        font-size: 64px;

        margin-bottom: 50px;

    }

    .about_second_title{

        font-size: 30px;

    }

    .oneled_descrip{

        font-size: 22px;

    }

    .aboutus_block{

        gap: 20px; 

    }

    .three_info_blocks{

        margin-top: 30px;

    }

    .about_inf_tilte{

        font-size: 22px;  

    }

    .contact_us_block{

        padding: 50px 80px;

        margin: 100px auto;

    }

    .contact_form .title_general{

        font-size: 50px;

    }

    .contact_form{

        gap: 16px;

    }

    .cont_descrip{

        margin-bottom: 16px;

    }

    .footer_logo{

        max-width: 120px;

    }

    .footer_wrapper{

        padding: 55px 30px 55px 30px;

    }

    footer{

        border-radius: 80px 80px 0 0;

        /*padding-bottom: 35px;*/

        padding: 60px 0 35px 0;

    }

    .dashed_hover{

        top: -63px;

        left: -98px;

        max-width: 330px;

    }

    .round_white{

        width: 32px;

        height: 32px;

    }

    .calc_btn svg{

        width: 35px;

        height: 35px;

    }

    .news_swiper{

        padding-left: 2% !important;

    }

    .second_hover_block{

        margin-bottom: 120px;    

    }

    .news_item_title{

        font-size: 20px;

    }

    .aboutus_infblck{

        gap: 20px;

        padding: 20px 0 140px 0;

    }    

    .display_second_block .video_for_hover{

        left: 26%;

        height: 260px;

        transform: translate(-26%, -42%);

    }

    .display_three_block .video_for_hover{

        height: 190px;

        left: 8%;

        width: 504px;

    }

    .display_four_block .video_for_hover{

        width: 190px;

        height: 155px;

    }

    .display_six_block .video_for_hover{

        width: 630px;

    }

    .scalable_about .aboutus_video img, .scalable_about .aboutus_video video{

        height: 400px;

    }

    .aboutus_video {

        max-width: 1100px;

    }

    .aboutus_video.shrinked, .aboutus_video {

        width: 60%;

    }

    .display_seven_block .video_for_hover {

        left: 54%;

        top: 18%;

        transform: translate(-54%, -18%);

        width: 460px;

        height: 160px;

    }

    .display_eight_block .video_for_hover{

        width: 344px;

        height: 350px;

    }



}

@media screen and (max-width: 1440px){
    .display_nine_block .video_for_hover {
        top: 43%;
        left: 70%;
        width: 215px;
        height: 265px;
    }
    .display_second_block .video_for_hover{

        height: 218px;

        width: 460px;

        left: 26%;

        transform: translate(-26%, -42%);

    }

    .display_four_block .video_for_hover{

        width: 170px;

        height: 140px;

    }

    .display_four_block .video_for_hover {

        width: 150px;

        height: 120px;

    }

    .display_five_block .video_for_hover {

        width: 148px;

        height: 326px;

        top: 33%;

        left: 13%;

        transform: translate(-13%, -33%);

    }

    .display_six_block .video_for_hover{

        height: 215px;

        width: 560px;

    }

    .display_seven_block .video_for_hover{

        width: 418px;

    }

    .display_eight_block .video_for_hover {

        width: 308px;

        height: 312px;

    }

}

@media screen and (max-width: 1280px){

    .oneled_descrip {

        font-size: 18px;

    }

    .about_second_title {

        font-size: 26px;

    }

    .calculate_blck{

        gap: 10px;

        padding: 20px 34px;

    }

    .dashed_hover{

        max-width: 300px;

    }

    .hover_calculate_block{

        max-width: 400px;

    }

    .aboutus_block {

        gap: 16px;

    }

    .aboutus_title{

        margin-bottom: 40px;

        font-size: 50px;

    }

    header {

        padding: 0 30px;

    }

    .nav_bar {

        gap: 25px;

    }

    .nav_alink{

        font-size: 16px;

    }

    .head_cont_block {

        gap: 25px;

    }

    .phone_num_head svg{

        width: 28px;

        height: 28px;

    }

    .three_info_blocks{

        justify-content: space-between;

    }

    .about_inf_tilte {

        font-size: 20px;

    }

    .info_block{

        width: calc(100% / 3 - 27px);

    }

    .contact_us_block{

        padding: 40px;

    }

    .map_contact{

        max-width: 490px;

    }

    .contact_form{

        max-width: 480px;

    }

    :root{

        --sixteen: 14px; 

    }

    .phone_email_img {

        min-width: 30px;

        width: 30px;

        height: 30px;

    }

    .send_btn{

        padding: 12px 20px;

        border-radius: 20px;

    }

    /* .second_hover_block{

        height: 710px;

    } */

    .news_swiper .swiper-button-prev {

        right: 12%;

    }

    .video_for_hover{

        width: 174px;

        height: 434px;

    }

    .video_hover{

        max-width: 284px;

        height: 500px;

    }

    .desiplay_title {

        font-size: 42px;

    }

    .statistic_block{

        margin: 60px 0 100px 0;

    }

    .statistick_numbers{

        width: calc(100% / 4 - 20px);

        height: 250px;

    }

    .numbers_statistic{

        font-size: 45px;

    }

    .news_section{

        margin: 170px 0 110px 0;

    }

    .news_title{

        font-size: 50px;

    }

    .news_items_block .news_item {

        width: calc(100% / 3 - 20px);

    }

    .news_items_block{

        gap: 30px;

    }

    .service_section {

        margin-top: 150px;

    }

    .service_title{

        font-size: 50px;

    }

    .services_block{

        margin-top: 70px;

        gap: 60px;

    }

    .serv_item_title{

        font-size: 40px;

    }

    .service_info_block{

        gap: 22px;

    }

    .single_blog_block{

        gap: 30px;

        margin-bottom: 90px;

        margin-top: 180px;

    }

    .blogs_title{

        font-size: 32px;

    }

    .blog_news_text, .blog_news_text p, .blog_news_text strong,

    .blog_news_text a{

        font-size: 18px;

    }

    .single_blog_block h2, .single_blog_block h3, .single_blog_block h4,

    .single_blog_block h5, .single_blog_block h6{

        font-size: 20px;

    }

    .quantity_inhour{

        font-size: 30px;

    }

    .hour_month_block{

        height: 88px;

        border-radius: 16px;

    }

    .range_point_active{

        width: 30px;

        height: 30px;

    }

    .range_point[data-value="1"] {

        left: -1%;

    }

    .time_choose{

        font-size: 22px;

    }

    .calculate_block{

        border-radius: 35px;

        padding: 0 26px 0 48px;  

    }

    .calc_title{

        font-size: 24px;

    }

    .big_price{

        font-size: 32px;

    }

    .total_price {

        gap: 14px;

    }

    .active_time{

        min-width: fit-content;

    }

    /* .video_hover_second{

        max-width: 740px;

        height: 430px;

        left: 55%;

    } */

    .display_second_block .video_for_hover {

        height: 190px;

        width: 394px;

        left: 28%;

        transform: translate(-28%, -29%);

    }

    .second_hover_block .hover_calculate_block{

        right: 20px;

        bottom: 20px;

        max-width: 420px;

    }

    .hidden_inf_blck_active{

        padding-top: 12px;

    }

    .medium_sp{

        font-size: 16px;

    }

    .display_three_block .video_for_hover {

        height: 174px;

        width: 414px;

    }

    .display_four_block .video_for_hover{

        width: 180px;

        left: 13%;

        transform: translate(-13%, -48%);

    }

    .display_five_block .video_for_hover{

        width: 112px;

        height: 296px;

        top: 35%;

        left: 13%;

        transform: translate(-13%, -35%);

    }

    .display_six_block .video_for_hover {

        height: 180px;

        width: 510px;

    }

    .scalable_about .aboutus_video img, .scalable_about .aboutus_video video {

        height: 320px;

    }

    .aboutus_video {

        max-width: 800px;

    }

    .aboutus_video.shrinked, .aboutus_video {

        width: 50%;

    }

    .play_img svg{

        width: 70px;

        height: 70px;

    }

    .aboutus_infblck .title_general {

        font-size: 40px;

    }

    .aboutus_infblck{

        gap: 15px;

    }

    .about_descrip{

        font-size: 18px;

    }

    .learn_more_btn{

        gap: 10px;

        padding: 12px 15px;

    }

    .display_seven_block .video_for_hover {

        width: 364px;

        top: 20%;

        transform: translate(-54%, -20%);

        height: 120px;

    }

}

@media screen and (max-width: 1024px){

    .cont_back_img{

        top: 34%;

        transform: rotate(-90deg);

        width: 100%;

        height: auto;

    }

    .aboutus_video.shrinked, .aboutus_video {

        width: 80%;

    }

    .scalable_about .aboutus_video img, .scalable_about .aboutus_video video {

        height: 400px;

    }

    .calculate_blck{

        box-shadow: none;

    }

    .footer_contact_block .phem_img_infs{

        width: calc(100% / 3);

    }

    .contact_form, .map_contact{

        max-width: none;

        width: 100%;

        z-index: 1;

    }

    .serv_item_title{

        text-align: center;

    }

    .map_contact{

        height: 330px;

    }

    .contact_us_block{

        flex-direction: column;

        box-shadow: 0px 65.626px 93.086px -37.235px rgba(47, 115, 107, 0.15);

        gap: 30px;

    }

    .three_info_blocks{

        flex-direction: column;

        align-items: center;

        gap: 30px;

    }

    .footer_navbar{

        gap: 30px;

        flex-direction: column;

    }

    .footer_wrapper {

        padding: 40px 30px 20px 30px;

    }

    .header_blck {

        padding-top: 30px;

    }

    .nav_alink{

        color: var(--black);

    }

    .nav_bar{

        gap: 34px;

        display: none;

        position: absolute;

        flex-direction: column;

        top: 100px;

        right: 0;

        max-width: 300px;

        width: 100%;

        padding: 30px 20px;

        align-items: start;

        background-color: var(--white);

    }

    .nav_bar_active{

        display: flex;

    }

    .right_line_clode, .left_line_close {

        transition: transform 0.3s ease;

    }

    .burger_mob_active .right_line_clode {

        transform: rotate(-46deg) translate(-15px, -5px);

    }

    .burger_mob_active .left_line_close {

        transform: rotate(45deg) translate(2px, -6px);

    }

    .general_home_block{

        height: auto;

        overflow: inherit;

    }

    .hover_calculate_block, .second_hover_block .hover_calculate_block{

        bottom: auto;

        right: auto;

        position: inherit;

        padding: 25px;

    }

    .info_block{

        width: 100%;

    }

    .burger_menu{

        display: block;

    }

    .phone_num_head{

        font-size: 0;

        gap: 0;

    }

    .aboutus_section .scroll_down{

        right: 4%;

    }

    .big_home_img{

        height: 435px;

        overflow: hidden;

        position: inherit;

    }

    .scroll_down {

        display: none;

    }

    .video_for_hover, .mouse_scaling, .drag_mouse{

        display: none;

    }

    .drag_finger, .finger_scaling{

        display: block;

    }

    .finger_scaling{

        max-width: 49px;

    }

    .hover_inf{

        color: black;

    }

    .hover_on_screen{

        width: 100%;

    }

    .aboutus_video{

        padding-top: 90px;

    }

    .second_hover_block {

        height: auto;

    }

    .about_descrip{

        width: 80%;

    }

    .swiper-button-next, .swiper-button-prev{

        display: none !important;

    }

    .swipers_wrapper .title_general {

        text-align: center;

        margin: 0 ;

    }

    .news_swiper{

        padding-top: 0 !important;

    }

    .shine_right {

        bottom: 25px;

    }

    .news_swiper{

        margin-bottom: 150px; 

    }

    :root{

        --titleFont: 40px;

        --fontTwentyTwo: 18px;

    }

    .title_descrip_blck{

        flex-direction: column;

        margin-bottom: 32px;

    }

    .second_title{

        max-width: none;

        width: 90%;

        text-align: center;

    }

    .brands_autoscroll{

        overflow: auto;

        padding-bottom: 30px;

        padding-left: 30px;

    } 

    .brands_block {

        width: 950px;

    }

    .brands_autoscroll::-webkit-scrollbar-thumb {

        background-color: var(--black);

        border-radius: 10px;

        cursor: pointer;

        background-clip: padding-box;

        transition: all 300ms ease-out;

    }

    .brands_autoscroll::-webkit-scrollbar {

        height: 2px;

        width: 80%;

    }

    .brands_autoscroll::-webkit-scrollbar-track {

        background-color: rgba(200, 200, 200, 0.50);

    }

    .brands_wrapper{

        padding: 0 !important;

    }

    .brands_wrapper .title_descrip_blck {

        padding: 0 30px;

    }

    .calc_for_mobile, .hidden_for_mobile{

        display: none;

    }

    .hidden_inf_blck{

        height: auto;

    }

    .aboutus_section{

        height: 60vh;

    }

    .aboutus_section .big_home_img {

        position: absolute;

    }

    .calculate_blck{

        background: #DFDFDF;

        gap: 10px;

        box-shadow: none;

        border-radius: 16px;

        padding: 13px 32px 16px 32px;

    }

    .title_onhov, .floor_sp, .thin_inf, .medium_sp, .floor_sp .bold_num{

        color: black;

    }

    .dashed_line, .line_white, .floor_sp, .calc_btn, .hidden_inf_blck{

        border-color: black;

    }

    .calc_btn {

        padding: 6px 10px 6px 12px;

        border-radius: 13px;

        background: #1C1C21;

    }

    .statistic_block{

        flex-wrap: wrap;

        gap: 50px;

    }

    .statistick_numbers{

        width: calc(100% / 2 - 28px);

    }

    .news_section {

        gap: 40px;

        margin: 130px 0 80px 0;

    }

    .news_title {

        font-size: 40px;

    }

    .news_items_block .news_item {

        width: calc(100% / 2 - 16px);

    }

    .items_img img {

        border-radius: 30px;

    }

    .items_img, .service_info_block{

        width: 70%;

    }

    .service_info_block{

        align-items: center;

    }

    .service_right {

        flex-direction: column-reverse;

    }

    .service_left{

        flex-direction: column;

    } 

    .descrip_serv_item{

        text-align: center;

    }

    .single_blog_block{

        margin-top: 140px

    }

    .blogs_title {

        font-size: 22px;

    }

    .dateof_news{

        right: 20px;

        bottom: 24px;

    }

    .second_hover_block {

        margin-bottom: 50px;

    }

    .calcluate_range_block, .total_price_calculating{

        max-width: none;

        width: 100%;

        align-items: center;

    }

    .total_price_calculating{

       flex-direction: row;

    }

    .calculate_block{

        flex-direction: column;

    }

    .height_line{

        border-right: none;

        border-bottom: 1px solid #ACACAC;

        height: 1px;

        width: 100%;

    }

    .choose_time{

        align-self: start;

    }

    .calcluate_range_block{

        padding: 20px 0 55px 0;

    }

    .total_price_calculating {

        padding: 20px 0;

    }

    .inhour_month{

        gap: 15px;

    }

    .big_price {

        font-size: 28px;

    }

    .calculate_block{

        padding: 0 26px 0 30px;

    }

    .hour_month_block{

        padding: 10px 15px;

    }

    .calc_title {

        font-size: 22px;

    }

    .range_block{

        margin-top: 40px;

    }

    .total_price{

        flex-direction: column;

        align-items: start;

    }

    .total_price_calculating{

        flex-wrap: wrap;

    }

    .animation_blocks{

        max-height: none;

        height: auto;

        border-radius: 58px 58px 0 0;

        background-color: var(--grayBack);

    }

    .block_animation_section{

        overflow: inherit;

        min-height: 98vh;

        height: auto;

    }

    .display_section_hover{

        height: auto;

    }

    .display_section_hover .animation_blocks{

        position: static;

        transform: none;

    }

    /* .display_second_block .video_hover_second{

        width: 368px !important;

        height: 210px !important;

    } */

    /* .display_three_block .video_hover_second{

        width: 400px !important;

        height: 226px !important;

        left: 5%;

    } */

}

@media screen and (max-width: 600px){

    .phone_email_block{

        flex-direction: column;

    }

    .news_item_img{

        height: 150px;

    }

    .phem_img_infs{

        width: 70%;

        gap: 12px;

        justify-content: start;

    }

    .contact_us_block {

        margin: 80px 0;

        padding: 24px 18px;

        border-radius: 23px;

    }

    .nav_bar{

        top: 65px;

    }

    .cont_descrip {

        text-align: center;

        font-size: 12px;

        margin-bottom: 10px;

    }

    .inps_{

        font-size: 14px;

    }

    .contact_form {

        align-items: center;

    }

    .about_second_title{

        text-align: center;

    }

    .wrapper{

        padding: 0 26px;

    }

    .aboutus_title{

        margin-bottom: 26px;

        font-size: 30px;

    } 

    .cont_back_img{

        top: 60%;

    }

    .header_blck {

        padding-top: 16px;

    }

    header {

        padding: 0 22px;

    }

    .logo_head {

        max-width: 46px;

    }

    .lang_svg, .lang_svg svg, .phone_num_head svg {

        width: 25px;

        height: 25px;

    }

    .burger_menu svg, .burger_menu{

        width: 28px;

        height: 28px;

    }

    .aboutus_video {

        padding-top: 25px;

    }

    .play_img svg{

        width: 52px;

        height: 52px;

    }

    .active .aboutus_video img, .active .aboutus_video video {

        border-radius: 18px;

    }

    :root{

        --eighteen: 12px;

        --titleFont: 22px;

        --fontTwentyTwo: 14px;

    }

    .about_descrip{

        width: 100%;

    }

    .aboutus_infblck{

        gap: 10px;

        padding: 22px 0 50px 0;

    }

    .learn_more_btn{

        padding: 10px 12px;

        gap: 10px;

        border-radius: 13px;

    }

    .learn_more_btn svg{

        width: 16px;

        height: 16px;

    }

    .second_hover_block .big_home_img img, 

    .video_hover_second video{

        border-radius: 26px;

    }

    .animation_blocks{

        border-radius: 26px 26px 0 0;

    }

    .second_hover_block .big_home_img{

        height: 290px;

    }

    .second_hover_block {

        padding: 0;

        margin-bottom: 50px;

    }

    .news_item_img img {

        border-radius: 20px;

    }

    .news_item_title {

        font-size: 14px;

    }

    .news_mini_descrip{

        color: #808080;

        font-size: 12px;

    }

    .read_more{

        color: #07B2BD;

        font-size: 14px;

    }

    .read_more svg{

        width: 17px;

        height: 17px;

    }

    .read_more svg path{

        stroke: #07B2BD;

    }

    .second_title{
        width: 100%;
    }
    .brands_wrapper .title_descrip_blck {
        padding: 0 12px;
    }
    .contact_form .title_general {
        font-size: 22px;
    }
    .map_contact iframe{
        border-radius: 22px;
    }
    .footer_logo{
        max-width: 100px; 
    }
    footer{

        border-radius: 50px 50px 0 0;

    }

    .footer_wrapper{

        width: 90%;

        padding: 40px 50px 20px 50px;

    }

    .nava_link{

        font-size: 22px;

    }

    .footer_contact_block{

        flex-direction: column;

        align-items: stretch;

        width: 74%;

    }

    .footer_contact_block .phem_img_infs {

        width: auto;

        justify-content: start;

    }

    .footer_navbar{

        border-bottom: 3px solid #C2C2C2;

    }

    .news_swiper{

        margin-bottom: 50px;

    }

    .calc_btn svg {

        width: 32px;

        height: 32px;

    }

    .statistick_numbers{

        width: 100%;

        gap: 40px;

    }

    .our_display_section{

        padding-top: 100px !important;

    }

    .statistic_block {

        gap: 30px;

        margin: 40px 0 80px 0;

    }

    .desiplay_title {

        font-size: 22px;

    }

    .statistick_numbers{

        height: 220px;

    }

    .page_sp{

        width: 24px;

        font-size: 12px;

    }

    .pagination_{

        padding: 12px;

        height: 48px;

        gap: 10px;

    }

    .news_items_block .news_item{

        width: 100%;

    }

    .news_title {

        font-size: 22px;

    }

    .items_img, .service_info_block {

        width: 99%;

    }

    .service_info_block{

        gap: 16px;

    }

    .serv_item_title {

        font-size: 22px;

    }

    .blog_single_section{

        padding: 0 26px;

    } 

    .share_blog{

        padding: 8px;

        max-width: 90px;

        border-radius: 10px;

    }

    .dateof_news {

        padding: 8px;

        font-size: 12px;

        right: 12px;

        bottom: 15px;

    }

    .single_blog_block {

        margin-top: 100px;

    }

    .blogs_title_block{

        gap: 30px;

    } 

    .total_price_calculating{

        flex-direction: column;

    }

    .inhour_month{

        width: 100%;

    }

    .hour_month_block{

        width: 50%;

    }

    .total_price{

        flex-direction: row;

        align-items: center;

    }

    .range_point{

        width: 14px;

        height: 14px;

    }

    .range_, .range_points{

        height: 4px;

    }

    .range_point_active{

        width: 22px;

        height: 22px;

    }

    .range_point_active{

        border: 4px solid #07B2BD;

    }

    .time_choose {

        font-size: 16px;

    }

    .range_point_time{

        top: 22px;

    }

    .calc_title {

        font-size: 14px;

    }

    .choose_time{

        font-size: 12px;

    }

    .range_block {

        margin-top: 25px;

    }

    .single_page_section  .big_home_img{

        height: 260px;

    }

    .single_page_section .big_home_img img {

        border-radius: 0 0 30px 30px !important;

    }

    .calc_title_active{

        flex-direction: column;

        align-items: start;

    }

    .quantity_inhour {

        font-size: 22px;

    }

    .hour_month_block{

        height: 65px;

        gap: 0;

        padding: 8px;

    }

    .calculate_block {

        padding: 0 25px;

    }

    .block_animation_section{

        padding: 0 !important;

    }

    .scalable_about .aboutus_video img, .scalable_about .aboutus_video video {

        height: 200px;

    }





}

@media screen and (max-width: 375px){

    .footer_contact_block{

        width: 90%;

    }

    .phem_img_infs{

        width: 100%;

    }

}