@media only screen and (max-width: 767px) {
/*===========================================================
	LAYOUT STYLES
============================================================*/
#bodydiv {position: relative;}
/*	FSBUTTON NAVIGATION
==============================*/
#nav_menus {display: none;}

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

/*	MOBILE SETUP
==============================*/
#bodydiv {
//	background: #000712;
	position: relative;
	overflow: hidden;
	width: 100%;	
       overflow-y: scroll !important;
       //^Added for pagecalpopup fix
}

#contentdiv img{
width:auto;
}

#bodydiv.show-nav #mobile-canvas {
/*	-webkit-transform: translateY(auto);
	transform: translateY(auto);*/
}
#mobile-canvas {
	background: white;
	height: 100%;
	position: relative;
/*	transform: translateY(0);
	transition: .3s ease all;*/
	width: 100%;
	
/*	-webkit-transform: translateY(0);
	-webkit-transition: .3s ease all;*/
}
/*===========================================================
	TOP BANNER STYLES
============================================================*/
#topcontainer {}
#topbanner {}

/*	TOP LOGO
==============================*/
.header-logo {
	min-height: 150px;
	padding-top: 60px;
	position: relative;
}

.site-logo {
	margin: 0 auto;
	width: 260px;
}
#mobile-nav-control {
	background: none;
	border: none;
	color: white;
	cursor: pointer;
	display: block;
	font-size: 20px;
	outline: none;
	position: absolute;
	right: 20px;
	top: 20px;
}
/*	HEADER SEARCH
==============================*/
.header-logo form {display: none;}

/*	QUICK LINKS NAVIGATION
==============================*/
.header-logo ul {display: none;}
/*	MAIN NAVIGATION
==============================*/
.main-nav {display: none;}

/*	DROPDOWN/MEGANAV
==============================*/
#nav_menus {display: none;}

/*	MOBILE NAVIGATION
==============================*/
/*	SLIDE OUT NAVIGATION
------------------------------*/
.top-nav-slide {
	background: #000712;
	height: 0;
	overflow: hidden;
	width: 100%;
	
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	
	transition: .3s ease all;
	-webkit-transition: .3s ease all;
}
	.show-nav .top-nav-slide {
		height: auto;
		padding: 65px 30px;
	}
.top-nav-slide p {
	margin: 0;
	padding: 0;
}
#mobile-nav-close {
	background: transparent url(../images/header/mobile-nav-close.png) no-repeat center center;
	border: none;
	height: 20px;
	outline: none;
	position: absolute;
	right: 25px;
	top: 20px;
	visibility: hidden;
	width: 20px;
}
	.show-nav #mobile-nav-close {visibility: visible;}
.top-nav-slide ul,
.top-nav-slide ul li {
	display: block;
	margin: 0;
	padding: 0;	
}


.top-nav-slide .nav-m-quick {
	background: #081222;
	font-size: 13px;
	min-height: 100px;
}
	.top-nav-slide .nav-m-quick li {
		float: left;
		height: 50px;
		margin: 0;
		padding: 0 0 0 20px;
		width: 50%;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.top-nav-slide .nav-m-quick a {
		color: #e5b635;
		line-height: 50px;
		text-transform: uppercase;
	}
		.top-nav-slide .nav-m-quick a:hover {color: white;}

.top-nav-slide .nav-m-main {margin: 20px 0;}
	.top-nav-slide .nav-m-main a {
		border-top: 1px solid #333941;
		color: #cdcdcd;
		display: block;
		font-size: 16px;
		line-height: 2;
		text-transform: uppercase;
	}
		.top-nav-slide .nav-m-main li:first-child a {border-top: none;}
.top-nav-slide form {
	background: #191d23;
	margin: 5px 0 0 0;
	padding: 0;
	position: relative;
}
.top-nav-slide form input[type=text] {
	background: #191d23;
	border: none;
	color: #858585;
	display: inline-block;
	height: 45px;
	line-height: 45px;
	outline: none;
	text-indent: 10px;
	width: 85%;	
}
.top-nav-slide form button {
	background: none;
	border: none;
	color: #858585;
	cursor: pointer;
	display: inline-block;
	float: right;
	font-size: 12px;
	height: 45px;
	line-height: 45px;
	text-align: right;
	width: 25px;
}
#mobile-nav-control,
#mobile-nav-close {
	
}
/*===========================================================
	LEFT BANNER STYLES
============================================================*/
#leftbanner {margin-bottom: 40px;}
#leftbanner .navmod-control {display: block !important;}
#leftbanner .navmod {
	background: #bc8f1b;
	display: none;
	margin: 0 -20px;
}
#leftbanner .navmod.active {display: block;}
#leftbanner .side-nav .bannermodtitle h2 {
	background: #c8991e;
	color: #1d2837;
	cursor: pointer;
	font-size: 16px;
	font-weight: normal;
	line-height: 50px;
	margin: 0 -20px;
	padding: 0 20px;
	text-transform: uppercase;
}
	#leftbanner .side-nav .bannermodtitle h2 i {
		color: white;
		display: inline-block;
		float: right;
		line-height: 50px;
	}
#leftbanner .navmod a {
	border-bottom: 1px dotted #061933;
	color: #061933;
	line-height: 40px;
	margin: 0 20px;
	padding: 0 10px;
}
#leftbanner .navmod a:hover {
	color: white;
	text-decoration: none;
}
#leftbanner .navmod a.navon,
#leftbanner .navmod a.nav_history {
	background: #001a3d;
	border-bottom: none;
	color: white !important;
	margin: 0;
	padding: 0 30px;
}

#leftbanner .navmodsub {
	background: #001a3d;
	margin: 0;
	padding: 0;
}
	#leftbanner .navmodsub li {}
	
		#leftbanner .navmodsub a {
			border-bottom: none;
			color: white;
			padding: 0 15px;
		}
		#leftbanner .navmodsub a:hover {
			color: #0a57be;
			text-decoration: none;
		}
			#leftbanner .navmodsub a.navon,
			#leftbanner .navmodsub a.nav_history {
				background: #c8991e;
				color: white !important;
			}
/*===========================================================
	RIGHT BANNER STYLES
============================================================*/
#rightbanner {}


/*===========================================================
	BOTTOM STYLES
============================================================*/
#footer {
	background: #000E22;
	border-top: 10px solid #0047a7;
}
#bottomcontainer {display: none;}
#bottomcontainer1,
#bottomcontainer2 {clear: both;}

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

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

/*	BOTTOM CONTAINER 1 STYLES
==============================*/
#bottomcontainer1 {}
#bottomcontainer1.active {}
#bottomcontainer1 .grid-item {
	border-top: 1px solid #333e4e;
	padding: 0 20px;
}
#bottomcontainer1 .grid-item:first-child {border-top: none;}

#bottomcontainer1 .grid-item ul,
#bottomcontainer1 .grid-item p {display: none;}
#bottomcontainer1 .grid-item .show {display: block;}
#bottomcontainer1 .grid-item .show:last-child {padding-bottom: 20px;}
#bottomcontainer1 h2 {
	color: #ffca38;
	cursor: pointer;
	display: block;
	font-size: 16px;
	font-weight: 400;
	line-height: 2;
	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: 1.5;
	padding-top: 10px;
	text-align: center;
}
	#bottomcontainer2 em {
		display: block;
		padding: 10px 0;
	}
	#bottomcontainer2 ul {
		padding: 10px 0;
		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
==============================*/

#contentdiv img {
	max-width: 100%;
}


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


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


}
@media only screen and (max-width: 400px) {
	.top-nav-slide .nav-m-quick li {
		float: none;
		height: 50px;
		margin: 0;
		padding: 0 0 0 20px;
		width: 100%;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}