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

		html, body{
		-webkit-touch-callout: none;
		-webkit-user-select: none; /* Webkit */
		-moz-user-select: none;    /* Firefox */
		-ms-user-select: none;     /* IE 10  */
	}

	#page-header{ height: auto; padding:15px 0; text-align: center; position: relative; }
	.complogo{ position: relative;  left: auto; top: auto; margin: 0 auto; }
	.headright{ text-align: center; }

	nav{ padding: 0; }

	#banner{ height: auto; padding: 0 0 20px; }
	.slideshow{ width: 100%; left: auto; }

	.rslides li .wrapper{ position: relative; right: auto; left: auto; }
	.rslides_tabs{ display: none; }
	.ban-det{ position: relative; top: auto; left: auto; width: 100%; }
	.ban-det p{ color: #171717 !important; padding: 14px 15px 0; }

	#mid{ height: auto; padding: 25px 0; background-color: #01359A; }

	.page-content{ padding: 0 15px; }	
	.page-content ul{margin:0 auto!important;width: 70% !important; word-wrap: break-word;}
	#main-wrapper{ padding: 25px 0 !important; min-height: 100% !important; }

	#bottom{ background-color: #E4E8F1; height: auto; padding: 25px; }
	#bottom h2{ margin: 0 0 20px; }
	.bboxcon{ margin: 8px; }

	footer{ height: auto; padding: 25px 8px; background: #003499; text-align: center; }
	.contact{ width: 100%; }
	.contact ul li{ text-align: left; }
	.service-areas{ width: 100%; float: none; margin: 20px 0; }

	.footernav{ padding: 10px 0 5px; }
	
	}

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

	.contact ul li{ display: block; max-width: 310px; width: 100%; margin: 5px auto; padding-left: 75px !important; }
	
}

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

	.slideshow{ display: none; }
	.ban-detres{ display: block; }
	#page-header{ padding: 15px 0 0; }
	.nav-toggle-button{ display: block; background: #005EC0; position: relative; margin-top: 25px; }
	.nav-toggle-button:before{ content: "MENU"; font: bold 18px open sans; color: #fff; left: 8px; top: 14px; }
	.nav-toggle-button, nav ul li{ display: block; }
	nav{ display: none; padding: 5px; } 
	nav ul li{ width: 100%; margin: 2px auto; } 
	nav ul li a{ border: 1px solid #fff; line-height: 37px; } 
	nav ul li a:hover, nav ul li.current_page_item a{ background: #42B3FF; } 
	nav ul ul{ position: relative; top: auto; left: auto; width: 100%; }
	nav ul ul li{ display: block; width: 100%; }
	nav ul ul li a{ width: 100%; }

	.fleft-img,  .fright-img{ display: none; }
	
	.contact h2, .service-areas h2{ line-height: 28px; }
	.contact ul li{ padding: 0 !important; text-align: center; }
	.contact ul li:before{ content: "" !important; }
	.contact ul li a{ font-size: 13px; }

	footer{ padding: 15px 10px 10px; }
	.footernav ul li{ display: block; margin: 3px auto; }
	.footernav ul li a{ border: 1px solid #fff; }
	.footernav ul li a:after{ content: ""; }

}
@media only screen 
and (max-width : 600px){
	.page-content{text-align:left}
	.page-content img{display:none;}
	.page-content ul{margin:10px 0 0!important;width: 100% !important;}
	.page-content ul{margin:0!important;width: 100% !important;}
	.headright strong {color: #ffcb2e !important;}
	.headright.num {color: #ffcb2e !important;}
}
@media only screen 
and (max-width : 330px){
	

}