.video-list {
	text-align: left;
}
.video-list .column2 {display: inline-block; width: 50%}
.video-list .column3 {display: inline-block; width: 33.33%}
.video-list .column4 {display: inline-block; width: 25%}

.video-list .item {
	vertical-align: top;
}
.video-list .item div {
	margin: 5px 10px;
	text-align: left;
}


.youtube-container {
	width: 100%;
	padding-top: 56.25%; /* 16:9 Aspect Ratio */
	position: relative; /* If you want text inside of it */
	background-color: #f7f7f7;
}
.youtube-container iframe {
	display: block;
	position: absolute;
	width: 100% !important;
	height: 100% !important;
	top: 0;
	left: 0;
}

.video-list .item h4 {
	font-weight: 400;
	font-size: 18px;
	width: 100%;
	margin: 0;
	padding: 10px 10px;
}
.video-list .item span {
	display: block;
	width: 100%;
	max-width: 360px;
	margin: 0 auto;
	padding: 0;
	font-size: 14px;
	font-weight: 300;
	color: #666666;
}


@media all and (max-width: 960px) {
	.video-list .column3 {display: inline-block; width: 50%;}
	.video-list .column4 {display: inline-block; width: 33.33%;}
} /* eo 960px */

@media all and (max-width: 768px) {
	.video-list .column2 {display: block; width: 100%;}
	.video-list .column4 {display: inline-block; width: 50%;}
} /* eo 768px */

@media all and (max-width: 600px) {
	.video-list .column3 {display: block; width: 100%;}
	.video-list .column4 {display: block; width: 100%;}
} /* eo 600px */