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

	header, footer, section {width: 96%; }
	article.home {float: none; width: 96%; padding: 40px 2% 10px 2%; clear: both;}
	article {width: 66%;}
	.imgbox {float: right; border-left: solid 1px #d9d9d9;border-right: 0px;  margin: 30px 0px 0 30px; }
	.ratesbox {margin-left: 2%}
	.sprintbox {width: 100%; margin: 10px 0;}

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

	.footnote {width: 66%; padding-top: 0px;}

}
@media only screen and (max-width: 850px) {
	article {width: 60%;}
	.blubar a.button {width: 25%;  margin: 0 2px; }


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

	.bottomlinks {width: 100%; float: none; clear: both; text-align: center;}
	.footlogos {width: 472px; float: none; clear: both; margin: 20px auto; }
	.footnote {width: 72%; padding-top: 0px;}
	header {width: 99%; margin: 0 0 0 1%;}

}


@media only screen and (max-width: 799px) {
	.blubar {background: none #6698C5; height: 140px; width: 100%; text-align: center; padding-top: 80px;}
	.blubar a.button {width: 100%;  margin: -3px 0 0 0;background-position: top center;}
	.join {top: -15px;}
	.chat {top: -29px }
	.fees {top: -43px }
/*	.ratesbox2 {margin-left: 2%; display: inline-block; float: none;}*/
	header {width: 96%; margin: 0 2%;}
	.homelink {width: 236px; text-align: left;}
	.right {width: 250px;}
	.toplinks, .socmed {float: none; margin: 0 auto; text-align: center;}
}

@media only screen and (max-width: 710px) {
	article {width: 100%;}
	aside {float: left;}
	.ratesbox {width: 270px; margin-left: 1%;}
	.imgbox { border-left: 0px;  margin: 30px 1% 0 0; width: 265px;}
	header, footer, section {width: 98%; }
	.mobi {display: block;}
	.full {display: none;}


}


@media only screen and (max-width: 599px) {
	.imgbox {width: 100%; border-left: 0;}
	.ratesbox {display: none;}

}



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

	.right {width: 100%;}
	.homelink {width: 100%; text-align: center;}
	header {height: 205px;}
	.footlogos {width: 100%;}
	.footnote {clear: both; width: 100%;}
}





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

	aside {float: none; margin: 0 auto; clear: both;}
	.regions_rates_table_row1, .regions_rates_table_row2, .regions_rates_table_effectivedate, .regions_rates_table_fields, .ncua, .ehl, .bottomlinks, .toplinks { font-size: 14px;}
	/*body {width: 100%; overflow: hidden;}*/

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

	/*---- WEB FORM ----*/
	FORM.webform textarea {width:164px; padding: 0;  margin: 0;}
	FORM.webform input{max-width: 164px; }
	FORM.webform TR TD {width: 100px; }
	header {height: 250px;}

}