@media screen and (max-width:1180px) {
	#header{
		width:100%;
		padding:30px;
		position:absolute;
		display:inline-block;
		box-sizing:border-box;
	}
	
	#header .logo{
		width:140px;
		display:inline-block;
	}
	#header .logo img{
		width:100%;
	}
	
	#header .menu{
		position:absolute;
		left:50%;
		top:50%;
		transform:translate(-50%, -50%);
		display:none;
	}
	
	#header .menu li{
		display:inline-block;
		margin:0px 30px;
		font-family:'abel';
		font-size:18px;
		
	}
	
	#header .moMenu{
		float:right;
		display:inline-block;
		width:20px;
		margin-top:8px;
	}
	
	#header .moMenu img{
		width:100%;
	}
	
	#footer{
		width:100%;
		text-align:Center;
		color:#777;
		padding:25px 0px;
		background:#101010;
		font-size:14px;
		font-family:'abel'
	}
}

@media screen and (max-width:767px) {
	#header{
		width:100%;
		padding:30px;
		position:absolute;
		display:inline-block;
		box-sizing:border-box;
	}
	
	#header .logo{
		width:120px;
		display:inline-block;
	}
	#header .logo img{
		width:100%;
	}
	
	#header .menu{
		position:absolute;
		left:50%;
		top:50%;
		transform:translate(-50%, -50%);
		display:none;
	}
	
	#header .menu li{
		display:inline-block;
		margin:0px 30px;
		font-family:'abel';
		font-size:18px;
		
	}
	
	#header .moMenu{
		float:right;
		display:inline-block;
		width:20px;
		margin-top:8px;
	}
	
	#header .moMenu img{
		width:100%;
	}
	
	#footer{
		width:100%;
		text-align:Center;
		color:#777;
		padding:25px 0px;
		background:#101010;
		font-size:14px;
		font-family:'abel'
	}
}