@media only screen and ( max-width: 1440px ) {
	#mainHeader,
	#mainFooter		{padding: 0 10px;}
	#mainHeader	#logo,
	#slideContent	{left: 10px;}
	#mainNav		{right: 10px;}
	#caseWrapper,
	#homeContentWrapper	{padding-left: 10px; padding-right: 10px;}
}

@media only screen and ( max-width: 1300px ) {
	#mainFooter				{position: relative;}
	#mainFooter #rightFoot	{position: absolute; right: 0; top: 35px;}
	#mainFooter #rightFoot a{margin-top: 0;}
}

@media only screen and ( max-width: 1200px ) {
	#mainNav .search-form .search-field	{width: 85px;}
	#mainNav ul	li						{margin-right: 20px;}
	#contentWrapper			{padding: 0 10px;}
}

@media only screen and ( max-width: 1100px ) {
	#mainNav ul li a		{font-size: 18px;}
	#slideContent			{top: 12px; height: 220px;}
	#slideContent .bigText	{font-size: 30px;}
	#slideContent p			{font-size: 16px;}
	
	#caseWrapper #casesTop .case			{font-size: 16px;}
	#caseWrapper #casesTop .case .caseBig	{font-size: 26px;}
	
	#appsWrapper .appCol,
	#appsWrapper .appCol.col1,
	#appsWrapper .appCol.col2,
	#appsWrapper .appCol.col3,
	#appsWrapper .appCol.col4			{width: 30%; margin: 0 10% 40px;}
}

@media only screen and ( max-width: 1000px ) {
	#utilityNav ul li.util-mobile		{display: inline-block;}
	#utilityNav ul li.util-mobile:after	{display: inline-block; content: '\2022'; font-size: 19px; color: #fff; margin: 0 4px 0 8px;}
	#utilityNav ul li.util-login		{margin-left: 12px;}

	#mainNav #closeMobileMenu{display: block;}
	#mainNav 				{position: fixed; top: 0; left: -300px; z-index: 900; padding: 0; width: 300px; height: 100%; overflow-y: auto; background: #104b86;
		-webkit-transform: translatez(0);
		   -moz-transform: translatez(0);
			-ms-transform: translatez(0); 
			 -o-transform: translatez(0);
				transform: translatez(0);
		-webkit-transition: all 0.3s;
		   -moz-transition: all 0.3s;
			-ms-transition: all 0.3s;
			 -o-transition: all 0.3s;
				transition: all 0.3s;
	}
	#mainNav ul,
	#mainNav ul	li					{float: none; margin: 0;}
	#mainNav > ul						{margin-top: 28px;}
	#mainNav ul.sub-menu > li:hover > a,
	#mainNav ul	li:hover > a		{background: transparent!important; color: #a4d7e2;}
	#mainNav ul	li a				{height: auto; border-bottom: 1px solid #072f58; border-top: 1px solid #2776c4; padding: 4px 8px;}
	#mainNav ul ul.sub-menu			{display: block; width: auto; min-width: 0; position: static; top: auto; left: auto; right: auto; bottom: auto; background: transparent;}
	#mainNav ul ul.sub-menu li a	{padding-left: 25px; font-size: 16px; color: #fff;}
	#mainNav ul ul ul.sub-menu li a	{padding-left: 45px; font-size: 14px;}
	#mainNav ul li.current-page-ancestor > a,
	#mainNav ul li.current_page_item > a,
	#mainNav ul li.current_page_parent > a		{color: #fff;}
	
	#mainNav .search-form				{float: none; position: absolute; top: 52px; width: 100%;}
	#mainNav .search-form .search-field {width: 100%; box-sizing: border-box; border-radius: 0;}
	
	#sidebar		{display: none;}
	#content		{float: none; width: auto; max-width: none;}
	#content iframe	{display: block; max-width: 100%; height: auto; margin: 0 auto;}
}

@media only screen and ( max-width: 900px ) {
	#utilityNav					{margin-top: 40px;}
	#utilityNav ul li span.txt	{display: none;}
	#utilityNav ul li span.fa	{display: inline-block;}
	
	#utilityNav ul li.util-login 		{margin-left: 0;}
	#utilityNav ul li.util-email:after 	{display: inline-block; content: '\2022'; font-size: 19px; color: #fff; margin: 0 4px 0 8px;}
	
	#utilityNav ul li.util-email a,
	#utilityNav ul li.util-phone a,
	#utilityNav ul li #openMobileMenu,
	#utilityNav ul li a span.fa,
	#utilityNav ul li a	{font-size: 21px;}
	
	#utilityNav ul li a.mailto	{color: #fff;}
	#utilityNav ul li button:hover,
	#utilityNav ul li a:hover	{color: #a4d7e2!important;}
	
	#mainBannerWrapper		{height: 190px;}
	#slideContent			{width: 95%; max-width: none; height: 180px;}
	#thumbnails				{right: auto; left: 0;}
	#slideshow				{display: none;}
	
	#mainFooter #leftFoot,
	#mainFooter #rightFoot	{float: none; width: auto; text-align: center;}
	#mainFooter #rightFoot	{position: static; top: auto; right: auto; margin-top: 12px;}
}

@media only screen and ( max-width: 800px ) {
	#caseWrapper #casesTop .case	{float: none; max-width: none; width: 100%; margin-bottom: 1.1em;}
	#caseWrapper #casesTop .case02	{margin: 0 0 1.1em;}
	#caseWrapper #casesBot			{padding: 0 10px;}
	#caseWrapper #casesBot .col.first,
	#caseWrapper #casesBot .col.last,
	#caseWrapper #casesBot .col		{float: none; display: block; width: 100%; margin: 0 auto 1.1em;}
	
	#appsWrapper .appCol,
	#appsWrapper .appCol.col1,
	#appsWrapper .appCol.col2,
	#appsWrapper .appCol.col3,
	#appsWrapper .appCol.col4		{width: 42%; margin: 0 4% 40px;}
	
	#homeContentWrapper	.col		{width: 100%;}
	
	#contactWrapper #cnt-captcha-input	{width: 150px;}
}

@media only screen and ( max-width: 700px ) {
	#content img	{max-width: 100%; height: auto;}
	#content img.alignright,
	#content img.alignleft	{float: none; display: block; margin: 0 auto 1.1em;}
	#content figure.wp-caption	{float: none; margin: 0 auto 1.1em; width: auto; max-width: 96%; text-align: center;}
	#content .gallery .gallery-item	{max-width: 33%;}
	
	#caseWrapper			{-webkit-flex-direction: column; flex-direction: column;}
	#caseWrapper .case		{width: 100%; margin: 0 auto 20px;}
	#caseWrapper > div:last-of-type	{margin-bottom: 0;}
}

@media only screen and ( max-width: 600px ) {
	#memberBio #bioLeft,
	#memberBio #bioRight			{float: none; max-width: none; width: auto;}
	#memberBio #bioLeft				{text-align: center;}
	#memberBio #bioLeft	img			{margin: 0 auto;}
	#memberBio #bioLeft >	img		{margin-bottom: 12px;}
	
	#appsWrapper .appCol,
	#appsWrapper .appCol.col1,
	#appsWrapper .appCol.col2,
	#appsWrapper .appCol.col3,
	#appsWrapper .appCol.col4		{float: none; width: auto; margin: 0 auto 40px;}
	
	#contactWrapper #cnt-submit		{display: block; float: none; clear: both; margin-top: 12px;}
}

@media only screen and ( max-width: 525px ) {
	#mainHeader			{height: auto;}
	#mainHeader	#logo	{position: static; display: block; width: 200px; margin: 0 auto;}
	#mainHeader	#utilityNav	{margin-top: 12px; float: none; text-align: center;}
}

@media only screen and ( max-width: 475px ) {
	#mainHeader,
	#mainFooter			{box-sizing: border-box;}
	#mainBannerWrapper	{display: none;}
	#content .gallery .gallery-item	{max-width: 50%;}
	
	#homeContentWrapper	.col img.alignleft,
	#homeContentWrapper	.col img.alignright		{float: none; display: block; margin: 0 auto 1.1em; max-width: 100%; height: auto;}
	
	#teamWrapper .member	{display: block; text-align: center;}
	#teamWrapper .member .col			{display: block; width: 100%!important; text-align: center; box-sizing: border-box;}
	#teamWrapper .member .col.img img	{margin: 0 auto;}
}

@media only screen and ( max-width: 375px ) {
	#content .gallery .gallery-item	{max-width: 100%;}
}