@media screen and (max-width: 1300px) {
	#navigation .content > ul.menu > li{ margin:0 2px;}
	#navigation .content > ul.menu{margin-right:-12px;}
	.maxContain{max-width:975px;}
}
@media screen and (max-width: 1023px) {
	
	/****************** 
		GLOBAL
	******************/
	html,body{ font-size:15px; line-height:normal;}
	
	h1{ font-size:28px;}
	h2{ font-size:26px;}
	
	.fourth{width:48%}
	.half{width:98%;}
	
	.mobileOnly{ display:block}
	
	/****************** 
		BUTTON
	******************/
	.button{font-size:18px; margin:20px auto 0; padding: 12px 15px;}
	
	/****************** 
		FORM
	******************/
	.webform-client-form{ max-width:470px; margin:0 auto}
	form.webform-client-form .fieldset-wrapper > .form-item > label{ width:100%; text-align:left;}

	.webform-container-inline div, .webform-container-inline div.form-item {display: block;}
	
	.form-item .description, .captcha{ margin-left:0; margin:0 auto; display:block; width:100%; max-width:300px}
	.select, select, select.form-select {display: block;}
	/****************** 
		HEADER
	******************/
	
	#header, #headerSpacer{ height: 70px; top:0 !important;}
	
	#logo{ float:none; margin:0 70px !important;}
	#logo img{ display:block !important; margin:-15px auto -40px !important; z-index:100; position:relative; width:auto; height:100px !important;}
	#navigation{ float:none; padding:0;}
	#navigation.active .region-mainmenu .content{ overflow:scroll}
	#navigation .region-mainmenu .content{ position:fixed; top:70px; left:0px; background:#658320; right:0px; z-index:50;margin-top:-0px; display:block; bottom:100%; overflow:hidden}
	#navigation .content > ul.menu{padding:40px 30px 20px; margin-right:0;}
	#navigation .content > ul.menu > li{ float:none; padding:0;margin:0;}
	#navigation .content > ul.menu > li > a{ color:#fff}
	#navigation .content > ul.menu > li > a,
	#navigation .content > ul.menu > li:hover > a, 
	#navigation .content > ul.menu > li > a:hover, 
	#navigation .content > ul.menu > li > a.active-trail{ border-bottom:0; color:#fff}
	#navigation .content > ul.menu > li > ul{ position:relative; top:auto; left:0; display:block; padding:0 20px;}
	
	#navigation-secondary { display:none;}
	.mobileMenuToggle{height:30px; width:50px; position: absolute;top: 22px; left:15spx; background:#fff; cursor:pointer; z-index:10;}
	.mobileMenuToggle .fa{ color:#6c8844; margin: -8px 0 0 0px; font-size:26px;}
	.mobileMenuContact{ position:absolute; right:12px; top:19px; width:60px; text-align:right;}
	.mobileMenuContact .fa:before{ color:#6c8844; font-size:20px;}
	.mobileMenuContact .fa{ text-decoration: none; padding:0 3px 0 10px;}
	
	/****************** 
		HOME
	******************/
	.bean-field-collection .field-type-field-collection > .field-items > .field-item { width:45%;}
	/*serviceareas*/
	.residentialServiceMap,	.residentialServiceSearch, .residentialServiceCounties{ position:relative; top:auto; left:auto; right:auto; margin:0 -20px; width:auto; text-align:center;padding:30px 20px;}
	.residentialServiceSearchHeader,.residentialServiceSearchContent{float:none; width:auto; text-align:center; max-width:none;}
	.residentialServiceCountyHeader{ max-width:none;}
	.residentialServiceSearchForm input,
	.residentialServiceSearch .link{ text-align:center; width:auto; float:none;}
	.residentialServiceSearchForm input{display:inline}
	.residentialServiceSearchForm{ padding-bottom:0;}
	
	#alertsContainer{padding:42px 0 15px; border-top:5px #fff solid;}
	#alerts p{ margin:0; padding:0 10px; display:block}
	
	/****************** 
		CONTENT
	******************/
	.contentSection{ text-align:center; padding:50px 20px 40px;}
	
	
	#content .featured .contentSection{padding:60px 20px 40px !important}
	
	.view-artlicles .contentSection{ text-align:left;}
	#content .contentSection h2{float:none; display:block}
	#content .contentSection a.contentSectionTipLink{ float:none; margin:0px 0 30px; display:inline-block;}
	/*featured images*/
	#content .group-right-page{margin:-60px -20px 0; max-width:none; padding-bottom:20px; float:none; text-align:center}
	.embedded-video iframe{ max-width:100%;}
	.field-type-image.right img{max-width:100%; height:auto; display:inline-block;}
	.field-name-field-image.right{ float:none; display:block; margin:0 auto; text-align:center}
	.countyMap{max-width:300px;}
	/*business*/
	.taxonomyServices .fourth{width:31.33%;}
	.taxonomyServices .row > div{ text-align:center}
	.taxonomyContent .fourth{width:31.33%;}
	#content .featured .tabContent .group-left-side,
	.taxonomyContent .tabContent .ds-2col > .group-left{width:100%; padding-right:0%; margin:0 auto 20px;  display:block; float:none;}
	#content .featured .tabContent .group-right-side,
	.taxonomyContent .tabContent .ds-2col > .group-right{width:100%;  max-width:370px; margin:0 auto; display:block; float:none; text-align:left}
	/*serviceAreaTool*/
	.lookUpServiceSearch.serviceAreaTool .residentialServiceSearchForm { text-align:center; padding-top:20px;}
	.lookUpServiceSearch.serviceAreaTool .residentialServiceSearchForm label{width:100%; display:block; text-align:center; padding-bottom:10px;}
	.lookUpServiceSearch.serviceAreaTool .serviceSearchSubHeader{padding-left:0; text-align:center; padding-right:20px}
	.lookUpServiceSearch.serviceAreaTool .countyContain{padding-left:0;}
	.lookUpServiceSearch.serviceAreaTool .countyContain > div{text-align:center}
	/*blog*/
	.node-type-article .contentSection .field-name-body{ text-align:left;}
	/*accordian*/
	#content .tabsContain ul li{ padding:18px 20px 13px; font-size:16px;}
	#content .tabsContentContain > ul > li ul.accordian > li.isParent > ul{ padding-left:20px;}
	/*holidays*/
	#content .contentSection.hoiidaySchedule,
	.page-node-60 #content .ds-right .contentSection{ text-align:left}
	/*customer resources*/
	.page-node-25 .contentSection ul li {list-style-position:inside;}
	
	
	/****************** 
		MAP
	******************/
	.node-type-drop-sites #content .field-group-div.fourth > div{ text-align:left; margin:0 auto;}
	.node-type-drop-sites #content .field-group-div.fourth{ margin:0px 0 20px; float:none; display:inline-block; vertical-align:top;}
	.node-type-drop-sites #content .field-group-div.fourth:first-child{ margin-top:0;}
	.node-type-drop-sites #content .field-group-div h3{padding-bottom:0;}
	.node-type-drop-sites #content h1{ float:none; }
	.node-type-drop-sites #content .contentSection a.contentSectionTipLink{margin-top:0px; padding-right:0;}
	.node-type-drop-sites .tabbedBlock{padding-top:0}
	
	/****************** 
		BLOG
	******************/
	.node-type-article .featured.backgroundBrown h1{ max-width:500px; margin:0 auto 10px; }
	#content .articlePageFeature .contentSection{ text-align:left;}
	#content .articlePageFeature .view-artlicles .group-right-side{  width:30%; margin-bottom:10px; }
	
	/****************** 
		VIDEOS
	******************/
	#content #block-views-video-gallery-block h2{ margin:-30px 0 30px; font-size:23px}

	#bottomBlocks .views-field-field-how-to-video{padding-right:20px;}
	
	/****************** 
		BLOCKS
	******************/
	.region-bottomblocks .block { width: 97%; margin:0% 1.5% 3%; }
	.region-bottomblocks .block.w2 { width: 97%; margin:0% 1.5% 3%; }
	.region-bottomblocks .blockpadding{padding:40px 20px 40px 40px;}
	.region-bottomblocks .block-bean .field-name-title, 
	.region-bottomblocks .block h2{margin-left:-40px;}
	.region-bottomblocks .field-name-field-link a, 
	.region-bottomblocks .field-name-node-link a{margin:20px -20px -15px 0}
	#bottomBlocksContain {max-width: 470px; padding:0 20px;}
	
	.lookUpServiceSearch .residentialServiceSearchForm{ padding:35px 0 35px }
	
	#bottomBlocks .faq-block-view.video-block-view .blockpadding{ padding:30px 30px 10px;}
	#bottomBlocks .faq-block-view.video-block-view  .views-field-field-how-to-video a{font-size:18px; line-height:1.3em;}
	
	/****************** 
		FOOTER
	******************/
	#footer .menu-footer{float:none; width:100%; display:block; padding-bottom:20px;}
	#footer .menu-contact{float:left; width:50%; text-align:left;}
	#footer .menu-social{float:left; width:50%;}
	#footer ul{ text-align:center;}
	.region-footer{ max-width:555px; margin:0 auto;}
	
}


@media screen and (max-width: 760px) {
	/****************** 
		HOME SLIDER
	******************/
	#content .flexslider ul.slides li .slideLinkContain {max-width: 50%;}
	#content .flexslider ul.slides li .slideTitle {font-size: 12pt; line-height: 14pt;}
	#content .flexslider ul.slides li .slideButton {font-size: 11pt; line-height: 13pt;}
	.desktop-only {display: none;}
	.mobile-only {display: block;}

}

 


@media screen and (max-width: 730px) {
	/****************** 
		CONTENT
	******************/
	#content .group-right-side{ margin:0 0 30px 0px;  width:100%; max-width:none; float:none !important}
	#content .group-right-side .field-item{ margin:-60px -20px 30px;}
	/* taxonomy page */
	.vocabulary-counties .group-right-side{ float:none !important; text-align:center}
	.countyMap{float:none; margin:-10px auto 15px; display:block}
	.taxonomyServices .fourth{width:48%;}
	.taxonomyContent .fourth{width:48%;}
	
	/****************** 
		MAP
	******************/
	#mapLocationsList > div .dropSiteImage{ float:none; max-width:100%; margin:0 0 15px 0px; height:auto}
	.locationSearch form label{ display:block; margin: 0 0 10px; text-align:center;}
	/****************** 
		BLOG
	******************/
	.articlePage .view-artlicles { margin-bottom:-40px;}
	.articlePage .view-artlicles .node-article{margin:0px 0 40px}
	
	#content .articlePageFeature .view-artlicles .group-right-side{ width:auto; max-width:100%; float:none; margin:0px auto 0px; display:block; text-align:center }
	.articlePageFeature .view-artlicles h2{ padding-top:0; margin-top:-10px;}
	
	/****************** 
		VIDEOS
	******************/
	.view-id-video_gallery .views-row {width:96%;}


	/****************** 
		  FORMS
	******************/
	.select, select, select.form-select {display: none;}
}