.ytv{background-size: contain; background-repeat: no-repeat; display: flex; justify-content: center; align-items: center; cursor: pointer; padding-bottom: 0em !important; min-height: 100px; margin-bottom: 0px; background-color: #000; }
.ytv .play{position: absolute; width: 12%;}
#ytmain{display: inline-block; vertical-align: top; padding-bottom: 0px;}
#ytmain .ytv{min-height: 500px;}
#ytmain .title{font-weight: normal; margin-bottom: 0px;}
#ytmain iframe{height: 500px; background-color: #000;}
#ytmain .title{margin-top:15px;}
#ytmain .desc{font-size:18px;}
#ytsbar{display: inline-block; vertical-align: top; position: relative; overflow-y:scroll; overflow-x:hidden; height: 480px; padding-left: 10px;}
#ytsbar .title{font-size: 18px; font-weight: normal; margin-top: 5px; margin-bottom: 0px; }
#ytsbar .desc{/*font-size: 14px; margin-top: -25px;*/ display: none;}
#ytsbar .nowplaying{padding: 5px; background-color: #2ea3f2; margin-bottom: 15px;}
#ytsbar .nowplaying .title{color: #fff !important;}
#ytsbar div:hover{padding: 5px; /*background-color: #2ea3f2;*/ margin-bottom: 15px; color: #fff !important;}
/*#ytsbar div:hover h2.title{color:#fff;}*/

@media all and (max-width: 1023px){
    .width-75, .width-20{width: 100%;}
    #ytmain, #ytsbar{display: block;}
    #ytmain .ytv{min-height: auto !important;}
    #ytsbar div{width: 50%; display: inline-block; vertical-align: top; padding: 0px 5px;}
    #ytmain iframe{height: 200px !important;}
}