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

	.whichbox { right: 20px; }

}

@media only screen and (max-width: 1040px) {
	section, header, footer, nav.pc {width: 100%;}
	article.inside {margin-right: 10px; width: 60%}
	aside.home, aside.inside {left: 10px;}
	a.homelink {left: 20px;}
	.toplinks {right: 20px; width: 60%}
	article {width: 60%;}
	.whitebar {height: auto; padding: 1px 0;}
	a.homelink{ width: auto; }
	.chatbttn{ /*left: auto; right: 60%; margin-right: -90px; */}


}


@media only screen and (max-width: 990px) {
	.boxes {width: 96%; margin: 0 2%;}
	.box1, .box2, .box3 {width: 33.3%;}
	.box1 {border: 0;}
	.box0 {width: 100%; margin: 20px 0;}
	.help {width: 100%; padding: 0; height: 50px; position: relative; float: left; margin: 20px 0;}
	.arrow, .helper {position: absolute; top: 0px; 0px;}
	.arrow {top: -2px; left: 0px;}
	.helper { height: 50px; width: 100%; padding: 10px 10px 10px 65px; }
	.helper h3 { text-align: center; width: auto; display: inline;}
	.whichbox {width: 48%;}

}


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

	article {width: 50%;}
	article.inside {width: 55%;}
	.bottomlinks, .phone, .footnote {width: 100%; text-align: center; }
	.phone ul {text-align: center;}

	.text, .images {float: none;}
}
@media only screen and (max-width: 750px) {
	article.inside {width: 96%; margin: 10px 2%; clear: both; float: none;}
	aside.inside {float: none; margin: 0 auto; left: 0; }
}

@media only screen and (max-width: 730px) {
	.toplinks {width: 100%; text-align: center; top: 70px; right: 0;}
	header { height: 150px;}
	.alertbox {top: 130px; width: 80%; right: 10%; }
	.chatbttn{float: none; top: 4px; margin-right: 5px;}
	a.cta.chatbttn{  height: 30px;padding: 3px 10px; text-align: center; /*top: 10px; right: 100px; margin-right: 0 */}

}
@media only screen and (max-width: 700px) {
	.col4 {width: 48%; margin: 0 1% 10px 1%; }
	.credit {bottom: 650px;}
}



@media only screen and (max-width: 660px) {
	article.home {display: none;}

	section {}

	aside.home {float: none; margin: 0 auto; left: auto; top: 5px; height: 340px; width: 100%;text-align: center}
	.hb {position: relative; margin: 0 auto;}
	a.which {position: relative; margin: 0 auto; top: -10px; left: auto}
	.bus {position: relative; margin: 0 auto; top: -5px; left: auto;}


	.choose, .credit {display: none;}
	.box3 {width: 100%; border: 0; border-top: solid 1px silver}
	.box1, .box2 {width: 50%;}
	.whichbox {width: 90%; top: 100px; right: 5%;}
	.alertbox { width: 90%; right: 5%; }

}

@media only screen and (max-width: 640px) {
	.search {margin: 0 auto;}
	a.homelink{position: relative; left: auto; top: 10px;}

}


@media only screen and (max-width: 599px) {
	.col4, .col3, .col2 {width: 96%; margin: 0 2% 10px 2%; }
}

@media only screen and (max-width: 500px) {
	.mobi {display: block;}
	.full {display: none;}
	article.inside {margin-top: 50px;}


	.images {float: none; margin: 0 auto;}
	.images img {margin: 0 5px;}
	.text{float: none; padding: 10px 0; width: 100%; text-align: center;}

	.sideslider table {width: 510px; }
	.sideslider { overflow: scroll;overflow-y: hidden; -ms-overflow-y: hidden;}
	.box1, .box2{width: 100%; border: 0; min-height: 100px;}
	.box1 {border-bottom: solid 1px silver;}

	.help {width: 243px; padding: 10px; float: none; overflow: hidden; height: 200px; margin: 10px auto;}
	.helper { height: 200px; width: 205px; padding: 10px; text-align: left;}
	.arrow, .helper {position: absolute; top: 30px; right:20px;}
	.arrow {left: 0; right: auto; z-index: 100; width: 49px; height: 56px; }
	.helper {background-color: #125687; height: 140px; width: 205px; padding: 15px 10px 10px 35px; z-index: 90}
	.helper h3 {font-family: Oswald, 'arial narrow', sans-serif; font-size: 19px; text-transform: uppercase; color: white; font-weight: 400; text-align: left; margin: 0; width: 80%;}

	.whitebar {height: auto;}
	.Mshow {display: inline;}
	.toplinks{top: 90px;}
	aside.home {margin-top: 55px;}


}

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

	.search { width: 110px; }
	.searchbox {width: 100px;}



	.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;}
	FORM.webform textarea {width:164px; padding: 0;  margin: 0;}
	FORM.webform input{max-width: 164px; }
	FORM.webform TR TD {width: 100px; }

}