@media only screen and (max-width: 999px) {
	section {width: 100%; padding-left: 0; padding-right: 0; margin: 0}
	footer {width: 96%; padding-left:2%; padding-right: 2%;}
	header {width: 96%; margin-left:2%; margin-right: 2%;}

	article.home {width: 96%; padding-left:2%; padding-right: 2%; margin: 0}
	article.inside {padding-left: 2%;}
	aside {margin-right: 2%;}
	aside.home {margin-left: 2%;}
	.footnote, .bottomlinks { width: 49%;  }
	.mobi {display: inline;}
	.search {top: 53px; right: 160px}
	.toplinks {width: 60%; right: 0px;}
	.shorten {display: none;}
}

@media only screen and (max-width: 930px) {
	.three {display: none;}
	.two, .one {width: 27%;}
	article.inside {width: 63%;}
	article.home {width: 96%; padding-left:2%; padding-right: 2%;}
}

@media only screen and (max-width: 890px) {
	.toplinks {width: 50%;}
	.search {top: 66px; right: 160px}
	header .socmed {top: 60px;}

}


@media only screen and (max-width: 830px) {
	.two, .three {width: 25%;}
	article.inside {width: 55%;}
	article.home {width: 96%; padding-left:2%; padding-right: 2%;}

}

@media only screen and (max-width: 750px) {
	.mobile {display: none;}
}


@media only screen and (max-width: 740px) {
	.one, .two {width: 96%; margin: 10px 2%; padding: 0; border: none; }
}


@media only screen and (max-width: 710px) {
	article.inside, aside {width: 96%; margin-left:2%; margin-right: 2%; padding: 0}
	article.home {width: 96%; padding-left:2%; padding-right: 2%;}
	.toplinks {width: 40%;}

}



@media only screen and (max-width: 690px) {
	.disappear {display: none;}
	footer .disappear {display: block; width: 100%; text-align: center;}
	.search {top: 50px;}
	header .socmed {top: 48px;}

}


@media only screen and (max-width: 665px) {
	header .socmed, .hb{display: none;}
	section .socmed {display: inline; width: 100%; text-align: center; clear: both;}
	.toplinks {display: none;}

	aside.home, .footnote  {width: 96%; margin: 0 2%; padding: 0; }
	.bottomlinks {width: 100%; text-align:center; margin: 10px 0px;}
	.ncua {text-align: center;}
	.hbbutton {display: block; background: url(../images/BlueButtonSlice.png) repeat-x; height: 43px; width: 100%; text-align: center; margin-bottom: 5px;}
	.hbbttnL {width: 100%; height: 43px; background: url(../images/BlueButtonLeft.png) no-repeat left;}
	.hbbttnR {width: 100%; height: 33px; background: url(../images/BlueButtonRight.png) no-repeat right; padding-top: 10px;}

	.ratesbox .boxtop, .ratesbox .boxbottom {display: none;}
	.ratesbox .regionbox {background: none; width: 96%; margin: 10px 2%; padding: 0; }
	.search {top: 20px; right: 20px}

}
@media only screen and (max-width: 490px) {
	.list {position: relative; float: left; width: 66%;}
	.smart {position: relative; float: right; width: 33%;}
	.search {top: 125px; right: 2%}
}

@media only screen and (max-width: 400px) {
	.smart {position: relative; float: none; width: 100%; clear: both}

	.ratesbutton {display: block; background: url(../images/BlueButtonSlice.png) repeat-x; height: 43px; width: 100%; text-align: center;}

	.ratesbox{display: none;}
	.regions_rates_table_row1, .regions_rates_table_row2, .regions_rates_table_effectivedate, .regions_rates_table_fields, .ncua, .ehl, .bottomlinks, .toplinks { font-size: 14px;}
	div#KJECalculatorScreenSize {position: relative; left: -15px;}

	/*---- WEB FORM ----*/
	FORM.webform TR TD SPAN.required {}
	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; }
}