@media only screen and (max-width: 1060px) {
	#online-banking-box {
		margin-left:0px;
		margin-right:0px;
	}
	a.blue-buttons {
		width:240px;
		margin: 10px 0px 10px 10px;
	}
}
@media only screen and (min-width: 1023px) {
	.navbar-nav {
		width:100%;
	}
	

}
@media only screen and (max-width: 1023px) {
	#ob-slider-wrap {
		flex-direction: column;
	}
	article {
		margin: 5px auto 30px auto;
		float:none;
	}
	#online-banking-box {
		margin:0 auto;
		float: none;
		width:100%;
		max-width: 726px;
		margin-bottom: 30px;
		text-align: left;
	}
	#online-banking-box > h1, #online-banking-box > form > input, #online-banking-box > form > button,
	#online-banking-box > form > input {
		border-radius: 5px;
	}
	#online-banking-box > h1, #online-banking-box > form > input, #online-banking-box > form > button,
	#online-banking-box > form > input,
	.hbx3, #online-banking-box > form > label {
		display: block;
		margin: 5px auto;
		text-align: center;
	}
	.hbx3  {
		position: relative;
		top:10px;
	}
	#online-banking-box > form > input {
		width:170px;
	}
	#mobile-blue-buttons {
		display: flex;
		flex-wrap: wrap;
		text-align: center;
		justify-content: center;
	}
	#desktop-blue-buttons {
		display: none;
	}
	div.buttons-mini-slider {
		max-width: 726px;
	}

	div.buttons-mini-slider > div.row > div.col-md-9 {
		width:100%;
	}
	div#slider_container {
		float: none;
		margin: 0 auto;
	}
	a.blue-buttons {
		font-size: 14px;
		width:265px;
		display: inline-block;
	}
	header {
		background-size: 375% 100%;
	}
	section.container {
		padding-top:60px;
	}
	.navbar-nav {
		display: none;
	}
	button.sideviewtoggle {
		display: block;
		clear:right;
		position: static;
	}
	.toplinks {
		width:100%;
	}
	.toplink-list {
		float: none;

	}
	.search {
		position: relative;
		top:13px;
		right:100px;
	}
	span.disappear {
		display: none;
	}
	section {
		background-size:300%;
		background-position: 40% 10%;
	}
	.search {
		display: none;
	}
	#mobile-nav {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
	}
	#mobile-nav .search, #mobile-nav .sideviewtoggle {
		display: flex;
		float:none;
		position: static;
		padding: 0; 
	}
	#mobile-nav .search {
		position: relative;
		left: 10px;
	}
	#mobile-nav .search .searchbutton {
		padding: 10px 0;
	}
	.toplinks {
		display: none;
	}
	.mobile-toplinks {
		display: block;
	}
	.searchbutton {
		float: none;
	}
	.boxwrap {
		padding: 0px 15px 0px 40px;
	}

}

@media only screen and (min-width: 768px) {
	.navbar-nav > li > a {
	    padding-top: 15px;
	    padding-bottom: 0px;
	    padding-left:0px;
	    padding-right:0px;
	    margin-left:15px;
	    margin-right:15px;
	}
}

@media only screen and (max-width: 767px) {
	a.blue-buttons {
		font-size: 15px;
		width:266px;
		display: block;
		margin:10px auto;
	}
	div.buttons-mini-slider-mob {
		max-width: 400px;
	}
	#online-banking-box > h1, #online-banking-box > form > input, #online-banking-box > form > button,
	#online-banking-box > form > input,
	.hbx3 {
		display: block;
		margin: 10px auto;
	}
	#online-banking-box {
		text-align: center;
		max-width: 400px;
	}

	section.container {
		padding-left:0px;
		padding-right:0px;
	}
	div.buttons-mini-slider {
		border-radius: 0px;
		max-width: 100%;
	}
	div.navbar-header {
		height:50px;
	}
	a.homelink {
		margin-left:0px;
	}
	

}

@media only screen and (max-width: 600px) {
	header.container {
		padding-left:0px;
		padding-right:0px;
	}
	div#header-row > div.col-xs-10 {
		padding-left:0px;
		padding-right:0px;
	}
	.ehl, .ncua, .bottomlinks {
		text-align: center;
	}
	.ncua > a {
		text-align: center;
		display: inline-block;
		margin:0 auto;
	}
	
}

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



	
	a.homelink {
		margin-top:25px;
	}
	a.homelink img {
		max-width: 150px;
	}
}


@media only screen and (max-width: 400px) {
	
	#online-banking-box {
		text-align: center;
		width:100%;
		border-radius: 0px;
	}
	div.buttons-mini-slider-mob {
		max-width: 100%;
		border-radius: 0px;
	}
	
	div.toplinks > form > input[type=text] {
		max-width:110px;
	}
	section {
		background-size:400%;
	}
	.toplink-list > a, .toplink-list > span, .toplink-list {
		font-size:12px;
	}
	.pipe {
		margin: 0 1px;
	}
	.boxwrap {
		width: 100%;
		margin-bottom: 20px;
	}

}


/*@media only screen and (max-width: 926px) {
html { background: url();}

header { width: 100%; }
.toplinks {width: 97%; padding: 15px 0px 0px 3%;}

.bigbanner {width: 100%; text-align: center; margin-top: 10px;}
section {width: 100%; border: 0;} 
.content {width: 100%; text-align: center; float: none;}
article {min-height: 100px; padding: 10px 3%; margin: 0px auto; text-align: left;  margin-top: 10px;}
aside {float: none; clear: both; text-align: center}
footer {padding: 10px 3%; border-top: solid 1px #d2d6db;  }
aside {padding: 10px 3%;}
.bannerwrap {position: relative; float: left; width: 217px; margin-left: 10px;}
.boxwrap {width: 30%; margin-left: 10px;position: relative; float: left;}


}

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

.bigbanner {width: 96%; padding: 10px 0px; margin: 0px auto;}
.bigbanner img {width: 100%;}

}

@media only screen and (max-width: 600px) {
.bottomlinks, .ehl, .ncua {float: none; font-size: 12px; width: 94%; text-align: center; padding: 10px 3%;}
.ehl, .ncua {text-align: left;}
.bannerwrap {float: none; width: 100%; margin-left: 0px;}
.boxwrap {width: 100%; margin-left: 0px; float: none;}

}

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

.regions_rates_table_row1, .regions_rates_table_row2, .regions_rates_table_effectivedate, .regions_rates_table_fields, .ncua, .ehl, .bottomlinks, .toplinks { font-size: 14px;}

.bigbanner {display: none;}
article {border-left: 0; border-right: 0; background-color: white; width: 94%}
.search {clear: both; display: block; width: 100%; height: 20px; padding: 5px 0px 5px 3%; background-color: #414853; color: white; margin: 15px 0px 0px -3%; }
.toplinks { height: 62px; }
.disappear {display: none;}

div#KJECalculatorScreenSize {position: relative; left: -15px;}

/*---- WEB FORM ----*/
FORM.webform TR TD.required_legend SPAN.required_legend {font-style: italic; color: gray; }
FORM.webform textarea {width:164px; padding: 0;  margin: 0;}
FORM.webform input{max-width: 164px; }
FORM.webform TR TD {width: 100px; }