div[class*='ArticleMedia_slider'] .ArticleMediaListControl .navbar{
        display: none;
}
.home-multimedia-content .swiper-container {
        width: calc(100vw - 5px);
        padding-bottom: 70px;
        height: 590px;
        padding-top: 20px;
        overflow-x: hidden;
        position: relative;
}
.home-multimedia-content .swiper-slide {
        width: 880px !important;
        /* padding: 25px 0; */
        position: relative;
        opacity: 0.5;
}
.home-multimedia-content .swiper-slide-active{
        opacity: 1;
}
.home-multimedia-content .swiper-pagination{
        margin-bottom: 20px;
}
.home-multimedia-content .swiper-pagination .swiper-pagination-bullet{
        width: 10px;
        height: 10px;
        gap: 0px;
        border-radius: 20px;
        background: #606368;
}
.home-multimedia-content .swiper-pagination .swiper-pagination-bullet-active{
        background: #FFFFFF;
}
.home-multimedia-content .swiper-slide  img {
        display: block;
        object-fit: cover;
        width: 100%;
        height: 500px;
}
.home-multimedia-content .home-multimedia-left {
        background: #222222;
        margin: 20px 0;
}
.home-multimedia-content .home-multimedia-left .swiper-button-prev {
        left: calc((100vw - 880px) / 2 - 60px);
        top: 50%;
        width: 48px;
        height: 48px;
        background: url(images/prev.png) no-repeat center;
        background-size: contain;
        display: block;
        content: '';
}
.home-multimedia-content .home-multimedia-left .swiper-button-next {
        right: calc((100vw - 880px) / 2 - 60px);
        top: 50%;
        width: 48px;
        height: 48px;
        background: url(images/next.png) no-repeat center;
        background-size: contain;
        display: block;
        content: '';
}
.home-multimedia-content .home-multimedia-left .swiper-button-next:after,
.home-multimedia-content .home-multimedia-left .swiper-button-prev:after {
        display: none;
}
.home-multimedia-content .home-multimedia-left .overlay{
        /* display: inline-flex; */
        width: 100%;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 74.82%);
        height: 30%;
        position: absolute;
        bottom: 0;
        z-index: 0;
}
.home-multimedia-content .home-multimedia-left .news-info a {
        display: flex;
        align-items: center;
        margin-left: 40px;
}
.home-multimedia-content .home-multimedia-left .item-title{
        //
        styleName: Mic Style weband Mobile_Hiep/Merriweather_16px;
        font-family: "Merriweather";
        font-size: 16px;
        font-weight: 700;
        line-height: 26px;
        text-align: left;
        color: #FFFFFF;
        padding: 0 40px;
        position: absolute;
        bottom: 80px;
        z-index: 1;
}
.home-multimedia-content .home-multimedia-left .news-info .news-sapo{
        display: none;
}
.home-multimedia-content .swiper-pagination-bullet {
        background: white;
}
.home-multimedia-content .swiper-pagination-bullet-active {
        background: white;
}
.home-multimedia-content .home-multimedia-right{
        margin: 20px auto;
        width: 1200px;
        
}
.home-multimedia-content .home-multimedia-right ul{
        display: flex;
        flex-wrap: wrap;
        margin: 0;
        padding: 0;
        gap: 20px;
        list-style: none;
}
.home-multimedia-content .home-multimedia-right ul li{
        width: calc((100% - 60px) / 4);
        position: relative;
}

.home-multimedia-content .home-multimedia-right ul li img{
        width: 100%;
        height: 180px;
}
.home-multimedia-content .home-multimedia-right ul li .item-title{
        font-family: Merriweather;
        font-size: 15px;
        font-weight: 700;
        line-height: 22px;
        text-align: left;
        color: #031739;
        max-height: 44px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        margin: 10px 0;
}
.home-multimedia-content .home-multimedia-right ul li .item-type{
        position: absolute;
        z-index: 1;
        top: 145px;
        left: 5px;
        /* font-family: "Roboto"; */
        font-size: 0;
        font-weight: 500;
        height: 32px;
        width: 32px;
        background-size: contain;
        border: 1px solid #ffffff;
        border-radius: 50%;
}
.home-multimedia-content .home-multimedia-right ul li .item-type.audio{
       background: url(images/audio.png) no-repeat center; 
}
.home-multimedia-content .home-multimedia-right ul li .item-type.video{
        background: url(images/video.png) no-repeat center; 
}
.home-multimedia-content .home-multimedia-right ul li .item-type.photo{
        background: url(images/photo.png) no-repeat center; 
}

@media only screen and (max-width: 768px){
        div[class*='ArticleMedia_slider'] .ArticleMediaListControl{
                margin: 0;
        }
        .home-multimedia-content .home-multimedia-left{
                margin: 0;
                background: transparent;
        }
     .home-multimedia-content .swiper-container {
        width: 100%;
        height: auto;
        padding-top: 20px;
        overflow-x: hidden;
        position: relative;
        padding-bottom: 0;
        }   
        .home-multimedia-content .swiper-slide {
                width: 100% !important;
        }
        .home-multimedia-content .swiper-slide  img {
                width: 100%;
                 height: calc(100vw / 16 * 10);
        }
        .home-multimedia-content .home-multimedia-left .swiper-button-prev,
        .home-multimedia-content .home-multimedia-left .swiper-button-next{
                display: none
        }
        .home-multimedia-content .swiper-pagination{
                position: unset;
        }
        .home-multimedia-content .home-multimedia-left .overlay{
                display: none;
        }
        .home-multimedia-content .home-multimedia-left .item-title{
                position: unset;
                color: #212312;
                padding: 0 16px;
                margin-top: 10px;
        }
        .home-multimedia-content .home-multimedia-right{
                width: 100%;
                margin: 0 16px;
        }
        .home-multimedia-content .home-multimedia-right ul{
                flex-wrap: nowrap;
                overflow-x: auto;
        }
        .home-multimedia-content .home-multimedia-right ul li{
                width: 70vw;
                flex: none;
        }
        .home-multimedia-content .home-multimedia-right ul li img{
                height: calc(70vw / 16 * 10);
        }
        .home-multimedia-content .home-multimedia-right ul li .item-type{
              bottom: 70px;  
                top: unset;
        }
}