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

@media only screen and (max-width: 1200px) {	
	.container { width:970px;}
	#header .header #navigation { padding-left:50px;}
	#header .header #navigation > ul > li + li { margin-left:10px;}
	#footer .top .boxes .box { padding:0 20px;}
	#footer .top .boxes .box:nth-child(1) { padding-left:0; width:125px;}
	#footer .top .boxes .box:nth-child(2) { width:140px;}
	#footer .top .boxes .box:nth-child(3) { width:155px;}
	#footer .top .boxes .box:nth-child(4) { width:160px;}
	#footer .top .boxes .box:nth-child(5) { width:160px;}
	#footer .top .boxes .box:nth-child(6) { padding-right:0;}
	#header .header #navigation > ul > li > a { font-size:15px;}
	#header .header.sticky .employee-portal { right:102px;}
	
}
@media only screen and (max-width: 992px) {	
	.container { width:750px;}
	.mobile-show { display:block;}
	.mobile-hide { display:none;}
	.navigation-icon { display:block;}
	#header .header .logo { padding:20px 0;}
	#header .header #navigation { display:none;}
	#footer .top .boxes { margin-left:-2%;}
	#footer .top .boxes .box { width:46% !important; padding:0 !important; margin-left:2%;}
	#footer .top .boxes .box + .box { border-left:none;}
	#footer .mid { padding:10px 0; margin:0;}
	#footer .mid .left { float:none; padding:0; text-align:center;}
	#footer .mid .right { text-align:center; float:none;}
	
	
}
@media only screen and (min-width: 768px) {	
}
@media only screen and (max-width: 767px) {
	.container { width:100%; padding:0 15px; }
	#header .header .logo { width:200px;}	
	#header .header .logo:after { right:-22px;}
	#footer .top .center { padding:30px 0;}
	#footer .top .boxes { margin-left:-4%;}
	#footer .top .boxes .box { width:46%; margin-left:4%; min-height:0; margin-bottom:30px;}		
	#footer .top .center { width:100%; margin:0 auto; padding-bottom:0;}	
	#footer .top { background:#007e9e;}	
	#footer .bot { background:##007e9e;}	
	#footer .top .boxes .box ul li a br { display:none;}	
	#footer .bot { background:#007e9e;}
	#footer .bot .center { padding:15px 0 12px;}
}
@media only screen and (max-width: 640px) {
}
@media only screen and (max-width: 600px) {
}
@media only screen and (max-width: 568px) {
}
@media only screen and (max-width: 480px) {
	#footer .top .boxes .box { min-height:210px;}
	#footer .bot .center .copyright { float:none; text-align:center; padding:0 0 5px;}
	#footer .bot .center .employee-portal { float:none; text-align:center;}
}
@media only screen and (max-width: 320px) {
}