/************************************************************************************
smaller than 1140
*************************************************************************************/
@media screen and (max-width: 1200px) {
	.team-block { width: 25%; }
	.team-block a h3 { font-size: 115%; }
	.team-block a p { font-size: 80%; }
	.info .icon img { width: 40%; }
}
@media screen and (max-width: 1140px) {
	
	/******************************* HEADER **************************************/	
	.wrap { width: 100%; }
	.wrap.small { width: 90%; }

	/******************************* HEADER **************************************/
	#header {
		width: 94%;
		padding: 0 3%;
	}
	/*#logo {	height:auto; margin: 2% 0 0 0; }
	#logo-full { height:auto; margin: 3% 0 0 0; }*/

	/******************************* HOME **************************************/	
	#homecontent { padding-top: 15%; }
	#homecontent .wrap { padding: 0 3%; width: 94%; }
	#home_blocks {
		width: 100%;		
	}
	.pg_name { width: 50%; }
	p.blurb {
		font-size: 112.5%;
		line-height: 140%;
		margin: 5% 0 0 0;
	}
		
	/******************************* FOOTER **************************************/
	.footaction { width: 80%; margin: 0 auto; text-align: center; }
	.footaction h2 { float: none; }
	.project_btn {
		float: none;
		margin: 2% auto;
		width: 40%;
		height: auto;
		line-height: 250%;
	}
	.footcol_wrap {
		width: 90%;
	}
	.footcol_wrap h4 { font-size: 100%; margin: 0 0 3% 0; }
	.footcol_wrap .col { width: 20%; }
	.footcol_wrap .col_mid { width: 40%; margin: 0 10%; text-align: center; }
	
	#mailing { margin-top: 3%; }
	#mailing .email {
		width: 70%;
	}
	#mailing .sign_up {
		width: 25%;
	}
	
	/******************************* PAGES **************************************/
	h1 {
		padding: 3% 5%; 
		font-size: 190%;
	}
	.page_blurb { padding: 3% 0; }
	.page_blurb p {
		font-size: 120%;
		line-height: 170%;
	}
	.page_body {
		padding: 5% 0;
	}
	.page_body.company { padding-bottom: 67px; }
	
	.orange-block { padding: 3% 0; }
	.test-video { width: 65%; }
	.test-video iframe { width: 100%; }
	
	.test-quote {
		width: 24%;
		padding: 1% 0 0 2%;
		margin: 3% 0 0 0;
	}
	.circle-head { margin: 3% 4% 0 0; }
	.career-middle { width: 50%; margin: 3% 5% 2% 0; }
	.career-right { width: 17%; margin-top: 9%; }
	.pg-photos-wrap { margin: 4% 0; }
	
	/******************************* PORTFOLIO **************************************/	
	.filter-btn { margin-right: 10%; }
	.portfolio {
		padding: 6% 0;
		margin-bottom: 3%;
	}
	.portfolio .wrap {
		width: 888px;
	}
	.span7 { width: 520px; }
	.span5 { width: 348px; }
	.span4 { width: 286px; }
	.span6 { width: 434px; }
	.work img { max-width: inherit; margin-left: -10%; }

	/******************************* CONTACT **************************************/
	.wrap.contact { width: 94%; margin: 0 auto; }

	/******************************* SERVICES **************************************/
	.serv-icon {
		width: 80px;
		height: 80px;
		top: 25%;
		margin-left: -40px;
		line-height: 7.5em;
	}
	.serviceicon { max-width: 60%; }
	
	.info .icon img { max-width: 60px; max-height: 60px; }
	
	
	.homeblockwrap {
		width: 100%;
	}
	.hpserviceblock { width: 21%; margin: 10px 2%; padding: 0; }
}

@media (max-width: 1023px) and (min-width: 768px) {

	/******************************* PORTFOLIO **************************************/	
	.portfolio .wrap {
		width: 724px;
	}
	.span7 { width: 425px; }
	.span5 { width: 279px; }
	.span4 { width: 231px; }
	.span6 { width: 352px; }
	.work img { margin-left: -18%; }
	.screen img { min-height: auto; }
	
	.pgslider_name { width: 250px; }
	.pgfeature { margin-top: -120px; }
	
	.pgtext { font-size: 200px; }
	
}
@media (max-width: 767px) {
	
	.screen img { min-height: auto; }
	
	/******************************* PORTFOLIO **************************************/	
	.filter-btn { display: none; }
	.portfolio { padding: 0; margin: 0; }
	.portfolio .wrap { width: 100%; }	
	.span7 { width: 100%; }
	.span5 { width: 100%; }
	.span4 { width: 100%; }
	.span6 { width: 100%; }
	.work { height: auto; margin: 0; float: none; }
	.work .background { width: 100%; position: relative; }
	.work img {
		margin-left: 0;
		width: 100%; 
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none;
		transform: none;
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		-ms-transition: none;
		transition: none;
	}
	.work img.fullsize { display: none; }
	.work img.mobile { display: block; }
	
	.work:hover img {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
	.work .title { display: none; }
	.work:hover .title { opacity: 0; }
	

	/******************************* GOOGLE MAP **************************************/
	#gmap { height: 300px; position: relative; }

	/******************************* SERVICES **************************************/
	.serv-icon {
		width: 60px;
		height: 60px;
		top: 20%;
		margin-left: -30px;
		line-height: 5em;
	}
	.serviceicon { max-width: 50%; }
	
	.pgslider_name { display: none; }
	.bluelogo { display: block; margin-top: 20px; }
	
	.pgfeature { margin-top: -100px; }	
	
	li.menu { display: none; }
	li.toggle { display: block; position: relative; top: 40%; }
	
	#header { height: 50px; }
	
	
	h1.pagetitle { margin-top: 50px; }
	.toggle-menu { width: auto; }
	.hpserviceblock { width: 46%; margin: 10px 2%; padding: 0; }
	.hpserviceblock.block3 { clear: both; }
	
	.pgtext { font-size: 150px; }
	
}

/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {
	
	/******************************* HEADER **************************************/
	#header {
		width: 94%;
		padding: 0 3%;
		height: 50px;
	}
	/*#logo {	width: 10%; margin: 0 0 0 4%; }
	#logo-full {	width: 50%; margin: 0 0 0 4%; }*/
	.toggle-menu {
		margin: 0;
		font-size: 100%;
		width: 100%;
		margin-top: -35px;
	}
	li.toggle { position: absolute; top: 5%; right: 3%; }
	li.menu { width: 100%; top: 25px; position: absolute; }
	li.menu ul {
		width: 100%;
		margin: 2% 0 0 0;
		float: left; clear: both;
	}
	li.menu ul li { 
		text-align: left; 
		width: 100%;
		margin: 0;
		background: rgba(255,255,255,0.95);
	}
	li.menu ul li a {
		width: 100%;
		float: left;
		padding: 15px 0;
		text-align: center;
		border-bottom: 1px solid #ebebeb;
		clear: both;
		font-family: 'SansationBold', 'SansationRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	}
	
	.pgslider, .pgsliderframe { margin-top: 50px; }
	
	/******************************* HOME **************************************/	
	#homecontent {
		height: auto;
		padding-top: 0;
	}
	#homecontent .wrap { padding: 0 10%; width: 80%; }
	.pg_name { display: none; }
	.pg_name_blue {
		display: block;
		margin: 0 auto;
	}
	
	p.blurb {
		margin: 5% 0 0 0;
		text-shadow: none;
		filter: none;
		color: #303030;
		font-family: 'SansationRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-size: 100%;
		line-height: 120%;
	}
	
	.homeblockwrap { width: 100%; }
	.onecol { width: 50%;}
	.twocol { width: 100%; }
	.block { padding: 5px; }
	.mobileblock { display: block; }
	
	#next-btn { display: none; }
	
	
	.pgfeature {
		width: 100%;
		margin-top: -100px;
	}
	.featurearrow {
		width: 94%;
		min-height: 50px;
		height: auto;
		padding: 10px 3%;
	}
	.pointblock { display: none; }
	.clickmore { display: none; }
	
	/******************************* FOOTER **************************************/	
	.footaction h2 { font-size: 130%; }
	.project_btn, .newsviewmore { width: 100%; }
	
	.footcol_wrap {
		width: 80%;
		margin: 7% auto 0;
		line-height: 140%;
		font-size: 87.5%;
	}
	.footcol_wrap .col { width: 100%; text-align: center; margin: 2% 0 7%; }
	.footcol_wrap .col_mid { width: 100%; margin: 0; float: none; }
	
	#mailing { margin-bottom: 5%; }
	#mailing .email {
		width: 96%;
		padding: 1% 2%;
		float: none;
		margin: 0 0 1% 0;
		font-size: 100%;
	}
	#mailing .sign_up {
		width: 100%;
		padding: 1% 2%;
		float: none;
		font-size: 100%;
		margin: 0 0 1% 0;
	}
	.social { padding-top: 80px; }
	a.icon_pg {
		position: absolute;
		left: 50%;
		margin-left: -27px;
		margin-top: -80px;
	}
	.legals { margin: 3% auto; width: 80%; }
	

	/******************************* PAGES **************************************/
	.page_body { font-size: 106.3%; }
	.page_blurb p {
		font-size: 112.5%;
		line-height: 150%;
	}
	.team-block { width: 50%; }
	.team-block a h3 { font-size: 140%; }
	.team-block a p { font-size: 100%; }

	.test-video { width: 100%; float: none; }
	
	.test-quote {
		width: 87%;
		padding: 0 0 0 8%;
		margin: 5% auto 1%;
	}
	.test-quote img {
		top: -1%;
		left: -5%;
	}
	.test-quote cite { margin-left: -8%; }
	
	.circle-head { margin: 6% auto; float: none; }
	.career-middle {
		float: none;
		width: 100%;
		margin: 4% 0 0 0;
		font-size: 106.3%;
	}
	.career-right {
		float: none;
		width: 100%;
		margin: 4% 0 6% 0;
	}
	.career-right a {
		font-size: 100%;
		margin: 2% 0;				
	}

	/******************************* GOOGLE MAP **************************************/
	#gmap { height: 230px; position: relative; }
	.pagetitle.workpage { margin-top: 0; }	

	/******************************* CONTACT **************************************/
	.contact_left {
		width: 100%;
		margin: 3% 0;
		float: none;
	}
	.contact_right {
		width: 100%;
		margin: 3% 0;
		float: none;
	}
	.proj-left {
		width: 100%;
		float: none;
	}
	.proj-right { float: none; width: 100%; }
	
	/******************************* SERVICES **************************************/
	.serviceblock .iconblock {
		width: 100%;
		float: none;
		margin: 2% 0 0 0 ;
		background: #ebebeb;
		height: 110px;
	}
	.serviceblock .iconblock img.serviceimg { display: none; }
	.iconblock.select-site { background: #FFF; overflow: hidden; }
	.iconblock.select-site img.serviceimg { display: block; margin: 0 auto; margin-top: -35%; }
	.serviceicon { display: none; }
	.serv-icon {
		width: 75px;
		height: 75px;
		color: #FFF;
		font-size: 75.0%;
		font-family: 'SansationBoldItalic', 'SansationRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		line-height:normal;
		display: table;
	}
	.serv-name { display: table-cell; vertical-align: middle; }
	.form-row label.click { width: 100%; }
	
	
	/******************************* PORTFOLIO **************************************/
	.project_header {
		margin-top: 50px;
		margin-bottom: 0;
	}
	
	
	.info .icon img { max-width: 40px; max-height: 40px; }
	
	.nextwork,.prevwork { display: none; }
	
	.hpserviceblock { width: 96%; margin: 10px 2%; padding: 0; }
	.serviceimg { height: 150px; overflow: hidden; }
	.serviceimg img { margin-top: -50%; }
	
	.pgtext { font-size: 100px; }
	
}

/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {
	
	/******************************* HEADER **************************************/
	
	/******************************* HOME **************************************/	
	#homecontent { margin-top: 4%; }

	/******************************* PAGES **************************************/

	.team-block a h3 { font-size: 100%; }
	.team-block a p { font-size: 70%; }

	.test-video iframe { height: 200px; }
	


}