/* by Creasant */
@media only screen and (max-width: 767px) {
    body footer {
        padding: 30px 15px;
        margin-top: 50px;
    }

    body footer ul.menu {
        justify-content: center;
        margin-bottom: 12px;
        font-size: 16px;
    }

    body footer ul.menu .menu-item {
        padding-top: 0;
    }

    body footer .hkust-simple-text p {
        display: block;
        text-align: center;
        font-size: 14px;
        line-height: normal;
    }

    .mtpc-2col-item--2 > .field {
        margin-left: 0;
    }

    .l75_25 .mtpc-2col-item--1 > .field,
    .l70_30 .mtpc-2col-item--1 > .field,
    .l65_35 .mtpc-2col-item--1 > .field,
    .l60_40 .mtpc-2col-item--1 > .field,
    .l55_45 .mtpc-2col-item--1 > .field,
    .row_reverse.l25_75 .mtpc-2col-item--2 > .field,
    .row_reverse.l30_70 .mtpc-2col-item--2 > .field,
    .row_reverse.l35_65 .mtpc-2col-item--2 > .field,
    .row_reverse.l40_60 .mtpc-2col-item--2 > .field,
    .row_reverse.l45_55 .mtpc-2col-item--2 > .field {
        margin-right: 0;
    }

    .view-id-mtpc_albums .view-content {
        padding: 0 15px;
    }

    .view-id-news_events .view-header {
        margin: 0;
    }

    .view-id-news_events.view-news-events .view-content {
        margin-top: 40px;
    }

    .mtpc-news-container .mtpc_news_left > .outline-button {
        margin-top: 20px;
    }

    .mtpc-block-slideshow-block .slide-text-align {
        left: 2em;
    }

    .mtpc-block-slideshow-block .slide-text-align--right {
        right: 2em;
    }

    .mtpc-block-slideshow-block .slide-text-position {
        bottom: 3em;
    }

    .mtpc-block-slideshow-block .slide-text-position--top {
        bottom: unset;
        top: 3em;
    }

    .mtpc-event-detail li:not(:last-child) br {
        display: none;
    }

    .footer-offset {
        margin-bottom: -50px !important;
    }

    .two-col-divider.mtpc-2col-section .mtpc-2col-section-wrapper > .mtpc-2col-item--2 {
        border-left: none;
        border-top: 1px solid #ff5800;
        padding-top: 20px;
    }

    .mobile-full-width {
        margin: 0 -15px;
    }

    .theme-card-grid.mtpc-3col-section .mtpc-3col-section-wrapper > .mtpc-3col-item {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .image-grid .mtpc-block-image-grid-item-wrapper {
        margin: 0 -3px;
    }

    .image-grid .mtpc-block-image-grid-item-wrapper.mtpc-image-grid-layout-small > .mtpc-image-grid-block-item {
        margin: 3px 0;
    }

    .image-grid .mtpc-block-image-grid-item-wrapper > .mtpc-image-grid-block-item .grid_main_image img {
        aspect-ratio: 430 / 210;
        object-fit: cover;
    }

    .image-sun img {
        max-width: 166px !important;
        margin-bottom: -40px;
    }

    .image-busy-bees img {
        max-width: 206px !important;
    }

    .image-circle img {
        max-width: 240px !important;
    }

    .block-intro {
        padding-top: 30px !important;
        padding-bottom: 120px !important;
    }

    .block-events {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    .mtpc-block-slideshow-block .slide_text_per_row:nth-child(1) .slide-text {
        font-size: 1.5em !important;
    }

    .mtpc-block-slideshow-block .slide_text_per_row:nth-child(2) .slide-text {
        font-size: 0.83em !important;
    }

    .events-grid .mtpc-block-image-grid-item-wrapper {
        margin: 0;
    }

    .events-grid .inner-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        max-width: 310px;
        margin-left: auto;
        margin-right: auto;
    }

    .events-grid .mtpc-block-image-grid-item-wrapper > .mtpc-image-grid-block-item {
        margin-bottom: 40px;
    }

    .mobile-space-bottom-0 {
        padding-bottom: 0 !important;
    }

    .event-listing-head {
        margin-top: 30px;
    }

    .event-listing-head .views-exposed-form .form--inline .com-filter {
        width: unset;
    }

    .event-listing-head .views-exposed-form .form--inline .form-item {
        margin-right: 30px;
    }

    .event-listing-head .views-exposed-form .form--inline .form-item:last-child {
        margin-right: 0;
    }
}

@media only screen and (max-width: 400px) {
    .event-listing-head .views-exposed-form .form--inline .com-filter {
        width: 100%;
    }

    .event-listing-head .views-exposed-form .form--inline .form-item {
        margin-right: 0;
        width: 100%;
    }
}