@media all and (min-width: 375px) {
	#monitor #yt_video .vid {
		height: 350px;
	}
}
@media all and (min-width: 414px) {
	#monitor #yt_video .vid {
		height: 380px;
	}
}
@media all and (min-width: 450px) {
	#monitor #yt_video .vid {
		height: 420px;
	}
}
@media all and (min-width: 480px) {
	#monitor #yt_video .vid {
		height: 450px;
	}
}
@media all and (min-width: 520px) {
	#monitor #yt_video .vid {
		height: 500px;
	}
}
@media all and (min-width: 560px) {
	#monitor #yt_video .vid {
		height: 540px;
	}
}
@media all and (min-width: 600px) {
	#monitor #yt_video .vid {
		height: 580px;
	}
}
@media all and (min-width: 640px) {
	#monitor #yt_video .vid {
		height: 600px;
	}
}
@media all and (min-width: 660px) {
	#monitor #yt_video .vid {
		height: 640px;
	}
}
@media all and (min-width: 700px) {
	#monitor #yt_video .vid {
		height: 680px;
	}
}
@media all and (min-width: 740px) {
	#monitor #yt_video .vid {
		height: 720px;
	}
}
@media all and (min-width: 768px) {
	#projects * .project {
		height: 335px;
	}
	#projects * .project .box:first-child {
		-webkit-transform: translateZ(167px);
		-moz-transform: translateZ(167px);
		transform: translateZ(167px);
		/*-ms-transform: translateZ(167px);*/
	}
	#projects * .project:hover .box:first-child, #projects * .project:focus .box:first-child {
		/* FOR IE COMPATIBILITY */
		-ms-transform: rotateX(89deg) translateZ(167px);
	}
	#projects * .project .box:last-child {
		-webkit-transform: rotateX(-90deg) translateZ(-167px);
		-moz-transform: rotateX(-90deg) translateZ(-167px);
		transform: rotateX(-90deg) translateZ(-167px);
		/*-ms-transform: rotateX(-90deg) translateZ(-167px);*/
	}
	#projects * .project:hover .box:last-child, #projects * .project:focus .box:last-child {
		/* FOR IE COMPATIBILITY */
		-ms-transform: rotateX(-1deg) translateY(-100%) translateZ(-167px);
	}
	#monitor #yt_video {
		padding-left: 0;
	}
	#monitor #yt_video .video-cont {
		margin-left: 50%;
		width: 50%;
	}
	#monitor #yt_video .vid {
		height: 370px;
	}
	#middle-section .container.last .headTxt {
		margin-top: 30px !important
	}
	#project-banner {
		height: 300px;
	}
	#project-banner .container {
		height: 100%;
		position: relative;
	}
	#project-banner * h1 {
		position: relative;
		top:50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	}
}
@media all and (min-width: 992px) {
	.acf-map {
		height: 510px !important
	}
	#gform_confirmation_message_1 {
		margin-bottom: -50px;
		margin-top: -10px;
	}
	.gform_confirmation_wrapper div {
		padding: 30px;
	}
	#monitor #yt_video a i {
		font-size: 4em;
	}

	#topBar .site-info ul{
		text-align: left;
		margin-left: 5%;
	}
}
@media all and (min-width: 910px) {
	#monitor #yt_video .vid {
		height: 440px;
	}
}
@media all and (min-width: 1024px) {
	#monitor #yt_video .vid {
		height: 520px;
	}
}
@media all and (min-width: 1200px) {
	#monitor #yt_video .vid {
		height: 620px;
	}
	.fb-feeds h5 {
		margin-bottom: 20px;
	}
}
@media all and (min-width: 1450px) {
	#monitor #yt_video .vid {
		height: 750px;
	}
}
@media all and (min-width: 1700px) {
	#monitor #yt_video .vid {
		height: 875px;
	}
}
@media all and (max-width: 991px) {
	.gform_confirmation_wrapper div {
		padding: 10px 15px;
	}
	#monitor #yt_video a i {
		font-size: 3em
	}
	.fb-feeds {
		text-align: center;
	}
}
@media all and (max-width: 767px) {
	#projects * .project {
		height: 250px;
	}
	#projects * .project .box:first-child {
		-webkit-transform: translateZ(125px);
		-moz-transform: translateZ(125px);
		transform: translateZ(125px);
		/*-ms-transform: translateZ(125px);*/
	}
	#projects * .project:hover .box:first-child, #projects * .project:focus .box:first-child {
		/* FOR IE COMPATIBILITY */
		-ms-transform: rotateX(89deg) translateZ(125px);
	}
	#projects * .project .box:last-child {
		-webkit-transform: rotateX(-90deg) translateZ(-125px);
		-moz-transform: rotateX(-90deg) translateZ(-125px);
		transform: rotateX(-90deg) translateZ(-125px);
		/*-ms-transform: rotateX(-90deg) translateZ(-125px);*/
	}
	#projects * .project:hover .box:last-child, #projects * .project:focus .box:last-child {
		/* FOR IE COMPATIBILITY */
		-ms-transform: rotateX(-90deg) translateY(-100%) translateZ(-125px);
	}
	#monitor #yt_video a i {
		font-size: 2em
	}
	#monitor {
		margin-bottom: 10em;
	}
}

@media (max-width: 736px) and (min-width: 480px) {
	.special-width {
		padding: 0 30px;
	}
}

@media all and (max-width: 414px) {
	#monitor {
		margin-bottom: 3em;
	}
	.site-info iframe {
		height: 300px;
	}
}
@media all and (max-width: 374px) {
	#monitor #yt_video .vid {
		height: 290px;
	}
}
@media all and (max-width: 320px) {
	.fb-feeds .fb_iframe_widget > span {
		width: 290px !important;
	}
	div.ginput_recaptcha > div {
		transform-origin: 0 0;
		transform: scale(.96);
	}
	#form div.ginput_recaptcha > div {
		transform-origin: 0 0;
		transform: scale(.85);
	}
}