/* by Creasant */
/* general start */
@media only screen and (max-width: 767px) {
  .space-mobile-top-120{padding-top: 120px;}
  .space-mobile-top-110{padding-top: 110px;}
  .space-mobile-top-100{padding-top: 100px;}
  .space-mobile-top-90{padding-top: 90px;}
  .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-120{padding-bottom: 120px;}
  .space-mobile-bottom-110{padding-bottom: 110px;}
  .space-mobile-bottom-100{padding-bottom: 100px;}
  .space-mobile-bottom-90{padding-bottom: 90px;}
  .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: 46px;*/
    /*font-size: 38px;*/
    font-size: 32px;
    /*font-size: 26px;*/
  }
  h3{
    /*font-size: 38px;*/
    /*font-size: 32px;*/
    font-size: 26px;
  }
  h4{
    /*font-size: 28px;*/
    /*font-size: 24px;*/
    font-size: 22px;
  }
  h5{
    /*font-size: 24px;*/
    /*font-size: 22px;*/
    font-size: 19px;
  }
  h6{
    /*font-size: 20px;*/
    font-size: 18px;
  }
  p{
    /*font-size: 21px;*/
    /*font-size: 18px;*/
    /*font-size: 16px;*/
  }
  p.small-text{
    /*font-size: 16px;*/
    font-size: 15px;
    margin-bottom: 5px;
  }
  h2.page-title{
    /*font-size: 56px;*/
    /*font-size: 48px;*/
    font-size: 34px;
  }
  span.inline-h4{
    /*font-size: 28px;*/
    /*font-size: 24px;*/
    /*font-size: 22px;*/
    font-size: 18px;
  }
  a.text-btn{
    font-size: 14px;
    /*padding: 10px 15px;*/
    padding: 10px 13px;
  }
  small{
    /*font-size: 15px; */
    font-size: 14px; 
  }
}
@media only screen and (max-width: 767px){
  .textarea-block-left-background-color{
    width: auto;
    padding: 30px 0px 10px 0;
    min-width: unset;
  }
  .textarea-block-left-background-color:after{
    visibility: hidden;
  }
  .textarea-block-left-background-color:before{
    width: auto;
    right: -15px;
    left: -15px;
    bottom: -150px;
  }
  .presidents-speeches-listing .view-content{
    grid-template-columns: 1fr;
  }
  .presidents-speeches-listing .item-speech{
    min-height: 300px;
  }
  .presidents-speeches-listing .item-speech .title{
    font-size: 20px;
  }
  .presidents-speeches-listing .item-speech .date{
    font-size: 14px;
  }
  .presidents-speeches-listing .item-speech .description p{
    font-size: 16px;
  }
  .presidents-speeches-listing .pager__items{
    margin: 60px 0 0 0;
  }
  .presidents-speeches-listing .pager__item{
    min-width: 40px;
  }
  .presidents-speeches-listing .pager__items .pager__item--previous{
    margin-left: -40px;
  }
  .presidents-speeches-listing .pager__items .pager__item--next{
    margin-right: -40px;
  }
  .page-node-type-mtpc-gallery .region-breadcrumb .block-system-breadcrumb-block,
  .page-node-type-news .region-breadcrumb .block-system-breadcrumb-block,
  .page-node-type-president-s-speeches .region-breadcrumb .block-system-breadcrumb-block{
    display: block;
  }
  .page-node-type-president-s-speeches .block-field-blocknodepresident-s-speechesfield-speeches-date > .wrapper{
    padding-bottom: 30px;
  }
  .page-node-type-president-s-speeches .block-field-blocknodepresident-s-speechesfield-details-thumbnail > .wrapper{
    position: unset;
    padding-top: 0px;
  }
  .page-node-type-president-s-speeches .block-field-blocknodepresident-s-speechesfield-details-thumbnail > .wrapper > .block-body{
    padding: 0 25px;
  }
  .page-node-type-president-s-speeches .field--name-field-details-thumbnail{
    max-width: unset;
    width: 100%;
    margin-left: -25px;
  }
  .page-node-type-president-s-speeches .field--name-field-details-thumbnail:after{
    top: 0;
    left: 0;
    height: unset;
    bottom: 0;
  }
  .page-node-type-president-s-speeches .field--name-field-details-content{
    margin-top: 0px;
    padding-bottom: 50px;
  }
  .page-node-type-president-s-speeches .region-breadcrumb{
    padding: 0 30px;
  }
  .page-node-type-president-s-speeches .field--name-field-details-content,
  .page-node-type-president-s-speeches .field--name-field-speeches-date,
  .page-node-type-president-s-speeches .mtpc_pagetitle h1{
    margin: 0 10px;
    width: auto;
  }
  .page-node-type-president-s-speeches .field--name-field-details-content:before{
    display: none;
  }
  .page-node-type-mtpc-gallery .mtpc_pagetitle.mtpc_gallery h1,
  .page-node-type-news .mtpc_pagetitle.mtpc_news h1,
  .page-node-type-president-s-speeches .mtpc_pagetitle h1{
    font-size: 26px;
  }
  .region-breadcrumb .block-system-breadcrumb-block .breadcrumb ol li a,
  .region-breadcrumb .block-system-breadcrumb-block .breadcrumb ol li{
    font-size: 14px;
  }
  .page-node-type-mtpc-gallery article.mtpc-single-album .album-main-date,
  .page-node-type-news article.mtpc-news-article .mtpc_news_date,
  .page-node-type-president-s-speeches .field--name-field-speeches-date{
    font-size: 14px;
  }
  .in-the-news-listing .item-news{
    flex-direction: column;
    align-items: flex-start;
    margin: 0 -15px;
    padding: 30px 20px 40px;
    border-bottom: 2px solid #D9D9D9;
    gap: 13px;
  }
  .in-the-news-listing .thumbnail{
    max-width: unset;
  }
  .in-the-news-listing .view-content-item{
    margin-bottom: 0;
  }
  .photos-videos-listing .view-id-mtpc_albums .view-content .album_grid_items {
    grid-template-columns: 1fr;
    gap: 30px 15px;
  }
  .photos-videos-listing .view-id-mtpc_albums .mtpc_album_footer .pager .pager__item, .in-the-news-listing .pager__item, .presidents-speeches-listing .pager__item {
    min-width: 40px;
  }
  .photos-videos-listing .mtpc-album-date{
    font-size: 14px;
  }
  .block-left-padding {
    padding-left: 0px;
  }
  .left-side-line .mtpc-1col-section .mtpc-1col-section-wrapper:before, 
  .left-side-line .mtpc-2col-section .mtpc-2col-section-wrapper:before{
    visibility: hidden;
  }
  .textarea-block-quotes-background{
    padding: 70px 0px 30px;
  }
  .textarea-block-quotes-background:before {
    top: 15px;
    left: -15px;
  }
  .textarea-block-background-title .mtpc-textarea{
    margin-top: 0px;
  }
  html[lang="zh-hans"] .textarea-block-background-title p,
  html[lang="zh-hant"] .textarea-block-background-title p {
    font-size: 10vw;
    margin: 0 -15px 0 -15px;
    letter-spacing: -1.5px;
  }
  .textarea-block-background-title p{
    font-size: 10.3vw;
    margin: 0 -18px 0 -15px;
    text-align: justify;
    letter-spacing: normal;
  }
  .textarea-block-mobile-text-align-center{
    text-align: center;
  }
  .textarea-block-index-welcome-box{
    padding-left: 0;
    max-width: unset;
  }
  .textarea-block-index-welcome-box p:has( a.text-btn){
    display: flex;
  }
  .textarea-block-index-welcome-box a.text-btn,
  .textarea-block-index-welcome-box strong:has( > a.text-btn){
    flex: 1;
    display: flex;
    justify-content: center;
  }
  .mtpc-1col-section:has( .slideshow-block-president){
    margin-top: 0px;
  }
  .mtpc-1col-section:has( .slideshow-block-president)::before{
    visibility: hidden;
  }
  .image-block-blue-left-background{
    margin: 0 -15px 0 25px;
  }
  .slideshow-block-president.mtpc-block-slideshow-block{
    padding: 10px 0 15px;
  }
  .slideshow-block-president.mtpc-block-slideshow-block .mtpc_slide_item_container{
    flex-direction: column-reverse;
  }
  .slideshow-block-president.mtpc-block-slideshow-block .mtpc_slide_item_container > *{
    width: 100%;
  }
  .slideshow-block-president.mtpc-block-slideshow-block .mtpc_slide_item_container > *:last-child{
    width: calc(100% + 30px);
    margin: 0 -15px;
  }
  .slideshow-block-president.mtpc-block-slideshow-block .slide-text{
    padding: 0;
  }
  .slideshow-block-president.mtpc-block-slideshow-block .slide-text .text_container{
    padding-top: 50px;
    padding-bottom: 30px;
  }
  .slideshow-block-president.mtpc-block-slideshow-block .slick-dots,
  .gallery-slideshow-listing .slick-dots,
  .in-the-news-slideshow-listing .slick-dots{
    display: flex;
    justify-content: center;
    gap: 25px;
    width: 100%;
    position: unset;
  }
  .slideshow-block-president.mtpc-block-slideshow-block .slick-dots{
    position: relative;
  }
  .slideshow-block-president.mtpc-block-slideshow-block .slick-dots > .field__item{
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    margin: 0;
    text-align: center;
    transform: translateY(100%);
  }
  .gallery-slideshow-listing .slick-dots,
  .in-the-news-slideshow-listing .slick-dots{
    padding-top: 35px;
  }
  .gallery-slideshow-listing .slick-dots li{
    margin: 0;
    border: 0px solid #aaaaaa;
    background-color: #44444480;
    width: 12px;
    height: 12px;
  }
  .in-the-news-slideshow-listing .slick-dots li{
    margin: 0;
    border: 0px solid #aaaaaa;
    background-color: #FFFFFF80;
    width: 12px;
    height: 12px;
  }
  .gallery-slideshow-listing .slick-dots li.slick-active{
    border: 0px solid #aaaaaa;
    background-color: #444444;
  }
  .in-the-news-slideshow-listing .slick-dots li.slick-active{
    border: 0px solid #aaaaaa;
    background-color: #ffffff;
  }
  .gallery-slideshow-listing .slick-dots li button:before,
  .in-the-news-slideshow-listing .slick-dots li button:before{
    display: none;
  }
  .index-presidents-speeches-listing .view-footer,
  .in-the-news-slideshow-listing .view-footer,
  .gallery-slideshow-listing .view-footer{
    position: unset;
    text-align: center;
  }
  .gallery-slideshow-listing .view-header .title,
  .index-presidents-speeches-listing .view-header .title{
    /*font-size: 56px;*/
    /*font-size: 44px;*/
    font-size: 36px;
  }
  .in-the-news-slideshow-listing .view-header .title{
    /*font-size: 50px;*/
    /*font-size: 40px;*/
    font-size: 36px;
  } 
  .gallery-slideshow-listing .view-header, 
  .in-the-news-slideshow-listing .view-header{
    margin-bottom: 25px;
  }
  .photos-videos-listing .pager__items, .in-the-news-listing .pager__items, .presidents-speeches-listing .pager__items {
    gap: 8px;
    flex-wrap: wrap;
  }
  .index-presidents-speeches-listing .view-content-item-wrapper{
    width: auto;
    margin-top: 0px;
    margin-bottom: 20px;
  }
  .index-presidents-speeches-listing .view-thumbnail{
    display: none;
  }
  .index-presidents-speeches-listing .view-content-item{
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
  .index-presidents-speeches-listing .item-speech .title.active{
    color: #B57A7A;
  }
  .textarea-block-subscribe table{
    border: none;
  }
  .textarea-block-subscribe table tr{
    display: flex;
    flex-direction: column;
    gap: 30px;
  }
  .textarea-block-subscribe table td{
    padding: 0;
  }
  .textarea-block-subscribe table td:has( a.text-btn){
    text-align: center;
  }
  html[lang="zh-hant"] header .mtpc_header .header .wrapper .logos .logos_left .logo_two.text_logo a, html[lang="zh-hans"] header .mtpc_header .header .wrapper .logos .logos_left .logo_two.text_logo a{
    margin-top: 8px;
  }
  #block-mtpc-footermenu .footer-block-menu-and-contact > .row > .wrapper{
    flex-direction: column;
  }
  #block-mtpc-footermenu .footer-block-menu, #block-mtpc-footermenu .footer-block-contact{
    width: 100%;
  }
  #block-mtpc-footermenu .footer-block-menu{
    border-right: 0px solid #D9AF5B;
  }
  #block-mtpc-footermenu .footer-block-menu ul.menu{
    /*gap: 25px 30px;*/
    padding-right: 0;
    padding-bottom: 50px;
    border-bottom: 2px solid #D9AF5B;
  }
  #block-mtpc-footermenu .footer-block-menu ul.menu > li{
    margin-bottom: 25px;
  }
  #block-mtpc-footermenu .footer-block-contact{
    gap: 30px;
    padding-top: 25px;
    padding-left: 0;
  }
  #block-mtpc-footermenu > .wrapper > .block-body{
    padding: 40px 15px;
    margin-top: 50px;
  }
  .view-id-mtpc_albums .view-content .views-row.album_grid_item{
    margin-bottom: 0;
  }
  .section-col2-background-blue{
    background: linear-gradient(180deg, rgba(78, 149, 217, 1) 48%, rgba(166, 202, 236, 1) 48%);
  }
  header .mtpc_header .header .wrapper .logos .logos_left{
    max-width: 290px;
  }
  .photos-videos-listing .view-id-mtpc_albums .view-content .views-row.album_grid_item .album_title{
    padding-top: 10px;
  }
  
  .textarea-block-index-welcome-box p.small-text {
    letter-spacing: 0.58px;
    font-size: 14px;
  }
  .the-president-section.mtpc-2col-section.l40_60 .mtpc-2col-section-wrapper>.mtpc-2col-item--1 {
    width: 100%;
  }
  .the-president-section.mtpc-2col-section.l40_60 .mtpc-2col-section-wrapper>.mtpc-2col-item--2 {
    width: 100%;
  }
}
@media only screen and (max-width: 500px){
  h5{
    /*font-size: 24px;*/
    /*font-size: 22px;*/
    /*font-size: 19px;*/
    font-size: 18px;
  }
  h6{
    /*font-size: 20px;*/
    /*font-size: 18px;*/
    font-size: 16px;
  }
  p{
    /*font-size: 21px;*/
    /*font-size: 18px;*/
    /*font-size: 16px;*/
    /*font-size: 14px;*/
    line-height: 1.65em;
  }
}
@media only screen and (max-width: 450px){
 .textarea-block-index-welcome-box span.inline-h4 {
   font-size: 16px;
 }
 .textarea-block-index-welcome-box small {
   font-size: 13px;
 }
 
 .textarea-block-index-welcome-box p.small-text {
    letter-spacing: 0.25px;
    font-size: 13px;
 }
}