/* by Creasant */
/* General start */
@media only screen and (min-width: 768px){
  .mtpc-2col-section.section-width-1500 .mtpc-2col-section-wrapper,
  .mtpc-1col-section.section-width-1500 .mtpc-1col-section-wrapper{
    max-width: 1500px;
  }
  .mtpc-2col-section.section-width-1120 .mtpc-2col-section-wrapper,
  .mtpc-1col-section.section-width-1120 .mtpc-1col-section-wrapper{
    max-width: 1120px;
  }
  
  /*.mtpc-2col-section.col-2-gap-0 .mtpc-2col-section-wrapper{width: calc(100% + 20px);}*/
  .mtpc-2col-section.col-2-gap-0 .mtpc-2col-section-wrapper>.mtpc-2col-item--1{flex: 1;}
  .mtpc-2col-section.col-2-gap-0 .mtpc-2col-section-wrapper>.mtpc-2col-item--2{flex: 1;}
  
  .mtpc-2col-section.col-2-gap-0 .mtpc-2col-section-wrapper>.mtpc-2col-item--2{margin-left: 0px;}
  .mtpc-2col-section.col-2-gap-30 .mtpc-2col-section-wrapper>.mtpc-2col-item--2{margin-left: 20px;}
  .mtpc-2col-section.col-2-gap-40 .mtpc-2col-section-wrapper>.mtpc-2col-item--2{margin-left: 25px;}
  .mtpc-2col-section.col-2-gap-50 .mtpc-2col-section-wrapper>.mtpc-2col-item--2{margin-left: 30px;}
  .mtpc-2col-section.col-2-gap-60 .mtpc-2col-section-wrapper>.mtpc-2col-item--2{margin-left: 40px;}
  
  .mtpc-2col-section.col-2-gap-0.row_reverse .mtpc-2col-section-wrapper>.mtpc-2col-item--2{margin-right: 0px;margin-left: 0;}
  .mtpc-2col-section.col-2-gap-30.row_reverse .mtpc-2col-section-wrapper>.mtpc-2col-item--2{margin-right: 20px;margin-left: 0;}
  .mtpc-2col-section.col-2-gap-40.row_reverse .mtpc-2col-section-wrapper>.mtpc-2col-item--2{margin-right: 25px;margin-left: 0;}
  .mtpc-2col-section.col-2-gap-50.row_reverse .mtpc-2col-section-wrapper>.mtpc-2col-item--2{margin-right: 30px;margin-left: 0;}
  .mtpc-2col-section.col-2-gap-60.row_reverse .mtpc-2col-section-wrapper>.mtpc-2col-item--2{margin-right: 40px;margin-left: 0;}

  .mtpc-2col-section.cbsa-research-col-2-section .mtpc-2col-section-wrapper>.mtpc-2col-item--1{width:auto;min-width:50%;}
  .mtpc-2col-section.cbsa-research-col-2-section .mtpc-2col-section-wrapper>.mtpc-2col-item--2{width:auto;margin-right:15px;}
  .mtpc-2col-section.cbsa-research-col-2-section.row_reverse .mtpc-2col-section-wrapper>.mtpc-2col-item--1{width:auto;min-width:50%;}
  .mtpc-2col-section.cbsa-research-col-2-section.row_reverse .mtpc-2col-section-wrapper>.mtpc-2col-item--2{width:auto;margin-left:30px;}
  /*  */
  .mtpc-3col-section.col-3-gap-15 .mtpc-3col-section-wrapper>.mtpc-3col-item{flex-basis: calc(50% - 10px*1/2);margin-right: 10px;}
  .mtpc-3col-section.col-3-gap-80 .mtpc-3col-section-wrapper>.mtpc-3col-item{flex-basis: calc(50% - 40px*1/2);margin-right: 40px;}
  
  .mtpc-3col-section.col-3-gap-15 .mtpc-3col-section-wrapper>.mtpc-3col-item--2{margin-right: 0px;}
  .mtpc-3col-section.col-3-gap-80 .mtpc-3col-section-wrapper>.mtpc-3col-item--2{margin-right: 0px;}
  
  /*.mtpc-3col-section.tablet-col-3 .mtpc-3col-section-wrapper>.mtpc-3col-item{flex-basis: calc(33.33% - 10px*1/2);margin-right: 10px;}*/
  .mtpc-3col-section.tablet-col-3.col-3-gap-15 .mtpc-3col-section-wrapper>.mtpc-3col-item{flex-basis: calc(33.33% - 10px*2/3);margin-right: 10px;}
  .mtpc-3col-section.tablet-col-3.col-3-gap-80 .mtpc-3col-section-wrapper>.mtpc-3col-item{flex-basis: calc(33.33% - 30px*2/3);margin-right: 30px;}
  
  /*.mtpc-3col-section.tablet-col-3 .mtpc-3col-section-wrapper>.mtpc-3col-item--3{margin-right: 0px;}*/
  .mtpc-3col-section.tablet-col-3.col-3-gap-15 .mtpc-3col-section-wrapper>.mtpc-3col-item--3{margin-right: 0px;}
  .mtpc-3col-section.tablet-col-3.col-3-gap-80 .mtpc-3col-section-wrapper>.mtpc-3col-item--3{margin-right: 0px;}
}
@media only screen and (min-width: 1000px){
  .mtpc-3col-section.col-3-gap-15 .mtpc-3col-section-wrapper>.mtpc-3col-item{flex-basis: calc(33.3% - 15px*2/3);margin-right: 15px;}
  .mtpc-3col-section.col-3-gap-80 .mtpc-3col-section-wrapper>.mtpc-3col-item{flex-basis: calc(33.3% - 80px*2/3);margin-right: 80px;}
  
  .mtpc-3col-section.col-3-gap-15 .mtpc-3col-section-wrapper>.mtpc-3col-item--3{margin-right: 0px;}
  .mtpc-3col-section.col-3-gap-80 .mtpc-3col-section-wrapper>.mtpc-3col-item--3{margin-right: 0px;}
  
  .mtpc-3col-section.tablet-col-3.col-3-gap-15 .mtpc-3col-section-wrapper>.mtpc-3col-item{flex-basis: calc(33.33% - 15px*2/3);margin-right: 15px;}
  .mtpc-3col-section.tablet-col-3.col-3-gap-80 .mtpc-3col-section-wrapper>.mtpc-3col-item{flex-basis: calc(33.33% - 80px*2/3);margin-right: 80px;}
  
  .mtpc-3col-section.tablet-col-3.col-3-gap-15 .mtpc-3col-section-wrapper>.mtpc-3col-item--3{margin-right: 0px;}
  .mtpc-3col-section.tablet-col-3.col-3-gap-80 .mtpc-3col-section-wrapper>.mtpc-3col-item--3{margin-right: 0px;}
}
@media only screen and (min-width: 1180px){
  .mtpc-2col-section.col-2-gap-30 .mtpc-2col-section-wrapper>.mtpc-2col-item--2{margin-left: 30px;}
  .mtpc-2col-section.col-2-gap-40 .mtpc-2col-section-wrapper>.mtpc-2col-item--2{margin-left: 40px;}
  .mtpc-2col-section.col-2-gap-50 .mtpc-2col-section-wrapper>.mtpc-2col-item--2{margin-left: 50px;}
  .mtpc-2col-section.col-2-gap-60 .mtpc-2col-section-wrapper>.mtpc-2col-item--2{margin-left: 60px;}
  
  .mtpc-2col-section.col-2-gap-30.row_reverse .mtpc-2col-section-wrapper>.mtpc-2col-item--2{margin-right: 30px;margin-left: 0;}
  .mtpc-2col-section.col-2-gap-40.row_reverse .mtpc-2col-section-wrapper>.mtpc-2col-item--2{margin-right: 40px;margin-left: 0;}
  .mtpc-2col-section.col-2-gap-50.row_reverse .mtpc-2col-section-wrapper>.mtpc-2col-item--2{margin-right: 50px;margin-left: 0;}
  .mtpc-2col-section.col-2-gap-60.row_reverse .mtpc-2col-section-wrapper>.mtpc-2col-item--2{margin-right: 60px;margin-left: 0;}
}
/* General end */
@media only screen and (min-width: 1000px){
  body.path-node.page-node-type-events{
    background-image: url(https://cbsa.docker-uat01.ust.hk/sites/default/files/2026-05/Bkg%20for%20multiple%20pages%20v2.png);
  }
  body.path-node.page-node-type-news{
    background-image: url(https://cbsa.docker-uat01.ust.hk/sites/default/files/2026-05/Media%20Detail%20Bkg.png);
  }
  body.path-news{
    background-image: url(https://cbsa.docker-uat01.ust.hk/sites/default/files/2026-05/Media%20Bkg.png);
  }
  article.mtpc-news-article .mtpc_news_images{
    max-width: -webkit-calc(100% - 360px);
    max-width: -moz-calc(100% - 360px);
    max-width: calc(100% - 360px);
    margin: 0;
  }
}
@media only screen and (max-width: 1600px) {
  .event-listing-head{
    max-width: 1280px;
    margin: auto;
  }
  .event-listing-head .views-exposed-form .form--inline .form-item:last-child,
  .event-listing-head .views-exposed-form .form--inline .form-item{
    margin-right: 0;
  }
}
@media only screen and (max-width: 1500px) {
  .mtpc-block-slideshow-block.cbsa-slideshow-block{
    width: calc(100% - 150px);
    margin: auto;
  }
  .cbsa-slideshow-block.mtpc-block-slideshow-block .slick-arrow.slick-prev{
    left: -65px;
  }
  .cbsa-slideshow-block.mtpc-block-slideshow-block .slick-arrow.slick-next{
    right: -65px;
  }
  .cbsa-page-head-background .field__item > img{
    min-height: 330px;
  }
}

@media only screen and (max-width: 1180px) {
  header .mtpc_header .top-header .wrapper .top_head_right .top_links {
    display: block;
  }
  
  header .config_pages--type--header-block .mobile_menu_wrapper .mobile_navigation .top_links{
    display: none;
  }
  
  header .mtpc_header .header .wrapper .logos .logos_left.three_exists{
    width: 100%;
  }
  
  header .mtpc_header .header .wrapper .logos .logos_left .logo_three{
    margin-left: auto;
    margin-right: 20px;
  }
  
  .region-footer-right .field--name-field-logo,
  .region-footer-right .field--name-body *{
    max-width: 100%;
  }
  
  .region-footer-right .field--name-field-background-image{
    position: unset;
    width: 85%;
    max-width: 308px;
    margin-left: auto;
  }
  
  .region-footer-right .block .block-body{
    padding: 40px 30px 0px 40px;
  }
  
  .region-footer-left ul.menu{
    gap: 13px 80px;
    padding-left: 30px;
    padding-right: 40px;
  }
  
  .region-footer-left ul.menu li{
    width: calc(50% - 80px / 2);
  }
}