/* by Creasant */
/* General Start */
@media only screen and (max-width: 999px){
.space-tablet-top-80{padding-top: 80px;}
.space-tablet-top-70{padding-top: 70px;}
.space-tablet-top-60{padding-top: 60px;}
.space-tablet-top-50{padding-top: 50px;}
.space-tablet-top-40{padding-top: 40px;}
.space-tablet-top-30{padding-top: 30px;}
.space-tablet-top-20{padding-top: 20px;}
.space-tablet-top-10{padding-top: 10px;}
.space-tablet-top-0{padding-top: 0px;}
.space-tablet-bottom-80{padding-bottom: 80px;}
.space-tablet-bottom-70{padding-bottom: 70px;}
.space-tablet-bottom-60{padding-bottom: 60px;}
.space-tablet-bottom-50{padding-bottom: 50px;}
.space-tablet-bottom-40{padding-bottom: 40px;}
.space-tablet-bottom-30{padding-bottom: 30px;}
.space-tablet-bottom-20{padding-bottom: 20px;}
.space-tablet-bottom-10{padding-bottom: 10px;}
.space-tablet-bottom-0{padding-bottom: 0px;}
}
/* General End */
@media only screen and (max-width: 999px){
  .field__item:has( >.index-banner-logo-desktop) {
    width: 85%;
  }
  
  .section-background-image-size-wide.mtpc-1col-section {
    padding-bottom: 295px;
  }
  
  .home-page-ismnd-hk-msg p.text-align-justify {
    text-align: unset !important;
  }
  
  
  p.message-title{
    font-size: 36px;
  }
  ul.message-list{
    padding: 30px 30px 30px 40px;
  }
  .five-image-grid .mtpc-block-image-grid-item-wrapper{
    flex-wrap: wrap;
    /*gap: 30px 8px;*/
    gap: 40px;
    justify-content: center;
  }
  .section-tab-list.mtpc-1col-section{
    padding: 30px 10px 40px;
  }
  #block-mtpc-pagetitle .content > *:last-child,
  .page-title h1,
  .mtpc-pageTitle-block h1{
    font-size: 42px;
  }
  .page-title h1{
    margin-top: 60px;
  }
  /*.mtpc-pageTitle-block .breadcrumb ol li,*/
  /*.mtpc-pageTitle-block .breadcrumb ol li a{*/
  /*  font-size: 16px;*/
  /*}*/
  .section-tab-list .tab-item{
    font-size: 16.5px;
    padding: 16px;
  }
  .section-background-image-hkust.mtpc-1col-section{
    aspect-ratio: unset;
    padding-top: 500px;
    background-position: 50% 0px;
    background-size: auto 500px;
  }
  .section-background-image-hkust.mtpc-1col-section:before{
    background: linear-gradient(180deg, #FFFFFF 40px, rgba(255, 255, 255, 0) 220px), linear-gradient(180deg, rgba(0, 0, 0, 0) 400px, #25251F 480px, #25251F 100%);
  }
  .section-catering .mtpc-1col-section-wrapper .mtpc-1col-item > div{
    display: flex;
    flex-direction: column;
  }
  .catering-item-wrapper{
    order: 1;
    padding-top: 35px;
  }
  .catering-item-card{
    width: calc(100% / 2 - 20px * 1 / 2);
  }
  .catering-title p{
    text-align: left;
  }
  .section-sponsors.mtpc-1col-section .mtpc-textarea p{
    font-size: 20px;
  }
  .section-sponsors.mtpc-1col-section .field__item:has( > .mtpc-block-textarea-block){
    margin-top: 10px; 
    margin-bottom: 0;
  }
  #block-mtpc-pagetitle .page-hero-header{
    height: 290px; 
  }
  .mtpc_pagetitle.mtpc_gallery h1{
    font-size: 34px;
    padding-top: 40px;
  }
  article.mtpc-single-album .mtpc_album_description{
    padding-bottom:40px;
  }
  .mtpc-image-caption--news{
    font-size: 20px;
    padding-top: 10px;
  }
  .section-hotel-wrapper.mtpc-1col-section{
    padding-top: 80px;
    padding-bottom: 40px;
  }
  .section-hotel-wrapper.mtpc-1col-section > div{
    gap: 40px 20px;
  }
  .mtpc-1col-section.section-hotel{
    width: calc(50% - 20px * 1 / 2);
  }
  .masonry.mtpc_masonry_items{
    min-height: 600px;
  }
  .mtpc-1col-item > .field__items:has( .presentation-formats-card){
    gap: 30px 20px;
  }
  .presentation-formats-card > .mtpc-textarea{
    padding: 18px;
  }
  .best-abstract-awards-card > .mtpc-textarea{
    padding: 30px;
  }
  .tab-content-body{
    padding: 30px 20px 40px;
  }
  .section-card-3-col .mtpc-1col-item .field__items{
    gap: 25px;
  }
  .textarea-block-card .mtpc-textarea,
  .section-card-3-col .textarea-block-card .mtpc-textarea{
    padding: 25px 25px;
  }
  table.tbl-line thead tr th,
  table.tbl-line tbody tr td{
    /*font-size: 18px;*/
    font-size: 14px;
    /*font-size: 16px;*/
  }
  .speakers-listing .field__items{
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px 20px;
  }
  .speakers-listing .mtpc_pl_item_wrapper .mtpc_pl_pic{
    max-width: 160px;
  }
  .speakers-listing .field__items > .field__item {
    padding: 0;
  }
}