.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){

    /* .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;}

}

@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));} */

}

@media (max-width: 1200px){

}

@media (max-width: 998px){

}





@media (max-width: 991px){

    .header-nav { position: fixed; align-items: flex-start; top: 0; width: 17rem; z-index: 9; right: 0;height: 100%; background-color: var(--white);     transform: translate(100%, 0); transition: 0.5s;     flex-direction: column;}
    body.menu_opend  .header-nav {    transform: translate(0, 0);}
    .top_nav>li>a {color: var(--black); display: block;border-bottom: solid 1px #ccc;text-align: left; }
    .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;}
    body.menu_opend { overflow: hidden;}
    .menu_opend .backdrop_menu {display: block;}
    .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; } 
    .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;}
    .menu_icon {display: block; color: var(--white);}
    .close_menu {display: block; color: var(--black); background-color: var(--theme-color); }

    

    

    header { z-index: 99;}

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

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

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

    /* .header_logo { width: 15rem; } */
.header_logo img {width: 4.5rem;}
    .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;}

    .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: 1.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: hidden; } */
.btn_space a.theme_btn, .theme_btn2, .theme_btn{font-size: 0.8rem;}
.btn_space {text-align: center;}
.inner_project_right .sec_title {
    padding-bottom: 10px;
}
.our_services_content {
    padding-bottom: 0;
}
.glass-callback {flex-direction:column; padding:24px;height: auto;}
/* .glass-divider {display:none;} */
.glass-btn {justify-content:center;}
    .main_banner, .go_bottom_wrap { overflow: inherit;}

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

    .program_menu_main.active{    transform: translateX(0%);}

    /* .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);} */

    /* .sml-header:not(.scrolling-down) {    transform: translateY(calc(-100% - 2.2rem));} */

    /* NEW HEDAER CSS */

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

    .scrolling-down {transform: translateY(calc(-100% - 2.2rem));}

    

   

    .bottom_header { padding-inline: 0;margin: 0;padding: 0.5rem 1rem;}

    .top_nav {display: block; width: 100%; }

    .menu_opend .backdrop {display: block;}

    [menu-dropdown_btn="program_menu"] a { pointer-events: none;}

   

    

    /* .top_header{ background-color: var(--white); } */

    .top_header .container { padding: 0;}

    .top_header .header_btn {background-color: var(--theme-color);}

    .top_header img {    filter: invert(1); opacity: 0.6;}
    .top_header .list_right li:nth-child(2) { margin-left: auto;}
    .top_header .list_right {    align-items: stretch; margin: 0;        width: 100%;
        justify-content: space-between;}
        .right_side .list_right li { padding-right: 0;}

    .right_side .list_right li {display: flex;

    align-items: center;}

    .right_side .list_right li:first-child {display: none; }

    .right_side .list_right :nth-child(3) {    border-left: solid 1px #ccc;}

    .mobile_login_menu ul li a {color: var(--black);}

    .mobile_login_menu { display: block; }

    .sml-header .backdrop { top: var(--top-header-height); }

    .top_nav > .has_submenu > .sub_menu:after { display: none; } 

    .close_menu_large { display: block; } 

    .caret_icon {display: none;}

    .top_header .right_side{position: static; display: flex;justify-content: space-between;  align-items: center;}

    .top_header {position: relative; border: none;}

    .sml-header { background-color: var(--theme-color); }   

    .ddp-click { position: absolute; top: 0.45rem; right: 0.6rem; padding: 0.5rem;

    border: 1px solid #0000002e; color: #616161; cursor: pointer;

    background-color: #00000008; display: block; } 

    .caret_icon_mob{ position: absolute; top: 0.45rem; right: 0.6rem; padding: 0.5rem;

    border: 1px solid #0000002e; color: #616161; cursor: pointer;

    background-color: #00000008; display: block; } 

    .sub_menu { position: static; opacity: 1; display: none; pointer-events: all;  transform: none; transition: none; background-color: #00000036; border-radius: 0; } 

    .has_submenu .sub_menu .sub_menu { background-color: #00000036; } 

    .menu_icon_angle { display: none; }


    .top_header .left_side {display: flex; margin-left: 0.5rem;}
    .top_header .left_side svg {display: none;}
    .main_banner .slider_btn .container {display: flex; align-items: center; }
    .menu_icon img { filter: invert(1);}
    .right_side .list_right li a { font-size: 1rem !important;    padding: 0.875rem 1.5rem;}
    .bootom_menu_footer .copyright_text { margin-bottom: 0.5rem;}

    /* LARGE MENU MOBILE VIEW */




    .search_wrapper { border-radius: 0;}

    .top_header .list_right:hover a {opacity: 1;}

    .right_side .list_right li a { color: var(--white) !important;}

    .bottom_header .d-flex  {align-items: center;}

    /* .sml-header .header_logo img {height: 35px;} */

    .sml-header .menu_icon {color: var(--white);}

    .bannerSlider .banner_img {object-fit: cover;}

    .sml-header .header-nav { /*top: var(--top-header-height); */  height: 100vh;}

    /* RESPONSIVE CODE FOR HEADER END  */


    .footer_sections {flex-wrap: wrap;}
    .ftr_sec:last-child {    justify-content: space-between; margin-top: 2rem;}
    .bootom_menu_footer {     padding: 1rem 0;}
    .bootom_menu_footer .row { display: flex;align-items: center;}
    .mobile_pagination {display: block;}
.list_icon ul {grid-template-columns:repeat(4, 1fr);}
.project_gallery li {flex:0 0 calc(50% - 20px); height:230px;}
.project_gallery li:nth-child(n) {flex:0 0 calc(50% - 0px); height:230px;}
.project_cta .our_service_text {flex-direction:column; align-items:flex-start;gap: 0;}
.project_cta .btn_space {flex-wrap:wrap;}
.project_cta .services_heading {font-size:2rem;width: 100%; text-align: center; padding-bottom: 1rem;}
   .close_menu {position: absolute;}
    .header-nav .top_nav:first-of-type,  .header-nav .top_nav:last-of-type  {padding: 0;} 
    .header-nav .top_nav:first-of-type {padding-top: 4rem;}
    .inner_banner.project_banner .breadcrumbs .container {flex-direction: column; gap: 20px;text-align: center;}
    a.whatsapp_icon { margin-right: 1rem;}
}

@media (max-width: 1200px) {
.list_icon ul {grid-template-columns:repeat(6, 1fr);}
}

@media (min-width: 768px) and (max-width: 991px){ 
    .top_footer_inner {justify-content: center;flex-wrap: wrap;}
    .top_footer_left { margin-bottom: 1rem;}



 }

 @media (min-width:992px) and (max-width: 1100px){ 
    .top_nav>li>a { font-size: 0.813rem;     white-space: nowrap;   padding: 1.05rem 0.5rem 1.05rem;}
    .header_logo {    margin-right: 1rem;}

 }



 @media (min-width:1100px) and (max-width: 1220px){ 
    .top_nav>li>a{ padding: 1.05rem 0.8rem 1.05rem;}

 }



@media (max-width: 767px){  
    .sm_banner{display: block;}
    .lg_banner{display: none;}
    .inner_banner {height: 10rem;}
    .banner_content{top: 75%;}
    .inner_banner img{object-position: right;}
    .inner_banner .sec_head {font-size: 2.125rem;}
    .blog_ul_flex li{width: 100%;}
    .gall_listing li{width: 100%;}
    .banner_content .text_lg {font-size: 2.7rem;}
    body {line-height: 1.2;}
    html {font-size: 14px;}
    .banner_wrapper {flex-wrap: wrap;}
    .banner_wrapper {flex-direction: column-reverse;}
    .arrow_top, .arrow_connect  { display: none;}
    .ftr_sec_intro {width: 100%;margin-right: 0;margin-top: 2rem;}
    .footer_sections{flex-wrap:wrap;padding-block: 2.125rem;}
    .ftr_sec {flex: auto; width: 50%;padding-top: 1rem;}
    .tp_right_content { display: none; }
    .tp_mob_options { display: flex; }
.contacts .sec_title {font-size: 2rem; padding-bottom: 1rem;}
    .bootom_menu_footer .text-end {text-align: left  !important;}
    .common_padding { padding: 3rem 0;}
    .contacts .disc {line-height: 1.5em;}
 .project_gallery li:nth-child(n) {height:170px;}
 .project_single_gallery li, .project_single_gallery li a img {
    border-radius: 5px;
}
.why-choose-wrapper, .titel_wrapper {
    align-items: flex-start;
    flex-direction: column;
    gap: 1rem;
}
/* .project_plan .plan ul img {
    width: 100%;
} */
.project_single_gallery {
    grid-gap: 0.5rem;
}
.fixed_banner{position: static !important;}
    /* Qutb Shahi Heritage Park CSS START */
    .sec_head {     font-size: 2.125rem;}
    .facts_home_wrap .left_side {  margin-bottom: 2rem;}
    .heading_with_para >div {width: 100%;}
    .list_fact { overflow: auto;}
    .list_fact li { min-width: 15rem;}

    .about_home_inner { position: relative; flex-wrap: wrap;}
    

    .about_home_wrap .right_side { position: static;}
    .about_home_wrap .aboutHomeSlider {top: 0; left: calc(0px - var(--bs-gutter-x) * .5);  height: var(--height) !important;       width: calc(105% + var(--bs-gutter-x) * .5); z-index: -1; filter: brightness(0.5);}
    .about_home_inner >div { width: 100%; padding: 1rem}
    .about_home_wrap .right_side svg { display: none; } 
    .about_home_wrap .aboutHomeSlider img { height: var(--height);object-fit: cover;}
    .about_home_wrap .right_side .about-pagination  {display: none; }
    .about_home_inner .theme_btn  {border-color:var(--white); color: var(--white) !important; }

    .about_agakhan_trust_inner {flex-wrap: wrap;}
    .about_agakhan_trust_inner >div {width: 100%;}
    .about_agakhan_trust:before {width: 100%;}
    .about_agakhan_trust_inner .about_home_left_inner {padding-right: 0;}
    .about_agakhan_trust_inner .about_home_right {padding-left: 0;}
    .about_agakhan_trust_inner .about_home_right_bg {width: 100%;        margin-top: 3rem;}
    .about_agakhan_trust_inner .about_home_right_inner { padding: 2rem;}

    .home_project_inner {flex-wrap: wrap; align-items: center;}
    .home_project_inner > div {width: 100%;}
    .home_project_inner .left_sec { position: absolute; z-index: -1; opacity: 0.3; width: 100%; left: 0;}
    .about_agakhan_trust {background-size: cover;}
    .conservation_home .story-next {height: 4.25rem;width: 4.25rem;}
    .conservation_home .story-next svg {    height: 1.5rem;}

    .key_attractions_gallery {overflow: auto;}
    .key_attractions_gallery li {min-width: 20rem;}

    .heading_link_wrap {flex-wrap: wrap;}
    .heading_link_wrap  {}
    .heading_link_wrap .heading_wrap { margin-bottom: 2rem !important;}

    .video_slider_main {width: 100%; padding:0 1rem ;}
    .showing_video_box {padding-left: 55px;}
    .home_video_wrapper .swiper-slide-active .play_icon {opacity: 1;pointer-events: all;}
    .vistor_info_home li {    flex: initial;        width: 48%;
        margin-bottom: 4%;}
   .vistor_info_home{gap: 0rem; flex-wrap: wrap; justify-content: space-between;}
   .vistor_info_home .hidden_data_all .title {font-size: 2rem;}
   .banner_img {height: auto;}


   .mob_link  {display: block;}
   .links_mob_btn_sm {display: none;}
   .video_slider_main { margin-top: 2rem;}


.ftr_ntro_logo img {width:20rem;}
.testimonial_card {flex-direction:column;}
.testimonial_image {width:100%; height:200px;}
.icon_list {padding:14px 16px; gap:14px;}
.icon_list i {width:40px; height:40px; font-size:1rem;}
.inner_content .disc {line-height: 1.5em;}
.list_icon ul {grid-template-columns:repeat(4, 1fr);gap: 10px;}
.project_gallery li {flex:0 0 100%; height:240px;}
.project_cta .our_services_content {padding: 2rem 1rem;}
.inner_project_right, .inner_project_left{ width: 100%;margin: 0 !important;}
.inner_project_flex {flex-wrap: wrap;}
.inner_project_right {margin-top: 1.5rem !important;text-align: left;}
.project_info .our_service_text ul li{width: auto;padding: 0 0.5rem;margin-bottom: 2rem;font-size: 1rem;}
.project_info .our_service_text ul {display: flex;flex-wrap: wrap; grid-template-columns: repeat(3, 1fr);display: grid;}
.sub_head {font-size: 2rem;}
.list_icon li {height: 110px;}
.project_plan .plan ul {gap: 1rem;flex-direction: column;}
.project_plan .plan .subtitle {font-size: 1.5rem;}
.map_txt {margin-top: 2rem;}
.map_txt li{background-size: 30px;}
.project_img img { height: 250px;}
.about_home_inner .btn_space a, .testimonial_home .heading_wrap .btn_space a {font-size: 0.8rem;}
.project_grid {gap: 1rem;grid-template-columns: repeat(1, 1fr);}
.project_grid .project-slide{padding: 0.8rem;}
.our_service_text .services_heading {font-size: 1.2rem;}
.testimonial_home .heading_wrap {flex-direction: column; gap: 1rem;}
.ftr_ntro_logo {width: 12rem;}
.project_list {grid-template-columns: repeat(2, 1fr); gap: 1rem;}
.project_item_img img {height: 180px;}
.inner_banner.project_banner{height: 30rem;}
.inner_banner.project_banner .breadcrumbs {align-items: flex-end;
    padding-bottom: 1rem;}
.inner_banner .form-top {right: 5%;left: 5%;margin: 0 auto;}
.inner_banner .form-top .custom_form .required {margin-bottom: 0.2rem;}
.project_cta .services_heading {font-size: 2rem;}
.inner_about_flex {flex-direction: column;}
.inner_about_left {width: 100%;margin-top: 1rem;}
.inner_about_right {width: 100%;margin-top: 2rem;}
.about_info .slide {flex-direction: column;}
.about_info .slide img {margin-left: 0 !important;margin-right: auto;padding-top: 2rem;}
.approach_data {grid-template-columns: repeat(1, 1fr) !important;}
.project_single_gallery li a img {height: 12.375rem;}
.inner_content .btn_space {margin-top: 1rem;}
.inner_content .sec_head {font-size: 1.5rem; margin: 4rem 0 1rem;}
.about_home_inner .left_side {width: 100%;padding: 1rem 0;}
.counter {grid-template-columns: repeat(3, 1fr); display: grid;}
.about_home_inner .btn_space {text-align: center;margin-top: 2rem;}
.about_home_inner .right_side {width: 100%; margin: 0 !important;}
/* .why-choose-section{padding: 0;} */
.about_cta {height: 400px !important;}
.projects_main .heading_wrap {margin-top: 0 !important;}
.map_txt {padding-left: 0rem !important;}
.our_project {border-top-left-radius: 50px;border-top-right-radius: 50px;margin-top: 3rem;}
.form-top {max-width: 330px;}
.banner_content_inner h3 {font-size: 3rem;}
 }