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

    /* RESPONSIVE CODE FOR HEADER START  */

    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; } 

    .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%;} 

    .top_nav > li.has_submenu:before{display: none;}

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

    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; }

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

    .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); }
    .menu_opend .sml-header {transform: translateY(calc(0px - var(--top-header-height)));}
    .scrolling-down {transform: translateY(calc(-100% - 2.2rem));}

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

    .top_nav>li>a {color: var(--black); display: block;border-bottom: solid 1px #ccc; }

    .bottom_header { padding-inline: 0;     margin: 0;

    padding: 1rem 0;}

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

    .menu_opend .backdrop {display: block;}

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

    .menu_icon {display: block; color: var(--white);}
    .menu_icon img {filter: invert(1);}
    .close_menu {display: block; color: var(--black); background-color: var(--theme-color); }

    body.menu_opend  .header-nav {    transform: translate(0, 0);}

    /* .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;}
    .bottom_header .header_logo img {height: 3.5rem;}
    .main_banner .slider_btn .container {display: flex; align-items: center; }

    .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;padding-left: 0;}
    .bootom_menu_footer {     padding: 1rem 0;}
    .bootom_menu_footer .row { display: flex;align-items: center;}
    .mobile_pagination {display: block;}
    .directorbox .directorimg img{max-height: 25rem;min-height: 25rem;object-position: top;}
    .directorbox {margin-bottom: 3rem;}
    .board_member .modal-body.d-flex {flex-wrap: wrap;padding: 25px;}
    .board_member .modal-body .directorimg { position: static; transform: none; width: 100%; }
    .modal.board_member .directorcontent {width: 100%;margin-top: 2rem;}
    .vision_data_box:nth-child(odd) .vision_data_box_inner {padding-left: 0;flex-wrap: wrap;}
    .vision_data_box_inner{flex-wrap: wrap;padding: 0 !important;}
    .vision_data_content {padding-left: 0;width: 100%;}
    .vision_data_img {width: 100%;height: 20.75rem; margin-bottom: 1.5rem;}
    .modal.board_member button.btn-close {right: 0;position: absolute;top: 25px;background-color: var(--white);width: 2rem;height: 2rem;z-index: 99;opacity: 1;}
    .vision_data_box_inner .vision_data_img img {border-radius: 0;}
    .tenders_table {overflow: auto;}
    .tenders_table .table>tbody tr td {font-size: 12px;}
    .tenders_table .table>tbody tr td:nth-child(3) {min-width: 150px;}
    .tenders_table .table> thead tr th {white-space: nowrap;}

}



@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;}

    
    .blog_ul_flex li{width: 100%;}
    .gall_listing li{width: 100%;}
    .banner_content .text_lg {font-size: 1.8rem; line-height: 1.4em;}
    body {line-height: 1.4;}
    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; }
    .inner_about_left {width: 100%;}
    .inner_about_right {width: 100%;padding-top: 1rem;}
    .inner_about_flex .inner_about_right.left-img {padding-right: 0;padding-bottom: 1rem;}
    .mybusiness .service_item .service_item_inner .service_text >div {margin: 0;margin-top: 2rem;}
    .blog-wrapper .blog-slide {margin-bottom: 2rem;}
    .bootom_menu_footer .text-end {text-align: left  !important;}
    .common_padding { padding: 3rem 0;}
    .bg-txt {color: var(--black);}
    /* Qutb Shahi Heritage Park CSS START */
    .sec_head {font-size: 2.125rem;word-break: break-word;}
    .facts_home_wrap .left_side {  margin-bottom: 2rem;}
    .heading_with_para >div {width: 100%;}
    .list_fact { overflow: auto;}
    .list_fact li { min-width: 15rem;}
    .gallery_box {width: 49.33%;-ms-flex: 49.33%;flex: 49.33%;max-width: 49.33%;}
    .about_home_inner { position: relative; flex-wrap: wrap;}
    .detail_img_item img {height: 15rem;}
    

    .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_inner .about_img {margin-top: 2rem;}
    .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; }
    section.common_padding.home_vision >.container>.row {flex-direction: column-reverse;row-gap: 2rem;}
    .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_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;}
    .home_vision .commoncard {min-height: auto;padding: 35px;}
    .our_services .our_service_img img {height: 225px;}
   .mob_link  {display: block;}
   .links_mob_btn_sm {display: none;}
   .video_slider_main { margin-top: 2rem;}
   .blog_card_box .blog_data {padding: 1rem 1rem;}
   footer .ftr_sec_intro, footer .ftr_sec.ftr_sec1 {width: 48%;margin-top: 0;}
   .ftr_ntro_logo img {width: 20rem;}
   footer .ftr_sec.ftr_sec2.address {width: 100%;margin-top: 1rem;}
   .ftr_sec:last-child {order: -1;width: 100%;padding-bottom: 1rem;}
   .right_cont {padding-right: 0;}
   .footer_top_inner .footer_left h4 {font-size: 2rem; padding: 0rem !important;}
   .footer_top_inner {flex-wrap: wrap;}
   .footer_right .sub_title { font-size: 1.2rem; line-height: 1.4em; padding: 1rem 0; }
   .footer_top {margin: 3rem 0;padding: 5rem 2rem; border: 0;}
   .theme_btn{padding: 0.8rem 1.5rem;}
   .group-btn {grid-template-columns: repeat(1, 1fr);}
   .service_item1 .nav-tabs {row-gap: 0.5rem;}
   
 }