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


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

   



}

@media (max-width: 1370px){

   

}

@media (max-width: 1330px){

    

}

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

    .menu_content ul li { }

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

    

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




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

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

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





    .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;   
            padding: 2rem 1rem;      min-width: 100%; pointer-events: all; 
             transform: none; transition: none; background-color: #00000008; border-radius: 0; } 

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




    /* LARGE MENU MOBILE VIEW */




 

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



}



@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: 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: 0rem;}
    .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; }

    .bootom_menu_footer .text-end {text-align: left  !important;}
    .common_padding { padding: 3rem 0;}
 
    /* 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%;          color: #fff;    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;}

 }