.YoutubePlayer .Title {
        margin: 0;
        /* width: 200px; */
        padding: 10px;
        font-size: 18px;
        /* font-weight: 600; */
        text-align: left;
        background: #f5f5f6;
        /* text-transform: uppercase; */
        font-family: Arial;
}
.YoutubePlayer .Header {
        background-image: url(https://storage-vnportal.vnpt.vn/dkg-chinhquyen/themes/ttxtdt/uiarticleslider/sliderfeature/images/bgchuyenmuc.png);
        background-size:cover;
        height: 40px;
        margin-bottom: 5px;
        width: 100%;
        position: relative;
}
.YoutubePlayer .Header .Text {
    line-height: 40px;
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    padding-left: 45px;
}
.YoutubePlayer .Header .Text:before{
    background-image: url(images/video.png);
    content: "";
    width: 30px;
    display: inline-block;
    position: absolute;
    background-repeat: no-repeat;
    height: 24px;
    top: 5px;
    left: 10px;
}
.YoutubePlayer iframe {
        max-width: 396px;
}
.YoutubePlayer{
        display: flex;
        flex-wrap: wrap;
        /* margin-bottom: 20px; */
}
.VideoContain{
        flex-grow: 1;
        display: flex;
}
.YoutubePlayer .info{
      width: 100%;
        display: block;
}
@media only screen and (max-width: 768px){
        .YoutubePlayer, .YoutubeVideoList{
                padding: 0 5px !important;
                margin-bottom: 10px !important;
        }
        .YoutubePlayer .Title{
                min-width: 100%;
        }
}