.video-modal-box {
	width: 830px !important;
}
.video-colse-position {
	position: absolute;
}
.video-close {
    padding: 0;
    cursor: pointer;
    background: rgb(49, 49, 49);
    border: 0;
    -webkit-appearance: none;
    float: right;
    font-size: 50px;
    line-height: 1;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.7;
    filter: alpha(opacity=30);
}
.video-box {
	width: 800px;
    height: 450px;
}

@media screen and (max-width: 40em) {
	.video-modal-box {
		position: absolute !important;
		top: 50%;
		width: 100% !important;
		margin: -110px 0px 0px 0px !important;
	}
	.video-modal-box .modal-content {
		border: 0;
		border-radius: 0;
		box-shadow: none;
	}
	.video-modal-box .modal-body {
		padding: 0px;
	}
	.video-box {
		width: 100%;
		height: auto;
	}
	.video-colse-position {
		top: -30px;
		left: 5px;
	}
	.video-close {
		background: transparent;
		font-size: 30px;
	}
}
@media screen and (min-width: 40em) {
	.video-colse-position {
		right: -40px;
	}
	.video-close > span {
		color: #fff;
	}
}