/*------------------------------------------------------------------

Project:	MWT-200 HTML UI Kit
Version:	1.0.0

------------------------------------------------------------------
[Table of contents]

1. text_heading start
2. main_wrapper start

*/

.text_heading{
	float:left;
	width:100%;
	margin-bottom:20px;
}
.text_heading h2{
	font-size:24px;
	font-weight:700;
}

/* main_wrapper start*/

.main_wrapper{
	float:left;
	width:100%;
	padding-top:100px;
	padding-bottom:50px;
}
.video_frame_wrapper{
	float:left;
	width:100%;
	margin-bottom:50px;
}
.youtube_player, .vimeo_player{
	float:left;
	width:100%;
}
.soundcloud_player, .spotify_player{
	float:left;
	width:100%;
}
.html_vedio_player, .facebook_player{
	float:left;
	width:100%;
}
.youtube_player iframe{
	width:100%;
	height:315px;
	border:0;
}
.vimeo_player{
	position: relative;
    padding-bottom: 56.25%;
    height: 0;
}
.vimeo_player iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.soundcloud_player iframe{
	width:100%;
	height:166px;
	border:0;
}
.spotify_player iframe{
	width:100%;
	height:80px; 
	border:0;
}
.facebook_player iframe{
	width:100%;
	min-height:400px; 
	border:0;
}
.html_vedio_player video {
    width: 100%;
    object-fit: cover;
}

/* main_wrapper end*/


@media(min-width: 768px) and (max-width: 991px){
	
	.youtube_player, .html_vedio_player,
	.soundcloud_player{
		margin-bottom:40px;
	}
}

@media(max-width: 767px){
	
	.youtube_player, .html_vedio_player,
	.soundcloud_player{
		margin-bottom:40px;
	}
}

@media(max-width: 480px){
	.facebook_player iframe {
		min-height: 240px;
	}
	
}