@media only screen and (min-width: 768px) and (max-width: 999px) {
  h1 {
    font-size: 1.5em;
    line-height: 1.3;
  }

  h2 {
    font-size: 1.4em;
    line-height: 1.3;
  }

  h3 {
    font-size: 1.3em;
    line-height: 1.3;
  }

  h4 {
    font-size: 1.1em;
    line-height: 1.3;
  }

  h5 {
    font-size: 0.9em;
    line-height: 1.4;
  }

  h6 {
    font-size: 0.9em;
    line-height: 1.1;
  }

  .cover .title {
    font-size: 2.3em;
    line-height: 1.1em;
  }

  .cover .subtitle {
    margin-top: 40px;
    font-size: 1.6em;
  }

  .cover .date {
    font-size: 1.3em;
    padding-right: 90px;
  }

  .cover .detail {
    margin-top: 600px;
    font-size: 1.1em;
  }

  .about p {
    text-align: justify;
  }

  table.progTable {
    width: 100%;
    max-width: 100%;
  }


  /*  START: General Style for 2023  */
  .style-2023 {
    background-image: none !important;
  }

  .style-2023 .footer-logos .item {
    padding-right: 80px;
  }


  /*  END: General Style for 2023  */
  /*  START: Style for 2023 Session Chairs  */
  .profile-list-2-2023 .field--name-field-mtpc-profile-listing-item {
    gap: 0 1.67em;
  }


  .profile-list-2-2023 .field--name-field-mtpc-profile-listing-item {
    margin-top: 0em;
  }


  .profile-list-2023 .field--name-field-mtpc-profile-listing-item {
    gap: 1.22em;
  }

  .profile-list-2-2023 .mtpc_pl_item_container {
    /*padding: 0 1.5em;*/
  }

  .profile-list-2-2023 .mtpc_pl_item_container::before,
  .profile-list-2-2023 .mtpc_pl_item_container::after {
    width: 1.5em;
  }

  .profile-list-2-2023 .mtpc_pl_item_wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2.11em 2.11em;
  }

  .profile-list-2-2023 .mtpc_pl_item_wrapper .mtpc_pl_texts {
    margin-top: 1.56em;
  }

  .style-2023 .program-detail-spacing>.mtpc_pd_item_wrapper,
  .style-2023 .program-details-title {
    margin-top: 4em;
  }


  /*  END: Style for 2023 Session Chairs  */
  /*  START: Style for 2023 Homepage Block 1  */
  .home-block-1-2023.mtpc-2col-section .mtpc-2col-section-wrapper {
    gap: 1em;
  }

  .home-block-1-2023 .text-btn {
    width: 7.5em;
  }

  /*  END: Style for 2023 Homepage Block 1  */
  /*  START: Style for 2023 Homepage Block 2  */
  .home-block-2-2023 .number-list .field__item {
    gap: 2em;
  }

  /*  END: Style for 2023 Homepage Block 2  */
  /*  START: Style for 2023 Homepage Block 3  */
  .home-block-3-2023__top .field__item {
    gap: 1em;
  }

  .home-block-3-2023__img::before {
    display: none;
  }

  /*  END: Style for 2023 Homepage Block 3  */
  /*  START: Style for 2023 News  */
  .news-2023 .mtpc_read_more a.text-btn {
    min-width: 160px;
    font-size: 0.9em;
  }

  /* Organizers Page */

  .style-2023 .footer-logos .footer-logos__wrapper>*:last-child {
    display: flex;
  }

  .style-2023.organizers .footer-logos .item div,
  .style-2023.organizers .footer-logos .field__item {
    display: block;
  }

  .style-2023.organizers .footer-logos .footer-logos__wrapper {
    max-width: none;
  }

  .style-2023.organizers .footer-logos img {
    margin: 0 auto;
  }

  .style-2023.organizers .footer-logos .item {
    padding-right: 0;
  }



  body.news-2023.path-news .mtpc_pagetitle.mtpc_news h1 {
    margin: 3em auto 1.5em;
  }
}
/*  END: Style for 2023 News  */
/* ================================ */
/* ================================ */
/*  START: General Style for 2024  */

@media only screen and (min-width: 768px) and (max-width: 999px) {

  /*.style-2024 {*/
  /*  background-image: none !important;*/
  /*}*/
  .style-2024 .footer-logos {
    margin-top: 80px;
    margin-bottom: 80px;
  }

  .style-2024 .footer-logos .item {
    padding-right: 80px;
  }

  .style-2024 .footer-logos .item>div {
    display: flex;
    margin-left: -20px;
  }

  .style-2024 h1,
  .style-2024 h2 {
    margin-top: 80px;
    font-size: 28px;
  }


  /*  END: General Style for 2024  */
  /*  START: Style for 2024 Session Chairs  */
  .profile-list-2-2024 {
    padding-bottom: 120px;
  }

  .profile-list-2-2024 .field--name-field-mtpc-profile-listing-item {
    gap: 15px;
    margin: 10px 0;
  }

  .profile-list-2024 .field--name-field-mtpc-profile-listing-item {
    gap: 1.22em;
  }

  .profile-list-2-2024 .mtpc_pl_item_container {
    /*padding: 0 1.5em;*/
  }

  .profile-list-2-2024 .mtpc_pl_item_container::before,
  .profile-list-2-2024 .mtpc_pl_item_container::after {
    width: 1.5em;
  }

  .profile-list-2-2024 .mtpc_pl_item_wrapper {
    display: flex;
    align-items: flex-start;
    padding: 0;
  }

  .profile-list-2-2024 .mtpc_pl_item_container .mtpc_pl_pic,
  .profile-list-2-2024 .mtpc_pl_item_container .mtpc_pl_pic img {
    width: 146px;
    height: auto;
  }

  .profile-list-2-2024 .mtpc_pl_item_wrapper .mtpc_pl_texts {
    padding: 20px 20px 12px;
  }

  .profile-list-2-2024 .mtpc_profile_name {
    font-size: 20px;
    line-height: 32px;
  }

  .profile-list-2-2024 .mtpc-profile-deatils p {
    font-size: 17px;
    line-height: 21px;
  }

  .profile-list-2-2024 .mtpc-profile-deatils p:first-child {
    line-height: 21px;
    margin-bottom: 8px;
  }

  .style-2024 .program-detail-spacing>.mtpc_pd_item_wrapper,
  .style-2024 .program-details-title {
    margin-top: 4em;
  }


  /*  END: Style for 2024 Session Chairs  */
  /*  START: Style for 2024 Homepage Block 1  */
  .home-block-1-2024.mtpc-2col-section .mtpc-2col-section-wrapper {
    align-items: flex-start;
    gap: 1em;
  }

  .home-block-1-2024 .text-btn {
    width: 7.5em;
  }

  /*  END: Style for 2024 Homepage Block 1  */
  /*  START: Style for 2024 Homepage Block 2  */
  .home-block-2-2024 h2 {
    font-size: 32px;
  }

  .home-block-2-2024 .number-list .field__item {
    gap: 2em;
    padding-top: 20px;
  }

  .home-block-2-2024 .number-list__number {
    font-size: 160px;
  }

  .home-block-2-2024 .number-list p {
    max-width: 10em;
    padding-left: 20px;
    padding-bottom: 20px;
    margin-left: -3.5em;
  }

  /*  END: Style for 2024 Homepage Block 2  */
  /*  START: Style for 2024 Homepage Block 3  */
  .home-block-3-2024.mtpc-2col-section .mtpc-2col-section-wrapper {
    gap: 0;
  }

  .home-block-3-2024__top .field__item {
    gap: 1em;
  }

  .home-block-3-2024__img::before {
    display: none;
  }

  .home-block-1-2024.mtpc-2col-section .mtpc-2col-section-wrapper,
  .home-block-2-2024.mtpc-1col-section .mtpc-1col-section-wrapper,
  .home-block-3-2024.mtpc-2col-section .mtpc-2col-section-wrapper {
    padding: 80px 0;
  }

  .home-block-2-2024 .number-list__number {
    min-width: 165px;
  }

  /*  END: Style for 2024 Homepage Block 3  */
  /*  START: Style for 2024 News  */
  .news-2024 .mtpc_read_more a.text-btn {
    min-width: 160px;
    font-size: 0.9em;
  }

  /* Organizers Page */

  .style-2024 .footer-logos .footer-logos__wrapper>*:last-child {
    display: flex;
  }

  .style-2024.organizers .footer-logos .item div,
  .style-2024.organizers .footer-logos .field__item {
    display: block;
  }

  .style-2024.organizers .footer-logos .footer-logos__wrapper {
    max-width: none;
  }

  .style-2024.organizers .footer-logos img {
    margin: 0 auto;
  }

  .style-2024.organizers .footer-logos .item {
    padding-right: 0;
  }


  /*  Announcement */
  .style-2024.news-2024 {
    background-image: url('/sites/accessts2023.prod01.ust.hk/files/2024-05/announcement-bg_tab.jpg');
  }

  body.news-2024.path-news .mtpc_pagetitle.mtpc_news h1 {
    margin: 3em auto 1.5em;
  }

  .news-2024 .view-id-news_events .view-content .views-row .row_caontainer.has_thumb {
    gap: 30px;
  }

  .style-2024.news-2024 .view-id-news_events .view-content .views-row .row_caontainer.has_thumb .thumb_container,
  .style-2024.news-2024 .view-id-news_events .view-content .views-row .row_caontainer.has_thumb .content_container {
    width: calc(50% - 15px);
    margin: 0;
  }

  .content-2024 .mtpc_news_title h3 {
    margin-bottom: 20px;
  }

  .style-2024.news-2024 .view-id-news_events .view-content .views-row .row_caontainer .mtpc_news_date {
    font-size: 17px;
  }

  .news-2024 .view-id-news_events .view-content .views-row .row_caontainer .mtpc_read_more {
    margin-top: 20px;
  }

  /* Program Page */
  .style-2024 .program-2024 {
    padding-bottom: 90px;
  }

  .style-2024 .program-2024 h2 {
    font-size: 28px;
  }

  .program-2024 .progTab {
    margin-top: 2.5em;
    margin-bottom: 50px;
  }

  .program-2024 table.tbl-bg thead tr th {
    padding: 16px;
    line-height: 1;
  }

  /*  END: Style for 2024 News  */

  /* START: Style for 2024 Administration Team */
  .program-admin-team-list-2024 {
    margin-top: 10px;
    margin-bottom: 120px;
  }

  .program-admin-team-list-2024 .mtpc_pl_item_wrapper .mtpc_pl_texts .mtpc_profile_name_container {
    max-width: 205px;
  }

  .program-admin-team-list-2024 .mtpc_pl_item_wrapper .mtpc_pl_texts .mtpc_profile_name_container .mtpc_profile_name {
    font-size: 20px;
  }

  /*  END: Style for 2024 Administration Team  */

  /* START: Style for 2024 Resources  */
  .style-2024 .content-box-2024 {
    padding: 30px 20px;
    margin-top: 10px;
    margin-bottom: 130px;
  }

  /* END: Style for 2024 Resources */

  /* START: Style for 2024 Speakers */
  .style-2024.speakers .mtpc-profile-list-title {
    padding: 14px;
  }

  .style-2024.speakers .mtpc-profile-list-title h3 {
    font-size: 21px;
    font-weight: 600;
    line-height: 32px;
  }

  body.style-2024.speakers .mtpc_profile_name {
    font-size: 20px;
    margin-bottom: 5px;
  }

  .style-2024.speakers .mtpc_pl_item_container .mtpc_pl_item_wrapper .mtpc_pl_texts .mtpc-profile-deatils p:first-child {
    font-size: 17px;
    line-height: 30px;
  }

  .style-2024.speakers .mtpc-1col-section-wrapper:has(.mtpc-profile-list-block) {
    padding-bottom: 110px;
  }

  /* END: Style for 2024 Speakers*/
}

@media screen and (max-width: 999px) {

  /* Style for 2024 */
  /* Program Page */
  .program-2024 table.tbl-bg tbody tr:nth-of-type(1) {
    border-top: none;
  }
}
/*  END: Style for 2024  */
/* ================================ */
/* ================================ */
/*  START: General Style for 2025  */
@media only screen and (min-width: 768px) and (max-width: 999px) {

  /*.style-2025 {*/
  /*  background-image: none !important;*/
  /*}*/
  .style-2025 .footer-logos {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .style-2025 .footer-logos .item {
    padding-right: 80px;
  }

  .style-2025 .footer-logos .item>div {
    display: flex;
    margin-left: -20px;
  }

  .style-2025 h1,
  .style-2025 h2 {
    margin-top: 80px;
    font-size: 28px;
  }


  /*  END: General Style for 2025  */
  /*  START: Style for 2025 Session Chairs  */
  .profile-list-2-2025 {
    padding-bottom: 120px;
  }

  .profile-list-2-2025 .field--name-field-mtpc-profile-listing-item {
    gap: 15px;
    margin: 10px 0;
  }

  .profile-list-2025 .field--name-field-mtpc-profile-listing-item {
    gap: 1.22em;
  }

  .profile-list-2-2025 .mtpc_pl_item_container {
    /*padding: 0 1.5em;*/
  }

  .profile-list-2-2025 .mtpc_pl_item_container::before,
  .profile-list-2-2025 .mtpc_pl_item_container::after {
    width: 1.5em;
  }

  .profile-list-2-2025 .mtpc_pl_item_wrapper {
    display: flex;
    align-items: flex-start;
    padding: 0;
  }

  .profile-list-2-2025 .mtpc_pl_item_container .mtpc_pl_pic,
  .profile-list-2-2025 .mtpc_pl_item_container .mtpc_pl_pic img {
    width: 146px;
    min-width: unset;
    /*height: auto;*/
    height: 100%;
  }

  .profile-list-2-2025 .mtpc_pl_item_wrapper .mtpc_pl_texts {
    padding: 20px 20px 12px;
  }

  .profile-list-2-2025 .mtpc_profile_name {
    font-size: 20px;
    line-height: 32px;
  }

  .profile-list-2-2025 .mtpc-profile-deatils p {
    font-size: 17px;
    line-height: 21px;
  }

  .profile-list-2-2025 .mtpc-profile-deatils p:first-child {
    line-height: 21px;
    margin-bottom: 8px;
  }

  .style-2025 .program-detail-spacing>.mtpc_pd_item_wrapper,
  .style-2025 .program-details-title {
    margin-top: 4em;
  }


  /*  END: Style for 2025 Session Chairs  */
  /*  START: Style for 2025 Homepage Block 1  */
  .home-block-1-2025.mtpc-2col-section .mtpc-2col-section-wrapper {
    align-items: flex-start;
    gap: 1em;
  }

  .home-block-1-2025 .text-btn {
    width: 7.5em;
  }

  .home-block-1-2025.mtpc-2col-section .mtpc-2col-section-wrapper::after{
    bottom: -75px;
  }

  /*  END: Style for 2025 Homepage Block 1  */
  /*  START: Style for 2025 Homepage Block 2  */
  .home-block-2-2025 h2 {
    font-size: 32px;
  }

  .home-block-2-2025 .number-list .field__item {
    gap: 2em;
    padding-top: 20px;
  }

  .home-block-2-2025 .number-list__number {
    font-size: 160px;
  }

  .home-block-2-2025 .number-list p {
    max-width: 10em;
    padding-left: 20px;
    padding-bottom: 20px;
    margin-left: -3.5em;
  }
  
  
  .home-block-2-2025.mtpc-1col-section .mtpc-1col-section-wrapper{
    padding: 0px 0 140px;
  }

  /*  END: Style for 2025 Homepage Block 2  */
  /*  START: Style for 2025 Homepage Block 3  */
  .home-block-3-2025.mtpc-2col-section .mtpc-2col-section-wrapper {
    gap: 0;
  }

  .home-block-3-2025__top .field__item {
    gap: 1em;
  }

  .home-block-3-2025__img::before {
    display: none;
  }

  .home-block-1-2025.mtpc-2col-section .mtpc-2col-section-wrapper,
  .home-block-3-2025.mtpc-2col-section .mtpc-2col-section-wrapper {
    padding: 80px 0;
  }

  .home-block-2-2025 .number-list__number {
    min-width: 165px;
  }

  /*  END: Style for 2025 Homepage Block 3  */
  /*  START: Style for 2025 News  */
  .news-2025 .mtpc_read_more a.text-btn {
    min-width: 160px;
    font-size: 0.9em;
  }

  /* Organizers Page */

  .style-2025 .footer-logos .footer-logos__wrapper>*:last-child {
    display: flex;
  }

  .style-2025.organizers .footer-logos .item div,
  .style-2025.organizers .footer-logos .field__item {
    display: block;
  }

  .style-2025.organizers .footer-logos .footer-logos__wrapper {
    max-width: none;
  }

  .style-2025.organizers .footer-logos img {
    margin: 0 auto;
  }

  .style-2025.organizers .footer-logos .item {
    padding-right: 0;
  }
  
  .style-2025.organizers .footer-logos .item:nth-child(3){
    width: 66% !important;
  }


  /*  Announcement */
  .style-2025.news-2025 {
    background-image: url('/sites/accessts2023.prod01.ust.hk/files/2025-05/announcement-bg_tab.jpg');
  }

  body.news-2025.path-news .mtpc_pagetitle.mtpc_news h1 {
    margin: 3em auto 1.5em;
  }
  
  .style-2025.page-background-style-2025 main > .layout-content,
  body.news-2025.page-node-type-news article.mtpc-news-article{
    padding-bottom: 100px;
  }

  .news-2025 .view-id-news_events .view-content .views-row .row_caontainer.has_thumb {
    gap: 30px;
  }

  .style-2025.news-2025 .view-id-news_events .view-content .views-row .row_caontainer.has_thumb .thumb_container,
  .style-2025.news-2025 .view-id-news_events .view-content .views-row .row_caontainer.has_thumb .content_container {
    width: calc(50% - 15px);
    margin: 0;
  }

  .content-2025 .mtpc_news_title h3 {
    margin-bottom: 20px;
  }

  .style-2025.news-2025 .view-id-news_events .view-content .views-row .row_caontainer .mtpc_news_date {
    font-size: 17px;
  }

  .news-2025 .view-id-news_events .view-content .views-row .row_caontainer .mtpc_read_more {
    margin-top: 20px;
  }

  /* Program Page */
  .style-2025 .program-2025 {
    padding-bottom: 90px;
  }

  .style-2025 .program-2025 h2 {
    font-size: 28px;
  }

  .program-2025 .progTab {
    margin-top: 2.5em;
    margin-bottom: 50px;
  }

  .program-2025 table.tbl-bg thead tr th {
    padding: 16px;
    line-height: 1;
  }

  /*  END: Style for 2025 News  */

  /* START: Style for 2025 Administration Team */
  .program-admin-team-list-2025 {
    margin-top: 10px;
    margin-bottom: 120px;
  }

  .program-admin-team-list-2025 .mtpc_pl_item_wrapper .mtpc_pl_texts .mtpc_profile_name_container {
    max-width: 205px;
  }

  .program-admin-team-list-2025 .mtpc_pl_item_wrapper .mtpc_pl_texts .mtpc_profile_name_container .mtpc_profile_name {
    font-size: 20px;
  }
  
  .style-2025 .view-id-news_events .views-row:first-child{
    padding-top: 80px !important;
  }
  .style-2025 .view-id-news_events .views-row:last-child{
    padding-bottom: 130px !important;
  }

  /*  END: Style for 2025 Administration Team  */

  /* START: Style for 2025 Resources  */
  .style-2025 .content-box-2025 {
    padding: 30px 20px;
    margin-top: 10px;
    margin-bottom: 130px;
  }

  /* END: Style for 2025 Resources */

  /* START: Style for 2025 Speakers */
  .style-2025.speakers .mtpc-profile-list-title {
    padding: 14px;
  }

  .style-2025.speakers .mtpc-profile-list-title h3 {
    font-size: 21px;
    font-weight: 600;
    line-height: 32px;
  }

  body.style-2025.speakers .mtpc_profile_name {
    font-size: 20px;
    margin-bottom: 5px;
  }

  .style-2025.speakers .mtpc_pl_item_container .mtpc_pl_item_wrapper .mtpc_pl_texts .mtpc-profile-deatils p:first-child {
    font-size: 17px;
    line-height: 30px;
  }

  .style-2025.speakers .mtpc-1col-section-wrapper:has(.mtpc-profile-list-block) {
    padding-bottom: 110px;
  }

  /* END: Style for 2025 Speakers*/
}

@media screen and (max-width: 999px) {

  /* Style for 2025 */
  /* Program Page */
  .program-2025 table.tbl-bg tbody tr:nth-of-type(1) {
    border-top: none;
  }
  
  body.style-2025.organizers.page-background-style-2025 main::before{
    top: 0;
  }
}

/* Style for 2025 */
/* News Listing Page */
@media only screen and (max-width: 992px) {
  body.style-2025.page-background-style-2025.style-2025.page-background-style-2-2025 main::before,
  body.style-2025.page-background-style-2025 main::before {
      height: 220px;
      top: 80px;
  }

  body.news-2025.news-2025.page-node-type-news main::after,
  body.style-2025.page-background-style-2025 main::after { 
      height: 260px;
  }

  body.news-2025 main::before{
      top: -60px;
      height: 220px;
  }
  
  body.news-2025 main::after{
      bottom: -90px;
      height: 260px;
  }
  

  body.news-2025.news-2025.page-node-type-news main::after{
      bottom: 0;
  }
}