/* by Creasant */
/* general start */
@media only screen and (max-width: 767px) {
  .space-mobile-top-80{padding-top: 80px;}
  .space-mobile-top-70{padding-top: 70px;}
  .space-mobile-top-60{padding-top: 60px;}
  .space-mobile-top-50{padding-top: 50px;}
  .space-mobile-top-40{padding-top: 40px;}
  .space-mobile-top-30{padding-top: 30px;}
  .space-mobile-top-20{padding-top: 20px;}
  .space-mobile-top-10{padding-top: 10px;}
  .space-mobile-top-0{padding-top: 0px;}
  .space-mobile-bottom-80{padding-bottom: 80px;}
  .space-mobile-bottom-70{padding-bottom: 70px;}
  .space-mobile-bottom-60{padding-bottom: 60px;}
  .space-mobile-bottom-50{padding-bottom: 50px;}
  .space-mobile-bottom-40{padding-bottom: 40px;}
  .space-mobile-bottom-30{padding-bottom: 30px;}
  .space-mobile-bottom-20{padding-bottom: 20px;}
  .space-mobile-bottom-10{padding-bottom: 10px;}
  .space-mobile-bottom-0{padding-bottom: 0px;}
  
  .mtpc-2col-section.l90_10 .mtpc-2col-section-wrapper>.mtpc-2col-item--1,
  .mtpc-2col-section.l90_10 .mtpc-2col-section-wrapper>.mtpc-2col-item--2,
  .mtpc-2col-section.l10_90 .mtpc-2col-section-wrapper>.mtpc-2col-item--1,
  .mtpc-2col-section.l10_90 .mtpc-2col-section-wrapper>.mtpc-2col-item--2,
  .mtpc-2col-section.l85_15 .mtpc-2col-section-wrapper>.mtpc-2col-item--1,
  .mtpc-2col-section.l85_15 .mtpc-2col-section-wrapper>.mtpc-2col-item--2,
  .mtpc-2col-section.l15_85 .mtpc-2col-section-wrapper>.mtpc-2col-item--1,
  .mtpc-2col-section.l15_85 .mtpc-2col-section-wrapper>.mtpc-2col-item--2,
  .mtpc-2col-section.l80_20 .mtpc-2col-section-wrapper>.mtpc-2col-item--1,
  .mtpc-2col-section.l80_20 .mtpc-2col-section-wrapper>.mtpc-2col-item--2,
  .mtpc-2col-section.l20_80 .mtpc-2col-section-wrapper>.mtpc-2col-item--1,
  .mtpc-2col-section.l20_80 .mtpc-2col-section-wrapper>.mtpc-2col-item--2 {
    width: 100%;
  }
  
  .mtpc-2col-section.col-2-gap-0 .mtpc-2col-section-wrapper>.mtpc-2col-item{margin-bottom: 0;}

}
/* general end */
@media only screen and (max-width: 767px) {
  h2{/*font-size: 42px;*/font-size: 36px;}
  h3{/*font-size: 40px;*/font-size: 34px;}
  h4{/*font-size: 32px;*/font-size: 26px;}
  h5{/*font-size: 28px;*/font-size: 22px;}
  h6{/*font-size: 22px;*/font-size: 20px;}
  p, li {
    font-size: 16px;
    margin-bottom: 15px;
  }
  a.color-button-2, a.color-button-3{
    font-size: 22px;
  }
  a.color-button-1{font-size: 20px;}
  ul.message-list{
    padding: 40px 40px 40px 40px;
    margin-top: 50px;
  }
  ul.message-list:before{
    top: -45px;
    left: calc(100% - 30px);
    width: 56px;
    transform: translateX(-100%) rotate(270deg) scaleX(-1);
    aspect-ratio: 56 / 56.5;
  }
  table.responsive-table-1 thead{
    display: none;
  }
  
  table.responsive-table-1 tbody tr{
    display: flex;
    flex-direction: column;
  }
  
  table.responsive-table-1 tbody tr td{
    padding: 3px 20px;
    border-bottom: none;
    width: 100% !important;
  }
  table.responsive-table-1 tbody tr td:first-child{
    padding-top: 12px;
    font-size: 18px;
  }
  table.responsive-table-1 tbody tr td:last-child{
    padding-bottom: 12px;
    border-bottom: 1px solid #F3F4F6;
  }
  
  table.responsive-table-3,
  table.responsive-table-2{
    border: none;
    line-height: 1.2;
  }
  
  table.responsive-table-3 thead,
  table.responsive-table-2 thead{
    display: none;
  }
  
  table.responsive-table-3 tbody tr,
  table.responsive-table-2 tbody tr{
    display: flex;
    flex-direction: column;
  }
  
  table.responsive-table-3 tbody td{
    align-items: center;
  }
  
  table.responsive-table-2 tbody td{
    align-items: flex-start;
  }
  
  table.responsive-table-3 tbody td,
  table.responsive-table-2 tbody td{
    padding: 20px 20px;
    display: flex;
    position: relative;
  }
  
  table.responsive-table-3 tbody td:before,
  table.responsive-table-2 tbody td:before{
    content: attr(data-table-label);
    min-width: 125px;
    max-width: 125px;
    display: inline-block;
    text-wrap-style: balance;
    margin-right: 10px;
    padding-right: 10px;
    color: #572D8A;
    font-weight: 700;
  }
  
  table.responsive-table-3 tbody td:after,
  table.responsive-table-2 tbody td:after{
    content: '';
    position: absolute;
    left: 145px;
    top: 0;
    height: 100%;
    border-right: 1px solid #D1D5DB;
  }
  
  table.responsive-table-3 tbody tr:has( .td-head){
    margin-top: 20px;
  }
  
  table.responsive-table-2 tbody tr:has( .td-head){
    margin-top: 20px;
  }
  table.responsive-table-3 tbody tr:first-child,
  table.responsive-table-2 tbody tr:first-child{
    margin-top: 0px;
  }
  
  table.responsive-table-3 tbody td.td-head{
    background-color: #f3f4f6;
    border-bottom: 1px solid #000000;
  }
  
  table.responsive-table-3 tbody td.td-head:after{
    display: none;
  }
  
  table.tbl-border th{
    font-size: 13px;
    padding: 10px;
  }
  table.tbl-border td{
    font-size: 14px;
    padding: 10px;
  }
  
  body footer{
    margin-top: 50px;
  }
  
  header .config_pages--type--header-block .mobile_menu_wrapper .mobile_navigation .cnt_close_menu_button {
     padding: 30px 30px 0; 
  }
  
  header .config_pages--type--header-block .mobile_menu_wrapper .mobile_navigation>ul.menu>li>a, header .config_pages--type--header-block .mobile_menu_wrapper .mobile_navigation>ul.menu>li>span {
    width: calc(100% - 60px);
  }
  
  .five-image-grid .mtpc-block-image-grid-item-wrapper{
    flex-wrap: wrap;
    /*gap: 15px 18px;*/
    gap: 23px;
    justify-content: center;
  }
  
  .five-image-grid .mtpc-block-image-grid-item-wrapper>.mtpc-image-grid-block-item.mtpc-image-grid-block-item--7 {
    max-width: 245px;
  }
  .five-image-grid .mtpc-block-image-grid-item-wrapper>.mtpc-image-grid-block-item.mtpc-image-grid-block-item--8 {
    max-width: 120px;
  }
  
  
  .section-background-image-size-wide.mtpc-1col-section {
    min-height: 677px;
    padding-top: 60px;
    /*padding-bottom: 60px;*/
  }
  
  .section-background-image-size-wide.mtpc-1col-section .mtpc-1col-section-wrapper{
    padding-left: 5px;
    padding-right: 5px;
  }

  .section-brain-background-height.mtpc-2col-section{
    /*min-height: 0;*/
    /*padding-top: 380px;*/
    background-color: #59338f;
    background-position-y: -4px;
  }
  
  .mobile-border-image{
    border-radius: 10px;
    overflow: hidden;
  }
  
  .bg-position-x-mobile-right{
    background-position-x: right;
  }
  
  .field__item:has( > .date-card){
    flex: 1 1 100%;
  
  }
  
  header .mtpc_header .header .wrapper .logos .logos_left .logo_one{
    display: block;
  }
  
  header .mtpc_header .header .wrapper .logos .logos_left .logo_two{
    display: none;
  }
  
  header .mtpc_header .header .wrapper .logos .logos_container{
    height: 25px;
  }
  
  header .mtpc_header .header .wrapper .logos .logos_left .logo_one img{
    height: 60px;
    margin-top: 5px;
  }
  
  /*#block-mtpc-footerinformation .block-body,*/
  .mtpc_footer .footer_left, .mtpc_footer .wrapper .footer_desktop{
    justify-content: flex-start;
  }
  
  .mtpc_footer .footer_menu_text {
    text-align: left;
  }
  body footer > .wrapper{
    padding-top: 10px;
  }
  .mtpc_footer{
    /*background: url(/sites/default/files/2025-09/footer-background%20mobile_0.png);*/
    /*background: url(/sites/default/files/2025-09/footer-background%20mobile%202.png);*/
    /*background-position: 50% 0px;*/
    /*background-repeat: no-repeat;*/
    /*background-color: #5e4282;*/
    /*height: auto;*/
    /*background-size: 100%;*/
    /*padding-top: 64%;*/
    /*align-items: flex-start;*/
    background-image: url(/sites/default/files/2025-10/m.footer_image_767px.svg);
    padding-top: 50px;
  }
  #block-mtpc-footerinformation .block-body .field--name-field-logo{
    gap: 25px;
    flex-wrap: wrap;
    justify-content: center;
  }
  #block-mtpc-footerinformation .block-body .field--name-field-contact{
    margin-right: 60px;
  }
  .footer-mobile-size-1{width: 40.51vw;}
  .footer-mobile-size-2{width: 32.30vw;}
  .footer-mobile-size-3{width: 16.15vw;}
  .footer-mobile-size-4{width: 29.23vw;}
  .footer-mobile-size-5{width: 16.23vw;}
  .footer-mobile-size-6{width: 56.30vw;}
  .footer-mobile-size-7{width: 22.30vw;}
  
  .mtpc_footer .footer_text p{
    font-size: 18px;
    line-height: 1.4;
  }
  .mtpc_footer a:hover, .mtpc_footer a, .mtpc_footer .footer_text p:last-child {
    font-size: 14px;
  }
  #block-mtpc-footerinformation .block-body .field--name-field-contact h6{
    font-size: 14px;
  }
  #block-mtpc-footerinformation .block-body .field--name-field-contact span.mail-icon, #block-mtpc-footerinformation .block-body .field--name-field-contact span.calendar-icon, 
  #block-mtpc-footerinformation .block-body .field--name-field-contact span.location-icon, #block-mtpc-footerinformation .block-body .field--name-field-contact p, 
  #block-mtpc-footerinformation .block-body .field--name-field-contact a{
    font-size: 12px;    
    margin-bottom: 8px;
  }
  #block-mtpc-footerinformation .block-body .field--name-field-contact span.mail-icon:before,
  #block-mtpc-footerinformation .block-body .field--name-field-contact span.calendar-icon:before,
  #block-mtpc-footerinformation .block-body .field--name-field-contact span.location-icon:before{
    top: -2px;
  }
  
  .section-tab-list.mtpc-1col-section{
    padding: 20px 00px 30px;
  }
  
  .section-tab-list ul{
    padding: 15px;
    align-items: stretch;
  }
  .section-tab-list ul li{
    width: 50%;
  }
  .section-tab-list .tab-item{
    font-size: 13.5px;
    padding: 12px;
    height: calc(100% - 24px);
    display: flex;
    align-items: center;
    justify-content: center;
    /*text-align: center;*/
  }
  /*.page-title h1,*/
  #block-mtpc-pagetitle-2 .content > p, #block-mtpc-pagetitle .content > *:last-child,
  .mtpc-pageTitle-block h1{
    font-size: 24px;
  }
  .page-title h1{
    margin-top: 40px; 
  }
  .mtpc-pageTitle-block .pagetitle_breadcrumbs{
    display: none;
  }
  .five-image-grid.map-list .mtpc-block-image-grid-item-wrapper{
    padding: 25px 10px;
  }
  .five-image-grid.map-list .mtpc-block-image-grid-item-wrapper>.mtpc-image-grid-block-item{
    width: 80%;
    min-width: fit-content;
  }
  .section-background-image-hkust.mtpc-1col-section{
    margin-top: -50px;
  }
  .mobile-full-width-image{
    margin-left: -15px;
    margin-right: -15px;
    border-radius: 0;
  }
  #block-mtpc-pagetitle-2{
    display: block;
  }
  #block-mtpc-pagetitle{
    display: none;
  }
  #block-mtpc-pagetitle-2 .page-hero-header{
    height: 160px;
  }
  .mtpc_pagetitle.mtpc_gallery h1{
    font-size: 24px;
    padding-top: 20px;
  }
  article.mtpc-single-album .mtpc_album_description{
    padding-bottom: 20px;
  }
  .mtpc-image-caption--news{
    font-size: 18px;
    padding-top: 8px;
  }
  .view-id-mtpc_albums .view-content .views-row.album_grid_item.mtpc_masonry_item:nth-child(odd),
  article.mtpc-single-album .mtpc_album_photos.albumActiveMasonry .mtpc_masonry_items>.mtpc_masonry_item:nth-child(odd){
    transform: translateY(0);
  }
  .right-col-background-white.mtpc-2col-section .mtpc-2col-section-wrapper>.mtpc-2col-item--2 > div.field{
    padding: 20px 15px;
  }
  .section-hotel-wrapper.mtpc-1col-section{
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .section-hotel-wrapper.mtpc-1col-section > div{
    gap: 30px 20px;
  }
  .mtpc-1col-section.section-hotel{
    width: 100%;
  }
  
  .section-sponsors.platinum.mtpc-1col-section .field__item:has( > .mtpc-block-image-block){  width: calc(50% - 40px*1/2);}
  .section-sponsors.gold.mtpc-1col-section .field__item:has( > .mtpc-block-image-block){  width: calc(33.33% - 18px*2/3);}
  .section-sponsors.silver.mtpc-1col-section .field__item:has( > .mtpc-block-image-block){  width: calc(25% - 22px*3/4);}
  .section-sponsors.bronze.mtpc-1col-section .field__item:has( > .mtpc-block-image-block){  width: calc(25% - 18px*3/4);}

  
  p.message-title {
    line-height: 45px;
  }
  
  table.tbl-noborder{
    border: none;
  }
  table.tbl-noborder tr{
    display: flex;
    flex-direction: column;
  }
  table.tbl-noborder.procedure tr{
    align-items: center;
  }
  
  .field__item:has( > .presentation-formats-card){
    flex: 1 1 100%;
  }
  
  .section-gradient-background-color{
    background: linear-gradient(0deg, #65C4E9 19.5%, #572D8A 76.77%);
  }
  
  .section-tab-content.mtpc-1col-section{
    padding-top: 0;
    padding-bottom: 35px;
  }
  .tab-content-body,
  .section-tab-content .tab-content-head{
    display: block !important;
  }
  .desktop-tab-content-head{
    display: none;
  }
  
  .section-card-3-col .mtpc-1col-item .field__items{
    grid-template-columns: 1fr;
    gap: 40px;
  }
  
  table.tbl-line thead tr th,
  table.tbl-line tbody tr td{
    /*font-size: 18px;*/
    /*font-size: 14px;*/
    font-size: 16px;
  }
  .section-card-style.mtpc-1col-section .mtpc-1col-section-wrapper{
    padding: 40px 20px;
  }
  .section-card-style.mtpc-2col-section .mtpc-2col-section-wrapper{
    padding: 40px 20px 30px;
  }
  li.list-marker-color1.purple{
    /*font-size: 18px;*/
    font-size: 16px;
  }
  
  .section-card-style.mtpc-1col-section .mtpc-1col-section-wrapper, .section-card-style.mtpc-2col-section .mtpc-2col-section-wrapper, .textarea-block-card{
    box-shadow: 0px 4px 6px 0px #0000001A;
  }
  
    .section-card-style.mtpc-1col-section .mtpc-1col-section-wrapper{
    padding: 30px 20px;
  }
  .section-card-style.mtpc-2col-section .mtpc-2col-section-wrapper{
    padding: 30px 20px 20px;
  }
  .section-orange-card-style .mtpc-1col-section-wrapper > .mtpc-1col-item{
    padding: 40px 20px;
    gap: 30px 20px;
    flex-wrap: wrap;
  }
  .section-orange-card-style .mtpc-1col-section-wrapper > .mtpc-1col-item > .field__item{
    width: calc(45% - 10px);
  }
  .section-orange-card-style .mtpc-1col-section-wrapper > .mtpc-1col-item > .field__item:has(> .section-card-block-title){
    display: flex;
    width: calc(55% - 10px);
    align-items: center;
  }
  .section-orange-card-style .mtpc-1col-section-wrapper > .mtpc-1col-item > .card-content-wrapper{
    width: 100%;
    gap: 20px 0;
  }
  .section-orange-card-style .card-content-header{
    gap: 30px 20px;
    flex-direction: column;
  }
  .section-orange-card-style .mtpc-1col-section-wrapper > .mtpc-1col-item > .field__item:has(.card-block-tablet){
    display: block;
  }
  .section-orange-card-style .mtpc-1col-section-wrapper > .mtpc-1col-item > .field__item:has(.card-block-desktop),
  .section-orange-card-style .card-text-wrapper .section-card-block-title{
    display: none;
  }
  .section-orange-card-style .card-text-wrapper,
  .section-orange-card-style .card-box-wrapper{
    width: 100%;
  }
  .section-orange-card-style.init > .mtpc-1col-section-wrapper{
    margin-left: -15px;
    margin-right: -15px;
  }
  .section-orange-card-style .card-box-wrapper > .field__item{
    padding: 25px 5px;
  }
  
  .speakers-listing .field__items{
    grid-template-columns: 1fr 1fr;
    gap: 30px 10px;
  }
  .speakers-listing .mtpc_pl_item_wrapper .mtpc_pl_pic{
    max-width: 130px;
  }
  .speakers-listing .field__items > .field__item {
    padding: 0;
  }
  .speakers-listing .mtpc_pl_item_wrapper .mtpc_pl_texts .mtpc_profile_name_container > a, .speakers-listing .mtpc_pl_item_wrapper .mtpc_pl_texts .mtpc_profile_name_container{
    font-size: 14px;
  }
  
  .submission-guidelines .border-list {
    padding-left: 15px;
  }
}

@media only screen and (max-width: 620px) {
    
  .index-banner-text-desktop,
  .index-banner-logo-desktop,
  .index-banner-desktop{
    display: none;
  }
  
  .index-banner-text-mobile,
  .index-banner-logo-mobile,
  .index-banner-mobile{
    display: block;
  }
  

}

@media only screen and (max-width: 600px) {
  .section-important-dates-body.mtpc-1col-section .mtpc-1col-item--1 .field__items   {
    flex-wrap: wrap;
  }
  
  .section-background-image-size-wide.mtpc-1col-section {
    padding-bottom: 385px;
  }
}

@media only screen and (max-width: 560px) {
  .mtpc_footer {
    height: 325px;
  }
}

@media only screen and (max-width: 500px) {
  .mtpc_footer .footer_menu_text{
    text-wrap-style: balance;
  }
  
  span.mail-icon, span.location-icon, span.calendar-icon, span.mouse-icon {
    font-size: 18px;
    margin-bottom: 5px;
  }
  
  .catering-item-card{
    width: 100%;
    max-width: 290px;
  }
  
  .catering-item .mtpc-textarea ul{
    display: none;
  }
  
  .section-catering.mtpc-1col-section{
    background-position: -275px top;
    background-size: auto;
  }
  .section-catering.mtpc-1col-section:before{
    background: linear-gradient(180deg, #00000066 1250px, rgba(46, 44, 40, 0) 0%, #2E2C28 23.17%);
  }
  
  .mtpc-1col-section.section-hotel .field--name-field-mod-1-col-container > .field__item:has( .hotel-image){
    order: -1;
  }
  .mtpc-1col-section.section-hotel .field--name-field-mod-1-col-container > .field__item:has( .hotel-image), 
  .mtpc-1col-section.section-hotel .field--name-field-mod-1-col-container > .field__item:has( .hotel-details){
    width: 100%;
  }
  
  .section-sponsors.platinum.mtpc-1col-section .field__item:has( > .mtpc-block-image-block){  width: calc(50% - 40px*1/2);}
  .section-sponsors.gold.mtpc-1col-section .field__item:has( > .mtpc-block-image-block){  width: calc(33.33% - 18px*2/3);}
  .section-sponsors.silver.mtpc-1col-section .field__item:has( > .mtpc-block-image-block){  width: calc(33.33% - 22px*2/3);}
  .section-sponsors.bronze.mtpc-1col-section .field__item:has( > .mtpc-block-image-block){  width: calc(33.33% - 18px*2/3);}
  
  .section-card-block-title p{
    font-size: 30px;
  }
}

@media only screen and (max-width: 433px) {
  .mtpc_footer .footer_text p * {
    display: inline-block;
    margin-right: 1px;
  }
}


@media only screen and (max-width: 400px) {
  span.mail-icon, span.location-icon, span.calendar-icon, span.mouse-icon {
    font-size: 16px;
  }
}

@media only screen and (max-width: 375px) {
  a.color-button-2, a.color-button-3{
    font-size: 20px;
    padding: 15px 20px;
    min-width: 185px;
  }
  #block-mtpc-footerinformation .block-body .field--name-field-contact{
    margin-right: 10px;
  }
}