@media only screen and (min-width: 768px) and (max-width: 999px) {
/*===========================================================
	LAYOUT STYLES
============================================================*/
.mobile {display: none;}
#bodydiv {position: relative;}
/*	FSBUTTON NAVIGATION
==============================*/
#nav_menus {}
#nav_menus div {position: absolute;}

/*	FSBUTTON NAVIGATION
------------------------------*/
#nav_menus div ul {}
	#nav_menus div ul li {}
		#nav_menus div ul li a {}
			#nav_menus div ul li a:hover {}

/*	BREADCRUMB NAVIGATION
==============================*/
.hiersect {}
	.hiersect div {display: inline;}
	/*.hiersect a,
	.hiersect a:visited {color: #;}
		.hiersect a:hover {color: #;}*/

/*===========================================================
	TOP BANNER STYLES
============================================================*/
#topcontainer {}
#topbanner {}

/*	TOP LOGO
==============================*/
.header-logo {
	min-height: 110px;
	position: relative;
}

.site-logo {
	position: absolute;
	left: 20px;
	top: 10px;
}
/*	HEADER SEARCH
==============================*/
.header-logo form {
	background: #125abb;
	height: 35px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 20px;
	top: 20px;
	width: 260px;
}

.header-logo form input {
	background: none;
	border: none;
	color: white;
	float: left;
	height: 33px;
	line-height: 33px;
	margin: 0;
	padding: 0;
	text-indent: 10px;
	width: 205px;	
}
.header-logo form button {
	background: none;
	border: none;
	color: #71a1e5;
	cursor: pointer;
	float: right;
	font-size: 12px;
	line-height: 34px;
	outline: 0;
	margin: 0;
	padding: 0;
	width: 40px;
}
/*	QUICK LINKS NAVIGATION
==============================*/
.header-logo ul {
	color: #125abb;
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 20px;
	text-transform: uppercase;
	top: 77px;
}
.header-logo ul li {
	display: inline-block;
	margin: 0;
	padding: 0;
}
.header-logo ul li:after {content: '|';}
	.header-logo ul li:last-child:after {content: '';}
	
	.header-logo ul li a {
		color: white;
		padding: 0 8px;
	}
		.header-logo ul li a:hover {color: #c8991e;}
/*	MAIN NAVIGATION
==============================*/
.main-nav {
	background: #c8991e;
	height: 60px;
}
	.main-nav ul {
		display: block;
		font-size: 0.1px;
		margin: 0;
		padding: 0;
		text-align: justify;
	}
	.main-nav ul li {
		display: inline-block;
		margin: 0;
		padding: 0;
	}
		.main-nav ul:after {
			content: '';
			display: inline-block;
			width: 100%;
		}
	.main-nav ul li a {
		color: #1d2837;
		display: block;
		font-size: 18px;
		line-height: 60px;
		margin-right: 0;
		padding: 0 10px;
		text-transform: uppercase;
		
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
		.main-nav li a:hover,
		.main-nav ul li.active a:hover,
		.main-nav ul li a.fsBtn_on {
			background: #00204c;
			color: white;
		}

/*	DROPDOWN/MEGANAV
==============================*/
	#nav_menus {width: 100%;}
	#nav_menus div {
		background: #00204c;
		left: 0 !important;
		margin-left: 0;
		/*min-height: 280px;*/
		padding-top: 1px;
		top: 170px !important;
		width: 100%;
		z-index: 3;
	}
		#nav_menus ul {
			display: block;
			float: left;
			margin: 10px 0 0 0;
			min-height:195px;
			padding: 0 20px;
			width: 50%;
			
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
			#nav_menus ul:last-child {padding: 0 20px 0 0;}
		#nav_menus ul li {
			border-bottom: 1px solid #4d6382;
			display: block;
			margin: 0;
			padding: 10px 0;

		}
			#nav_menus ul li:last-child {border-bottom: none;}
		#nav_menus ul li a {color: white;}
			#nav_menus ul li a:hover {color: #c8991e;}
/*===========================================================
	LEFT BANNER STYLES
============================================================*/
#leftbanner {}
#leftbanner .side-nav .bannermodtitle {display: none;}
#leftbanner .navmod-control {display: block !important;}
#leftbanner .navmod {margin: 0;}

#leftbanner .navmod a {
	border-bottom: 1px dotted #c5c5c5;
	color: #404040;
	display: block;
	font-size: 16px;
	font-weight: 600;
	padding: 11px 10px;
}
#leftbanner .navmod a:hover {
	background: #efefef;
	color: black;
	text-decoration: none;
}
#leftbanner .navmod a.navon,
#leftbanner .navmod a.nav_history {
	background: #006ce5 !important;
	border-bottom: none;
	color: white !important;
}

#leftbanner .navmodsub {
	background: #006ce5;
	margin: 0;
	padding: 0;
}
	#leftbanner .navmodsub li {padding-left:15px;}
	
		#leftbanner .navmodsub a {
			border-bottom: none;
			color: white;
			padding: 11px 15px;
		}
		#leftbanner .navmodsub a:hover {
			color: black;
			text-decoration: none;
		}
			#leftbanner .navmodsub a.navon,
			#leftbanner .navmodsub a.nav_history {
				background: #ffca38;
				color: white !important;
			}
			#leftbanner .navmodsub a.navon {color: #ffca38 !important;}
/*===========================================================
	RIGHT BANNER STYLES
============================================================*/
#rightbanner {}

/*	SIDE CONTENT BANNER STYLES
==============================*/
/*			SIDE PHOTO
------------------------------------------------------------*/
.side-photo img {width: auto;height: auto;}
/*===========================================================
	BOTTOM STYLES
============================================================*/
#footer {
	background: #000E22;
	border-top: 10px solid #0047a7;
	padding-top: 20px;
}
#bottomcontainer {display: none;}
#bottomcontainer1,
#bottomcontainer2 {clear: both;}

#bottomcontainer1 {min-height: 250px;}
#bottomcontainer2 {min-height: 45px;}

/*	BOTTOM CONTAINER STYLES
==============================*/
#bottomcontainer {display: none;}

/*	BOTTOM CONTAINER 1 STYLES
==============================*/
#bottomcontainer1 {}
#bottomcontainer1.active {}
#bottomcontainer1 h2 {
	color: #ffca38;
	font-weight: 400;
	text-transform: uppercase;
}
#bottomcontainer1 ul {
	display: block;
	margin: 0;
	padding: .75em 0 0 0;	
}
	#bottomcontainer1 ul li {
		display: block;
		margin: 0;
		padding: .5em 0;	
	}

/*	BOTTOM CONTAINER 2 STYLES
==============================*/
#bottomcontainer2 {
	line-height: 44px;
	text-align: center;
}
	#bottomcontainer2 .grid-9,
	#bottomcontainer2 .grid-3 {width: 100% !important;}
	#bottomcontainer2 br {display: none;}
	#bottomcontainer2 ul {text-align: center;}

/*===========================================================
	CONTENT STYLES
============================================================*/
/*	CONTENT HEADER STYLES
==============================*/
#contentdiv h1,
#contentdiv h2,
#contentdiv h3,
#contentdiv h4,
#contentdiv h5,
#contentdiv h6 {}

/*	CONTENT BLOCK STYLES
==============================*/
#contentdiv p {}
#contentdiv blockquote {}

/*	CONTENT ELEMENT STYLES
==============================*/
#contentdiv em {}
#contentdiv strong {}

/*	CONTENT BUTTON STYLES
==============================*/




/*===========================================================
	MISC PAGE STYLES
============================================================*/


/*	SPECIFIC PAGE STYLES
==============================*/


}

@media only screen and (min-width: 881px) and (max-width: 930px) {
	.main-nav ul li a {
		font-size: 18px;
		margin-right: 0;
		padding: 0 12px;
	}	
}

@media only screen and (min-width: 841px) and (max-width: 880px) {
	.main-nav ul li a {
		font-size: 18px;
		margin-right: 0;
		padding: 0 12px;
	}	
}


@media only screen and (min-width: 811px) and (max-width: 840px) {
	.main-nav ul li a {
		font-size: 16px;
		margin-right: 0;
		padding: 0 12px;
	}	
}

@media only screen and (min-width: 768px) and (max-width: 810px) {
	.main-nav ul li a {
		font-size: 16px;
		margin-right: 0;
		padding: 0 10px;
	}	
}