@media only screen and (max-width: 960px) {
	.ad { display:none; }
}

@media only screen and (max-width: 1000px) {
	.container	{ padding: 10px; }
}

@media only screen and (min-width: 701px) and (max-width: 960px) {
	#inner .colour-stripe {  
		display:none;
	}
	#inner .white-block	{
		display:none;
	}
	#inner .header {
		width:100%;
		font-size:90%;
	}
	.container { 
		max-width:none;
		width:100%;
	}
}

@media only screen and (min-width: 550px) and (max-width: 800px) {
	#inner .body .portfolio .overlay { 
		bottom:0;
		top:auto;
	}
	#inner .body .portfolio	li 
	{ 
		margin-bottom:18px;
		margin-left:4%;
		margin-right:0;
		-moz-box-shadow: 0 0 10px #CCC; 
		-webkit-box-shadow: 0 0 10px #CCC; 
		box-shadow: 0px 0px 10px #CCC;
	}
	#inner .body .portfolio	li.fourth {
		margin-left:4%;
		margin-right:0;
		margin-bottom:18px;
	}
	#inner .body .portfolio	li.second {
		float:right;
		margin-left:0;
		margin-right:4%;
		margin-bottom:18px;
	}
}

@media only screen and (max-width: 549px) {
	#inner .body .portfolio	li.second, 
	#inner .body .portfolio	li.fourth
	{
		margin:0 auto;
		margin-bottom:13px;
	}
	#inner .body .portfolio .overlay { 
		bottom:0;
		top:auto;
	}
	#inner .body .portfolio	li 
	{ 
		margin:0 auto;
		position:relative;
		float:none;
		margin-bottom:13px;
		-moz-box-shadow: 0 0 10px #CCC; 
		-webkit-box-shadow: 0 0 10px #CCC; 
		box-shadow: 0px 0px 10px #CCC;
	}
}

@media only screen and (max-width: 800px) {
	#inner .body .portfolio-site .screenshots										{ height:auto; margin-top:0px; margin-bottom:20px; }
	#inner .body .portfolio-site .screenshots .screenshot-widescreen				{ display:none; }
	#inner .body .portfolio-site .screenshots .screenshot-laptop					{ position:static; width:auto; }
	#inner .body .portfolio-site .screenshots .screenshot-laptop .device			{ display:none; }
	#inner .body .portfolio-site .screenshots .screenshot-laptop .screenshot		{ position:static; height:auto; }
	#inner .body .portfolio-site .screenshots .screenshot-laptop .screenshot img	{ width:100%; min-height:0; height:auto; }
	#inner .body .portfolio-site .screenshots .screenshot-laptop .reflection		{ display:none; }
	#inner .body .portfolio-site .screenshots .screenshot-tablet					{ display:none; }
	#inner .body .portfolio-site .screenshots .screenshot-mobile					{ display:none; }
	#inner .body .portfolio-site .details						{ width:100%; float:none; }
	#inner .body .portfolio-site .details .title				{ font-size:1.25em; /* 20px */ font-weight:bold; margin-bottom:10px; }
	#inner .body .portfolio-site .details .description			{ font-size:0.875em; /* 14px */ line-height:1.4em; }
	#inner .body .portfolio-site .url-features					{ width:100%; float:none; }
	#inner .body .portfolio-site .url-features .label 			{ margin-bottom:10px; float:left; width:35%; font-size:0.875em; /* 14px */ font-weight:bold; line-height:1.4em;}
	#inner .body .portfolio-site .url-features .info			{ margin-bottom:10px; float:right; width:60%; margin-left:10px; font-size:0.875em; /* 14px */ line-height:1.4em;}
	
	#inner .body .contact .column-one							{ float:none; width:99%; padding-bottom:20px; padding-left:1%; }
	#inner .body .contact .column-two							{ float:none; width:100%; padding-bottom:20px; }
	#inner .body .contact .column-three							{ float:none;  width:99%; padding-left:1%; }
	#inner .body .contact .pagedivide							{ display:none; }
}

/*  GO FULL WIDTH AT LESS THAN 700 PIXELS */
@media only screen and (max-width: 700px) {
	#inner .colour-stripe {  
		display:none;
	}
	#inner .white-block	{
		display:none;
	}
	#inner .header {
		width:100%;
		height:auto;
		position:static;
		padding:0;
	}
	#inner .header .logo {
		width:73%;
		margin-left:2%;
		margin-top:3%;
		overflow:visible;
		height:auto;
		display:block;
	}
	#inner .header .logo a {
		display:block;
	}
	#inner .header nav {
		display:none;
		float:left;
		width:100%;
		padding-top:2%;
	}
	#inner .header nav ul li {
		float:none;
		width:100%;
		height:45px;
		margin:0;	
	}
	#inner .header nav ul li a {
		line-height:45px;	
	}
	#inner .header .responsive-menu {
		display:block;
	}
	#inner .body {
		padding-top:5%;
	}
	#inner .body .left {
		float:none;
		width:100%;
	}
	
	#inner .body .left .panel-three-services-columns {
		margin-bottom:12%;
	}
	#inner .body .left .panel-three-services-columns .column {
		float:none;
		width:100%;
		margin-bottom:12%;
	}
	#inner .body .left .panel-three-services-columns .column.last {
		margin-bottom:0;
	}
	#inner .body .left .panel-three-services-columns .column .title {
		text-align:left;
		margin-bottom:8px;
	}
	#inner .body .left .panel-three-services-columns .column .image {
		float:left;
		width:22%;
		margin-right:10%;
	}
	#inner .body .left .panel-three-services-columns .column .text {
		margin-bottom:10px;
	}
	#inner .body .left .panel-three-services-columns .column .read-more {
		margin:0;
		margin-left:3%;
		clear:both;
	}
	
	#inner .body .left .call-to-action {
		
	}
	#inner .body .left .call-to-action .padding div {
		float:none;
		width:100%;
		text-align:center;
	}
	#inner .body .left .call-to-action .title {
		margin-bottom:3%;
	}
	#inner .body .left .call-to-action .number {
		padding:0;
		margin-bottom:6%;
	}
	
	#inner .body .right {
		float:none;
		width:100%;
		margin-bottom:5%;
		font-size:80%;
	}
	#inner .body .right ul li {
		float:left;
		width:50%;
	}
	#inner .body .right ul li.current-menu-ancestor a {
		color:#FFF;
		font-weight:700;
		background-image:url(../images/subnavigation-off.png)
	}
	#inner .body .right ul.white li.current-menu-ancestor a		{ background-color:#FFFFFF; }
	#inner .body .right ul.orange li.current-menu-ancestor a	{ background-color:#ED7F09; }
	#inner .body .right ul.green li.current-menu-ancestor a		{ background-color:#6E9532; }
	#inner .body .right ul.yellow li.current-menu-ancestor a	{ background-color:#F8BC27; }
	#inner .body .right ul.red li.current-menu-ancestor a		{ background-color:#F2262E; }
	#inner .body .right ul.purple li.current-menu-ancestor a	{ background-color:#615B84; }
	#inner .body .right ul.blue li.current-menu-ancestor a		{ background-color:#1976AF; }
	#inner .body .right ul.black li.current-menu-ancestor a		{ background-color:#191919; }
	
	#inner .body .right ul li a {
		margin:0 0.5%;
		white-space:nowrap;
		text-overflow:ellipsis;
		overflow:hidden;
	}
	
	#inner .body .right ul ul {
		display:none;
	}
	
	#inner .body .right .widget {
		display:none;
	}
	
	footer .copyright {
		display:none;
	}
	footer .links .column {
		margin-left:2%;
		width:47%;
		margin-bottom:5%;
		margin-right:0;
		height:130px;
	}
	footer .links .column.contact {
		clear:right;
	}
	
	.back-to-top { 
		display:block
	}
}