/* Large Tablet Devices ----------- */
@media only screen 
and (max-width : 980px) {
	html, body{
		-webkit-touch-callout: none;
		-webkit-user-select: none; /* Webkit */
		-moz-user-select: none;    /* Firefox */
		-ms-user-select: none;     /* IE 10  */
	}	
	.container{ width: 100%; }	
	header{background: #FBFBFB;}
	#logo, .head-btn{padding: 10px;}	
	nav.page-nav{background: #C5C4C2; width: 100%; float: none !important; clear: both;}
	nav.page-nav li{margin: 0 0 0 -3px; width: 16.66%;}
	.page-nav ul li:hover > ul, nav.page-nav li:after{display: none;}
	nav.page-nav ul li span{display: block;}
	nav.page-nav li a{display: block; border-left: 1px solid #D1D1D1; border-right: 1px solid #B7B7B7; padding: 0; width: auto; text-align: center;}
	.f-right-p-rel-top{top:0;}
	.main-content{background: #fff;}	
	.contentz{float: none !important; width: 100%; padding: 15px; margin: 0; font-size: 1.025em; line-height: 1.6em}
	.contentz p, .contentz ul, .contentz ol{margin: 1.8em 0;}
	.bott-cont{width: 60%;}
	.bott-cont p{margin: 0 !important; padding: 0 !important;}
	aside{float: none !important; width: 70%}
	
	.clear-allure{top:525px}
	
	.f-right-p-rel-top{ top:0 !important; }
}

/* Tablet Devices */
@media only screen 
and (max-width : 800px) {
	#banner{background: #05308C; height: auto; text-align: center; padding: 15px 0;}
	.banner-top{margin: 0 0 15px;}
	.banner-cont{background: #fff; padding: 15px; border-radius: 10px; -webkit-border-radius: 10px; -ms-border-radius: 10px; margin: 0 auto; width: 80%; }
	.banner-cont h2{background: #0C3B74; text-indent: 1px;}
	.banner-cont ul, .mission-stat{margin: 10px auto;}
	.mission-stat{font-size: 14px;}
	.cslideshow{display: none;}
	
	footer .container{width: 520px;}
	.footnavigation{float: right; margin: 0;}
	#copyright{clear: both; float: none !important; width: 280px; margin: 0 auto 10px;}
	
	.main_box{height:auto;}
	.main_box, .f-left-allure, .f-right-allure, .lower-left-allure, .clear-allure{position:initial; height:auto; }
	.lower-left-allure{width:100%;}
	
	.f-right-p-rel-top{ top:0; }
}

/* changed nav to toggle */
@media only screen 
and (max-width : 700px) {
.header-right{width: 100%; float: none !important; text-align: center; display: block;}	
#logo{width: 100%; float: none !important; text-align: center; display: block;}	

.nav-toggle-button,	nav.page-nav li, nav.page-nav li span{ display: block; }	
nav.page-nav{ display: none; }	
nav.page-nav ul{ margin: 0; padding: 0; }	
nav.page-nav li{width: 100%; display: block; }	
nav.page-nav li a{text-align: left; text-indent: 15px; padding: 0; font-size: 14px; border-top: 1px solid #D1D1D1; border-bottom: 1px solid #B7B7B7;}	

nav.page-nav ul ul{position: static; padding: 5px;}	
.page-nav ul ul li{width: 100%;}
.page-nav ul ul li a{display: block; width: auto;}
.f-left-p-rel, .f-right-p-rel-top, .p-rel-right, .p-rel-bottom{float:none; position:initial;}
.p-rel-right{padding:0;}
.main-margin-bottom{margin-bottom:0;}
}

/* Tablet Devices */
@media only screen 
and (max-width : 678px) {	
	.bott-cont{width: 50%;}
}

/* Smartphones */
@media only screen 
and (max-width : 480px) {
	footer .container{width: 100%;}
	.contact-info, .footnavigation{clear: both; float: none !important; width: 280px; margin: 0 auto 10px;}
	
	.banner-cont{width: 95%; padding: 10px;}
	.mission-stat, .banner-cont ul{width: auto;}
	.contentz img{display: none;}
	#bottom{display: none;}	
	aside{width: 95%;}
	
	.f-right-allure{ width:100%; }
}

/* Smartphones */
@media only screen 
and (max-width : 380px) {
	.banner-cont{width: 90%; padding: 15px;}
	.banner-cont h1{font-size: 17px !important;}
	.banner-cont h2{font-size: 15px !important;}
	.banner-cont ul li{float: none !important; width: 100%;}
	.banner-cont li a{width: auto; line-height: 50px; font-size: 15px; background: #e9e9e9; text-indent: 30px;}
	.banner-cont li a:hover, .banner-cont li a:active{background: #0d3b75;}
	
	.recruitment-bx{padding: 10px; height: auto;}
	.recruitment-bx:before{display: none;}
	.recruitment-bx p, .recruitment-bx h1{padding: 10px;}
	
	.career-opp img{display: none;}
}