@media only screen and (max-width: 1024px) {

}



@media only screen and (max-width: 767px) {

    



    .clinical-impact-pin {

        height: auto !important;

        overflow: visible;

    }



    .clinical-impact-track {

        display: block;

        width: 100%;

        height: auto;

    }



    .impact-panel {

        width: 100% !important;

        height: auto;

        min-height: auto;

        padding: 20vw 5vw 10vw !important;

        margin-top: -10px;

    }



    .navigate-container,

    .page-navigate {

        display: none;

    }



    .ch_btn a {

        padding: 24px;

        font-size: 24px;

    }



    p.fs24.cw.lhn1.mb4.reveal2 {

        margin: 0 !important;

    }



    .business_main {

        padding: 10vw 0 0 0;

        background-position: top;

    }





    .menu_btn {

        top: 0;

        right: 0;

        left: auto;

    }

    .menu-icon {

        width: 15px;

    }

    .menu-icon .lines span {

        margin-bottom: 2px;

    }

    .menu_btn .top_area {

        top: 9vw;

    }

    .menu-opened .menu_btn{

        transform: translateY(0) !important;

        right: 0;

    }

    .menu-opened .menu_btn .top_area {

        top: 2vw;

    }

    .menu-link.close-icon .lines span:last-child {

        margin: -2vw 0 0px;

    }

    .downloadBtns {

        top: 4%;

        right: 35%;

        gap:3vw;

    }

    .downloadBtns .btns a {

        gap: 1.5vw;

        font-size: 14px;

    }

    .lang a {

        font-size: 14px;

    }

    .frame-canvas {

        display: none;

    }

    .hover_book {

        margin-bottom: 70px;

        left: 50%;

        transform: translateX(-50%);

    }

    .roadmap_sec.relative {

        padding: 20vw 0 0;

    }

    .roadmap_sec.relative .inner .info {

        padding: 0 5vw !important;

    }

    .otherInfo {

        pointer-events: all;

        opacity: 1;

        visibility: visible;

    }

    .ht-cursor {

        display: none !important;

    }

    .homePinWithvideoFrame .visionSwiper .change_text .info .h3Head {

        justify-content: start;

    }

    .roadmap_sec.relative .inner .otherInfo .info {

        padding: 0 !important;

    }

    .visionSwiper .change_text .info h3 {

        font-size: 24px;

    }

    .ch_main .number_pagination{

        display: none;

    }

    .mb_arrows {

        display: flex;

        margin-bottom: 30px;

    }

    .page-ceo .ch_animation,

    .page-chairman .ch_animation {

        padding: 30vw 0 0 !important;

    }

    .roadmap_sec_mb {

        padding: 20vw 5vw !important;

    }

    .atGlancePage .img canvas {

        display: none;

    }

    .atGlancePage .img img {

        display: block;

    }

    .atGlancePage .change_text .info {

        width: 100%;

    }

    .atGlancePage .visionSwiper .change_text .info .h3Head.active {

        justify-content: start;

    }

    .atGlancePage .visionSwiper .change_text .info .h3Head h3 {

        width: 100% !important;

    }

    .map_sec.map_region {

        height: auto;

        padding: 50px 0;

    }

    .map_sec.map_region .img {

        margin: 0 0 50px;

    }

    .map_sec.map_region .img svg {

        width: 95%;

    }

    .map_sec .map_head {

        position: relative;

        height: 100vh;

    }

    .map_sec .mapSwiper {

        position: relative;

    }

    .map_sec .map_head {

        padding: 0 5vw !important;

    }



    .map_sec .number_pagination {

        left: 0;

        margin-bottom: 20px !important;

    }



    .map_sec .fs38

    {

        font-size: 24px;

        margin-bottom: 20px !important;

    }



    .map_sec .para .fs28 {

        font-size: 18px;

        margin-bottom: 10px !important;

    }



    .page-corporate-banking .corporate_sec h2 {

        font-size: 30px;

        padding-left: 5vw;

    }

    .page-corporate-banking .map_sec .img svg {

        width: 136%;

        transform: translateX(-15%);

    }

    .page-corporate-banking .map_sec .mapSwiper {

        height: auto;

    }

    .page-corporate-banking .map_sec .map_head {

        height: auto;

    }

    .page-corporate-banking .map_sec {

        height: auto;

        padding: 50px 0;

    }



    .page-corporate-strategy .roadmap_sec.abmi_sec1.relative .inner .info {

        padding: 0 5vw !important;

    }



    .page-corporate-strategy .roadmap_sec.relative .inner .info {

        padding: 0 !important;

    }

    .ecosystem_sec .right {

        position: relative;

        padding-bottom: 100px;

    }

    .ecosystem_sec .right .ecosystemSwiper {

        width: 100%;

        height: 300px;

    }

    .ecosystem_sec .swiper-slide {

        font-size: 24px;

    }

    .ecosystem_sec .eco_head {

        padding: 20vw 5vw 10vw;

    }

    .ecosystem_sec {

        padding-bottom: 50px;

    }

    .inner .fund_f {

        grid-gap: 10px;

        flex-wrap: wrap;

    }

    .inner .fund_f .info {

        display: flex;

        gap: 10px;

        align-items: center;

        padding: 0 5vw;

    }

    .inner .fund_f .info p {

        font-size: 14px;

    }

    .inner .fund_f .info i {

        position: relative;

        left: 0;

        top: 0;

        width: 12px;

        height: 12px;

        background: #C75111;

        transform: translate(0, 0);

        display: block;

    }

    .page-financial-statements .info.flex.pl20.pr4.pt4 {

        padding: 0 5vw !important;

    }

    .page-technological-advancements .download_main.relative >div,

    .page-financial-statements .download_main.relative >div {  

        transform: translateX(0);

    }

    .mb_arrows {

        padding-right: 3px;

    }

    .page-treasury-and-capital .mb_arrows .swiper-button-next:before,

    .page-treasury-and-capital .mb_arrows .swiper-button-prev:before,

    .page-risk-management .mb_arrows .swiper-button-next:before,

    .page-risk-management .mb_arrows .swiper-button-prev:before,

    .page-our-people .mb_arrows .swiper-button-next:before,

    .page-our-people .mb_arrows .swiper-button-prev:before,

    .page-key-governing-policies .mb_arrows .swiper-button-next:before,

    .page-key-governing-policies .mb_arrows .swiper-button-prev:before, 

    .page-impact-sustainability .mb_arrows .swiper-button-next:before,

    .page-impact-sustainability .mb_arrows .swiper-button-prev:before, 

    .page-impact-financial .mb_arrows .swiper-button-next:before, 

    .page-impact-financial .mb_arrows .swiper-button-prev:before {

        border: 1px solid rgba(74, 34, 68, .4);

        border-radius: 50%;

    }

    /* .page-impact-sustainability .corporate_sec h2 {

        padding-left: 5vw;

    } */

    .specialized_sec .inner .corporate_sec .info {

        padding: 0 !important;

    }

    

    .timeline-tabs {

        left: 0;

        width: 100%;

        overflow-x: auto;

        overflow-y: hidden;

        -webkit-overflow-scrolling: touch;

        scrollbar-width: none;

         padding: 0 5vw;

    }



    .timeline-tabs::-webkit-scrollbar {

        display: none;

    }



    .timeline-tabs ul {

        display: flex;

        flex-wrap: nowrap;

        width: max-content;

        min-width: 100%;

        margin: 0;

        padding: 0;

    }



    .timeline-tabs ul li {

        flex: 0 0 auto;

        white-space: nowrap;

    }

    .menu_btn .inner.expanded .mid_area .right {

        display: none;

    }

    .menu_btn .inner.expanded .mid_area .left {

        width: 100%;

    }

    .menu_btn .inner .nav-container {

        bottom: 15vw;

    }

    .menu_btn .inner .nav-container {

        gap: 7vw;

    }

    .nav-container ul li a {

        font-size: 24px;

    }

    .menu_btn .inner.expanded .mid_area .left {

        padding: 0 7vw;

    }

    .downloadBtns {

        top: 4%;

        right: 0;

        gap: 5vw;

        width: 100%;

    }

    .menu_btn .inner.expanded .menu-link {

        color: #fff;

    }



    .menu_btn .inner.expanded .menu-icon .lines span {

        background: #fff;

    } 

    .menu_btn.animCom {

        top: 0;

        right: 7%;

        left: auto;

        transform: translateX(0) !important;

    }

    .menu-opened .menu_btn.animCom {

        right: 0;

    }

    .pdf_sec .img {

        height: 100%;

    }

    .pdf_sec .img video {

        display: none;

    }

    .pdf_sec .right {

        display: block;

    }

    .banner-content>div .left {

        left: 0;

    }

    .menu_btn {

        right: 7%;

        transform: translateX(0);

    }

    .atGlancePage .img img,

    .reach-pin .left img {

        filter: brightness(.8);

    }

    .number_pagination {

        gap: 2vw;

    }

    .number_pagination a {

        font-size: 14px;

    }

    .page-corporate-banking .map_box {

        flex-direction: column-reverse;

    }

    .map_b .recShape_sb .rect {

        padding: 4px;

    }

    .page-corporate-banking .map_box i {

        width: 30px;

        height: 30px;

    }

    .sustain_sec1.flex.aife,

    .sustain_sec2.flex.aife {

        margin-bottom: 0;

    }

    .page-executive-management .menu_btn,

    .page-bod .menu_btn {

        position: fixed;

    }

    .page-executive-management .mb_arrows, 

    .page-bod .mb_arrows {

        z-index: 2;

    }

    .page-key-governing-policies div#excellancetrust {

        padding:0 5vw 20vw !important;

    }

    .page-our-people #pillars.roadmap_sec.relative{

        padding-top: 0 !important;

    }

    .parallelMb {

        width: 100%;

        padding: 0 5vw;

        margin: 0 0 100px;

    }

    .parallelMb h3 {

        width: 100%;

    }

    .glance_pin .headings {

        padding-left: 0;

    }

    .page-financial-statements .specialized_sec .inner.flex {

        margin-bottom: 0;

    }

    .page-financial-statements .atGlancePage .img img, 

    .page-financial-statements .reach-pin .left img {

        filter: brightness(.8);

        margin-bottom: -5px;

    }

    .cybrSwiper,

    .cybrSwiper .swiper-wrapper {

        touch-action: pan-y;

    }

    .map_sec .para .fs28 {

        font-size: 16px;

        margin-bottom: 5px !important;

        line-height: 1.1 !important;

    }

    .menu_btn .inner.expanded .mid_area {

        padding: 0 5vw;

    }

    .downloadBtns {

        top: 4%;

        left: 5%;

        width: 66%;

    }

    .menu-opened {

        overflow: hidden;

    }

}