@charset "utf-8";
/* CSS Document */

@media screen and (min-width:768px) and (max-width:1024px){
	.outer{width:98%;}
	.banner{background:#f5f5f5 url(../images/banner.jpg) no-repeat; padding:0; background-size:cover;  }
	.banner .left{width:88%;}
	.div1 h3{height:59px;}
	.office ul li{width:27%;}
	.office .calltoaction ul li{width:56%;}
} 

@media screen and (min-width:320px) and (max-width:767px){
	h1{font-size:34px;}
	.outer{width:98%;}
	.banner{background:#f5f5f5 url(../images/banner.jpg) no-repeat; 
		padding:0; background-size:cover;}
	.home .div1 .left{margin-bottom:20px;}
	.home .div1 .left, .home .div1 .right{width:100%;}
	.banner .left{width:100%;}
	.office ul li{width:100%;}
	.office .calltoaction ul li{width:100%;}
	.calltoaction .left, .calltoaction .right{width:100%;}
	.banner .left h2{font-size:34px;}
	.logo{width:70%; padding:0;}
	.logo img{width:75%;}
	nav{width:100%; padding-top:0px; background:#1e2d69;}
	nav ul li{text-align:center; width:93%; float:none;}
	nav ul li a{color: #fff;
padding: 9px 0;
display: block;
border-bottom: 1px solid #33427E;}
	h2{font-size:32px;}
	.phonehide{display:none;}
	.menu{display:inline-block; cursor: pointer; margin-left:20px;}
}