#header,
#content,
#footer{
	padding-left:20px;
	padding-right:20px;

	}
#header .container,
#content .container,
#footer .container{
	width:100%;
	max-width:1160px;
	}
	
#header a.toggle-navigation-mini{
	display:none;
	position:absolute;
	background-repeat:no-repeat;
	background-position:50%;
	background-color:rgba(255,255,255,0.17);
	background-image:url('../image/nav-mobile-toggle.png');		
	top:0;
	right:0px;
	height:40px;
	width:40px;
	cursor:pointer;
	z-index:60;
	}
#header ul.navigation-mini{
	display:none;
	}
	
#header ul.navigation-mini{
	display:none;
	position:absolute;
	top:0;
	left:-20px;
	right:-20px;
	z-index:50;
	}	
	#header ul.navigation-mini li{
		border-top:1px solid #222;
		}
		#header ul.navigation-mini li a{
			display:block;
			position:relative;
			background:#2d3135;
			height:40px;
			line-height:40px;
			padding:0 20px;
			text-align:left;
			color:#ddd;
			text-decoration:none;
			}
			#header ul.navigation-mini li a:hover{
				color:#fff;
				}
			#header ul.navigation-mini li a .expander{
				position:absolute;
				display:block;
				right:0;
				top:0;
				bottom:0;
				width:64px;
				border-left:1px solid #2d3135;
				background-position:14px 50%;
				background-repeat:no-repeat;
				background-image:url('../image/nav-navigation-mini-plus.png');
				}
				#header ul.navigation-mini li a .expander.open{
					background-color:#2d3135;
					background-image:url('../image/nav-navigation-mini-minus.png');
					}
		#header ul.navigation-mini li ul{
			background:#2d3135;
			display:none;
			padding:0;
			}
			#header ul.navigation-mini li ul li{
				}
				#header ul.navigation-mini li ul li a{
					background:#2d3135;
					line-height:32px;
					height:auto;
					padding:4px 30px;
					font-size:0.875em;
					}	
	
#innercontent{
	float:left;
	margin-right:0;
	width:100%;
	max-width:calc(100% - 400px);
	}
	
#innercontent.fullwidth{
	width:100%;
	max-width:initial;
	}
	
div.diagram{
	min-width:460px;
	}

body.home div.introduction{
	width:calc(100% - 500px);
	}
	
/* Responsive Breakpoints
*********************************************************/	

/* Responsive layout for <= Medium Desktop */
@media screen and (max-width: 1100px) {
	
	#header ul.resources{
		margin-top:36px;
		}
	
	#header ul.resources > li.li-tweets{
		display:none;
		}

	#header ul.navigation{
		display:none;
		}

	#header a.toggle-navigation-mini{
		display:block;
		}

	.user-login{
		width:100%;
		box-sizing:border-box;
		margin-bottom:20px;
		}
		.user-login:after{
			display:none;
			}
	
	.system-view{
		padding-right:0;
		background:none;
		}
	
	.logo-sml{
		display:none;
		}
		
	.maybo-online-testimonial{
		min-height:300px;
		}
	
	}

	}

/* Responsive layout for <= Small Desktop */
@media screen and (max-width: 979px) {	
	
	#header .logo a,
	#header .logo img{
		width:150px;
		height:57px;
		}
		
	#innercontent{
		float:none;
		width:100%;
		max-width:initial;
		}
	#sidebar{
		float:none;
		width:100%;
		}

	body.home div.introduction{
		width:calc(100% - 400px);
		}
		
	#footer ul.navigation{
		display:none;
		}
		
	#footer .column-1,
	#footer .column-2,
	#footer .column-3{
		width:100%;
		max-width:300px;
		float:none;
		clear:both;
		margin-bottom:2em;
		padding:0;
		border-right:none;
		}
	#footer p.copyright{
		float:none;
		}
	
	}
	
/* Responsive layout for <= Tablet */
@media screen and (max-width: 720px) {
	
	#header ul.resources > li.li-search{
		display:none;
		}
		
	body.home div.introduction{
		width:100%;
		float:none;
		}
		
	body.home div.sectorlist{
		margin-top:40px;
		}
		body.home div.sectorlist ul{
			width:auto;
			}
			
	.benefits-list li{
		width:auto;
		}
		
	}
	
/* Responsive layout for Smartphone (Single Column) */
@media screen and (max-width: 479px) {
	
	#header .container{
		height:108px;
		}
	
	#header p.contact{
		margin-top:78px;
		}
	
	#header .logo a,
	#header .logo img{
		width:120px;
		height:46px;
		}

	#header ul.resources > li.li-social{
		display:none;
		}
		
	.hide-on-mobile{
		display:none !important;
		}
		
	}