.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: -10%}
    /* .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;}
    .banner_heading{font-size: 55px; font-weight: 600;}
    .banner_title{font-size: 17px;}
}


@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; padding: 10px;
}
.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: 13px;}
    .ftr_heading{font-size: 16px;}
    .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; text-align: justify;}
    .home_about_left{text-align: center;font-size: 18px; margin-top:0;}
    section {padding: 40px 0rem;}
    .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}
    .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; width: 85%;}
    .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.3rem; }
    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; overflow: hidden; }
    .home_about_inner { flex-direction: column-reverse;margin: 0; }
    .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% !important;
    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; text-align: left;}
    .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;}
    .banner_content{flex-direction: column;}
    .form_flex_home{flex-direction: column;}
    .form_left{width: 100%;}
    .form_right{width: 100%;}

    .logo_right{display: none;}
    .top_header_right p{display: none;}
    .values-sec:before{display: none;}
    button.dd-click i {font-size: 1.3rem; }
    .ftr_sec.ftr_sec2{width: 100%;}
    .ftr_sec{width: 100%;}
    .footer_sections{flex-direction: column;}
    .work_box { flex-direction: column; align-items: self-start; }
    .case_img{margin-bottom: 20px;}
    .sec_head{text-align: left;}
    .form_right{padding: 2.75rem 1.5rem;}
    .form_inner{padding: 2rem;}
    .ftr_heading{margin-bottom: 0;}
    .cta_text{width: 100%;}
    .gallery-container{grid-template-columns: repeat(2, 1fr); grid-gap: 10px;}
    .gallery_box img{filter: blur(0);}


  }
  @media (max-width: 567px) {
    .botfooter p{font-size: 10px;}
  }