/* ==========================================================================
   Responsive Typography - Bootstrap Breakpoints
   ========================================================================== */

/* Medium to Large screens (768px - 1199px) - md to lg breakpoint */
/* Scaled to ~87.5% of desktop size (between desktop and mobile) */
@media only screen and (min-width: 768px) and (max-width: 1199.98px) {
  :root {
    /* Headings - scaled proportionally */
  --fs-h1: 3.8rem;   /* 72px */

  }
  
 

  /* Newsletter email input on mobile */
  #newsletter-email { 
    font-size: var(--fs-h4); 
    line-height: 1.3;
  }

  .pb-13{padding-bottom: 80px !important;}
  .pt-16{padding-top: 80px !important;}

  .imb-5{margin-bottom: 5px !important;}
  .imb-10{margin-bottom: 10px !important;}
  .imb-20{margin-bottom: 20px !important;}
  .imb-25{margin-bottom: 25px !important;}
  .imb-40{margin-bottom: 40px !important;}
  .imb-80,.mb-13,.mb-16{margin-bottom: 80px !important;}

  .imb-0{margin-bottom: 0px !important;}


  /* Header and Mobile Menu */
  
  .main-nav-function,.main-nav{display: none;}
  .site-header{padding-top: calc(1.5rem * .5);padding-bottom: calc(1.5rem * .5);border-bottom: 1px solid #B4B4B4;}
  .logo img{height: 35px !important;max-width: 1000px;}
  .menu-btn{cursor: pointer;width: 30px;height: 30px;background: url('../assets/images/btn-menu.svg') center center/contain no-repeat;float: right;display: block;position: relative;z-index: 50;transition: all 0.3s ease;}
  .menu-btn.active{background: url('../assets/images/btn-menu-close.svg') center center/contain no-repeat;}
  .mobile-menu{display:block;position: fixed;width: 100%;height: 100%;top:0;left: 0;background: #FFF;z-index: 49;opacity: 0;visibility: hidden;transform: translateY(-100%);transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);padding-top: 65px;overflow:scroll;}
  .mobile-menu.active{opacity: 1;visibility: visible;transform: translateY(0);}

  /* Mobile Menu Support */
  .main-support-menu{border-bottom: 1px solid #B4B4B4;padding-top: 20px;padding-bottom: 20px;display: flex;justify-content: space-between;align-items: center;}
  .main-support-menu a{color: #000;text-decoration: underline;}
  .main-support-menu a p{margin: 0;}
  .main-support-address{padding-bottom: 20px;padding-top: 20px;}
  .main-support-address .container{padding-left: 15px;padding-right: 15px;}
  .main-support-address .breakline{border-bottom: 1px solid #B4B4B4;margin-bottom: 15px;}
  .main-support-address .footer-social-icons{padding-top: 0 !important;margin-top: 0 !important;border-top: 0 !important;margin-bottom: 15px;}
  .main-support-address .footer-copyright{font-size: 12px;margin-top: 10px;}
   .main-support-address .footer-social-icons {float: left;width: 100%;}
  .main-support-address   h6.footer-copyright{text-align: left;position: relative;right: auto;bottom: auto;display: block;}

 
  /* Mobile Menu Structure */
  .mobile-menu-list{margin: 0;padding: 0;}
  .mobile-menu-item{list-style: none;border-bottom:1px solid #B4B4B4;}
  .mobile-menu-item-wrapper{display: flex;justify-content: space-between;align-items: center;padding: 20px 0;position: relative;}
  .mobile-menu-link{flex: 1;text-decoration: none;color: #000;}
  .mobile-menu-link h5, .mobile-menu-title{margin: 0;}
  .mobile-menu-link p{margin: 0;}
  .mobile-menu-title{flex: 1;cursor: default;}
  .mobile-submenu-toggle{cursor: pointer;width: 100%;height: 100%;display: flex;align-items: center;position: absolute;top:0;left: 0;}
  
  /* Mobile Submenu */
  .mobile-submenu{display: none;margin: 0;padding: 0;list-style: none;margin-left: 36px;width:calc(100% - 36px)}
  .mobile-submenu .mobile-submenu{margin-left: 0;border-bottom: 0;}
  .mobile-submenu .mobile-menu-item:last-child{border-bottom: none;}
  .mobile-submenu .mobile-menu-item-wrapper{padding: 10px 0;}
  .mobile-submenu .mobile-menu-link{color: #626262;}
  .mobile-submenu .mobile-menu-link p{font-size: 14px;}
  .mobile-menu-item .mobile-menu-item{border-bottom: 0;}
  .mobile-menu-item.active .mobile-menu-item-wrapper .mobile-submenu-toggle{border-bottom:1px solid #B4B4B4;}
  .mobile-menu-item.active .mobile-submenu .mobile-submenu-toggle{border: none;}
  .mobile-menu-item.active .mobile-submenu{padding-top: 5px;padding-bottom: 5px;}
  .mobile-menu-item.active .mobile-submenu .mobile-submenu a h5{color: #626262;}
  
  /* Active submenu styling */
  .mobile-submenu li.active > .mobile-menu-item-wrapper > .mobile-submenu-toggle{border-bottom: 1px solid #B4B4B4;}
  .mobile-menu-item.active > .mobile-submenu > li.active:not(:last-child){border-bottom: 1px solid #B4B4B4;}
  
  /* Second level menu item spacing */
  .level-2 .mobile-menu-item-wrapper{padding: 10px 0;}
  .level-2 .mobile-menu-link h5{font-weight: 400 !important;}
  .level-1.has-submenu .mobile-submenu-toggle{background: url('../assets/images/icon-open-tap.svg') right center/12px no-repeat;}
  .level-1.has-submenu.active .mobile-submenu-toggle{background: url('../assets/images/icon-close-tap.svg') right center/12px no-repeat;}

  .breadcrumb-wrap{display: none;}


  /* about */
  #section-about-history svg, #section-give-svg svg{width: 400px;}
  .owl-carousel-milestones-info{width: calc((90vw * 5)) !important;left: 50% !important;transform: translateX(-50%) !important;}
  .milestone-inner{min-height: 360px;}
  .owl-carousel-milestones-info{margin-bottom: 60px !important;}

  /* Study */
  .icon-plus{width: 40px;height: 40px;;}
  .study-spec-data .col-md-12 > div{    flex-wrap: wrap;    gap: 2rem;  }
  .study-spec-data .stat-wrap{    width: calc(50% - 1rem);  }
 /* Give */
  .give-now-btn-wrap{text-align: center;}
  #section-give .section-give-right{height: calc(50vw - 30px);margin-bottom: 40px;}

}

/* Tablet and below (< 768px) - sm breakpoint */
@media only screen and (max-width: 767.98px) {
  html,body{overflow-x: hidden;}
  
  /* Disable automatic phone number links on mobile */
  a[href^="tel"] {
    pointer-events: none;
    color: inherit;
    text-decoration: none;
  }
  
  .no-phone-link {
    pointer-events: none;
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
  }
  
  .no-phone-link a {
    pointer-events: none !important;
    color: inherit !important;
    text-decoration: none !important;
  }

  :root {
    /* Headings - mobile typography spec */
    --fs-h1: 2.25rem;     /* 36px */
    --fs-h2: 1.875rem;    /* 30px */
    --fs-h3: 1.5rem;      /* 24px */
    --fs-h4: 1.25rem;     /* 20px */
    --fs-h5: 1rem;        /* 16px */
    --fs-h6: 1rem;        /* 16px */
    
    /* Body text */
    --fs-b1: 1rem;        /* 16px */
    --fs-b2: 0.875rem;    /* 14px */
    --fs-btn: 1rem;       /* 16px */
  }
  
  /* Line heights and letter spacing per design spec */
  h1 { line-height: 1; letter-spacing: -0.02em; }           /* 36px/36px, -2% */
  h2 { line-height: 1.067; letter-spacing: -0.02em; }       /* 32px/30px, -2% */
  h3 { line-height: 1.167; letter-spacing: -0.02em; }       /* 28px/24px, -2% */
  h4 { line-height: 1.2; letter-spacing: 0; }               /* 24px/20px, 0% */
  h5, h6 { line-height: 1.25; letter-spacing: 0; }         /* 22px/16px, 0% */
  p, .b1 { line-height: 1.25; letter-spacing: 0; }         /* 22px/16px, 0% */
  .b2 { line-height: 1.25; letter-spacing: 0; }            /* 20px/14px, 0% */
  .mobile-menu-title,.mobile-menu-link h5{font-size: 18px;line-height: 22px;font-weight: 500;}


 .mh1 { font-size: var(--fs-h1) !important;  line-height: 1; letter-spacing: -0.02em; }
 .mh2 { font-size: var(--fs-h2) !important; line-height: 1.067; letter-spacing: -0.02em; }
 .mh3 { font-size: var(--fs-h3) !important; line-height: 1.167; letter-spacing: -0.02em; }
 .mh4 { font-size: var(--fs-h4) !important; line-height: 1.2; letter-spacing: 0; }
 .mh5 { font-size: var(--fs-h5) !important; line-height: 1.25; letter-spacing: 0;  }
 .mh6 { font-size: var(--fs-h6) !important; line-height: 1.25; letter-spacing: 0;  }
 .mb1{ font-size: var(--fs-b1) ;line-height: 1.25; letter-spacing: 0;font-weight: normal;}
 .mb2, .mb2 p { font-size: var(--fs-b2) ; line-height: 1.25; letter-spacing: 0;font-weight: normal; }
 .mb2b, .mb2b p{font-weight: 500;}


  /* Newsletter email input on mobile */
  #newsletter-email { 
    font-size: var(--fs-h4); 
    line-height: 1.3;
  }

  .pb-13{padding-bottom: 80px !important;}
  .pt-16{padding-top: 80px !important;}

  .mmb-5{margin-bottom: 5px !important;}
  .mmb-10{margin-bottom: 10px !important;}
  .mmb-20{margin-bottom: 20px !important;}
  .mmb-25{margin-bottom: 25px !important;}
  .mmb-40{margin-bottom: 40px !important;}
  .mmb-80,.mb-13,.mb-16{margin-bottom: 80px !important;}

  .mmb-0{margin-bottom: 0px !important;}


  /* Global */
  .breadcrumb-wrap{display: none;}
  .bttop .text-right{text-align: center !important;}
  .back-to-top{float: none;margin: 0 auto;display: inline-block;}
  .bttop{text-align: center;}
  .mobile-section-title{padding: 25px 0;border-top: 1px solid #B4B4B4;}
  .round-img{border-radius: 15px;}
  .btn-wrap{padding-bottom: 5px !important;}


  /* dropdown */
  .section-dropdown-title,.section-dropdown-title.direct-link{min-height: 32px;background-size: 30px;}
  .section-dropdown-title h4{padding-right: 100px;}
  .dropdown-link-item h4{background-size: 30px;}
  .section-dropdown-2col .text-right{text-align: left;}
  .section-dropdown-2col .text-right p{margin-top: 10px;color:#888;font-size: var(--fs-b2) ; line-height: 1.25; letter-spacing: 0;font-weight: normal;}

  /* footer */
  footer{padding-bottom: 80px;padding-top:50px}
  .footer-social-icons{float: left;width: 100%;padding: 25px 0;border-top: 1px solid #888;margin-top: 25px;}
  .footer-social-icons li{margin-left: 30px;height: 30px;}
  .footer-social-icons li img{width: 30px;height: 30px;;}
  h6.footer-copyright{text-align: left;position: relative;right: auto;bottom: auto;display: block;}
  .newsletter-submit{padding: 0;border: none;color:#888;font-weight: 400;}
  .newsletter-input-wrap{padding-bottom: 0;height: 40px;}
  .newsletter-subscription{margin-top: 0;}

  /* header */
  .main-nav,.main-nav-function{display: none;}
  .site-header{padding-top: calc(1.5rem * .5);padding-bottom: calc(1.5rem * .5);border-bottom: 1px solid #B4B4B4;}
  .logo img{height: 35px !important;max-width: 1000px;}
  .menu-btn{cursor: pointer;width: 30px;height: 30px;background:  url('../assets/images/btn-menu.svg') center center/contain no-repeat;float: right;display: block;position: relative;z-index: 50;transition: all 0.3s ease;}
  .menu-btn.active{background:  url('../assets/images/btn-menu-close.svg') center center/contain no-repeat;}
  .mobile-menu{display:block;position: fixed;width: 100%;height: 100%;top:0;left: 0;background: #FFF;z-index: 49;opacity: 0;visibility: hidden;transform: translateY(-100%);transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);padding-top: 65px;overflow:scroll;}
  .mobile-menu.active{opacity: 1;visibility: visible;transform: translateY(0);}
  
  .main-support-menu{border-bottom: 1px solid #B4B4B4;padding-top: 20px;padding-bottom: 20px;display: flex;justify-content: space-between;align-items: center;}
  .main-support-menu a{color: #000;text-decoration: underline;}
  .main-support-menu a p{margin: 0;}
  .main-support-address{padding-bottom: 20px;}
  .main-support-address .footer-social-icons{padding-top: 0 !important;margin-top: 0 !important;border-top: 0 !important;}
  .mobile-menu-list{margin: 0;padding: 0;}
  .mobile-menu-item{list-style: none;border-bottom:1px solid #B4B4B4;}
  .mobile-menu-item-wrapper{display: flex;justify-content: space-between;align-items: center;padding: 20px 0;position: relative;}
  .mobile-menu-link{flex: 1;text-decoration: none;color: #000;}
  .mobile-menu-link h5, .mobile-menu-title{margin: 0;}
  .mobile-menu-link p{margin: 0;}
  .mobile-menu-title{flex: 1;cursor: default;}
  .mobile-submenu-toggle{cursor: pointer;width: 100%;height: 100%;display: flex;align-items: center;position: absolute;top:0;left: 0;;}
  .mobile-submenu{display: none;margin: 0;padding: 0;list-style: none;margin-left: 36px;width:calc(100% - 36px)}
  .mobile-submenu .mobile-submenu{margin-left: 0;border-bottom: 0;}
  .mobile-submenu .mobile-menu-item:last-child{border-bottom: none;}
  .mobile-submenu .mobile-menu-item-wrapper{padding: 10px 0;}
  .mobile-submenu .mobile-menu-link{color: #626262;}
  .mobile-submenu .mobile-menu-link p{font-size: 14px;}
  .mobile-menu-item .mobile-menu-item{border-bottom: 0;}
  .mobile-menu-item.active .mobile-menu-item-wrapper .mobile-submenu-toggle{border-bottom:1px solid #B4B4B4;}
  .mobile-menu-item.active .mobile-submenu .mobile-submenu-toggle{border: none;}
  .mobile-menu-item.active .mobile-submenu{padding-top: 5px;padding-bottom: 5px;}
  .mobile-menu-item.active .mobile-submenu .mobile-submenu a h5{color: #626262;}
  
  /* Active submenu styling */
  .mobile-submenu li.active > .mobile-menu-item-wrapper > .mobile-submenu-toggle{border-bottom: 1px solid #B4B4B4;}
  
  /* Add border to active submenu items that are not last child */
  .mobile-menu-item.active > .mobile-submenu > li.active:not(:last-child){border-bottom: 1px solid #B4B4B4;}
  
  /* Second level menu item spacing */
  .level-2 .mobile-menu-item-wrapper{padding: 10px 0;}
  .level-2 .mobile-menu-link h5{font-weight: 400 !important;}
  .level-1.has-submenu .mobile-submenu-toggle{background: url('../assets/images/icon-open-tap.svg') right 10px center/12px no-repeat;}
  .level-1.has-submenu.active .mobile-submenu-toggle{background: url('../assets/images/icon-close-tap.svg') right 10px center/12px no-repeat;}



  /* Home */

  .home-news-nav-mobile{padding-top: 25px;margin-top: 25px;border-top: 1px solid #D9D9D9;;}
  .news-card{padding-left: 0;}
  .news-card .home-new-thum{position: relative;width: 100%;height: 30vw;margin-bottom: 10px;;}

  .home-study-image h5, .home-research-image h5{display: block;position: absolute;bottom: 15px;left: 15px;;width:  calc(100% - 30px);background: rgba(20, 20, 20, 0.1);
  padding: 15px 20px;  border-radius: 30px;  backdrop-filter: blur(20px);  -webkit-backdrop-filter: blur(10px);color: #FFF;}
  .home-study-image h5::after, .home-research-image h5::after{content:"　";position: absolute;right: 10px;height: 38px;width: 38px;border-radius: 100%;background: #FFF url('../assets/images/btn-next.svg') no-repeat center center;background-size: contain;top:50%;transform: translateY(-50%);;}
  .home-study-image,.home-research-image {position: relative;;background-size: cover; background-position: center; width: 100%; padding-bottom: 100%; /* 880/1300 */}


  #home-about{padding-top: 40px;}
  .home-about-slide-img{position: relative;margin: 0 auto 10px ;width: 100px;height:100px;right: auto;overflow: visible;}
  .home-about-slide-img svg{width: 100%;height: 100%;display: block;overflow: visible;}
  .mobile-about-slide-img{max-width: 320px;margin: 0 auto;overflow: visible;}

  .home-event-list li{position: relative;display: block;overflow: hidden;padding:10px 0}
  .home-event-list li h4{width: 100%;padding-right: 0;font-size: var(--fs-h5) !important; line-height: var(--lh-h5);margin-bottom: 10px;}
  .home-event-list-date{position:relative;float: left;display: block;text-align: left;}
  .home-event-list-date p{color:#626262}


  /* About */
  #section-about-history svg:not(.desktop-svg),  #section-give-svg svg:not(.desktop-svg){position: relative !important;bottom: auto !important;margin-top:-30vw;left: auto !important;width: 130vw;right: -30vw;float: right;}
  
  /* Ensure desktop SVG sticky classes work on mobile devices when visible */
  #section-about-history svg.desktop-svg.sticky-active, 
  #section-give-svg svg.desktop-svg.sticky-active{position: fixed !important;bottom: -130px !important;left: -30px !important;}
  
  #section-about-history svg.desktop-svg.absolute-active, 
  #section-give-svg svg.desktop-svg.absolute-active{position: absolute !important;bottom: -130px !important;left: -30px !important;}
  #section-about-director-message{padding-top: 40px !important;}
  #section-about-director-message h3{margin-bottom: 40px;}
  
  #section-about-history,  #section-give-svg {padding-bottom: 0 !important;background: url('../assets/images/about_banner_mobile.jpg') center bottom/cover no-repeat;background-size: 100% 100%;}

  .owl-carousel-milestones h1{padding-top: 20px;}
  .owl-carousel-milestones-info{width: 100% !important;transform: none !important;left: auto !important;}
  .milestone-info{padding: 0 5px;}
  .milestone-inner{padding: 15px 15px 0 15px;min-height: auto;}
  .milestone-inner .milestone-image{width: 100%;position: relative;top:auto;right: auto;height: 60vw;}
  .milestone-inner .milestone-content{width: 100%;padding: 15px 0;}
  
  /* Missions slider - mobile */
  .missions-slider-container{background-attachment: scroll;}
  .mission-slide{height: 400px !important;}
  
  /* Enable touch drag for milestones carousel on mobile */
  .owl-carousel-milestones,
  .owl-carousel-milestones-info {
    touch-action: pan-y;
    -webkit-user-select: none;
    user-select: none;
    cursor: grab;
  }
  
  .owl-carousel-milestones.owl-drag,
  .owl-carousel-milestones-info.owl-drag {
    cursor: grabbing;
  }
  
  .owl-carousel-milestones .owl-stage,
  .owl-carousel-milestones-info .owl-stage {
    touch-action: pan-y;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .milestone-date{color:#626262}

  #section-about-milestones{background: #FFF;}
  .milestone-inner{background: #F7F7F7;}

  #section-about-missions{padding-bottom: 80px !important;}
  #section-about-milestones .owl-theme .owl-nav{display: none ;}

  /* Team */
  .views-view-grid--horizontal{--views-grid--column-count: 2 !important;}
  #section-team-leadership{padding-top: 25px !important;}
  .news-listing-title{display: block;}
  .listing-sort-menu{text-align: left;margin-top: 25px;}
  .listing-sort-menu li{margin-right: 10px;margin-left: 0;}
  .views-view-grid{row-gap: 1.5rem;column-gap: 1.5rem;}

  #section-team-contact,#section-team-people{padding-top: 0 !important;}
  .team-contact{padding-top: 20px;}
  .team-contact-banner,.staff-card__image {border-radius: 15px;}
  .name-listing-three-columns ul {  column-count: 2;}

  /* Study */
  #study-landing,#research-landing{height: auto;aspect-ratio: 4/3;}
  #study-landing .landing-contorl,#research-landing .landing-contorl{display: none;}
  #study-landing h2{max-width: 320px;text-align: center;}
  #study-spec{height: auto;background-position: left;}
  .study-spec-qoute{padding-bottom: 60px !important;}
  .study-spec-data .row{border: none;padding-top: 0;}
  .study-spec-data .col-md-12 > div{    flex-wrap: wrap;    gap: 0;  }
  .study-spec-data .stat-wrap{    width: 100%;  }
  .icon-plus{width: 34px;height: 34px;;}
  .stat-wrap{width: 100%;position: relative;min-height: 65px;padding: 10px 0;border-top:1px solid #B4B4B4}

  .stat-wrap h1{display: inline-block;position: absolute;right: 0;font-size: 40px;line-height: 1;}
  .icon-plus{top:2px}

  .study-programme-title-wrap,
  .study-taught-postgraduate .study-programme-title-wrap,
  .study-internship-opportunities .study-programme-title-wrap{display: flex;flex-direction: column;position: relative;}
  .study-programme-title{padding: 15px;width: 100%;}
  .study-programme-title-wrap{margin-bottom: 60px !important;}
  .study-programme-title-wrap img{width: calc( 100% - 30px);height: 50vw;margin-left: 15px;margin-top: 15px;}
  .programme-toggle{text-align: center;padding-top: 40px !important;padding-bottom: 40px;}
  .study-programme-title-wrap .text-btn-2{text-decoration: none;display: inline-block;border: 1px solid #000;border-radius: 20px;padding: 8px 15px;}


  .owl-carousel-scholarship .scholarship-info h5{padding-right: 0;position: relative;bottom: auto;margin-top: 10px;}
  .owl-carousel-scholarship .scholarship-info{padding: 15px;min-height: 0;}
  .owl-carousel-scholarship .scholarship-ppl-thum{position: relative;top:auto;right: auto;margin: 20px auto 0 ;;}
  .study-scholarship-people{margin-bottom: 0;padding-top: 25px;}
  #study-scholarship{padding-top: 25px;padding-bottom: 60px !important;margin-bottom: 60px !important;}
  #study-scholarship a.b2{text-align: center;}


  /* Research*/
  #research-landing h2{max-width: 320px;text-align: center;}
  #research-listing-wrap{padding-top: 80px;background: #FFF;}
  #research-listing-wrap .news-listing-title{padding-top: 0;}
  .research-list li{background: #F7F7F7;margin-bottom: 0;border-bottom: 1px solid #B4B4B4;border-radius: 0;padding-top: 20px;}
  .research-thum{width: calc(100% - 30px);margin: 15px;}
  .research-wrapper-mobile{padding: 0 15px;}
  .research-drop-icon{height: auto;text-align: center;background: none;width: auto;margin-top: 40px;margin-bottom: 40px;}
  .research-long-version{display: block;}
  .research-list li.active .research-drop-icon{background: none;}
  .research-long-version .breakline{margin-bottom: 10px;}
  .research-drop-icon .btn-wrap{display: inline-block;}
  .research-list li.active .research-drop-icon .btn-wrap{font-size: 0;}
  .research-list li.active .research-drop-icon .btn-wrap::before{content: 'Less';font-size: 16px;}
  .research-list li:first-child{padding-top: 0;}
  .research-list li:last-child{border-bottom:0;}
  .research-list{border-radius: 30px;overflow: hidden;background: #F7F7F7;}

  #section-facilities{padding-top: 0 !important;}


  /* News */
  .news-thum{border-radius: 15px;aspect-ratio:1/1}
  .bannerobject-1{left: -280px;}
  .bannerobject-2{right: -280px;}
  .section-news-banner .container,.section-events-banner .container,.section-knowledge-exchange-banner .container,.section-press-banner .container{z-index: 2;position: relative;}
  .section-news-banner,.section-events-banner,.section-knowledge-exchange-banner,.section-press-banner  {padding-bottom: 40px;margin-bottom: 60px !important;padding-left: 15px;padding-right: 15px;}
  .section-news-banner h2,.section-events-banner h2,.section-knowledge-exchange-banner h2,.section-press-banner h2{margin-bottom: 60px !important;}
  .section-news-list .listing-sort-menu{margin-top: 15px;}
  .section-news-list .views-element-container .news-listing-sort{display: none;}
  .views-element-container .news-listing li{padding: 10px 0}
  .views-element-container .news-listing li .text-right{text-align: left;}
  .news-date {color:#626262;margin-top: 10px;}
  .news-listing{margin-bottom: 0;}
  
  /* News mobile layout - push date to bottom */
  .news-col-mobile{display: flex;flex-direction: column;}
  .news-mobile-content{display: flex;flex-direction: column;flex: 1;}
  .news-date-bottom{margin-top: auto;}

  .events-detail  {margin-top: 0;border: none;}
  .events-detail   .events-listing-title{border-top: none;}
  .speaker-description{margin-bottom: 10px;}
  .ke-newsletter-info .btn-wrap{padding-left: 0;padding-right: 0;}

  /* press */
  .press-media-coverag-title{padding-left: 0;}
  .memorial-thum{width: 100%;margin-bottom: 20px;}
  .memorial-lecture-list li{padding: 15px;}
  .memorial-drop-icon{height: auto;text-align: center;background: none;width: auto;margin-top: 40px;margin-bottom: 40px;}
  .memorial-drop-icon .btn-wrap{display: inline-block;}
  .press-release-row h5{
    display: -webkit-box;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #press-press-release{padding-bottom: 0 !important;}
  
  /* Hide press items beyond first 2 on mobile */
  .press-release-row .mobile-hidden{display: none !important;}
  
  /* Load More Buttons - Mobile */
  .events-load-more-btn, .news-load-more-btn{margin: 30px auto 0;display: block;width: fit-content;}
  

  /*  knowledge-brochure */

  .news-ke-left .btn-wrap{margin-left: 50%;transform: translateX(-50%);}
  #knowledge-brochure img{border-radius: 15px;}
  #knowledge-brochure .btn-wrap{position: relative;bottom: auto;margin-left: 50%;transform: translateX(-50%);margin-top: 40px;}


   /* Join Us */
  .join-grid-layout{padding-top: 0 !important;display: block;}
  .join-grid-item{margin-bottom: 10px;}
  #join-staff-advertisements{padding-top: 25px !important;}
  #join-professorships{padding-top: 70px !important;padding-bottom: 80px !important;}
  .fellowship-toggle,.internship-toggle{position: relative;margin:  0 auto;margin-left: 50%;transform: translateX(-50%);display: inline-block;}
  #section-join-internships{padding-top: 25px !important;}
  #join-internships{padding-top: 80px !important;}
  #section-join-internships .support-item-2 {  width: 260px;  right: -110px;  top: -140px;}
  #join-professorships .support-item-1{  width: 800px;  left: calc(50% - 770px);  bottom: -240px;top:auto}
  .join-carousel-item{width: 200px;height: 200px;;}

  /* Give */
  .give-now-btn-wrap{text-align: center;}
  #section-give .section-give-right{height: calc(100vw - 30px);margin-bottom: 10px;}
  #section-give-list{padding-top: 0 !important;}
  #section-give .section-give-left{padding: 15px !important;}

  /* Login Page Mobile */
  .login-header{padding: 20px 0;}
  .login-logo img{height: 40px;}
  .login-main{padding: 30px 0;}
  .login-wrapper{padding: 30px 20px;border-radius: 8px;}
  .login-header-text h2{font-size: 24px;}
  .page-user-login input[type="text"],
  .page-user-login input[type="password"],
  .page-user-login input[type="email"]{padding: 12px 14px;font-size: 16px;}
  .page-user-login input[type="submit"],
  .page-user-login button[type="submit"]{padding: 12px 20px;font-size: 16px;}
  .login-footer-bottom{padding: 20px 0;}
}