/* Responsive - PC  */

	.hideP			{display:none;}
	.showP			{display:inline-block;}
	.leftP			{display:inline-block; text-align:left;}
	.centerP		{display:inline-block; text-align:center;}
	.rightP			{display:inline-block; text-align:right;}

@media screen and (max-width: 1500px) {
	.pageBannerArea01 {height:450px;}

	.bannerHeight500	{height:375px;}
	.bannerHeight400	{height:300px;}

	.homeBannerSpacer {height:40px;}
	.bannerScrollButton {display:none;}
}

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

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

	.pageBannerArea01 	{height:350px; background-size:100% auto;}
	.pageBanner01 h1	{font-size:30px; line-height:35px;}

	.bannerHeight500	{height:300px;}

	.bannerHeight400	{height:230px;}
	.bannerHeight400 .pageBanner01 .ghostButton {display:none;}

	.homeBannerSpacer	{height:50px;}

	.contentContainer 	{width:90%}

	.homePageBanner 	{text-align:center;}
	.homePageBannerHalf	{display:inline-block; width:80%;}

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

	.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:400px; 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;}

	.menuTel		{display:none;}

	.col4			{width:45%; margin:0px 2% 0px 2%;}
	.colSep			{display:none;}
	.sectionService		{height:350px;}

	.hideA			{display:none;}

	.homePageBannerArea	{background-position: 0px 0px; background-attachment:scroll;}
	.p02PageBannerArea	{background-position: 0px 0px; background-attachment:scroll;}

	.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;}

}

@media screen and (max-width: 900px) {
	.pageBannerArea01 {height:300px; background-size:100% auto;}
	.menuLinks {font-size:14px;}

	.bannerHeight500	{height:250px;}
	.bannerHeight500 .pageBanner01 .ghostButton {display:none;}

	.bannerHeight400	{height:180px;}
}

/* 768px Small Screen */

@media screen and (max-width: 768px) {
	.ok{}

	.pageBannerArea01 {height:250px; background-size:150% auto;}
	.pageBanner01	  {padding-top:10px;}

	.pageBannerArea01 h1 {margin-top:20px;}

	.bannerHeight500	{height:200px;}

	.bannerHeight400	{height:150px;}

	.p02PageBanner h1 	{margin-top:50px;}

	.serviceBoxes		{height:300px;}

	.homePageBannerArea    {height:250px;}
	.homePageBannerArea h1 {font-size:25px; margin-top:30px;}

	.p02PageBannerArea	{height:250px; padding-top:10px;}

	.homeSplitHeading	{border:solid 3px #000000; border-right:0; border-left:0; padding-top:8px; position:relative; height:30px;}
	.homeSplitHeading p	{font-size:18px; font-weight:bold;}
	.homeSplitHeading p strong {float:left; width:50px; display:block; background:#000000; height:30px; margin:0px; position:absolute; left:0px; padding-top:8px; top:0px;}

	.homeIntro p		{font-size:16px; line-height:25px;}

	.downarrow		{width:50px;}

	.logoArea img	{height:63px; width:auto;}
	.logoArea		{width:70px;}

	.menuLinks {display:none;}
	.menuMob		{padding-top:10px; display:inline-block; cursor:pointer; float:right;}
	.mobMenu		{top:65px;}

	.mobMenu a		{font-size:16px; padding:10px 0px 10px 3%;}
	.mobMenu span a		{padding:10px 0px 10px 3%; width:97%;}

	.headerBar		{height:65px;}
	.headerDummy		{height:63px;}

	.factBubble		{display:inline-block; margin:20px 20px 20px 20px; position:relative;}

	.homePageBannerHalf	{display:inline-block; width:90%; text-align:center;}
	.catPageBannerHalf	{display:inline-block; width:90%; text-align:center;}
	.p01PageBannerHalf	{display:inline-block; width:90%; text-align:center;}
	.p02PageBannerHalf	{display:inline-block; width:90%; text-align:center;}

	.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%;}

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

@media screen and (max-width: 630px) {
	.pageBannerArea01 {height:150px;}
	.pageBanner01 h1		{font-size:18px; line-height:20px;}

	.bannerHeight500	{height:200px;}

	.bannerHeight400	{height:120px;}
	.bannerHeight400 .pageBanner01 .strapline {margin-top:5px;}
	.bannerHeight400 .pageBanner01 .strapline .padding10 span {font-size:14px;}
}

@media screen and (max-width: 450px) {
	.ghostButton {display: none;}
}