/*
Theme Name: responsive
*/


/* Note: Design for a width of 1024px */
@media only screen and (min-width: 1024px) and (max-width: 1215px) {
	.main-navigation li {
		position: relative;
		padding: 0px 7px;
		display: inline-block;
	}
	.main-navigation {
		width: 80%;
	}
	.main-navigation a {
		font-size: 11px;
	}
	.site-branding {
		width: 17%;
	}
	h1 {
		font-size: 40px;
		line-height: 60px;
	}
	#myVideo {
		width: auto;
		position: relative;
		left: -450px;
	}
	

}
/* =Responsiveness: Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#myVideo {
		width: auto;
		position: relative;
		left: -575px;
	}
	h1 {
		line-height: 64px;
	}
	.middlehead h3 {
		font-size: 14px !important;
		min-height: 110px;
		letter-spacing: 2px !important;
	}
	.largetextsection h1 {
		font-size: 23px;
		line-height: 40px;
	}
	.homeservices h3 {
		font-size: 24px;
	}
	.middlecharge h2 {
		letter-spacing: 5px;
		font-size: 13px;
		min-height: 110px;
	}
	.middlecharge {
		font-size: 12px;
	}
	#page {
		text-align: center;
	}
	.insidevideo video {
		width: 600px !important;
		left: 0px !important;
	}
	.footerwidgets img {
		max-width: 80%;
	}
	.footerwidgets h2 {
		font-size: 14px;
	}
	.site-info {
		background: #4600f5;
		height: 75px;
		text-align: center;
	}
	.site-info span {
		float: none !important;
	}
	.vc_custom_1570628260874 {
		margin-left: 10% !important;
	}
}



/* =Responsiveness: Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
	.videoheightcontrol {
		height: auto;
	}
	.middlecharge .vc_column-inner {
		border: 1px solid #ccc !important;
		margin-bottom: 20px;
	}
	.videoheightcontrol {
		display: none !important;
	}
	.customnewvideospace {
		display: block;
	}
	.insidevideo {
		margin-top: 165px;
	}
	#page {
		text-align: center;
	}
	.site-branding {
		text-align: center;
		width: 100%;
	}
	.custom-logo-link img {
		max-height: 60px;
		width: auto;
		position: relative;
		bottom: 10px;
	}
	.overlayinside {
		left: 0px;
	}	
	.homeoverlay {
		width: 88%;
	}
	#masthead {
		margin-top: 48px;
	}
	h1 {
		line-height: 40px;
		font-size: 24px;
	}
	h3 {
		line-height: 50px;
	}
	.middlehead h3 {
		min-height: 70px;
	}
	.footerwidgets section {
		width: 100%;
		float: none;
		text-align: center;
	}
	.site-info {
		background: #4600f5;
		padding-top: 10px;
		height: 190px;
		text-align: center;
	}
	.vc_custom_1570624584150 {
		border: 1px solid #ccc !important;
		margin-bottom: 20px;
	}
	.vc_custom_1570623585578 {
		border: 1px solid #ccc !important;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.projectheader .vc_column-inner {
		border: 1px solid #ccc !important;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	
	.projectheader h2 {
		font-size: 20px;
		word-wrap: anywhere;
	}
}

/* =Responsiveness: Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
 
}