@media screen and (max-width: 768px) {
    .anniversary-banner {
        height: auto;
        min-height: 100vh;
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .anniversary-banner .other-info {
        font-size: 16px;
    }

    .anniversary-banner .other-info {
        margin-top: 20px;
    }

    .anniversary-banner .s-title {
        font-size: 22px;
    }

    .anniversary-banner .anniversary-logo {
        margin-top: 20px;
    }

    .anniversary-banner .text {
        margin-top: 20px;
        font-size: 14px;
    }

    .why-tech {
        min-height: auto;
    }

    .why-tech .why-list {
        flex-direction: column;
        gap: 20px;
    }

    .why-tech .why-list .item {
        padding: 15px;
    }

    .plenary .plenary-swiper .swiper-slide {
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    .plenary .plenary-swiper .swiper-slide .portrait {
        position: relative;
        margin-left: auto;
        margin-right: 0;
    }

    .plenary .plenary-swiper .swiper-slide .portrait::after {
        content: '';
        position: absolute;
        bottom: 0;
        z-index: 3;
        width: 100%;
        height: clamp(50px, 13.88vw, 150px);
        background-image: linear-gradient(to top, #000, #00000000);
    }

    .plenary .plenary-swiper::after {
        display: none;
    }

    .plenary .plenary-swiper .swiper-slide .text {
        margin-top: 15px;
    }

    .plenary .plenary-btn-list {
        gap: 20px;
    }

    .plenary .plenary-btn-list .btn {
        font-size: 14px;
        line-height: 1.2;
    }

    .plenary .plenary-swiper .swiper-slide .text {
        font-size: 14px;
    }

    .plenary .plenary-btn-list {
        margin-top: 15px;
    }

    .plenary .other-people-list .item .info .text {
        line-height: 1.5;
    }

    .plenary .other-people-list {
        flex-direction: column;
        gap: 20px;
    }

    .speaker .speaker-list {
        --gap: 20px;
        gap: var(--gap);
        justify-content: space-between;
    }

    .speaker .speaker-list .item {
        width: calc((100% - var(--gap)) / 2);
    }

    .speaker .speaker-list .item .text {
        font-size: 14px;
        line-height: 1.5;
    }

    .workshop .topic-list {
        position: relative;
        grid-template-columns: repeat(1, 1fr);
    }

    /* .workshop .topic-list::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 1px;
        background-color: #3D99FF;
    } */

    .workshop .topic-list .text .topic-text {
        line-height: 1.5;
    }

    .workshop .topic-list .text .speaker-text {
        line-height: 1.5;
    }

    .factory-tour .factory-list {
        flex-direction: column;
        gap: 20px;
    }

    .plenary {
        overflow: hidden;
    }

    .plenary .bg {
        top: 150px;
        transform: scale(2);
    }

    .canvas-bg {
        display: none;
    }
}