.video-banner {
    padding-top: 70%;
	position: relative;
	margin-left: 11px;
	margin-right: 11px;
}
@media(min-width: 992px){
	.video-banner {
		padding-top: 32%;
		position: relative;
		margin-left: 0px;
		margin-right: 0px;
	}
	.video-banner .hero-content{
		padding: 0;
	}
}
.video-banner .video-desktop {
    width: 100%;
    /*transform: translateY(-50%);*/
}

.video-banner .content-overlay {
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    width: 100%;
    background-color: rgba(0,0,0, 0); /* removed at the request of the customer.. keeping in case we need it again */
}
.video-banner .content-overlay > .container {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
}
.video-banner{
	
}
.tgs-video-holder{
	position: absolute;
	height: 100%;
	top: 0;
	width: 100%;
}
@media screen and (max-width: 991px) {
    .video-banner .video-desktop {
        transform: initial;
    }
	.video-banner{
		min-height: 280px;
	}
	.row-spacing-md-0{
		margin-bottom: 15px !important;
	}
	.video-banner video{
		min-height: 280px !important;
	}
}


@media (min-width: 481px) and (max-width: 991px) { 
	
	.video-banner{
		padding-top: 32%;
		margin-left: 15px;
		margin-right: 15px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
}
@media(max-width: 991px){
	.video-banner {
		padding-top: 32%;
		position: relative;
		margin-left: 11px;
		margin-right: 11px;
		display: block;
	}
	.banner-title, .banner-subtitle {
		padding: 0 5%;
	}	
}
.hero-video-bg, .hero-video-bg .embed-container{
	height: 100% !important;
}
.embed-container video{
	position: absolute;
	bottom: 0;
}

.hero-section video{
	position: static;
}