*{
	padding: 0;
	margin: 0;
}

/* ----- main-cont ----- */
.main-cont
{
	padding: 3.5em 0;
}

.video_play{
	width:694px;
	margin: 0 auto;
	position: relative;
}
.video_play iframe{
	position: absolute;
	left: 28px;
	top: 25px;
	width: 638px;
	height: 352px;
}

@media (min-width: 641px) and (max-width: 900px){
	.video_play{
		width: 600px;
	}
	.video_play img{
		width: 100%;
	}
	.video_play iframe{
		left: 24px;
		top: 21px;
		width: 552px;
		height: 305px;
	}			
}
@media (min-width: 301px) and (max-width: 640px){
	.video_play{
		width: 310px;
	}
	.video_play img{
		width: 100%;
	}
	.video_play iframe{
		left: 12px;
		top: 11px;
		width: 286px;
		height: 158px;
	}		
}
@media (max-width: 301px){
	.video_play{
		width: 284px;
	}
	.video_play img{
		width: 100%;
	}
	.video_play iframe{
		left: 11px;
		top: 10px;
		width: 263px;
		height: 150px;
	}		
}
/* ----- thumbs ----- */
.thumbs .header-title{
	width: 30%;
	margin: 20px 0;
	text-align: left;
	border-left: 3px solid #db0000;
	padding-left: 20px;
}
.col {
    width: 24%;
    height: 265px;
    margin: 10px 0.5%;
    float: left;
}
.col iframe {
    width: 100%;
    height: 210px;
}
.col h3{
    color: #666;
	font-family: futura;
    text-transform: capitalize;
}

@media screen and (min-device-width: 992px) and (max-device-width: 1199px) { 

}
@media (min-width: 641px) and (max-width: 900px){
			
}
@media (min-width: 301px) and (max-width: 640px){
	.thumbs .header-title{
		margin: 20px 0;
	}
	.col {
		width: 48%;
		height: 265px;
		margin: 10px 1%;
		float: left;
	}
	.col iframe {
		width: 100%;
		height: 210px;
	}
	.col h3{
		color: #666;
		font-family: futura;
		text-transform: capitalize;
	}
	
}
@media (max-width: 301px){
	.thumbs .header-title{
		margin: 20px 0;
	}
	.col {
		width: 48%;
		height: 265px;
		margin: 10px 1%;
		float: left;
	}
	.col iframe {
		width: 100%;
		height: 210px;
	}
	.col h3{
		color: #666;
		font-family: futura;
		text-transform: capitalize;
	}
	
}

/* ----- footer ----- */
.footer
{
	color: #fff;
	padding: 5px 0;
	background: #555;
	text-align: center;
	padding: 10px 0;
}
.footer a{ color: #fff; text-decoration: none;}
.social_links ul li{ display: inline-block; margin: 0 10px;}
.social_links ul li a i{ color: #fff; }


/* ----------------------- responsive ------------------------ */

@media screen and (min-width: 1200px) {
   
}

@media screen and (min-device-width: 992px) and (max-device-width: 1199px) { 
}

@media screen and (min-device-width: 768px) and (max-device-width: 991px) { 
   
}

@media screen and (min-device-width: 551px) and (max-device-width: 767px) { 
   
}

@media screen and (min-device-width: 301px) and (max-device-width: 550px) { 
   
}

@media only screen and (max-device-width: 301px) {
    
}