@media only screen and (max-width: 1280px) {
	.liner{padding-right: 54px;}
}

@media only screen and (max-width: 1200px) {
	.intbanner, a.bannerbg {height: 0; padding-bottom: 38%;  background-size: 200% auto;}
}

@media only screen and (max-width: 1100px) {
	article {width: 70%; }
	aside {  width: 25%;  }
	.sitemap .socmed {display: block; width: 100%; height: 32px;position: relative; float: left;  margin: 0px;}
	.socmed a, .socmed a:visited {width: 16%; color: white;display: inline-block;  position: relative; float: left; font-size: 24px}
	.toplinks .socmed {display: none;}
}

@media only screen and (max-width: 900px) {
	article {width: 66%; }
	aside {  width: 33%;  }
	.grey {height: 56px;}
	.pale {top: 56px;}
	header {height: 215px; }
	a.homelink{ top: 140px;}
	.toplinks a, .toplinks a:visited { margin-right: 15px;}
}

@media only screen and (max-width: 800px) {
	.taft_label-wrapper {width: 33%;}
	.taft_formElement-wrapper {width: 66%;}
	.sitemap {padding: 10px 0;}
	.sitemap .liner {display: none;}
	/*.text{ width: 70%;}*/
	aside {width: 100%; max-width: 460px; float: none; margin: 0 auto; }
	article {margin-bottom: 20px;width: 100%; float: none;}
	.boxedsearch fieldset {width: 100%; float: none; top: 0}
	.boxedsearch {height: auto;}
	.loc_list {width: 100%; float: none; margin-bottom: 0px;}
	.legend { top: -20px; margin: 0; padding-top: 1px}
}

@media only screen and (max-width: 710px) {
	header { height: 191px;width: 100%;  }
	a.homelink{ top: 10px; left: 20px;width: 50%}
	.toplinks {top: 153px; position: absolute; right: 0px; text-align: center; }
	.toplinks a, .toplinks a:visited { margin: 0 7px;}
	.grey { height: 40px; border-top: solid 2px white;  border-bottom: solid 2px white;top: 111px; top: 151px; }
	.pale {top: 75px; background-color: #009096; height: 36px;}
	.col4 {width: 48%; margin: 0 1% 10px 1%; }
	.picbox {display: none;}
	.textbox {width: 100%; height: auto;}
	.liner{padding-right: 0;}
	.sitemap{ background-color: #009096; border-top: solid 2px white; border-bottom: solid 2px white; padding: 5px 10px;}
	.contact_foot {display: block; width: 100%; position: relative; float: right; text-align: center; }
	.contact_foot a, .contact_foot a:visited {width: 16%; display: inline-block; height: auto;  font-size: 24px;  color: white; }
	.images {float: none; margin: 0 auto; text-align: center; width: auto;}
	.images img {margin: 0 5px;}
	.text{float: none; padding: 10px 0; width: 100%; text-align: center;}
}

@media only screen and (max-width: 620px) {
	a.phoney, a.phoney:visited {position: absolute; top: -140px; right: 0px; color: #333; font-size: 18px; }
	.toplinks {text-align: center; width: 100%;}
}

@media only screen and (max-width: 600px) {
	.col4, .col3, .col2 {width: 96%; margin: 0 2% 10px 2%; }
	a.bannerbgR {width: 100%; height: 0; padding-top: 58%; display: block; margin: 0 auto 20px auto; background-position: center top;-webkit-box-shadow: 5px 5px 5px 0 rgba(0,0,0,.25); box-shadow: 5px 5px 5px 0 rgba(0,0,0,.25); background-size: 100% auto;}
	a.bannerbg {display: none;}
	.intbanner {display: none;}
	.intbannerM {display: block; width: 100%; height: 0; padding: 0 0 58.33% 0; background-size: 100% auto;background-position: center center; margin: 2px 0 20px 0;}
	.blogimage{width: 100%;  padding-bottom: 50%; margin: 10px 0;}
}

@media only screen and (max-width: 540px) {
	a.homelink {top: 20px}
	header { height: 327px;  }
	.toplinks {top: 199px; }
	.grey { height: 130px; top: 197px; padding: 0}
	a.phoney, a.phoney:visited {position: absolute; top: -195px; right: 20px; color: #333 !important; font-size: 18px; border: 0;}
	.toplinks {padding: 0; line-height: 1.5; height: auto; width: 100%; border: 0; background-color: #717174;}
	.toplinks a, .toplinks a:visited {display: block; border-bottom: solid 2px white; padding: 5px 0; color: #F7A11A;  margin: 0px; font-size: 14px;}
	.toplinks a:nth-child(9), .toplinks a:nth-child(9):visited {border: 0}
	.toplinks .pipe {display: none;}
	.intbannerM {margin: 36px 0 20px 0;}
	div.spacer{display:block; height: 80px;}

}


@media only screen and (max-width: 500px) {
	.taft_label-wrapper, .taft_formElement-wrapper {width: 100%; min-height: auto;}
	.taft_formElement-wrapper {margin-bottom: 10px;}
	.mobi {display: block;}
	.full {display: none;}
	.sideslider table {width: 510px; }
	.sideslider { overflow: scroll;overflow-y: hidden; -ms-overflow-y: hidden;}
	header { height: 242px; width: 100%; }
	.grey { height: 130px; padding: 0}
	a.phoney, a.phoney:visited {display: inline-block; border: 0; padding: 0; right: 2%; color: #333; font-size: 16px;}
	a.homelink {left: 2%; top: 20px}
	.intbannerM {margin: 116px 0 20px 0;}
}
/*
@media only screen and (max-width: 450px) {
	a.homelink{ width: 66%; top: 10px;}
	a.phoney, a.phoney:visited { top: -110px; }
}
*/
@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;}
	a.homelink{top: 20px;}
	div#KJECalculatorScreenSize {position: relative; left: -15px;}
	FORM.webform textarea {width:164px; padding: 0;  margin: 0;}
	FORM.webform input, form table#cms_switchkit_table input{max-width: 100px; }
	FORM.webform TR TD {width: 100px; }
	.images img:first-child {width: 100%; max-width: 346px;}
}