@media screen and (min-width: 1000px) {
	.video-area iframe {
		position:inherit;
		width: 896px;
		height: 504px;
	}

	.video-area{
		margin-bottom: 20px;
		/*padding-bottom: 56.25%; */
		position: relative;
		overflow: hidden;
		padding-top: 30px; 
	}
}


@media screen and (max-width: 1080px) {

	.top .tool-bar{left: 18%}

}

@media screen and (max-width: 1024px) {
	.top .tool-bar{left: 20%}
}

@media screen and (max-width: 991px) {
	.video-area{
		margin-bottom: 20px;
		padding-bottom: 56.25%; 
		position: relative;
		overflow: hidden;
		padding-top: 30px; 
	}
	.video-area iframe {
		position: absolute;
		top:0; left: 0;
		width: 100%;
		height: 100%;
	}

	.top .tool-bar{left: 10%}

	.title{
		font-size: 36px;
	}

	.so-what-are .content .inner .left-arrow, .so-what-are .content .inner .right-arrow{
		display: none;
	}
	.so-what-are .content .inner .big-btn{width: 100% !important}

	.block-2 .title {
		line-height: 35px;
		font-size: 35px;
		padding-top: 0px;
	}

	.block-2 .content-1 .video-item .icon-play {
		left: 25%;
		top: 25%;
	}

	.so-what-are .title {
		font-size: 30px; line-height: normal;
	}

	.incredible .title{line-height: normal;}
}

@media screen and (max-width: 800px) {

	.block-2 .title {
		font-size: 30px; padding-top: 15px;
	}
	.block-2 .content-1 .video-item .icon-play {
		left: 24%;
		top: 19%;
	}
}

@media screen and (max-width: 767px) {
	.video-item {text-align: center;}
	.video-item img{display: inline-block;}
	.video-item .icon-play {
		position: absolute;
		top: 10%;
		left: 38%;
	}
	.has-border{
		border:none;
	}

	.footer .copyright, .footer .link-footer{text-align: center;}
}


@media screen and (max-width: 750px){

}

@media screen and (max-width: 708px) {
	.believe .title{font-size: 34px;}
	.top .tool-bar{left: 5%; width: 90%}
}

@media screen and (max-width: 600px) {
	.video-item .icon-play{
		left: 35%;
	}
	.so-what-are .title{font-size: 35px;}

	.block-2 .content-1 .video-item .icon-play {
		left: 35%; top:25%;
	}
	.block-2 .content-1 .video-item{width: 100%}
	.block-2 .content-1 .video-item img{display: inline-block;}
	.block-2 .title {
		font-size: 28px;
		padding-top: 0px;
	}

	.block-2 .content-1 .text-right, .block-2 .content-1 .text-left, .block-2 .content-1 .video-item {text-align: center;}
}
	


@media screen and (max-width: 350px) {
	.top .tool-bar{top:95px;}
	.pro-theme-box{
		width: 270px;
		font-size: 25px;
	}

	.block-2 .title {
		font-size: 28px;
		padding-top: 0px;
	}

	.block-2 .content-1 .text-right, .block-2 .content-1 .text-left {
		text-align: center !important
	}
	.block-2 .content-1 .video-item .icon-play {
		left: 17%;
		top: 24%;
	}

	.so-what-are .title {
		font-size: 28px;
	}
}


@media screen and (max-width: 321px) {
	.video-item .icon-play {
		left: 17%;
	}
	.box-instan-access{
		/*width: 250px;*/
	}

	
}

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

}