@media (max-width: 1920px){
    .container-xl, .container {padding-inline: 4rem;}
}
@media (min-width: 1715px) and (max-width: 2080px) {
    html { font-size: 13px; }
}
@media (max-width: 1710px){
    html { font-size: 12px; }
}
@media (max-width: 1680px){
    .whats-slider-wrap { padding-right: calc(var(--white-space) + 10rem);}
    .whats-slide_next { width: calc(var(--white-space) + 10rem); }
}
@media (max-width: 1550px){
    html { font-size: 12px; }
}
@media (max-width: 1450px){
    /* .header_logo img { width: 22rem; }
    .footer_logo img { width: 29rem; } */
}
@media (max-width: 1350px){
    .plan-item>img:not(.plan_icon){height: 31rem;}
    .plan-item:hover>img:not(.plan_icon){height: 23.4rem;}
}
@media (max-width: 1280px){
    .header_right>nav { display: none; }
    .banner_slider_text{-webkit-mask-image: linear-gradient(to left, #00000000, #000000 24%); mask-image: linear-gradient(to left, #00000000, #000000 24%);}
    /* html { font-size: 10px; } */
    /* .side_img{height: calc(100% - 9rem); object-fit: cover;}
    .banner_title { font-size: 4rem; max-width: 45rem; }
    .about_the_museum h3.secondary-font { font-size: 2.5rem; margin-bottom: 1rem!important; }
    .about_the_museum p.secondary-font { font-size: 1.5rem; }
    .about_the_museum{--top-gap: 5rem;padding-bottom: 5rem;}
    .whatson h4.secondary-font { font-size: 2.5rem; }
    .whats-slider-wrap { padding-right: calc(var(--white-space) + 5rem); }
    .museum_content h3.secondary-font { font-size: 2rem; }
    .museum_content .line_prefix::before { height: 1px; }
    .museum_content .line_prefix { font-size: 1.3rem; }
    .museum_content p:nth-child(4) { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
    .museum_content a.font22 br { display: none; }
    .museum_content .btn_link.font22 img { transform: translateY(-1px); width: 2.4rem; }
    .plan_visit_head .secondary-font { font-size: 3rem; margin-bottom: 0.6rem!important; }
    .plan_visit_head>p { font-size: 1.2rem; }
    .plan_visit_head { margin-bottom: 3rem; }

    .plan-item>img:not(.plan_icon) { height: 23rem; }
    .plan-item:hover>img:not(.plan_icon) { height: 15.4rem; }
    .plan_txt p.font21 { font-size: 1.05rem; }
    .plan_txt>h3 { font-size: 1.5rem; }
    .plan_your_visit:before{height: 66%;} */
}
@media (max-width: 1200px){
    html { font-size: 10px; }
}
@media (max-width: 998px){
    .about_the_museum { --top-gap: 4rem; padding-bottom: 0; }
    .side_img { width: calc(100% + 8rem); height: auto; position: static; margin-inline: -4rem; margin-top: 4rem; }
    .about_the_museum .col-md-6 { padding-right: 0; }
    .about_the_museum h3.secondary-font { font-size: 2.5rem; margin-bottom: 1rem!important; }
    .about_the_museum p.secondary-font { font-size: 1.5rem; }
    .whats-head-left h4.secondary-font { font-size: 2.45rem; }
    .museum_building .row { flex-direction: column-reverse; }
    .museum_content { padding-left: 0; margin-right: 0; }
    .museum_content>h3.secondary-font { font-size: 2.45rem; }
    .museum_building { padding-top: 1.2rem; }
    .museum_building .col-md-5 img { max-width: 100%; margin: auto; display: block; }
    .plan_grid { flex-wrap: wrap; }
    .plan-item { width: 50%; }
    .plan_your_visit:before{height: 60%;}
    .qt_right, .test_quote_wrapper { padding-right: 0; }
    .tst_quote_bottom { margin-top: 2rem; margin-bottom: 3rem; display: flex;}
    .tst_quote_bottom>a { max-width: initial; width: 50%; margin: 0; }
    .qt_right { padding-left: 0; max-height: initial; padding-right: 0; }
    .testiminial_sec { padding-top: 4rem; padding-bottom: 1rem; }
    .plan_your_visit { padding-bottom: 0; }
    .discover_collection+section:empty { display: none; }
    .discover_collection .banner_bg { z-index: -1; opacity: 0.1!important; width: 100%; -webkit-mask-image: linear-gradient(to left, #00000000, #000000 54%); mask-image: linear-gradient(to left, #00000000, #000000 54%); }
    .explore_the_collection h4.secondary-font br { display: none; }
    .explore_the_collection .row>div:first-child { flex-direction: row; justify-content: space-between; margin-bottom: 3rem; align-items: center; }
    .explore_the_collection h4.secondary-font { font-size: 3rem; margin-bottom: 0; }
    /* .exp_box { padding: 0 1.6rem; } */
    .publication h4.secondary-font { font-size: 3rem; }
    .publication_img_wrap>img { width: 100%; max-width: 100%; margin-bottom: 4rem; }
    .txt_publication>h3.secondary-font>br { display: none; }
    .txt_publication { padding-left: 0; }
    .txt_publication p.font19 { max-width: 100%; }
    .txt_publication p.text-theme br { display: none; }
    .whats-slide-pagination { padding-block: 1.5rem; }
    .ft_sec { width: 100%; }
    .ft-sec:last-child { width: 100%; display: flex; flex-wrap: wrap;     margin-top: 3rem;}
    .ft-sec:last-child>h4.secondary-font { width: 100%; }
    .ft-sec:last-child>p { margin-bottom: 0; }
    .ft-sec:last-child p:nth-child(3) { margin-inline: auto; }
    .footer_row { flex-wrap: wrap; }
    .ftl_wrap { padding-left: 0; padding-bottom: 4rem; }
    .ft-sec>h4.secondary-font { margin-bottom: 0.2rem;}
}
@media (max-width: 767px){
    .container-xl, .container { padding-inline: 1.5rem; }
    .header_btns a:last-child { display: none; }
    .tst_quote_bottom { flex-direction: column; }
    .tst_quote_bottom>a{width: 100%;}
    .side_img { width: calc(100% + 3rem); margin-left: -1.5rem; margin-right: -1.5rem; margin-inline: -1.5rem; }
    .banner_title { font-size: 3.5rem; }
    .banner_slider_text { -webkit-mask-image: none; mask-image: none; }
    .bb_option { margin-right: 0; white-space: nowrap; }
    .banner_bottom_wrap { align-items: center; }
    .banner_slider_arrows { display: flex; flex-direction: column-reverse; }
    .banner_arrow_prev { margin-bottom: 1rem; }
    .circular_play{bottom: calc(100% + 1rem);}
    .banner_slider, .banner_image img:not(.banner_bg_overlay){min-height: 62rem;}
    .whats-head-wrap { flex-direction: column; align-items: flex-start; margin-top: 0; }
    .whats-head-left h4.secondary-font { font-size: 2.24rem; }
    .whats-slider-wrap { padding-right: 5rem; }
    .whats-slide_next{width: 5rem;}
    .whats-slide-item:before{background-image: linear-gradient(0deg,#1a1a1aa3, #1a1a1aa3 31%, transparent);}
    .whats-slide-item img { min-height: 24rem; object-fit: cover; }
    .plan-item { width: 100%; }
    .plan_your_visit:before { height: calc(100% - 27rem); }
    .click_to_download h3 { font-size: 2rem; }
    .ft-sec:last-child>p:nth-child(2) { margin-bottom: 1rem; }
    .ftr_btm_wrap { flex-direction: column; }
    .header_btns .fa-magnifying-glass { font-size: 1.4rem; }
    .about_the_museum{overflow: hidden;}
    .banner_slider{height: calc(var(--vh, 1vh) * 100);}
    .dst_left>.secondary-font { font-size: 2.5rem; }
    .ft-sec>h4.secondary-font {font-size: 1.6rem;}
    .close_box{right: 3rem; top: 3rem;}
    .search-center form { width: 100%; padding: 0 3rem; }
    .search-center form input { width: 100%; }
    .menu_wrapper .container { margin-block: auto; }
    .menu_wrapper { align-items: flex-start;     overflow: auto;}
    .menu_flex { flex-direction: column; align-items: flex-start;     justify-content: flex-start;}
    .menu_left { width: 100%; padding-bottom: 4rem; margin-bottom: 4.6rem; margin-top: auto;}
    .menu_right { width: 100%; padding: 0;     margin-bottom: auto;}
    .menu_left:after { width: 100%; height: 3px; top: auto; bottom: 0; }
    .bb_box .bb-detail .font21 { font-size: 1.5rem; }
    .bb_box .bb_option img { height: initial; width: 1.6rem; align-self: flex-start; margin-top: 0.3rem; }
    .menu_right .share_box .font22 { font-size: 1.8rem; }
    .menu_right .share_box img { height: 1.7rem; }
    .museum_content>a:not(.btn_link) br { display: none; }
    .explore_slider_wraper { margin: 0; }
    /* .exp_box { padding: 0; } */
    .openViewrControls { text-align: center; }
    .mapviewer_model { padding-inline: 0; }
    .map_viewer_close_button{z-index: 5;}
    .detail-slider_main .swiper-slide{height: initial;}
    .detail-slider .detail_main-img { height: 100%; }
    .detail-slider .detail_main-img img{height: 100%;}
    .detail-slider_controls { padding-top: 5rem; }
    .col_detail_txt { margin-bottom: 5rem; height: initial; }
    .artwork_tabs { margin-top: 2rem; }
    .artwork_tabs .tab_btn { min-width: auto; font-size: 1.7rem; }
    .tab_btns { display: flex; justify-content: flex-start; }
    .font63 { font-size: 3.2rem; }
    .col_detail_txt .font63.secondary-font br { display: none; }
    .artwork_tabs .tab_item { height: initial; overflow: initial; }
    .artwork_tabs .tab_container { padding-top: 3rem; }
    .artwork_tabs .tab_item tr td:nth-child(even) { width: auto; flex-grow: 1; min-width: 100%; margin-bottom: 1.6rem; }
    .artwork_tabs .tab_item tr th:nth-child(odd) { line-height: 1; white-space: nowrap; margin-bottom: 0.3rem; width: fit-content; }
    .artwork_tabs .tab_item tr { display: flex; flex-wrap: wrap; }
    .artworkdetail { padding-bottom: 0; }
    .collection_item img { height: initial; }
    .related_artwork>div>.d-flex { flex-direction: column; }
    .inner_banner>img{height: var(--mobile-height); object-fit: cover;}
    .font88 { font-size: 3.4rem; }
    .inner_banner_wrapper { padding-bottom: 4rem; }
    .search_sec { padding-top: 0; }
    .search_collection_wrap { flex-direction: column; }
    .search_wrapper { height: 4.5rem; margin-right: 0; margin-bottom: 2rem; }
    .filter_options { flex-direction: column; }
    .dropdown_box { z-index: 10; }
    .filter_dropdown_item { margin-bottom: 1rem; }
    .page_pagination .font25 { font-size: 1.3rem; }
    .next_page svg, .prev_page svg{height: 2rem;}
    .page_item{width: 2rem; height: 2rem; margin: 0 0.2rem!important;}
    .gal_banner_wrapper { padding-bottom: 11rem; }
    .scroll_down img { width: 3rem; }
    .font108 { font-size: 5rem; }
    .exp_head { flex-direction: column; align-items: flex-start; }
    .font58 { font-size: 2.8rem; }
    .exp_h_left { margin-bottom: 1rem; }
    .banner_autoheight img { height: var(--mobile-height); object-fit: cover; }
    .font74 { font-size: 3rem; }
    .middle_txt { padding: 3.75rem 0; }
    .scrolling-up~.scrollable_sec .gallery-tab-btns { top: calc(var(--header-height) - 2px); }
    .gal_tab_btn:before{    bottom: -12px;}
    .gal_tab_btn { font-size: 3vw; --horizontal-gap: 1rem; }
    .gallery-tab-contents { padding: 4rem 0; }
    .gallery_highlights { padding-top: 0; }
    .play-icon { --size: 5rem; }
    .plan-item .plan_txt p:nth-child(4){height: 5.938rem; margin-bottom: 1rem;}
    .plan-item .btn_link { height: 1.813rem; }
    .plan-item:hover>img:not(.plan_icon){    height: 31rem;}
    .full_pop_open { overflow: hidden; }


    .banner_bottom {color: #222;}
    .banner_bottom_wrap {overflow: auto; padding-top: 2rem;}
    .stepwells_sec_main .d-flex  {flex-wrap: wrap; margin-top: 2rem;}
    .stepwells_sec img {height: 30rem;}
    .mid_sec_bg {height: auto;}
    .ft-sec_wrap {padding: 0; flex-wrap: wrap;  margin-top: 2rem;  justify-content: flex-start;}
    .menu_rel {padding-bottom: 0;}
    .ft-sec_wrap .ft-sec:not(:last-child) {margin-bottom: 2rem;}
    .banner_bottom {position: static; pointer-events: all;} 
    .under_construction_page .pattern_left, .under_construction_page .pattern_right {display: none;}
    .banner_slider_arrows{display: none;}
    .banner_content_wrap {padding-left: 0;}
    .related_slider_wrapper .detail_slider_control {left: 0;}
    .creative-slider {overflow: hidden;}
    .sl_wrapper {margin-left: 6%;    overflow: auto;}
    .creative-slider .building_box {min-width: 65%; margin-right: 2rem;}
    .centerslide_content {     margin-top: 2rem;   font-size: 1.8rem;}
    .clear_btn  {margin-left: 0 !important; margin-top: 2rem;}


    .filter_icon { position: fixed; left: 15px; bottom: 10%; height: 3.75rem; width: 3.75rem; background-color: var(--white);     box-shadow: 2px 3px 4px #00000069;
        border-radius: 50px;     display: flex;
        align-items: center;
        justify-content: center;    z-index: 9;}
      .filter_icon svg {animation: pulse-animation 2s infinite; height: 15px; color: var(--theme-color); fill: var(--theme-color); }
      .filter_form {position: fixed; top: 0; display: none; left: 0; width: 100%; height: 100%;         z-index: 99;
        padding: 3rem;    overflow: auto; background-color: var(--white);}
        .filter_form  .cross { height: 3.75rem; margin: 1rem; width: 3.75rem; background-color: var(--theme-color); border-radius: 50px; display: flex; align-items: center; justify-content: center; }
        .filter_form  .cross svg { height: 25px; color: var(--white); fill: var(--white); }
        .building_banner img {height: 30rem; object-fit: cover;}
        .inner_banner>img {filter: brightness(0.7);}
        .common_padding_lg {padding: 3rem 0;}
        .project_objectives_box {bottom: 4rem;}
        .project_objectives_box:after{bottom: -4rem;}
        .stepwells_sec_main .project_objectives_data {width: 100%;}

        .donor_home_inner {flex-wrap: wrap;}
        .donor_home_inner .donor_img:nth-child(1) { order: 2;}
        .donor_home_inner .donor_img:nth-child(3) { order: 3;}

        /* .donors_data_slider {position: static;} */
        .donors_data_inner {flex-wrap: wrap;         width: 100%;
            padding: 2rem 0;}
        .donors_data_inner .logo {margin-bottom: 2rem;}
        .donors_data_inner .data{width: 100%;}
        .donors_data_inner ul li {width: 100%;}
        .donors-slide-pagination {position: static !important;}
        .donors_btn_wrap {display: none !important;}
        .donor_wrap_home { background-color: var(--black900) !important;padding-top: 2rem;  }
        .donor_wrap_home h4 {color: var(--white);}
        .donor_wrap_home h4.secondary-font {font-size: 3rem;}
        .SwiperDataDonors .container {display: block;}
        .SwiperImgDonors img {    height: 55rem;
            object-fit: cover;}
    }