/*Youtube List*/
.ytl-gallery {margin-right: -0.5%;display: flex;flex-wrap: wrap;}
.ytl-gallery .col { display: inline-block; padding: 5px; text-align: left; vertical-align: top; background:#dedede; }
.cols-2 img {width: 50%; height: auto;}
.cols-3 img, .cols-4 img, .cols-5 img, .cols-6 img, .cols-7 img, .cols-8 img { width: 100%; height: auto;}
.cols-1 { width: 99.5%; margin-right:.5%; margin-bottom: .5%;}
.cols-2 { width: 49.5%; margin-right:.5%; margin-bottom: .5%;}
.cols-3 {width: 32.833%; margin-right:.5%; margin-bottom: .5%;}
.cols-4 {width: 24.5%; margin-right:.5%; margin-bottom: .5%;}
.cols-5 {width:19.5%; margin-right:.5%; margin-bottom: .5%;}
.cols-6 {width: 16.166%;margin-right:.5%; margin-bottom: .5%;}
.cols-7 { width:13.785%;margin-right:.5%; margin-bottom: .5%;}
.cols-8 {width:12%;margin-right:.5%; margin-bottom: .5%;}
.yt-video { cursor: pointer; transition: all .1s;}
.yt-video:hover {margin:1% 1% .5% 1%; width: 98%;transition: all .1s;}
.cols-2 img.yt-video:hover {width: 48%;}

.yt-player {
	position: relative;
	padding-bottom: 53.50%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-bottom: 10px;
	background: black;
}
.yt-player iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.yt-title {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color:#020c3d;
	/* height: 50px; */
}

.cols-1 .yt-title { 
	height: auto;
}

@media screen and (max-width: 1350px) {
	.cols-8 {width:13.785%;}
	.cols-7 {width:16.166%;}
	.cols-6 {width:19.5%;}

}

@media screen and (max-width: 1150px) {
	.cols-5, .cols-6 {width:24.5%;}
	.cols-8 {width:16.166%;}
	.cols-7 {width:19.5%;}

}

@media screen and (max-width: 1000px) { 
	.cols-8 {width:19.5%;}
	.cols-7 {width:24.5%;}
	.cols-6 {width:32.8%;}
}

@media screen and (max-width: 900px) {
	.cols-5, .cols-4, .cols-7 {width:32.8%;}
	.cols-8 {width:24.5%;}

}

@media screen and (max-width: 820px) {
	.cols-8 {width:32.8%;}

}

@media screen and (max-width: 640px) {
	.cols-5 {width:32.8%;}
	.cols-4, .cols-5 {width:49.5%;}
}
@media screen and (max-width: 540px) {
	.cols-3 {width:49.5%;}
}
@media screen and (max-width: 340px) {
	.cols-5 {width:100%;margin-right:0;}
}