#ytplayerlist {
		height: 320px;
		overflow: auto;
		width: 100%;
		background-color: #222222;
		padding-left:0;
}
#ytplayerlist li {
float: left;
background-color: #222222;
padding: 2px;
cursor: pointer;
}
#ytplayerlist li:hover {
background-color: #3a3a3a;
}
.vid-thumb {
		width: 25%;
		float: left;
		margin: 2px;
}
#ytplayerlist span {
		width: 70%;
		display: block;
		float: left;
		padding: 5px;
		font-size: .9em;
		color: #fff;
}

.playing {
								background-color:#3a3a3a!important;
}
#ytplayer {
		width: 100%;
		float: left;
		height: 320px;
		display: block;
		background-color: #000;
}

	/* !important is needed sometimes */
::-webkit-scrollbar {
		width: 12px !important;
}

/* Track */
::-webkit-scrollbar-track {
	 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
	 -webkit-border-radius: 10px !important;
	 border-radius: 10px !important;
}

/* Handle */
::-webkit-scrollbar-thumb {
	 -webkit-border-radius: 10px !important;
	 border-radius: 10px !important;
	 background: #515253 !important;
	 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important;

}
::-webkit-scrollbar-thumb:window-inactive {
	 background: #515253 !important;
}
.inner-row {padding-left: 19.5%; padding-right: 19.5%;}
.inner-row::after {content: ""; display: table; clear: both;}
@media (max-width: 961px){
.inner-row {padding-left: 11%; padding-right: 11%;}
}
@media (max-width: 768px){
	 #ytplayer {
								width: 100%;
		}
		#ytplayerlist span {
										width: 68%;
										display: block;
										float: left;
										padding: 5px;
										font-size: .85em;
										color: #fff;
										line-height: 1.3em;
		}
		#ytplayerlist {
									 height: 320px;
									 overflow-x: hidden;
									 list-style: none;
									 width: 100%;
									 background-color: #222222;
									 overflow-y: scroll;
								}
								#ytplayerlist li {
										float: left;
										background-color: #222222;
										padding: 2px;
										cursor: pointer;
										width: 100%;
								}
								.vid-thumb {
										width: 30%;
										float: left;
										height: auto;
								}
}
@media (max-width: 480px) {
.inner-row {padding-left: 11%; padding-right: 11%;}
		#ytplayer {
								width: 100%;
		}
		#ytplayerlist span {
										width: 68%;
										display: block;
										float: left;
										padding: 5px;
										font-size: .85em;
										color: #fff;
										line-height: 1.3em;
								}

								#ytplayerlist {
										height: 320px;
										overflow-x: hidden;
										list-style: none;
										width: 100%;
										background-color: #222222;
										overflow-y: scroll;
								}
								#ytplayerlist li {
										float: left;
										background-color: #222222;
										padding: 2px;
										cursor: pointer;
										width: 100%;
								}
								.vid-thumb {
										width: 30%;
										float: left;
										height: auto;
								}
}