/* by Creasant */
@media only screen and (max-width: 767px) {
    body:not(.path-admin) h1,
    .heading-2-col.mtpc-2col-section .mtpc-2col-section-wrapper h1,
    body:not(.path-admin) .news_listing h1, 
    body:not(.path-admin) .event-listing-head h1,
    .mtpc_pagetitle.mtpc_news h1 {
        font-size: 36px;
    }

    body:not(.path-admin) h2 {
        font-size: 36px;
    }

    body:not(.path-admin) h3 {
        font-size: 25px;
    }

    body:not(.path-admin) h4 {
        font-size: 18px;
    }

    body:not(.path-admin) h6,
    .node__content.mtpc-event-detail .event-title h1,
    .page-node-type-news .mtpc_pagetitle.mtpc_news h1{
        font-size: 27px;
    }
    
    .node__content.mtpc-event-detail .event-title {
      margin-top: 20px;
    }
    
    header .mtpc_header .header .wrapper .logos .logos_left .logo_two img {
      height: 45px;
    }
    
    .event-listing-head {
      padding-top: 15px;
    }
    
    .mtpc-profile-list-title {
        margin-bottom: 24px;
    }

    .mtpc_pl_item_wrapper {
        display: flex;
    }

    .mtpc_pl_item_wrapper .mtpc_pl_pic {
        width: 180px;
    }

    .mtpc_pl_item_wrapper .mtpc_pl_texts {
        margin-top: 0;
    }

    .bg-about > *::before {
        top: 0;
        bottom: unset;
        width: 420px;
        transform: translate(70%, -100%);
    }

    .bg-members > *::before {
        transform: translate(20%, 20%);
        width: 223px;
    }

    .bg-human > *::after {
        top: unset;
        bottom: 0;
        left: 50%;
        width: auto;
        height: 224px;
        transform: translate(-20%, 0);
    }

    .bg-human > * > * > * > .field__item:last-child {
        padding-left: 0;
        padding-bottom: 320px;
    }

    .bg-human > * > * > * > .field__item:last-child::before {
        top: unset;
        bottom: 0;
        left: 50%;
        width: auto;
        height: 300px;
        transform: translate(-80%, 0);
    }

    .bg-robotics > * > * {
        padding-bottom: 280px;
    }

    .bg-robotics > * > *::before {
        display: block;
        left: 50%;
        top: unset;
        bottom: 0;
        width: auto;
        height: 262px;
        transform: translateX(-50%) scaleX(-1);
    }

    .bg-robotics-2.mtpc-2col-section .mtpc-2col-section-wrapper > .mtpc-2col-item--2::before {
        display: none;
    }

    .bg-robotics-2.mtpc-2col-section .mtpc-2col-section-wrapper > .mtpc-2col-item--2 > * {
        padding-right: 0;
    }

    .bg-sustainability > * > * > * > .field__item:last-child {
        padding-left: 0;
        padding-bottom: 300px;
    }

    .bg-sustainability > * > * > * > .field__item:last-child::before {
        top: unset;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: auto;
        height: 278px;
    }

    .home-content .mtpc-2col-section-wrapper {
        display: flex;
        flex-direction: column-reverse;
    }

    .home-news .field__item > div {
        display: block;
    }

    .home-news .field__item > div > p:first-child {
        width: 100%;
    }

    .research-menu::before {
        transform: translate(-82%, -45%);
        width: 464px;
    }

    .research-menu p {
        margin-left: 100px !important;
        gap: 24px;
    }

    .research-menu p > img {
        width: 80px;
    }

    .research-menu p > * {
        font-size: 20px;
    }

    .awards-list .view-content {
        gap: 50px;
    }

    .awards-list .views-field-title {
        gap: 15px;
    }

    .awards-list .views-field-body {
        margin-left: 40px;
        padding-left: 18px;
        margin-top: 20px;
    }

    .view-filters .form--inline {
        justify-content: center;
    }

    .view-filters .form--inline .form-item {
        margin-left: 0;
    }

    .region-footer .block-hkust-simple-text .wrapper {
        padding: 20px 20px 20px;
    }

    .region-footer .block-hkust-simple-text h3 {
        font-size: 13px;
        margin-bottom: 14px;
    }

    .region-footer .block-hkust-simple-text .hkust-simple-text {
        /*align-items: center;*/
        gap: 35px;
        margin-top: 20px;
    }

    .region-footer .block-hkust-simple-text .hkust-simple-text > div {
        flex-direction: column;
        gap: 35px;
    }

    .region-footer .block-hkust-simple-text p img {
        max-width: 100%;
        width: auto;
        /*margin: 0 auto;*/
    }

    /*.region-footer .block-hkust-simple-text .hkust-simple-text > p:first-child img {*/
    /*    height: 24px;*/
    /*}*/

    .heading-2-col img {
        width: 90%;
    }

    .robotics-image-list .mtpc-block-image-grid-item-wrapper > .mtpc-image-grid-block-item {
        width: 100%;
    }

    .sustainability-banner img {
        width: 100%;
    }
}