@media screen and (max-width: 990px) {

	/************************************************************************************
	STRUCTURE
	*************************************************************************************/
	#slider, .nivoSlider, #slider_overlay, .slider-wrapper, #wrapper { width: 100%; }
	#menu-icon {
		display: none;
		width: 40px;
		height: 40px;
		background: url(images/menu-icon.png) center no-repeat;
	}

	#footer-logos{width: 100%;}
	.pagewidth {
		max-width: 100%;
	}

	/* content */
	#content {
		max-width: 67.8%;
	}

	/* sidebar */

	#sidebar {
		margin: 7% 0 5%;
	}

	#i-h{width: 100%;}
	#mslider{width: 100%;}
	#body-home { background: none; }
	#i-footer{width: 100%;}
		

	/************************************************************************************
	GRID
	*************************************************************************************/

	.col4-1,
	.col4-2,
	.col4-3,
	.col3-1,
	.col3-2,
	.col2-1
	{
		margin-left: 2%;
	}

	.first {
		margin-left: 0;
	}

	.col4-1 {
		max-width: 23%;
	}

	.col4-2, .col2-1 {
		max-width: 48%;
	}

	.col4-3 {
		max-width: 72%;
	}

	.col3-1 {
		max-width: 31%;
	}

	.col3-2 {
		max-width: 62%;
	}
}


@media screen and (max-width: 989px) {

	/************************************************************************************
	STRUCTURE
	*************************************************************************************/
	#slider, .nivoSlider, #slider_overlay, .slider-wrapper, #wrapper { width: 100%; }

	
	#footer-logos{width: 100%;}
	.pagewidth {
		max-width: 100%;
	}

	/* content */
	#content {
		max-width: 67.8%;
	}

	/* sidebar */

	#sidebar {
		margin: 7% 0 5%;
	}

	#i-h{width: 100%;}
	#mslider{width: 100%;}
	#body-home { background: none; }
	#i-footer {
		width: 90%;
		text-align: center;
		padding: 1%;
	}

	/***** !!!!!!!!!!!!!  NAVIGATION  !!!!!!!!!!!!!!!!! *****/

	#main-nav a {
		display: block;
		padding:8px 11.4px;
		margin: 0;
		text-decoration: none;
		color: #ffffff;
	
	}
	#menu-icon {
		display: none;
		width: 145px;
		height: 40px;
		background: url(images/menu-icon.png) center no-repeat;
	}

#meet_our_staff{ margin: 0; width: 76%;} #meet_our_staff h2{line-height: 25px; margin: 0 auto;}
#meet_our_staff button  { width: 100%; }

	/************************************************************************************
	GRID
	*************************************************************************************/

	.col4-1,
	.col4-2,
	.col4-3,
	.col3-1,
	.col3-2,
	.col2-1
	{
		margin-left: 2%;
	}

	.first {
		margin-left: 0;
	}

	.col4-1 {
		max-width: 23%;
	}

	.col4-2, .col2-1 {
		max-width: 48%;
	}

	.col4-3 {
		max-width: 72%;
	}

	.col3-1 {
		max-width: 31%;
	}

	.col3-2 {
		max-width: 62%;
	}
	
	#form_wrapper {
		font-family: 'Montserrat', Arial, Helvetica, sans-serif;
		margin: 10px 0;
		padding: 10px 10px 30px 10px;
		width: 100%;
		min-height: 140px;
		height: 100%;
		border-top: #5ca900 1px dotted;
		border-bottom: #5ca900 1px dotted;
	}
	
	#form_left {
		padding: 5px;
		float: left;
		width: 100%;
		color: #3367b4;
		font-size: 18px;
		line-height: 130%;
		text-decoration: none;
		text-align:center;
		border: none;
	}
	
	#form_right {
		text-align:center;
		padding: 5px;
		float: right;
		width: 100%;
		font-size: 12px;
		line-height: 105%;
		text-decoration: none;
	}
	
	.form_right_btn1 {
		float:left;
		width: 100%;
	}
	.form_right_btn2 {
		float:left; padding: 7px 3px 0 3px;
		width: 100%;
	}
}


@media screen and (max-width: 760px) {
	/************************************************************************************
	STRUCTURE
	*************************************************************************************/
	#slider, .nivoSlider, #slider_overlay, .slider-wrapper, #wrapper { width: 100%; }
	
	#content {
		width: 100%;
		float: none;
		clear: both;
		max-width: 95%;
		padding: 15px 30px 25px 100px;
	}
	
	/* sidebar */
	#sidebar {
		width: 100%;
		float: none;
		clear: both;
		max-width: 100%;
	}

	/************************************************************************************
	HEADER
	*************************************************************************************/

	/* reset absolute elements to static */
	#site-logo, #site-description, #main-nav  {

		position: static;
		float: none;
		clear: both;
	}

	/* social widget */
	.social-widget {
		position: static;
		padding: 10px 0;
		float: none;
	}

	/* site logo */
	#site-logo a {
		font-size: 30px;
	}

	/* site description */
	#site-description {
		margin: 0 0 10px;
	}

	/* nav bar */
	#nav-bar {
		display: none;
	}

	/************************************************************************************
	MAIN NAV
	*************************************************************************************/
	
	/***** !!!!!!!!!!!!!  NAVIGATION  !!!!!!!!!!!!!!!!! *****/

	#main-nav {
		display: block;
		padding:8px 10px;
		margin: 0;
		text-decoration: none;
		color: #ffffff;
	}

	#menu-icon {
		display: none;
		width: 145px;
		height: 40px;
		background: url(images/menu-icon.png) center no-repeat;
	}

	#main-nav-wrap{}

	.mailing-list{}

	#i-h{position: static; text-align: center; padding-top: 10px;}
	
	.logo{position: static; text-align: center; margin: 15px 0 0 20px;}

	.logotext{float: none; margin-top: -30px; display: block;}  

	.logo img{float: none; margin: auto; display: block;} 

	#mslider{width: 100%; margin-top: -20px; height: auto;} 
	
	#wrapper{width: 100%; height: auto;} 

	#i-h{ background: url(images/logo-bg-2.png) top center no-repeat;}
	
	.searchbar { float: right; margin: 30px 0;} 
	
}



@media screen and (max-width: 759px) {
	/* header */
	
	#header {width: 100%; height: 160px; background: none; }
	
	#content {
		width: 100%;
		float: none;
		clear: both;
		max-width: 95%;
	}
	
	.contact-top-link { position: absolute; right: 0px; top: 5px; color: #333333; padding: 0 8px 0 0; } 

	.page-title {
		padding: 5px 0 0 0;
	}
	
	.logo{float: left; margin: 10px 0 0 20px;} 
	.logo img{padding: 0 0 10px 0;} 

	.searchbar { display: none; }

	#slider, .nivoSlider, #slider_overlay, .slider-wrapper, #wrapper, #mslider { display: none; }
	
	#searchbar2 { display: block; margin: 0 0 0 0; background:#3669b2; padding: 5px; height: 30px; }
	#searchbar2 .search_left { display: none; float: left; }
	#searchbar2 .search_right { display: none; float: right; }
	#searchbar2 .search_right a { color: #ffffff; }
	#searchbar2 .search_right a:hover { color: #eeeeee; }
	
	#bottom_img {
		min-width: 400px;
		width:97%;
		height:156px;
		position:absolute;
	}
	
	#top_img{
		content: '';
		width:100%;
		height:156px;
		background: url(images/subpage-banner-bg.png) top left no-repeat;
		margin: 10px 0;
	}
	
	.button-template { 
		text-align: center;
		border: none;
		width: 48%;
		height: 160px;
		background: url(images/icon_bg.png);
		color: #3367b4;
		font-size: 14px;
		font-weight:bold;
		margin: 0 2px;
		cursor: pointer;
	}
	.button-template:hover {
		text-align: center;
		border: none;
		width: 48%;
		height: 160px;
		background: url(images/icon_bg2.png);
		color: #5ca900;
		font-size: 14px;
		font-weight:bold;
		margin: 0 2px;
		cursor: pointer;
	}
	
	#pagewrap {
		background: #ffffff;
	}
	#content, #left_sub, #right_sub {
		float: left;
		padding: 10px;
		background: #ffffff;
		background-image: url(images/blank.png) !important;
		width: 97%;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		z-index: 11;
	}
	#subpage_bar { display: none; }
	#sidebar {
		width: 90%;
		float: left;
		padding: 1%;
	}
	
	#meet_our_staff{ margin: 0 4px; width: 90%;} #meet_our_staff h2{line-height: 25px; margin: 0 auto;}
	
	#i-footer {
		width: 90%;
		text-align: center;
		padding: 1%;
	}

	/************************************************************************************
	SEARCH FORM
	*************************************************************************************/

	#searchform-wrap {
		position: absolute;
		top: 5px;
		right: 40px;
		z-index: 1000;
	}

	#search-icon {
		background: url(images/search-icon.png) no-repeat center center;
	}


	/***** !!!!!!!!!!!!!  NAVIGATION  !!!!!!!!!!!!!!!!! *****/
	.mobile-button {
		position: relative;
		display: block;
		float: right;
		cursor: pointer;
	}
	
	#menu-icon {
		margin: 28px 0 0 0;
		clear: both;
		display:inline-block;
		width: 145px;
		height: 40px;
		background: url(images/menu-icon.png) center no-repeat;
	}

	/************************************************************************************
	MAIN NAV (MOBILE)
	*************************************************************************************/

	/* main nav */
	#main-nav {
		clear: both;
		position: static;
		width: 100%;
		height: auto;
		z-index: 16;
		padding: 0;
		background: #3367b4;
		display: none; /* visibility will be toggled with jquery */
	}
	#main-nav li:first-child {
		background: #3367b4;
		width: 100%;
		margin: 0;
		padding: 0;
		list-style: none;
		float: left;
		position: relative;
		border-bottom: #FFFFFF 1px solid;
		border-left: none;
		border-right: none;
		border-top: none;
		z-index: 16;
	}

	#main-nav li {
		background: #3367b4;
		width: 100%;
		margin: 0;
		padding: 0;
		list-style: none;
		float: left;
		position: relative;
		border-bottom: #FFFFFF 1px solid;
		border-left: none;
		border-right: none;
		border-top: none;
		z-index: 16;
	}
	
	/* main level link */
	#main-nav a {
		display: block;
		padding:8px 27.4px;
		margin: 0;
		text-decoration: none;
		color: #ffffff;
		z-index: 16;
	}
	/* main level link :hover */
	#main-nav a:hover {
		background: #63a430;
	}
	
	/* current link */
	#main-nav .current_page_item a, #main-nav .current-menu-item a {
		background: #63a430;
		color: #fff;
	}
	/* current link :hover */
	#main-nav .current_page_item a:hover, #main-nav .current-menu-item a:hover {
		color: #fff;
		background: #3367b4;
	}
	
}


@media screen and (max-width: 500px) {
	#i-h{ background: url(images/logo-bg-3.png) top center no-repeat; height: 228px; }

	.logo{
		float: none;
		margin-left: auto;
	 	margin-right: auto;
	} 
	
	#searchbar2 { display: block; margin: 55px 0 0 0; background:#3669b2; padding: 5px; height: 30px; }
	#searchbar2 .search_left { display: none; float: left; }
	#searchbar2 .search_right { display: none; float: right; }
	#searchbar2 .search_right a { color: #ffffff; }
	#searchbar2 .search_right a:hover { color: #eeeeee; }

	#menu-icon {
		margin: 83px 0 0 0;
		clear: both;
		display:inline-block;
		width: 145px;
		height: 40px;
		background: url(images/menu-icon.png) center no-repeat;
	}

	#bottom_img {
		min-width: 280px;
		width:97%;
		height:156px;
		position:absolute;
	}
	
	#top_img{
		content: '';
		width:100%;
		height:156px;
		background: url(images/subpage-banner-bg.png) top left no-repeat;
		margin: 10px 0;
	}
	
	#form_left {
		padding: 5px;
		float: left;
		width: 100%;
		color: #3367b4;
		font-size: 16px;
		line-height: 110%;
		text-decoration: none;
		text-align:center;
		border: none;
	}
	
}