// Media Query Shortcuts //

@tablet: ~"only screen and (min-width: 768px)";
@desktop: ~"only screen and (min-width: 992px)";
@large-desktop: ~"only screen and (min-width: 1200px)";


/* Video Area */
#wcc-tour-video {
	
	background: #000;
	
	.video-banner {
		background: @white;
		padding: 5px 0;
	}

	.video-container {
		max-width: 1300px;
		max-height: 100%;
		overflow: hidden;
		padding: 0;
		margin: 0 auto;

		iframe {
			display: block;
			max-width: 100%;
			height: 250px;

			@media @tablet {
				height: 430px;
				width: 100%;
			}

			@media @desktop {
				height: 570px;
			}

			@media @large-desktop {
				max-width: 1200px
				height: 720px;
			}
		}
	}
}