@media only screen and (max-width: 1000px) {
	.col4 {width: 48%; margin: 0 1% 10px 1%; }
	.pro {display: none;}
	section.home aside {margin-left: 2%; border: solid 0px blue}
}

@media only screen and (max-width: 940px) {
	.TL2 {display: inline; z-index: 101; position: relative; }
	.TL1 {display: none;}
}

@media only screen and (max-width: 900px) {
	article.inside {width: 66%;}
	section.inside aside { width: 33%; }

}

@media only screen and (max-width: 860px) {
	.col3 {width: 48%; margin: 0 1% 10px 1%; }
}

@media only screen and (max-width: 800px) {
	.taft_label-wrapper {width: 33%;}
	.taft_formElement-wrapper {width: 66%;}
	.bottomlinks, .footnote {width: 100%;}
	.homebox {width: 50%; padding: 0px 20px 20px 20px;  }
	article.home div.homebox:nth-child(4) {clear: left;}
	.homebox h1 br {display: none;}
	section.home aside {margin: 0 auto; float: none; width: 96%; max-width: 320px}
	section.home {min-height: initial;}
	.yellow {z-index: 101; border-top: solid 1px #ffffef}
	.powder { font-size: 9vw; }


}


@media only screen and (max-width: 760px) {
	header, .headerbar { z-index: 500}
	.search {top: 127px; right: auto; left: 0px; display: block; z-index: 500}
	.TL2 {display: none;}
	.TL3 {display: inline-block; position: absolute; top: 143px; right: 60px; z-index: 101; }
	.TL3 .fa, .TL3 img {font-size: 26px; color: white; margin: 0 10px}
	.TL3 img {position: relative; top: 3px;}
	.router {width: 240px; top: 10px; }
	.router a {margin-bottom: 5px;}
	/*.willbeyellow {background-color: #FFFFEF; width: 100%; padding: 20px 0 0 0;}*/
	article.inside, section.inside aside { width: 100%;  padding: 10px 20px;}
	.col4 {width: 23%; margin: 0 1%; }
	.col3 {width: 31%; margin: 0 1%; }
	.buttons { top: 160PX; right: 0; width: 100%;}
	.buttons a{ margin: 0 5px; }
}

@media only screen and (max-width: 720px) {
	.col4 {width: 48%; margin: 0 1% 10px 1%; }
	.goL, .goR {float: none; margin: 10px auto; width: 100%;}

}

@media only screen and (max-width: 600px) {
	#contentwrapper {background-position: center 220px;  }
	.bottomlinks, .footnote, .images, .text, .addr {width: 100%; text-align: center; float: none; margin-bottom: 10px; clear: both;}
	.images img {margin: 0 5px;}

	.homebox {width: 100%; padding: 10px 20px; float: none;  }
	.col3 {width: 48%; margin: 0 1% 10px 1%; }

}

@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;}
	.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;}
	.router {top: 110px; width: 100%; text-align: center;}
	.router a {margin: 0 5px;}
	.routnumber {display: none;}
	a.homelink {width: 100%; text-align: center; top: -10px}
	/*header {height: 150px;}
	.TL3 { right: 55px;top: 175px}*/
	.TL3 .fa, .TL3 img { margin: 0 5px}
	.search {top: 120px;/*top: 159px;*/ width: 135px; }
	.searchbox {width: 100px;}
	.powder { font-size: 42px; }

	.buttons { top: 154PX;}
	.buttons a{ margin: 2px 5px; padding: 5px; width: 160px;}
	header { height: 110px;}
	.TL3 { right: 55px;top: 135px;}





}

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


form table#cms_switchkit_table input

	.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, form table#cms_switchkit_table input{max-width: 100px; }
	FORM.webform TR TD, table#cms_switchkit_table td {width: 100px; }
	.col4, .col3, .col2 {width: 96%; margin: 0 2% 10px 2%; }

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

	header {height: 180px;}
	.search {top: 189px;}
	.TL3 { top: 205px}


}