@media screen and (max-width: 1280px) {
	.container{ max-width:1220px; }
	
	ul.bluebox li{width:385px;}
	
	ul.greybox li {width:235px; height:260px; }
}
@media screen and (max-width: 1024px) {
	body{font-size: 24px; line-height: 30px;}
	.container { max-width:980px; }
	.logo{width:360px; margin-top:30px;}
	#nav {margin-top:30px;}
	
	 ul.bluebox li{width:308px;}
	 ul.bluebox li div.con { min-height: 200px; }
	 
	 ul.greybox li {width:180px; height:330px;}
	 
	 #value_business_nav ul li{width:151px;}
	 #value_business_nav ul li img{left:0}
	 .value_business_title{ font-size:23px; }
	 
	 .conleft, .conright { width:340px;}
	 
	 #business_value .value_business_content { height:130px; }
}
@media screen and (max-width: 800px) {
	.container { max-width:740px; }	
	
	.mobnavwrap{display:block;}
	
	#nav { transition: all 0.3s ease; position: fixed; width: 0%; top: 0; left: -200px; background: #c6e9f1; height: 100%; z-index: 999; box-shadow: 0px 0px 10px black; margin-top:0 }
	#nav li { border-bottom: 1px solid #FFFFFF; margin:0; width:100%; }
	#nav a { color: #000; display: block; text-align: left; text-decoration: none; padding: 5px 10px; margin: 0; transition: all 0.2s ease; font-size: 18px; }
	#nav a:hover { background: #00add0; color: #FFF; }
	#menu-toggle { position: fixed; top: 30px; right: 0; margin-right: 20px; z-index: 1000; transition: all 0.3s ease; }
	#menu-toggle:hover { cursor: pointer; }
	#nav.open { left: 0; width: 230px; display: block; }
	#menu-toggle.open { right: 0; }
	
	.section{}
	.section h2.title{ font-size:48px; }
	#section-2.section h2.title{font-size:36px;}
	#section-2.section h2.title span{font-size:48px;}

	ul.bluebox li{width:238px; margin:0 5px; font-size:18px;}
	ul.bluebox li div.con { min-height: 230px; }
	
	ul.greybox h3{font-size:25px;}
	ul.greybox li { margin:10px; width:40%; padding:3%; height:220px; }
	ul.greybox li + li + li + li { margin:10px;}
	
	#value_business_nav ul li{width:112px;}
	#value_business_nav ul li img{width:100%;}
	.value_business_title{top:122px;}
	
	.conleft, .conright{width:100%; text-align:left; margin-bottom:20px;}
	.conleft h2, .conright h2 { margin-bottom:0; text-align:center }
	
	#business_value .value_business_content{ height:105px; }
	#business_value .value_business_content p { font-size:0.9em; line-height:28px; }
	.services { margin-top:160px; }

}