/* check hb.inc.php for overrides on buttons and hb */

@media only screen and (max-width: 1220px) {
	.toplinks { padding: 4px 5%;}
	.hb {left: 5%; }
	.bigbanner img {width: 100%;}
}
@media only screen and (max-width: 1160px) {

	article.homeR, article.homeL {width: 50%; min-width: 313px;  }
	article.homeC {margin: 0 auto; float: none; clear: both; width: 313px;}
}
@media only screen and (max-width: 1120px) {
	.toplinks { padding: 4px 2%;}
	section.home { padding: 100px 50px;}

}

@media only screen and (max-width: 1020px) {
	section.home { padding: 100px 2%;}
	.buttons img, .buttons2 img {width: 23%;}
	section.grey {padding: 50px 0;}

}


@media only screen and (max-width: 960px) {
	article.inside {width: 60%; padding-left: 0;}
	aside {width: 33%;}
}

@media only screen and (max-width: 950px) {
	section.home { padding: 20px 2%; text-align: center;}
}
@media only screen and (max-width: 900px) {
	.hb {top: 10px; }
	.hometop {height: 450px; margin-bottom: 20px }

}

@media only screen and (max-width: 860px) {
	.hb {top: 0px; }
	.hometop {height: 430px; margin-bottom: 20px }

}

@media only screen and (max-width: 830px) {
	.hb {width: 100%; left: 0}
	.hometop {height: 595px; margin-bottom: 10px }
	.buttons, .buttons2 {height: 340px; padding: 0 50px}
	.buttons img, .buttons2 img {width: auto;}


}
@media only screen and (max-width: 800px) {
	.search, .socmed {display: none;}
	.searchbttn {color: white; font-size: 14px;  display: inline-block; }
	.toplinks {height: auto; padding: 5px 2%; text-align: center; top: 0}
	.col4 {width: 48%; margin: 0 1% 10px 1%; }
	a.homelink {margin-top: 10px;}
}

@media only screen and (max-width: 700px) {
	article.inside {width: 55%;}
	aside {width: 43%;}
	a.buslog {padding: 10px 5px 5px 5px; }


}
@media only screen and (max-width: 665px) {
	article.homeR, article.homeL  {width: 100%; height: auto; float: none }
}

@media only screen and (max-width: 650px) {
	article.inside {width: 100%; float: none;}
	aside {width: 100%; max-width: 400px; float: none; margin: 10px auto;}
	.buttons, .buttons2 { padding: 0 }
	aside.grey {padding: 10px 0;}

}

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

	.hometop {height: 250px;}
	.buttons, section.grey { display: none;}
	section.buttonbars {display: block; margin-bottom: 10px;}
	section.buttonbars a {display: block; width: 100%; height: 40px; text-align: center; background-color: #b30232; margin-bottom: 1px;}
	section.buttonbars a:first-child {background-color:#589411; }
	section.buttonbars a:last-child {background-color: #015eb2;}
	section.buttonbars a:nth-child(3) {background-color: #e06c25;}
	.taft_label-wrapper {width: 100%;}
}
@media only screen and (max-width: 550px) {

	a.buslog {padding: 2px 5px; }

}

@media only screen and (max-width: 500px) {
	a.homelink {margin-top: 20px;}

	.mobi {display: block;}
	.full {display: none;}

	.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;}

}


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

	a.homelink { width: 60%;}
	a.homelink img {width: 100%;}


	.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; }

}