.backdrop_menu { position: fixed; top: 0; left: 0; height: 100vh;   width: 100%; background-color: rgba(0, 0, 0, 0.5); display: none;     z-index: 2;}



.tp_mob_options { display: none; }

#banner_video { display: block; width: 100%; aspect-ratio: 1903/720; object-fit: cover; }

.Home_li span{display: none;}

@media (max-width: 1920px){  

}

@media (max-width: 1710px){

}

@media (max-width: 1680px){

}

@media (max-width: 1550px){

    .banner_content{bottom: -95%}

    /* .container {max-width: 1248px;} */   

    html{font-size: 15px;}

}

@media (max-width: 1450px){

    /* .point_item .font25 { font-size: 1.3rem; } */

    /* .container {max-width: calc(1100px + calc(calc(var(--bs-gutter-x) * .5) * 2));} */

    /* .ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover{top: -4px;}

    html{font-size: 13px;} */

    .customer_reviews_wrapper { margin: 0 1.5rem; }

    .ssb_wrap,.banner { overflow: hidden; }



}

@media (max-width: 1370px){

    .customer_reviews_wrapper { margin: 0 3rem; }

    .membership_table table thead th  {font-size: 12px;}

    .banner_content{bottom: -105%} }

@media (max-width: 1330px){

    /* .container {max-width: calc(1000px + calc(calc(var(--bs-gutter-x) * .5) * 2));} */

    /* html{font-size: 12px;} */

    .points_wrap { margin-right: 0; }

    .points_wrap .font25 { font-size: 1.3rem; }

    .customer_reviews_wrapper {margin: 0 6rem;}

    

}

@media (max-width: 1280px){

    /* .container {max-width: calc(980px + calc(calc(var(--bs-gutter-x) * .5) * 2));} */

    .bg_black .slider_btns{width: calc(100% + 14rem);left: -7rem;}

    .banner_content {bottom: -112%;}

}



@media (min-width: 1181px) and (max-width: 1300px;) {

    .bg_black .slider_btns{width: calc(100% + 14rem);left: -7rem;}

}





@media (max-width: 1200px){

    .banner_content {bottom: -130%}



}

@media (max-width: 1025px){

    .banner_content { bottom: -140%; }

}



@media (min-width: 820px) and (max-width: 1180px) {

    .top_nav>li>a{padding: 0.7rem 1rem;font-size: 1rem;}

    .top-header {padding-inline: 2rem;}

    .bg_black .slider_btns>div{width: 75px;height: 75px;}

    .bg_black .slider_btns{width: calc(100% + 6rem);left: -3rem;}

    .bg_black .slider_btns .swiper-button-next-properties img{right: 1rem;}

    .bg_black .slider_btns .swiper-button-prev-properties img{left: 1rem;}

    .bg_black{overflow-x: hidden;}

}

@media (max-width: 992px){

.banner_content {

    padding: 1rem 1rem;

    width: 100%;

    display: flex;

    align-items: left;

    justify-content: space-between;

    height: auto;

    border-radius: unset;

    bottom: unset;

left: 0;}

.banner_heading {

    font-size: 23px;

    margin: 10px 0 20px;

}

.experties_ul li {

    width: 100%;

    margin-bottom: 3rem;

}

.service_ul li {padding: 0 1rem;}

/* .home_about_right:before {display: none;} */

.home_about_right {

    width: 100%;}

    /* .home_about_right img {border-radius:0;} */

    .home_about_left {

    width: 100%;}

    a.header_logo {

    width: 150px;

}

.top_nav>li>a{padding: 0.7rem 8px}

.work_sec .service_ul {margin: unset;}

.top-header {

    padding-inline: 1rem;

}

.top_nav>li>a{font-size: 1rem}

}



@media (max-width: 767px){

    .service_detail .sec_head{margin-bottom: 2rem}

    .service_detail.work .service_right{padding-left: 0;margin-top: 0}

    .inner_page .header_logo {width: 150px;}

    .footer_contacts{padding-bottom: 1.5rem}

    .sec_head.w-80, .cms_page_content{width: 100%}

    .project_slider {height: auto;}

    .property_flex .detail_right{height: auto;}

    .ceo_sec .home_about_right{width: 100%;margin-top: 0;}

    .ceo_sec .home_about_left {width: 100%;margin-top: 3rem;}

    .inner-fabs.show a:nth-child(1){bottom: 12rem;}

    .inner-fabs.show a:nth-child(2){bottom: 17rem;}

    .inner-fabs.show a:nth-child(3){bottom: 22rem;}

    .close a i{font-size: 2rem;}

    .enquire_popup{max-width: 100%;width: 90%;}

    .news_width{width: 100%;}

    .client_sec{position: relative;z-index: 0;}

    .project_detail_main {position: relative;z-index: 0;}

    .chat_icon a img {width: 28px;}

    .chat_icon a{width: 45px;height: 45px;}

    .inner-fabs a{width: 45px;height: 45px;bottom: 7rem;}

    footer{z-index: 0;}

    .inner-fabs a{right: 3rem;}

    .inner-fabs{z-index: 9999;}

    .footer_contacts li a, .footer_contacts li span{font-size: 15px;}

    .footer_contacts p{font-size: 15px;}

    .f_menu li a{font-size: 15px;}

    .property_text{padding: 1rem;}

    .listing_title{font-size: 20px;}

    .inner_page .projects_ul ul li{width: 100%!important;}

    .service_ul li:last-child{margin-bottom: 0;}

    .chat_icon{right: 3rem;z-index: 9999;bottom: 7rem;}

    footer{overflow-x: clip!important;}

    .whats_new_sec .news_box_home .images{height: 280px;}

    .whats_new_sec .news_box_home{width: 100%;}

    /*.project_detail_page {padding-top: 78px;}*/

    .listing_img{height: 200px;}

/*    .header_logo img{filter: brightness(.1);}*/

    /*body{padding-top: 78px;}*/

    .right_text ul{margin: 0 -2rem;}

    .events_home_wrap .sec_head {font-size: 24px;}

    .swiper-pagination-3 {display: block!important;margin-top: 45px;text-align: center;}

    .swiper-pagination-3 span{width: 14px;height: 14px;}

    .swiper-pagination-2 {display: block!important;margin-top: 45px;text-align: center;}

    .swiper-pagination-2 span{width: 14px;height: 14px;}

    .right_text ul li:nth-child(7){margin-bottom: 0;}

    .right_text ul li:nth-child(8){margin-bottom: 0;}

    .vie_btn a{font-size: 16px;}

    .news_box_home .images{height: 180px;}

    .bg_cream .sec_head {font-size: 25px;}

    .slider_btns{display: none!important;}

    .swiper-pagination-1{display: block;margin-top: 45px;}

    /*.right_text ul{overflow-x: scroll;flex-wrap: nowrap;}*/

    .service_head{font-size: 19px;}

    .news_data .read_more{font-size: 15px;}

/*    .read_more{font-size: 15px;}*/

    .date{font-size: 15px;}

    .news_box_home .news_data .title{font-size: 15px;}

    /*.client_sec{padding-top: 0;}*/

    .home_about_left .read_more{justify-content: left;margin-top: 1rem;}

    .home_about_inner p{font-size: 15px;line-height: 24px;}

    .home_about_left{text-align: center;font-size: 18px; margin-top:0;}

    section {padding: 40px 1rem;}

    .banner_title{display: none;}

    .news_page .tp_mob_options i{color: #000;}

    .project_detail_page .tp_mob_options i{color: #000;}

    .property_flex .detail_right{width: 100%;}

    .property_flex .detail_left{width: 100%;order: 2;margin-top: 2rem;}

    .contact_wrap .right_side{width: 100%;}

    .contact_wrap .left_side{width: 100%;margin-top: 4rem;padding: 0;} 

    /*.clients_img {border: 1px solid #ccc;}*/

    .clients_img img{width: 100%;}

    .bg_black .slider_btns{position: static;width: 26%;margin: 4rem auto 0;}

    .banner_title{font-size: 16px;line-height: 1.3;}

    .banner_heading{font-size: 23px;margin: 10px 0 20px;}

    .banner_autoheight img {width: 100%;height: 200px;object-fit: cover;}

    .banner_content .btn{margin-bottom: 0;font-size: 13px;}

    .bannerSlider img{height: 50vh;}

    .right_text ul li{width: calc(100% / 2);margin-bottom: 40px;padding: 0 2rem;}

    .right_text {width: 100%;margin-top: 3rem} 

    .left_img {width: 100%;}

    .service_li{margin-bottom: 2rem;}

    .service_ul li{width: 100%;padding: 0}

    .service_ul{margin: 0;}

    .sml-header .tp_mob_options i{color: var(--black);}

    .slider_btns .swiper-button-next-properties img {right: 0.5rem!important;}

    .slider_btns .swiper-button-prev-properties img {left: 0.5rem!important;}

    .slider_btns>div{width: 40px!important;height: 40px!important;}

    .slider_btns {top: 99%;width: 30%;left: 50%;transform: translate(-50%, -99%);}

    .home_about_right{margin-top: 45px;}

    .home_about_left{width: 100%;}

    .service_right{width: 100%;margin-top: 1rem}

    .service_left {width: 100%;}

    body.menu_opend { overflow: hidden;}

    .menu_opend .backdrop_menu {display: block;}

    html {font-size: 14px;}

    .menu_content { min-width: 15rem; position: fixed; right: 0; top: 0; width: 15rem;  height: 100vh;margin-top: 2.65rem; opacity: 1; transform: translateY(0rem); pointer-events: all;     transform: translate(100%, 0);} 

    .menu_content.active {transform: translate(0, 0); z-index: 5;background: #fff;box-shadow: 0 0 15px #0000004a; } 

    .close_menu {background-color: var(--theme-color-dark); display: inline-block; padding: 0.5rem; float: right; width: fit-content; margin: 1rem;}

    .close_menu img { height: 24px;}



    .menu_content ul {height: 100%;border-radius: 0; background-color: transparent; box-shadow: none;margin-top: 3rem; overflow: auto;width: 100%;}

    .menu_content i{display: none;}

    .menu_content ul li a {border-bottom: solid 1px #ccc;padding: 1rem 1rem;}

    .banner_wrapper {flex-wrap: wrap;}

    .banner_wrapper {flex-direction: column-reverse;}

    header:not(.sml-header) .menu_content{margin-top:0rem; }

    header { z-index: 99;}

    .banner_content {max-width: 100%;left: 0;transform: translateY(-85%);}

    .banner_right_content { width: 100%;margin-bottom: 2rem;}

    .banner_content .font80 {font-size: 1.875rem;}

    .header_logo{ width: 5.313rem;}

    .manufacture_grid>ul {flex-wrap: nowrap;white-space: nowrap;overflow: auto;}

    .manufacture_grid>ul>li {width: calc(100%/4);  min-width: calc(100%/4);}

    .collection_card{width: calc(calc(100% / 2) - 0.5rem);}

    .bottom_card_option {flex-wrap: wrap;}

    .banner{height: auto;}

    .bottom_card_option .font12 { margin-left: 0;}

    .about-car_side_video { position: static;clip-path: inherit;margin-top: 2rem; width: 100%;}

    .arrow_top, .arrow_connect  { display: none;}

    .ftr_sec_intro {width: 100%; order: 5;margin-right: 0;margin-top: 2rem;}

    .footer_sections{flex-wrap:wrap;padding: 1rem 0rem;}

    .ftr_sec {flex: auto;padding-top: 1rem;margin-bottom: 20px;}

    .car_dealer_design { overflow: hidden;}

    .carimage_move { margin-top: 2rem;}

    .tp_left_content a {font-size: 0;}

    .sml_card { margin-bottom: 0;margin-top: 1.6rem;}

    .customer_reviews_wrapper { margin: 0 0rem;}

    .customer-reviw .sl_btns {display: none;}

    .news_item {flex-wrap: wrap;}

    .news_big>img, .news_small img { max-width: 100%;margin-right: 0;}

    .news_item.news_big { margin-bottom: 2rem;}

    .news_item.news_big .news_txt, .news_item.news_small .news_txt { margin-top: 2rem;}

    

    .how_work_wrap>ul {overflow: auto;}

    .how_work_box:nth-child(2), .how_work_box:nth-child(4) {margin-top: 0;}

    .how_work_box {min-width: 70%;}

    .app_add_warp {flex-wrap: wrap;padding: 1rem; width: 100%;}

    .app_add_warp>img {width: 100%;margin: 0;}

    .app_content { margin-top: 2rem;}

    .ftr_sec:last-child {min-width: 100%;}



    /* 07 june 2023 */



    html{font-size:13px;}

    .top_list>li:first-child, .top_list>li:first-child+li, .top_list>li:first-child+li+li { display: none; }

    .tp_right_content { display: none; }

    .tp_mob_options { display: flex; }

    .top-header { padding-inline: 1.2rem; }

    .header_logo { width: 6.9rem; }

    .user-toggler, .menu-toggler { position: relative; }

    .toggler_box { position: absolute; top: calc(var(--header-height)); right: 0; transition: all ease 0.5s; transform: translateY(5rem); opacity: 0; pointer-events: none; }

    .toggler_box.active {transform: translateY(0); opacity: 1; pointer-events: all; }

    .search-toggler .toggler_box { width: 100%; padding: 1rem; }

    .search-toggler .toggler_box .gsc-input-box { padding: 0; }

    .search-toggler .toggler_box .gsc-input-box .gsib_a, .search-toggler .toggler_box .gsc-input-box #gs_tti50 { padding: 0 !important; }

    .toggler_box.user_login { top: 100%; }

    .toggler_box .dropdown-menu { display: block; position: static; }

    .bottom-header{display: none;}

    .Home_li span{display: block;}

    .Home_li i{display: none;}

    .mobile_menu_box .Home_li a { height: auto!important; }

    .mobile_menu_box {position: fixed; right: 0; top: 0; background-color: var(--white); z-index: 99; padding: 2.5rem; height: 100vh; height: 100dvh; transition: all ease 0.5s; transform: translateX(100%);    overflow: auto;}

    .mobile_menu_backdrop { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: #00000075; opacity: 0; pointer-events: none; transition: all ease 0.5s; }

    body.menu-opened .mobile_menu_backdrop{opacity: 1; pointer-events: all; }

    body.menu-opened .mobile_menu_box{transform: translateX(0%);}

/*    body>*:not(header) { overflow-x: hidden; }*/

    header{box-shadow: 0 0 40px var(--black100);}

    .sml-header:not(.scrolling-up) {transform: translateY(calc(0px - var(--top-header-height)));box-shadow: 0 0 40px transparent;}

    .sml-header:not(.scrolling-down) {transform: translateY(0);box-shadow: 0 0 40px var(--black200);}

    table.gsc-search-box, form.gsc-search-box { margin: 0!important; } 

    .gsc-search-box-tools .gsc-search-box .gsc-input { width: 100%; }

    .tp_mob_options button, .tp_mob_options a { padding: 0; border: none; background: transparent; font-size: 1.4rem; }

    body.menu-opened { overflow: hidden; }

    .tp_mob_options>div { margin-left: 0.9rem; }

    .facts_home { overflow: visible;    margin-top: -1.5rem; }

    .facts_list { margin: 0; padding: 0; }

    .facts_list li { padding: 0 0.5rem; }

    .facts_box .icon { --size: 5rem; width: var(--size); height: var(--size); border-width: 2px; margin-bottom: 0.5rem; }

    .facts_box .icon img { width: var(--size); height: var(--size); padding: 1.2rem; object-fit: contain; object-position: center; }

    .facts_box .counter-value { font-size: 1.3rem; }

    .facts_box .text { font-size: 1rem; }

    .home_about { padding-top: 2.5rem; }

    .home_about_inner { flex-direction: column; margin: 0; overflow: hidden; }

    .home_about_right .images, .home_about_right .images img { width: 100%; }

    .home_about_right { padding: 0; width: 100%;}

    .home_about_right video{width:100%;}

    .home_message_box_wrap { flex-direction: column; }

    .home_message_box { margin-top: 0; }

    .home_message .btn_group_home a:first-child { margin-right: 0; margin-bottom: 1rem; }

    .home_message_right img { max-width: 100%; margin-top: 1.5rem; }

    .map_home_wrap { flex-direction: column; }

    .map_home_wrap .map_home_left { width: 100%; }

    .map_home_wrap .map_home_right { width: 100%; }

    .map_home_content_inner { padding-right: 0; }

    .home_message_content{max-width:100%;}

    .sec_head span { font-size: 1.8rem; }

    .home_message .sec_head { font-size: 3rem; }

    .map_home_inner { padding: 1rem; padding-top: 4rem; }

    .map_home_wrap.flex-row-reverse { flex-direction: column-reverse!important; max-width: 100%; }

    .map_home_wrap.flex-row-reverse .map_home_right, .map_home_wrap.flex-row-reverse .map_home_left { width: 100%; }

    .map_home_inner img { max-width: 100%; }

    .map_home_wrap.flex-row-reverse .map_home_inner { padding: 0; margin-bottom: 1.5rem; }

    .map_home_wrap.flex-row-reverse .map_home_content_inner { padding: 0; }

    /*.events_home { padding: 0; } */

    .events_home_wrap { flex-direction: column; } 

    .events_home_left:after { right: auto; left: 50%; transform: translateX(-50%); } 

    .events_home_left { border-right: 0; padding: 2.3rem 0; }

    .sec_head { font-size: 24px;text-align: center; margin-bottom: 2rem;}

    .events_home_right { padding: 0; width: 100%; }

    .join_hand_wrap { width: 100%; flex-direction: column; }

    .join_hand_wrap .join_hand_right, .join_hand_wrap .join_hand_left { width: 100%; }

    .home_join_hand .join_hand_content_inner { padding: 0; padding-top: 1rem; }

    ul.process_list li { width: 33.33%; }

    .process_list:after{opacity: 0;}

    .process_list { flex-wrap: wrap; }

    .gallery_home_wrap { flex-direction: column; }

    .gallery_home_left { width: 100%; padding: 0; padding-bottom: 3rem; }

    .gallery_home_wrap .gallery_box { margin-bottom: 1rem!important; }

    .home_update { width: 100%; }

    .top_footer_left { flex-direction: column; align-items: flex-start; margin-bottom: 1rem; }

    .top_footer_left .text { margin-bottom: 1rem; }

    .ftr_social_icons ul li { display: flex; align-items: center; }

    .ftr_social_icons ul li a img { --size: 1.57rem; width: var(--size); height: var(--size); object-fit: contain; }

    .tp_mob_options i { color: var(--black); font-size: 2.7rem;}    

    .mobile_menu_close { display: block; width: 1rem; font-size: 1.5rem; margin-left: auto; margin-top: -0.5rem; margin-bottom: -0.5rem; }

    .mobile_menu_box>li>a { display: block; line-height: 2.3; min-width: 16rem; }

    .dd-click { --size: 2.5rem; width: var(--size); height: var(--size); border: 1px solid var(--theme-color)!important; opacity: 0.7; position: absolute; right: 0; top: 0.4rem; }

    .dd-click>*{pointer-events: none;transition: all ease 0.5s;}

    .dd-click>.active{transform: rotate(180deg);}

    .mobile_menu_box>li { list-style: none; }

    .top_footer_inner { flex-direction: column; }

    .mobile_menu_box>li.has_submenu>a { width: calc(100% - 2.5rem); min-width: auto; }

    .has_submenu { position: relative; }

    .sub_menu { position: static; opacity: 1; transform: none; display: none; transition: none!important; pointer-events: all; min-width: auto; }

    .gsc-search-button.gsc-search-button-v2 { right: 0.8rem; }

    .gsc-search-button.gsc-search-button-v2 svg{--size: 18px;}

    .toggler_box.user_login { top: calc(100% + 1.7rem); right: -1rem; }



    .banner_content { padding: 1rem 1rem;

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: space-between;

    height: auto;

border-radius: unset;

    bottom: unset;}

    .banner_content .text_lg { font-size: 3.2rem; }

    table.gsc-search-box td.gsc-input{background-color: #fff!important;}

    /* 12 Oct 2023 end */

.experties_text {

    min-height: 225px;}

    .experties_ul li {

    width: 100%;

    margin-bottom: 3rem;}

    .experties_ul li:last-child{margin-bottom: 0!important}

    .work_sec .service_ul {

    margin:unset;}

    .work_sec .service_ul:before{display: none;}

 /* .home_about_right:before{display:none;}  */

    /* .home_about_right img{border-radius: 0;} */

    .sec_head:before{display: none;}

    .case_sec:before{display: none;}

    .case_sec .service_cont {

    width: 100%;

    padding-right: 0;}

    .case_sec .experties_box .case_img img {

    border-radius: 0;}

    .case_sec .experties_box {flex-wrap: wrap;}

    .case_sec .experties_box .case_img {

    width: 100%;

    border-radius: 0px;}

    .case_sec .experties_box .case_text {width: 100%;border-radius: 0;}

    .home_about .sec_head {margin: :0 auto; margin-bottom: 2rem;}

    .case_sec .sec_head {margin-bottom: 2rem;

    width: 100%;}

    .about-page .home_about_left{column-count: 1;}

    .inner_banner {

    height: 300px;}

    .story_detail:after {

 content: "";

 position: absolute;

 background: #f6f3ec;

 height: 100%;

 width: 100%;

 left: 100%;

 top: 0;

}

.values-sec:after{

 content: "";

 position: absolute;

 background: #2ab4e5;

 height: 100%;

 width: 100%;

 right: 100%;

 top: 0;

}

.story_about_inner {

    display: unset;

}

.values-sec {

    width: 100%;

padding: 40px 0rem 40px 0px;}

    .story_detail {width: 100%;

    padding: 40px 0rem 40px 0rem;}

    .our_work .experties_box{display: unset;}

.our_work .case_ul .experties_box .case_img {

    width: 100%;

    border-radius: 0px;}

.our_work .case_ul .experties_box .case_img img {

    border-radius: 0;

}

.our_work .case_ul .experties_box .case_text {

    width: 100%;

    background: #fff;

    border-radius: 0px;}

    /* .home_about_right {

    display: none;} */

    .teams_wrapper{
        flex-wrap:wrap;
        padding: 0;
         column-gap: 0;
    }
    .teams_wrapper li a img{
        height:auto;
        width:100%;
        flex-grow: 1;
    }
    .teams_wrapper li{
        width: calc(50% - 1rem);
        display: flex;
    }
    .teams_wrapper li a {
        display: flex;
        flex-direction: column;
    }
    .thank_you_main{flex-direction: column;}
    .thank_you_main img{width: 100%;}
    .thank_you_text{ width: 100%;}
    .teams_wrapper li a h5{padding: 0.2rem 0 2.2rem 0; font-size: 0.9rem;}
    .teams_wrapper li a h4{font-size: 1.2rem;}
    .thank_you_text .head-space{padding-top: 1.2rem;margin-bottom: 0.5rem;}
    .communication-detail {padding: 0.5rem;}
    .communication-card img{height: 13rem;}
    .home_about_inner .client_logo_box img { height: 9rem; }
    .homeLogoSlider {width: 100%;}
    
  }