/* when we hit the max width we need to change the width to 90% */

@media screen and (max-width: 1150px) {
	.ok{}
	
	.contentContainer 	{width:95%}

	.sectionMenuTitle {width:100%; display:inline-block;}
	.sectionService {height:250px;}
	
	.homePageBanner 	{text-align:center;}
	.homePageBannerHalf	{display:inline-block; width:80%;}

	.catPageBanner		{text-align:center;}
	.catPageBannerHalf	{display:inline-block; width:80%;}

	.pageBanner01 h1	{font-size:30px; line-height:35px;}
		
	.pageBannerArea01	{background-attachment:scroll; background-position:0% 0%; background-size:cover;}
	.lowerStripArea01	{background-attachment:scroll; background-position:0% 0%; background-size:cover;}
	
	.p01PageBanner		{text-align:center;}
	.p01PageBannerHalf	{display:inline-block; width:80%;}

	.p02PageBanner		{text-align:center;}
	.p02PageBannerHalf	{display:inline-block; width:80%;}
	
	.serviceBoxes		{display:inline-block; width:45%; height:300px; margin:0px;}
	.serviceSep		{display:inline-block; width:10%; height:400px;}
	
	.factBubble		{display:inline-block; margin:20px 10px 20px 10px; position:relative;}
	.fancyCheckbox		{display:inline-block;}
	
	.menuLinks		{display:none;}
	.menuTel		{display:none;}
	
	.menuMob		{width:70%; float:right; text-align:right; padding-top:30px; display:block;}
	.menuMob img		{cursor:pointer;}
	
	.col4			{width:45%; margin:0px 2% 0px 2%;}
	.colSep			{display:none;}
		
	.homePageBannerArea	{background-position: 0px 0px; background-attachment:scroll;}
	.p02PageBannerArea	{background-position: 0px 0px; background-attachment:scroll;}
}

/* 768px i-Pad portrait */

@media screen and (max-width: 768px) {
	.ok{}
	.aligncenter {width:100%; height:auto;}
	
	.pageBannerArea01 h1	{margin-top:60px;}
	.mobMenu		{top:65px;}
	
	.landingBoxWhite .paddingM {font-size:18px; line-height:20px;}
	
	.p02PageBanner h1 	{margin-top:50px;}
	
	.serviceBoxes		{height:300px;}

	.homePageBannerArea	{height:250px;}
	.homePageBannerArea h1	{font-size:25px; margin-top:30px; line-height:35px;}
	
	.p02PageBannerArea	{height:250px;}
	.p02PageBannerArea h1	{font-size:25px; line-height:35px;}
	
	.homeSplitHeading	{border-right:0; border-left:0; padding: 8px 0px 8px 0px; position:relative;}
	.homeSplitHeading p	{font-size:18px; font-weight:bold;}
	.ZhomeSplitHeading p strong {float:left; width:50px; display:block; background:#000000; height:40px; margin:0px; position:absolute; left:0px; padding-top:9px; top:0px;}
	
	.homeIntro p		{font-size:16px; line-height:25px;}
	
	.downarrow		{width:50px;}
	
	.socialButton100	{width:50px;}
	.socialButton75		{width:50px;}
	.socialButton50		{width:50px;}
	
	.logoArea img		{height:63px; width:auto;}
	.logoArea		{width:70px;}
	
	.menuMob		{padding-top:10px;}
	
	.headerBar		{height:65px;}
	.headerDummy		{height:63px;}
	
	.factBubble		{display:inline-block; margin:20px 20px 20px 20px; position:relative;}
	
	.roundButton		{margin:0px 20px 0px 20px;}
	
	.mainSectionBox		{width:45%; margin:0px 2% 20px 2%;}
	.mainSectionContainer	{width:100%;}
	
	.col2			{width:100%;}
	.col3			{width:45%; margin:0px 2% 0px 2%;}
	
	.homePageBlogTitle	{font-size:16px;}
	.homePageBlogDate	{font-size:14px;}
	.homePageBlogBlurb	{font-size:16px;}
	
	.categoryMenu		{width:100%;}
	
	.footerColFull		{width:45%; margin-top:20px; vertical-align:top;}
	
	.switchBlock		{width:200px; margin:0; margin-bottom:20px; font-size:18px;}
	
	.additionalPostContainerLeft {width:45%; float:none; margin-right:2%; margin-left:2%;}
	.additionalPostContainerRight {width:45%; float:none; margin-right:2%; margin-left:2%;}
	
	.floatRight		{float:none;}
		
	.fullWidthT		{width:100%;}
	
	.landingBox 			{font-size:16px; border-radius:20px; padding:10px;}
	.landingBoxWhite	{font-size:16px;  width:150px; line-height:25px;}
	.landingBoxWhite span {font-size:12px;}
	
	.landingSepImg	{width:401px; height:auto;}
	
	.landingButton		{height:65px; font-weight:bold; font-size:14px; width:150px;}

	.font25			{font-size:18px; line-height:20px;}
	
}