/* by Creasant */
@media only screen and (max-width: 1180px) {
    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: 57px;
    }

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

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

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

    body .mtpc-profile-list-title > h3 {
        font-size: 27px;
    }

    header .mtpc_header .header .wrapper .logos .logos_left .logo_one img {
      height: 50px;
    }

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

    .bg-members > *::before {
        transform: translate(50%, 0);
        width: 511px;
    }

    .bg-human > *::before {
        display: none;
    }

    .bg-human > *::after {
        left: 0;
        right: unset;
        bottom: 20px;
        width: 180px;
        transform: none;
    }

    .bg-human > * > * > * > .field__item:last-child {
        position: relative;
        padding-left: 210px;
    }

    .bg-human > * > * > * > .field__item:last-child::before {
        content: "";
        display: block;
        position: absolute;
        top: 40px;
        left: 0;
        width: 343px;
        aspect-ratio: 515 / 720;
        background-image: url("/sites/default/files/2025-04/bg-human.png");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        pointer-events: none;
    }

    .bg-trustworthy > *::before {
        left: 0;
        top: 0;
        bottom: unset;
        transform: none;
        width: 60%;
    }

    .bg-trustworthy .mtpc-2col-section-wrapper {
        flex-direction: column;
    }

    .bg-trustworthy.mtpc-2col-section .mtpc-2col-section-wrapper > .mtpc-2col-item {
        width: 100%;
        margin-left: 0;
    }

    .bg-trustworthy.mtpc-2col-section .mtpc-2col-section-wrapper > .mtpc-2col-item--1 {
        width: 45%;
        margin-left: auto;
        margin-right: 8%;
    }

    .bg-robotics > * > *::before {
        display: none;
    }

    .bg-robotics-2 .mtpc-2col-section-wrapper {
        flex-direction: column;
    }

    .bg-robotics-2.mtpc-2col-section .mtpc-2col-section-wrapper > .mtpc-2col-item--1 {
        align-self: center;
        width: 100%;
        max-width: 640px;
    }

    .bg-robotics-2.mtpc-2col-section .mtpc-2col-section-wrapper > .mtpc-2col-item--2 {
        position: relative;
        width: 100%;
        margin-left: 0;
    }

    .bg-robotics-2.mtpc-2col-section .mtpc-2col-section-wrapper > .mtpc-2col-item--2::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        transform: translate(25%, -5%) scaleX(-1);
        width: 480px;
        aspect-ratio: 480 / 420;
        background-image: url("/sites/default/files/2025-04/bg-robotics.png");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

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

    .bg-sustainability > * > * {
        max-width: 100%;
    }

    .bg-sustainability > * > *::before {
        display: none;
    }

    .bg-sustainability > * > * > * > .field__item:last-child {
        position: relative;
        padding-left: 240px;
    }

    .bg-sustainability > * > * > * > .field__item:last-child::before {
        content: "";
        display: block;
        position: absolute;
        top: 40px;
        left: 0;
        transform: translateX(-40%);
        width: 366px;
        aspect-ratio: 720 / 668;
        background-image: url("/sites/default/files/2025-04/bg-sustainability.png");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    .bg-interaction > *::before {
        left: 0;
        top: 0;
        bottom: unset;
        transform: none;
        width: 60%;
    }

    .bg-interaction .mtpc-2col-section-wrapper {
        flex-direction: column;
    }

    .bg-interaction.mtpc-2col-section .mtpc-2col-section-wrapper > .mtpc-2col-item {
        width: 100%;
        margin-left: 0;
    }

    .bg-interaction.mtpc-2col-section .mtpc-2col-section-wrapper > .mtpc-2col-item--1 {
        width: 45%;
        margin-left: auto;
        margin-right: 8%;
    }

    .bg-awards > *::before {
        display: none;
    }

    .bg-publications > *::before {
        display: none;
    }

    .view-filters {
        width: 100%;
        display: flex;
        justify-content: flex-end;
    }

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

    .home-content.mtpc-2col-section .mtpc-2col-section-wrapper > .mtpc-2col-item--2 {
        padding-left: 0;
        padding-bottom: 75px;
        border-left: none;
        border-bottom: 1px solid #dec266;
        margin-top: 0;
        margin-bottom: 30px;
    }

    .home-content.mtpc-2col-section .mtpc-2col-section-wrapper > .mtpc-2col-item--2 .field__items {
        gap: 45px;
    }

    .home-news .field__item > div {
        display: flex;
        gap: 30px;
    }

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

    .home-news .field__item > div > div {
        flex: 1;
    }

    .home-content.mtpc-2col-section .mtpc-2col-section-wrapper > .mtpc-2col-item--1 {
        width: 100%;
    }

    .research-menu {
        padding-right: 0;
    }

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

    .research-menu h3 {
        margin-bottom: 40px;
    }

    .research-menu p {
        gap: 26px;
    }

    .research-menu p:nth-of-type(1) {
        margin-left: 100px;
    }

    .research-menu p:nth-of-type(2) {
        margin-left: 130px;
    }

    .research-menu p:nth-of-type(3) {
        margin-left: 160px;
    }

    .research-menu p:nth-of-type(4) {
        margin-left: 130px;
    }

    .research-menu p:nth-of-type(5) {
        margin-left: 100px;
    }

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

    .region-footer .block-hkust-simple-text .hkust-simple-text {
        flex-direction: column;
        align-items: flex-start;
        gap: 30px;
    }

    .region-footer .block-hkust-simple-text .hkust-simple-text > div {
        gap: 25px;
    }

    .region-footer .block-hkust-simple-text .hkust-simple-text > p:first-child img {
        width: auto;
        height: 45px;
    }

    .curved-left img {
        border-top-left-radius: 140px;
        border-bottom-right-radius: 140px;
    }

    .curved-right img {
        border-top-right-radius: 140px;
        border-bottom-left-radius: 140px;
    }

    .curved-left-large img {
        border-top-left-radius: 140px;
        border-bottom-right-radius: 140px;
    }

    .curved-right-large img {
        border-top-right-radius: 140px;
        border-bottom-left-radius: 140px;
    }

    .robotics-image-list .mtpc-block-image-grid-item-wrapper > .mtpc-image-grid-block-item {
        width: calc(100% / 3 - 20px);
    }

    .sustainability-banner img {
        width: 86%;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 999px) {
    .research-menu p > * {
        font-weight: 900;
        font-size: 27px;
    }
}