@media (max-width:1199.98px) {
    .icon-r_arrow, .icon-r_arrow , ._link span {
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

    .content.bgImg { width: 100vw; overflow-y: hidden; overflow-x: auto; z-index: -1; background-size: cover; }
    .scroll_button { display: none; }
    .home_sec .home_div h1 { font-size: 4rem; line-height: 1; }
    .contact_sec .contact_address .div_item_sdress a, .contact_sec .contact_address .div_item_sdress p { color: #bfbfbf; }
    header .top_header .right .switch{margin:0 40px;}
}
@media (max-width:992.98px) {
    body { overflow: auto; height: auto; padding-top: 76px; }
    header.main-header { position: fixed; top: 0; z-index: 9999; background-color: #111; }
    header .top_header { position: relative; min-height: 75px; padding: 20px; }
    header .top_header    .site-logo { width: 160px; }
    header .top_header .left { display: none; }
    header .top_header .right .switch { margin: 0 16px; }
    header .top_header .right { margin-left: auto; }
    header .header_container { position: relative; width: 100%; height: 80px; display: none; }
    .bgImg { background: none; }
    input.check-toggle-round-flat:checked + label::after { margin-left: 41px; }
    .gallery { margin-left: 0; flex-flow: column; padding: 0; height: auto; left: auto;/* overflow: hidden; */ }
    .home_sec .home_div { margin: 0; }
    [data-scroll-direction="horizontal"] [data-scroll-container] { width: 100%; }
    .what_wedo_sec { padding: 0; width: 100%; padding-bottom: 50px; }
    .service_sec { flex-flow: column !important; width: 100%; margin: 0; padding: 0; overflow: hidden; }
    .service_sec .img_wraper, .service_sec .img_wraper span .section_img { z-index: 99; max-width: 100%; width: 100%; margin: 0 0 30px; height: 500px; background-size: inherit; }
    .service_sec .col_item { flex-flow: revert; display: flex; height: auto; width: 100%; flex-wrap: wrap; }
    .service_sec .content_div { width: 100%; padding: 0; margin: 0; left: auto; padding-bottom: 50px; }
    .service_sec .row { flex-wrap: wrap; margin: 0; padding: 0; }
    .service_sec .col_item .item_div { width: 50%; margin: 0; margin-bottom: 30px; }
    .protfolio_sec { flex-wrap: wrap; padding: 0; width: 100%; }
    .protfolio_sec .img_wraper, .protfolio_sec .img_wraper span .section_img { display: block; z-index: 99; height: 400px; width: 100%; margin: 0; max-width: 100%; left: auto; margin-bottom: 30px; }
    .blog_sec .col_item .item_div .blog_content .figure { display: none; }
    .protfolio_sec .row { flex-wrap: wrap; }
    .protfolio_sec .content_div { margin: 0; left: auto; padding: 0; max-width: initial; padding-bottom: 50px; width: 100%; }
    .protfolio_sec .col_item { flex-wrap: wrap; padding: 0; }
    .blog_sec .content_div { width: 100%; amargin: 0; padding: 0; left: auto; padding-bottom: 40px; }
    .blog_sec .row { flex-wrap: wrap; margin: auto; }
    .content { min-height: 100vh; overflow: auto; padding: 0 15px; height: auto; background-attachment: fixed; }
    .blog_sec .img_wraper { width: 100%; display: none; }
    .blog_sec { padding: 0; margin: 0; }
    .blog_sec .col_item { flex-wrap: wrap; padding: 0; }
    .contact_sec { padding: 0; width: 100%; flex-wrap: wrap; left: auto; }
    .contact_sec .img_wraper { display: none; }
    .contact_sec .row { flex-wrap: wrap; width: 100%; }
    .contact_sec .col_form { min-width: auto; width: 100%; margin-bottom: 50px; }
    .contact_sec .content_div { left: auto; margin: 0; padding: 0; margin-bottom: 50px; }
    .contact_sec .col_form .form-wrapper .form .form_need_btns { width: 100%; margin: 30px 0; margin-bottom: 0; padding-left: 20px; }
    .contact_sec .col_form .form-wrapper .radio_btns { width: 100%; }
    .contact_sec .contact_address { padding: 0; margin: 0; left: 0; height: auto; width: 100%; }
    .row { width: 100% !important; margin: 0 !important; padding: 0 !important; }
    .scroll_button a { display: none; }
    ._link span { width: 40px; height: 40px; }
    .icon-r_arrow { width: 40px; height: 40px; }
    .velvet { display: none; }
    #particles-js { width: 100%; }
    .protfolio_sec .col_item .item_div { width: 50%; margin: 0; margin-bottom: 40px; }
    .contact_sec .contact_address .div_item_sdress a, .contact_sec .contact_address .div_item_sdress p { margin-bottom: 0; color: #ffffffab; font-size: 15px; width: 100%; }
    .contact_sec .contact_address .div_item_sdress { padding-bottom: 0; }
    .contact_sec .contact_address .div_item_sdress h4 { font-size: 16px; font-weight: 600; }
    .contact_sec .col_form .form-wrapper .form-input { border-color: #ffffff91; }
    .home_sec { padding: 30px 0; min-height: 300px; display: flex; justify-content: center; flex-flow: column; }
    .home_sec .home_div h1 { min-height: auto; font-size: 33px; }
    .sec_head h1, .sec_head h2 { font-size: 25px; }
    .what_wedo_sec .content_div .bttn { margin-top: 20px; }
    .blog_sec .for_mob { color: #dfdfdf; font-size: 14px; }
    .contact_sec .col_form .form-wrapper .form { -webkit-backdrop-filter: saturate(180%) blur(5px); backdrop-filter: saturate(180%) blur(5px); background: rgb(0 0 0 / 40%); padding: 24px; }
    .contact_sec .col_form .form-wrapper ._link { margin-top: 0px; }
    .blog_sec .col_item .item_div { margin-bottom: 40px !important; width: 100%; }
    .what_wedo_sec .content_div { width: 100%; }
    .service_sec .content_div p { width: 100%; }
    .for_mob_scrll { width: 100%; }
    .blog_sec .col_item .item_div .blog_content span { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; }
    .contact_sec .col_form .form-wrapper .form .form_outer { width: 100%; }
    .contact_sec .contact_address .outer_div_sddrs { margin: 0; text-align: center; width: 100%; }
    .home_sec .home_div ul.inner_page_link li a { font-size: 15px; font-weight: 500; margin: 0 7px; }
    .home_sec .home_div ul.inner_page_link { display: flex; margin-left: -6px; }
    .blog_sec .col_item .item_div .blog_content .update { position: relative; top: auto; left: auto; margin-bottom: 0; }
    .blog_sec .col_item .item_div .blog_content h3 { margin-top: 12px; font-size: 16px; padding-right: 50px; }
}
@media (max-width:767.98px) {
    .service_sec .col_item .item_div, .protfolio_sec .col_item .item_div { width: 100%; max-width: 100%; }
    .contact_sec .col_form .form-wrapper .form .form_need_btns { padding-left: 0; }
    body.open_menu .more_menu .logo { top: 16px; left: 16px; }
    body.open_menu .more_menu .logo a img { width: 170px; }
    body.open_menu .more_menu .for_menu_label { display: none; }
}