/* #Media Queries

================================================== */



/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */



@media only screen and (max-width: 990px) {

	.inner-wrapper{ padding-right: 15px; padding-left: 15px;}

	nav.main-menu, nav.footer-menu{text-align: center;}

	nav.main-menu ul li, nav.footer-menu ul li{ display: inline-block; float: none; padding: 0;}

	nav.main-menu ul li a,nav.footer-menu ul li a{ padding: 18px 5px; font-size: 12px;}

}

@media only screen and (max-width: 770px) {

	header{ padding-top: 0;}

	#outer-wrapper{ background: none;}

	.inner-wrapper{ padding-right: 0; padding-left: 0;}

	header .mobile-menu{ display: block;}

	header .main-menu{ display: none;}

	.mobile-menu ul{ display:none;}

	header .banner-info{ background: #0A7CC9; padding: 10px 0;}

	header .banner-info, #content, #footer{ box-sizing: border-box; padding-right: 15px !important; padding-left: 15px !important;}

	header .banner-info .logo{ display: none;} 

	header .banner-info .phone{ text-align: center; margin: 0 auto;}

	

	footer #footer-mobile{ display: block}

	footer .footer-menu{ display: none;}

	footer{ height: auto; padding-bottom: 37px; border-top: 3px solid #ccc;}

	footer .copyright{  font-size: 13px;color: #999; margin-top: 8px;}

	body{ background: none;}

}

@media only screen and (max-width: 520px) {

	header .mobile-menu{ position: fixed; z-index: 2;}

	header .banner-info{margin-top: 32px;}

	header .banner-info .logo{  text-align: center; padding:10px 0; /*margin-top: 30px;*/}

	header .banner-info .logo img{ width: 180px; float: none;}

	#outer-wrapper{ background: none;}



	#content .home_image{width: 100% !important; height: auto !Important; float: none; padding-left: 0; display: block; margin: 10px auto;}

	#content p{ font-size: 14px; font-weight: normal; }

	#content article h1{ text-align: center;}



}



/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (max-width: 480px) {

	#banner img{ width: 100%;}

	nav.main-menu ul li a, nav.footer-menu ul li a{ padding: 15px 10px; font-size: 11px; }	

}

@media only screen and (max-width: 375px){

	

}