/* ---------------------------------------- 

		SMALL SCREEN CSS STYLES 

---------------------------------------- */


@media only screen and (max-width: 600px) {
	
	/* UNIVERSAL STYLES */
	
	body {
		font-size: 16px;
		line-height: 22px;
	}
	
	blockquote,
	blockquote.block-single {
		padding: 30px 25px 30px 50px;	
		font-size: 14px;
		line-height: 22px;
	}
	
	blockquote {
		padding: 30px 25px 3px 50px;
	}

	/* HEADER */
	
	.search-bar {
		display: none;
	}
	
	
	/* HOMEPAGE */
	
		/* Tabs */
			
		.tabs-nav a {
			font-size: 14px;
			line-height: 14px;
		}
			
				.tabs-nav li:last-child a {
					display: block;
				}
				
			.tabs-nav li:nth-child(n+1):nth-child(-n+8) {
				-webkit-flex: 1 1 auto;
				-ms-flex: 1 1 auto;
				flex: 1 1 auto;
				width: 50%;
			}
			
			.tabs-nav li:nth-child(n+1):nth-child(-n+2) {
				-webkit-order: 1;
				-ms-flex-order: 1;
				order: 1;
			}
			
			.tabs-nav li:nth-child(n+3):nth-child(-n+4) {
				-webkit-order: 2;
				-ms-flex-order: 2;
				order: 2;
			}
			
			.tabs-nav li:nth-child(n+5):nth-child(-n+6) {
				-webkit-order: 3;
				-ms-flex-order: 3;
				order: 3;
			}
			
			.tabs-nav li:nth-child(n+7):nth-child(-n+8) {
				-webkit-order: 4;
				-ms-flex-order: 4;
				order: 4;
			}
			
			.tabs-nav li:nth-child(even) {
				border-left: 1px solid #78b04c;
			}
			
			.tabs-nav li:nth-child(2),
			.tabs-nav li:nth-child(4) {
				border-right: 0;
			}
			
			.tabs-nav li:nth-child(n+3):nth-child(-n+8) {
				border-top: 1px solid #78b04c;
			}
		
		
		/* Tabs Content */
		
		.tabs-content {
			height: 395px;
		}
		
			.tab > div:first-of-type {
				height: 150px;
			}
			
				.tab > div h3 {
					font-size: 26px;
					line-height: 29px;
				}
				
				.tab > div p {
					display: none;
				}
				
				.tab > div a {
					font-size: 20px;
					line-height: 20px;
				}
				
					.tab > div a i {
						top: 8px;
						margin-left: 10px;
						font-size: 30px;
					}
	
		
		/* Body */
		
		.hp-top {
			height: 440px;
		}
		
		.hp-center-container {
			margin: 30px auto 0;
		}
	
	
	/* CALLOUT BINS */
	
	.cta-choose {
		height: 275px;	
	}
	 
	.cta-commitment {
		height: 315px;	
	}
	
		.cta-bin h3 {
			font-size: 28px;
			line-height: 28px;
		}
		
		.cta-bin p {
			font-size: 15px;
			line-height: 20px;
		}
		
		.cta-bin img {
			display: none;
		}
		
	
	/* SUBPAGE */
	
	ol, 
	ul {
  		padding: 0 0 20px 30px;
	}
	
		ol li, 
		ul li {
			padding-left: 0;
			font-size: 16px;
			line-height: 22px;
		}
		
	.two-column-lists > ol:first-of-type,
	.two-column-lists > ul:first-of-type, 
	.two-column-lists > ol:last-of-type,
	.two-column-lists > ul:last-of-type {
		-webkit-flex: 0 1 100%;
		-ms-flex: 0 1 100%;
		flex: 0 1 100%;
		padding-right: 0;
	}

			
		/* Hero */
		
		.sp-hero {
			height: 125px;
		}
		
			.sp-hero img {
				max-width: 850px !important;
				min-width: 850px;
				max-height: 126px;
				min-height: 126px;
				margin-left: -425px;
			}	
			
			.sp-hero-content h3 {
				font-size: 28px;
				line-height: 28px;
			}
			
				
		/* Accordion */
		
		p.expand span.expand-text {
			font-size: 16px;
			line-height: 22px;
		}
		
		
	/* PROJECTS */
	
	.project {
		-webkit-flex: 0 1 100%;
		-ms-flex: 0 1 100%;
		flex: 0 1 100%;
	}
		
		
	/* CONTACT FORM */
	
	.csFlexFrmWrapForm {
		margin-top: 0;
		padding-top: 10px;
		background-color: transparent;
	}
	
	.csFlexFrmWrapFields, 
	.csFlexFrmWrapCaptcha .captcha {
		width: 100%;
	}
	
		.csFlexFrmWrapFields .csFlexFrmWrapMsg span {
			font: 13px/13px "Lato Black", sans-serif !important;
		}
	
		.csFlexFrmWrapFields table:nth-of-type(2) td,
		td.checkbox-heading h3 {
			font-size: 16px;
			line-height: 16px;
		}
		
		.csFlexFrmWrapFields input[type="text"], 
		.csFlexFrmWrapFields textarea, 
		.csFlexFrmWrapFields select {
			height: 30px;
			font-size: 15px !important;
			line-height: 15px !important;
		}
		
		.tr-checkbox td:first-child span {
			width: 65%;
			font-size: 15px !important;
			line-height: 15px !important;
		}
		
		.csFlexFrmBtn {
			padding: 10px 0 10px 2.9%;
		}		
	
	
	/* FOOTER */
	
	.footer-container > div:first-child,
	.footer-container > div:nth-child(2) {
		-webkit-flex: 1 100%;
		-ms-flex: 1 100%;
		flex: 1 100%;
	}
	
	.footer-container > div:nth-child(2) {
    	max-width: 600px;
	}
	
		.footer-container div.footer-copyright {
			width: 88.75%;
			padding: 40px 0;
		}
		
			.footer-container div.footer-copyright p:nth-of-type(2) {
				padding-top: 15px;
			}

			.footer-container div.footer-copyright p:first-of-type span {
				display: inline;
			}
		
		.footer-container div.footer-join > img {
			margin-left: -300px;
			max-height: 120px !important;
			max-width: 600px !important;
			min-height: 120px;
			min-width: 600px;
		}
		
		
	/* BACK TO TOP */

	.back-to-top {
		right: 10px;
	}	
}


@media only screen and (max-width: 480px) {
	
	/* UNIVERSAL STYLES */
	
	blockquote,
	blockquote.block-single {
		padding: 25px 15px 25px 40px;	
		background-size: 30px 29px;
	}
	
	blockquote {
		padding: 25px 15px 0 40px;	
	}
	
	h3 {
		font-size: 25px;
		line-height: 25px;
	}
	
	img.align-center {
		display: none;
	}
	
	
	/* SUBPAGE */
	
		/* Accordion */
		
		.expand span.icon-arrow-accordion {
			font-size: 20px;
		}
		
		
	/* PROJECTS */
	
	.featured-projects-links div {
		margin-top: 20px;
	}
	
		.featured-projects-links a {
			padding: 10px 0 20px;
			font-size: 20px;
			line-height: 20px;
		}
		
			.featured-projects-links a i {
				font-size: 28px;
			}

	.filter-container .filter-title {
		font-size: 18px;
		margin-top: 8px;
	}

	div.cs-select {
		margin-top: 7px;
	}
				
	
	/* BLOG */
	
	.blogitem .morelink {
		font-size: 22px;
		line-height: 22px;
	}
	
		.blogitem .morelink i {
			top: 6px;
			font-size: 27px;
		}
	
		
	/* CONTACT FORM */
	
		.tr-checkbox td:first-child span {
			width: 80%;
		}
		
	
	/* FOOTER */
	
	.footer-container div.footer-copyright p:first-of-type span {
		display: block;
	}

}


@media only screen and (max-width: 390px) {
	
	/* UNIVERSAL STYLES */
	
	blockquote,
	blockquote.block-single {
		padding: 20px 15px 20px 30px;
		font-size: 13px;
		line-height: 19px;	
		background-size: 20px 19px;
		background-position: 4px 15px;
	}
	
	blockquote {
		padding: 20px 15px 0 30px;
		margin: 24px 0;
	}
	
	
	/* HOMEPAGE */
	
		/* Service Bins */
		
		.hp-services .service-bin > a:first-of-type {
			display: block;
		}
		
			.hp-services .service-bin > a:first-of-type img {
				display: block;
				position: relative;
				left: 50%;
				bottom: 0;
				margin-left: -235px;
				margin-right: auto;
				max-height: 209px !important;
				min-height: 209px;
				max-width: 470px !important;
				min-width: 470px;
			}
		
			.hp-services .service-bin > a:nth-of-type(2) {
				display: none;
			}
			
			
	/* SUBPAGE */
	
		ol, 
		ul {
			padding: 0 0 20px 28px;
		}
		
		/* Accordion */
		
		.expand-content img.align-right {
			display: block;
			float: right;
			margin: 5px 0 20px 20px;
		}
		

	/* CONTACT FORM */
	
		.csFlexFrmWrapFields table:nth-of-type(2) td,
		td.checkbox-heading h3 {
			font-size: 17px;
			line-height: 20px;
		}
		
		.tr-checkbox td:first-child span {
			width: 91%;
		}
		
	
	/* FOOTER */
	
	.footer-container div.footer-join > img {
		margin-left: -223px;
		max-height: 89px !important;
		min-height: 89px;
		max-width: 446px !important;
		min-width: 446px;
	}
}