section.videos.menutag {
    margin-top: 120px;
}

section.conference-agenda .tab-content .tab-pane .accordion .card .card-header .forums-list .right .live {
    width: 110px;
    height: 35px;
    border-radius: 17.5px;
}

@media screen and (min-width: 501px) {

    /* Animation */
    .sign-up:hover {
        background: #8b0008 !important;
        transition: all ease .6s !important;
    }

    .sign-up {
        transition: all ease .6s !important;
    }

    section.hot-topics>div .topics .topics_items .topic .topic__title:hover .mask,
    section.hot-topics>div .topics .topics_items .topic .topic__title .mask {
        transition: all ease .3s;
    }

    section.hot-topics>div .topics .topics_items .topic .topic__title .mask {
        z-index: 0;
    }

    section.hot-topics>div .topics .topics_items .topic .topic__title:hover .topic__icon {
        opacity: 0;
        display: inherit;
        transition: all ease .8s;
        margin-top: -30px;
        transform: scale(0.7);
        margin-bottom: -20px;
    }

    section.hot-topics>div .topics .topics_items .topic .topic__title .topic__icon {
        opacity: 1;
        margin-left: 26px;
        transition: all ease .9s;
        transform: scale(1);
    }

    .topic__title,
    .sign-up {
        cursor: pointer;
    }

    section.hot-topics>div .topics .topics_items .topic .topic__title .pc_more.btn-light {
        transition: all .2;
        display: block;
        margin-top: 68px;
        opacity: 0;
        transform: scale(0.8);
        transition-delay: 0s;
    }

    section.hot-topics>div .topics .topics_items .topic .topic__title:hover .pc_more.btn-light {
        opacity: 1;
        transform: scale(1);
        transition-delay: .2s;
    }

    section.hot-topics>div .topics .topics_items .topic .topic__title .pc_more.btn-light:hover {
        background: #c7000b;
        color: #fff;
        border-color: #c7000b;
        transition-delay: 0s;
    }

    section.hot-topics>div .topics .topics_items .topic .topic__title:hover {
        background-size: 120% 120%;
        transition: all ease .7s;
    }

    section.hot-topics>div .topics .topics_items .topic .topic__title {
        transition: all ease .5s;
    }

    section.banner .content .register.he-jump:hover {
        background-color: #fff !important;
    }

    .he-jump:hover {
        color: #bd2130 !important;
        background-color: #fff !important;
        border-color: #fff !important;
        box-shadow: 1px 16px 30px #00c5bc8a;
        transition: all ease .3s;
    }

    .countdown .he-jump:hover,
    .common-links .he-jump:hover {
        box-shadow: 1px 10px 30px #8f8f8f38;
    }

    .countdown .he-jump:hover>img {
        filter: invert(1);
        opacity: 0.2;
    }

    .he-jump {
        box-shadow: 0px 0px 0px #00c5bc00;
        transition: all ease .6s !important;
    }

    section.videos .swiper-container .swiper-wrapper .swiper-slide>.bg {
        background: #000;
        transition: all ease .6s;
    }

    section.videos .swiper-container .swiper-wrapper .swiper-slide:hover>.bg img {
        opacity: 0.6;
        transition: all ease .9s;
        transform: scale(1.2) rotate(-4deg);
    }

    .swiper-slide>.bg img {
        opacity: 1;
        transform: scale(1) rotate(0deg);
        transition: all ease .6s;
    }

    section.videos .swiper-container .swiper-wrapper .swiper-slide>.btn {
        transform: translateY(0px);
        transition: all ease .4s;
    }

    section.videos .swiper-container .swiper-wrapper .swiper-slide>.btn:hover {
        background: rgb(0 0 0 / 78%);
        transform: translateY(-10px);
        transition: all ease .7s;
    }

    section.review-of-the-past .time-container {
        padding: 0;
    }

    .time.flex-all-center.click.review-of-the-past-time:nth-of-type(1) {
        margin-left: 6px;
    }

    .time.flex-all-center.click.review-of-the-past-time:nth-of-type(2) {
        margin-right: 6px;
    }

    .time.flex-all-center.click.review-of-the-past-time:nth-of-type(1):hover {
        margin-left: 6px;
    }

    .time.flex-all-center.click.review-of-the-past-time:nth-of-type(1):hover,
    .time.flex-all-center.click.review-of-the-past-time:nth-of-type(2):hover {
        margin: 6px;
    }

    .time.flex-all-center.click.review-of-the-past-time.sel-time,
    .time.flex-all-center.click.review-of-the-past-time.sel-time:hover {
        background: #ffffff;
        color: #000;
        transition: all ease .3s;
        font-weight: 700;
    }

    .time.flex-all-center.click.review-of-the-past-time {
        transition: all ease .3s;
        background: transparent;
    }

    .time.flex-all-center.click.review-of-the-past-time:hover {
        background: #ffffff9e;
        color: #797979;
    }

    section.right-menu .totop:hover {
        background: #c7000b;
        transition: all ease 0.5s;
        border: 1px solid #eaeaea00;
    }

    section.right-menu .totop:active {
        transition: all ease 0.5s;
    }

    section.right-menu .totop:active>img {
        transform: scale(0.4);
        transition: all ease 0.2s;
    }

    section.right-menu .totop:hover>img {
        filter: brightness(1.2);
        transition: all ease 0.5s;
    }

    section.right-menu .totop>img,
    section.right-menu .totop>img {
        filter: brightness(1);
        transition: all ease 0.2s;
    }

    .totop {
        transition: all ease 0.5s;
    }

    /* For Guest Hover Effect */
    .guest:hover>.peaple {
        transition: all ease .6s;
        transform: scale(1.03);
        transform-origin: bottom;
    }

    .guest>.peaple {
        transition: all ease .4s;
        transform: scale(1);
        transform-origin: bottom;
    }

    .guest>.bg-under {
        opacity: 1;
        transition: all ease .7s;
    }

    .guest:hover>.bg-under {
        opacity: 0.4;
        transition: all ease .9s;
    }

    section.hot-topics>div .topics .topics_items .topic .topic__title .mask {
        transition: all ease .9s;
    }

    .he-pulse-shrink:hover {
        animation: none;
    }

    section.right-menu .menu-list .active,
    section.right-menu .menu-list div:hover,
    section.right-menu .menu-list .active,
    section.right-menu .menu-list div {
        transition: all ease .3s;
    }
}


/* Redesign for Mobile */

@media screen and (max-width: 500px) {
    .right-menu {
        display: none;
    }

    /* section.right-menu,
    section.right-menu .sign-up,
    section.right-menu .totop {
        width: 50;
    }
    section.right-menu .menu-list>div {
        padding-left: 0;
    }
    section.right-menu .sign-up .icon {
        margin-left: 13px;
    } */
    section.invitation .container .countdown__text .countdown__text-left {
        margin-bottom: 4px;
        margin-top: 19px;
    }

    section.guests {
        margin-top: 61px;
    }

    section.conference-agenda .tab-content .tab-pane .forums-title {
        overflow-x: initial;
    }

    .container {
        /* width: 93vw; */
    }

    /* section.conference-agenda ul.nav {
        width: 100%;
    } */
    section.conference-agenda .bg .top,
    section.conference-agenda .bg .bottom {
        height: auto;
        height: auto;
    }

    section.conference-agenda {
        margin-top: 60px;
    }

    .page-title {
        margin-top: 20px;
    }

    /* FOR MY IDEA ONLY */
    .container.Minho {
        width: 100%;
        padding: 0 4%;
    }

    .Minho ul.nav {
        width: 100% !important;
    }

    .Minho .accordion.container {
        width: 100% !important;
    }

    .text.flex.flex-column {
        padding-right: 11px;
    }

    /* FOR VIDEO PRART */
    section.videos .swiper-container .swiper-wrapper .swiper-slide>.bg {
        width: 100%;
        border-radius: 10px;
        position: relative;
        height: auto;
    }

    section.videos .swiper-container .swiper-wrapper .swiper-slide>.btn {
        top: 66px;
        left: 32%;
        width: 125px;
        height: 46px;
    }

    section.videos .swiper-container .swiper-wrapper .swiper-slide>.btn>.icon-text {
        /* font-family: PingFangSC-Semibold; */
        font-size: 16px;
        /* color: #FFFFFF; */
        letter-spacing: -0.39px;
        line-height: 31px;
        margin-left: 10px;
    }

    section.videos .swiper-container .swiper-wrapper .swiper-slide>.btn>.icon {
        width: 22px;
        height: 22px;
        margin-top: 2px;
    }

    section.videos .swiper-container .swiper-wrapper .swiper-slide>.text {
        width: 100%;
        height: 80%;
        position: relative;
        top: 0px;
        left: 0;
        display: inline-block;
        border-radius: 0 0 10px 10px;
        overflow: initial;
    }

    section.videos .swiper-container .swiper-wrapper .swiper-slide {
        position: relative;
        /* height: 330px; */
    }

    section.videos .swiper-container .swiper-wrapper {
        height: 436px;
    }

    section.videos .swiper-container .swiper-wrapper .swiper-slide>.text>.desc {
        width: 78%;
        /* position: relative; */
        /* height: initial; */
        /* top: 0; */
        /* left: 0; */
        /* bottom: 0; */
        /* right: 0; */
    }

    section.videos .swiper-container .swiper-wrapper .swiper-slide {
        width: 80vw;
    }

    section.videos .swiper-container {
        height: auto;
    }

    section.guests .container .guest {
        /* width: 189px;
        height: 195px; */
    }

    section.banner .content-wrapper .content h1 {
        font-family: HuaweiSans-Bold, sans-serif;
        font-size: 52px;
        color: #000000;
        letter-spacing: -0.55px;
        text-align: center;
    }

    section.banner .content-wrapper .content h2 {
        font-size: 28px;
        color: #000000;
        letter-spacing: 0.24px;
        text-align: center;
    }

    section.banner .content .info span img {
        margin-right: 8px;
    }

    section.invitation .container .countdown__text .countdown__text-left>span {
        font-family: HuaweiSans-Bold, sans-serif;
    }

    .page-title .en {
        font-size: 20px;
    }

    .page-title .ch {
        font-size: 28px;
    }

    section.conference-agenda .tab-content .current-date {
        line-height: 52px;
    }

    section.guests .container .guest .text .name {
        font-family: HuaweiSans-Bold, sans-serif;
        font-size: 14px;
        color: #000000;
        letter-spacing: 0;
        margin-bottom: 4px;
    }

    section.guests .container .guest .text>span {
        margin: 2px 0;
        font-size: 10px;
    }

    section.guests .container .guest-swiper-scrollbar .swiper-scrollbar-drag {
        -webkit-box-shadow: 0 6px 4px -3px rgba(33, 53, 71, 0.12);
        box-shadow: 0 6px 4px -3px rgba(33, 53, 71, 0.12);
    }

    section.guests .container .guest-swiper-scrollbar .swiper-scrollbar-drag:hover,
    section.guests .container .guest-swiper-scrollbar .swiper-scrollbar-drag:active {
        -webkit-box-shadow: 0px 6px 4px -3px rgba(208, 27, 37, 0.5);
        box-shadow: 0px 6px 4px -3px rgba(208, 27, 37, 0.5);
    }
}