.desktop-navigation,
nav.desktoppag{
	display: none;
}
.mobile-navigation{
	top:112px;
	position: absolute;
}
button.b-stack {
	width: 30px;
	height: 30px;
	min-width: 0;
	padding: 0;
	background:url("../images/icon_menu.svg") no-repeat center center;
	border:none;
}
.nav-menu{
	position: relative;
	zoom:1;
	height:100%;
}
.nav-menu li{
	width:100%;
	background-color: #282828;
	border-bottom:1px solid #333;
	float:none;
	display: inline-block;
	  height: 100%;
}
.nav-menu li a{
	padding:20px;
}
.nav-menu .current_page_item > a, 
.nav-menu .current_page_ancestor > a, 
.nav-menu .current-menu-item > a, 
.nav-menu .current-menu-ancestor > a,
.nav-menu .current_page_item:hover > a, 
.nav-menu .current_page_ancestor:hover > a, 
.nav-menu .current-menu-item:hover> a, 
.nav-menu .current-menu-ancestor:hover > a  {
	color: #fff;
	font-style: normal;
	border-bottom:1px solid #333;
	color:#9E98E7;
}
.mobile-navigation-trigger{
	display: block;	
	position:absolute;
	bottom: 5px;
	right: 10px;
	font-size: 20px;
	-webkit-opacity: 0.75;
	-moz-opacity: 0.75;
	filter:alpha(opacity=75);
	opacity:0.75;

}
.mobile-navigation-trigger.open{
	-webkit-opacity: 1.0;
	-moz-opacity: 1.0;
	filter:alpha(opacity=100);
	opacity:1.0;
}
.site-header .logo{
	width: 100%;
  /* margin-left: 5%; */
  text-align: center;
}
.header-logo{
	width: 100%;
	left:0;
	top:20px;
	height:auto;
}
.site-header{
	margin:0;
	width:100%;
	max-width:100%;
}
.header-main ul.fSocial{
	top:auto;
	bottom:0px;
	right:auto;
	left:5px;
}
ul.fSocial li{
	padding-bottom: 0;
}
ul.fSocial li:first-child{
	display:none;
}
.header-main ul.fSocial li{
	float:none;
	padding:0 0px 2px 10px;
}
.mobilepag{
	display: block;
	margin:10px 0;
	font-size: 12px;
}
.mobilepag{
	width:100%;
	display: inline-block;
}
.mobilepag li{
	width:49%;
	display: inline-block;
	text-align: right
}
.mobilepag li:first-child{
	text-align: left;
}
.mobilepag li div{
	display: inline-block;
}
.mobilepag li div.ss-gizmo{
	top:2px;
	position:relative;
	margin-right:10px;
}

.mobilepag li:first-child div.ss-gizmo{
	margin-right:0px;
	margin-left:10px;

}

.main-content{
	  max-width: 100%;
  width: 100%;
}

.projects-all .item{
	max-width:95%;
	width:95%;
}
.projects-all .item .img,
.projects-all .item .img .cta{
	width:100%;
}
.projects-all .item .img img{
	width:100%;
	height:auto;
}
.project-single{
	margin-top:30px;
}
 .projects-all .toppag{
	padding:0;
}
.project-single .pag ul li a div, 
.projects-all .pag ul li a div{
	color:#9E98E7;
}
.contact .details, 
.contact .form{
	width: 100%;
	max-width: 100%;
	text-align: center;
	padding-left: 5%;
	padding-right: 5%;
}

.contact .details{
	margin-bottom: 40px;
}
.contact .csocial div{
	margin:0 5px;
}
div.wpcf7-response-output, span.wpcf7-not-valid-tip {
  width: 100%;
}
.clients{
	width:80%;
}
.presone .one{
	width:90%;
	width:300px;
}
.presone .one h1{
	font-size: 24px;
	line-height: 1.4;
}
.project_types .p{
	width:94%;
	margin-bottom:40px;
}
.presthree .c{
	width:42%;
}
.project_types .p .lng{
	position:relative;
	top:0;
}
.project_types .p .lng,
.project_types .p:first-child .lng,
.project_types .p:last-child .lng{
	text-align: center;
}

.footer .right{
	display: none;
}
.footer .left{
	padding-right:0;
	width:100%;
	text-align: center;
	border:none;
}
.footer .logo{
	margin-bottom:20px;
	height:50px;
}
.footer ul.fSocial li{
	padding: 0 10px 8px 0px;
}