/* min-width: 600px */
@media (min-width: 600px) {
    /* .recipients-grid {
        grid-template-columns: repeat(2, 1fr);
    } */
}

/* min-width: 768px */
@media (min-width: 768px) {
    .container {
        padding: 0 80px;
    }

    /* md:px-20 */

    .md-grid-cols-12 {
        grid-template-columns: repeat(12, 1fr);
    }

    .md-col-span-4 {
        grid-column: span 4;
    }

    .md-col-span-5 {
        grid-column: span 5;
    }

    .md-col-span-8 {
        grid-column: span 8;
    }

    h2.section-title {
        font-size: 70px;
    }

    .share-text {
        font-size: 18px;
    }

    .video-title {
        font-size: 1.25rem;
    }

    .carousel-item {
        flex: 0 0 50%;
    }

    .video-clips-outer,
    #bg-video {
        display: block;
    }

    .my-generated-swiper {
        display: none;
    }

    .gallery-v1-slider .swiper-button-prev,
    .gallery-v1-slider .swiper-button-next {
        bottom: auto;
        top: -130px;
    }

    .gallery-v1-slider .swiper-button-prev {
        right: 80px;
        /* 靠右 */
        left: auto;
        /* 一定要取消 left */
    }

    .gallery-v1-slider .swiper-button-next {
        right: 16px;
        /* 依設計調整距離 prev arrow */
        left: auto;
    }

    .banner-title {
        font-size: 4.5rem;
    }

    .programme-title {
        font-size: 4.375rem;
        /* 70px */
    }

    .page-banner {
        height: 400px;
    }

    .award-category {
        font-size: 2.5rem;
        /* 40px */
    }

    .recipient-name {
        font-size: 2.5rem;
        /* 40px */
    }

    .recipient-faculty {
        font-size: 1.5rem;
        /* 24px */
    }

    .quote-text {
        font-size: 1.125rem;
        /* 18px */
    }

    .body-content {
        font-size: 1.125rem;
    }

    .award-recipients-page-title {
        font-size: 70px;
        margin-bottom: 60px;
    }

    .award-title {
        font-size: 30px;
    }

    .recipient-list {
        font-size: 20px;
    }

    .year-section-mobile {
        justify-content: end;
    }

    .ke-award-container {
        grid-template-columns: 1fr 1fr;
    }

    .intro {
        padding: 80px 16px;
    }

    .share-pride {
        padding-top: 96px;
        padding-bottom: 96px;
    }

    .step-title .section-title::before {
        display: none;
    }

    .gallery-v1-slider .gallery-v1-navigation {
        top: -130px;
        right: 20px;
        bottom: unset;
        left: unset;
        transform: unset;
    }

    .container.home-photo-gallery {
        background: transparent;
    }

    .gallery-v1-slider .swiper-button-prev img,
    .gallery-v1-slider .swiper-button-next img {
        filter: unset
    }

    .home-photo-gallery .step-title .section-title {
        color: var(--color-dark);
    }

    .full-menu-overlay {
        justify-content: start;
    }

    .full-menu {
        padding-left: 5%;
    }

    .custom-year-navigation {
        position: absolute;
        top: -130px;
        right: 0;
        display: flex;
        gap: 12px;
        z-index: 10;
    }
}


/* min-width: 1024px */
@media (min-width: 1024px) {

    .mainContainer .nav-links {
        display: flex;
        align-items: center;
        gap: 48px;
        /* space-x-12 */
    }

    .container {
        padding: 0 160px;
    }

    header>.container {
        padding: 0 100px;
    }

    .lg-col-span-4 {
        grid-column: span 4;
    }

    .lg-col-span-5 {
        grid-column: span 5;
    }

    .lg-col-span-7 {
        grid-column: span 7;
    }

    .lg-col-span-8 {
        grid-column: span 8;
    }

    .lg-grid-cols-12 {
        grid-template-columns: repeat(12, 1fr);
    }

    .lg-grid-cols-3 {
        grid-template-columns: repeat(3, 1fr);
    }

    .carousel-item {
        flex: 0 0 40%;
    }

    .footer-container {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
    }

    .menu-wrapper {
        display: none;
    }

    footer {
        padding: 80px 0;
    }

    .header-logo {
        max-width: 77px;
    }

    header {
        padding: 32px;
    }

    .footer-HKU-logo {
        width: 100%;
        max-width: 400px;
        object-fit: contain;
    }

    .footer-left {
        gap: 8rem;
    }

    .full-menu {
        margin-top: -20vw;
    }

    /* .programme-content {
        grid-template-columns: 2fr 1fr;
    } */

    .schedule-list {
        order: 0;
    }

    .awards-container>.cms-container-inside>.cms-container-item {
        gap: 60px;
    }

    /* .award-card{
        border: 5px #764e1c solid;
    }
     */

    /* .award-card.card-v2 .award-title{
        display: none;
    } */

    .award-left-div {
        display: flex;
    }

    .award-right-div {
        width: 60% !important;
    }

    /* 
    .award-card.card-v3{
        background-image: url('https://hko.infinmedia.net/hku_event_2025/application/views/client/assets/images/common/award_bg.png');
        background-position: left;
        background-repeat: no-repeat;
        background-size: 45% auto;
        background-position: 5% center;
    } */

    /* .award-card.card-v3 > .cms-block-inside > .cms-block-item {
        padding-left: 25%;
    }

    .award-card > .cms-block-inside > .cms-block-item {
        padding: 5%;
    }

    .award-card.card-v2 > .cms-container-inside {
        padding: 5%;
    } */

    .filter-section {
        display: block;
    }

    .year-section-mobile {
        display: none;
    }

    .award-recipients-page-title {
        line-height: normal;
    }

    .award-recipients-page-title .block-content::before {
        display: none;
    }

    .award-title {
        font-size: 24px;
        margin-bottom: 30px;
    }

    .mobile-br {
        display: none;
    }

    /* .recipients-grid {
        grid-template-columns: repeat(3, 1fr);
    } */

}


@media (min-width: 1200px) {
    .footer-right {
        display: block;
    }
}

@media (max-width: 768px) {
    .gallery-v1-slider .swiper-slide {
        opacity: 1;
        transform: scale(1);
    }

    /* .my-generated-swiper .swiper-slide .slide-image {
        height: 220px;
    } */

    ul.schedule-list {
        padding-left: 0;
    }

    .recipients-grid>.cms-container-inside {
        display: block;
    }

    .recipients-grid>.cms-container-inside>.cms-container-item {
        width: 100% !important
    }

    .award-recipients-page-title .block-content{
        font-size: 2.9rem;
        line-height: 0.8;
        padding-left: 1.7rem;
    }
	
	.container.home-photo-gallery{
		background: transparent;
	}
	
	.award-collapse-infos.invitation-div > .cms-container-inside{
		display: block;
	}
	
	.award-collapse-infos.invitation-div > .cms-container-inside > .cms-container-item{
		width: 100%!important;
	}

}

@media (max-width: 992px) {
    .gallery-v5-grid .custom-grid-slide .gallery-grid-container {
        display: block;
    }
}