@media only screen and (max-width: 1730px) {
	.tealbar {width: 75%;}
	.tealbar2 {width: 25%; }
}

@media only screen and (max-width: 1660px) {
	.tealbar {width: 80%;}
	.tealbar2 {width: 20%; }
}

@media only screen and (max-width: 1040px) {
	.phone {display: none;}
	.whitebar {width: 80%;}
	.searchbttn {display: none;}

	.pennant {left: 0px;}
	article {left: 2%;width: 66%;}
	aside {right: 2%;}
	article.int {padding: 40px 20px 20px 20px;}
	article.int h1 {padding-left: 90px;}
	.pageicon {left: 20px;}

}


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

	.homebox {width: 90%; margin: 10px 0 30px 5%;}
	article.int {padding: 40px 0 20px 40px; line-height: 2;}
	article.int h1 {padding-left: 100px;}
	header {width: 96%;}

}
@media only screen and (max-width: 860px) {
	.homebox {padding-bottom: 40px;}
	a.more, a.more:visited { top: auto; bottom: 0; right: auto; left: 0; }
}



@media only screen and (max-width: 800px) {
	.taft_label-wrapper {width: 33%;}
	.taft_formElement-wrapper {width: 66%;}

}
@media only screen and (max-width: 760px) {
	article, aside, aside.home {width: 96%; float: none; margin: 0 2% 20px 2%; top: 0; right: 0; left: 0;}
	aside.int {width: 96%; float: none; margin: 0 2% 20px 2%; top: 0; right: 0; left: 0;}
	article.int {padding: 40px 4% 20px 4%; background-color: #f5f5f5; width: 100%; margin: 0 0 20px 0}
	section.inside {background: none; width: 100%;}
	.col4 {width: 48%; margin: 0 1% 10px 1%; }
	a.chat {display: none;}
	.pageicon { left: 2%;}
	.regionbox, .code_block_indiv_content {width: 100%; background: none #5DC451;  margin: 0 0 10px 0; padding: 20px;}
	.regionbox::before, .code_block_indiv_content::before {content: ''; background: none; height: 0; top: 0}
	.bannerbox::before {content: '';background: none; height: 0; top: 0;}
	.bannerbox { margin: 20px 0 10px 0; width: 100%; text-align:center; }
	.rateL {padding-left: 25%;}
	.rateR {padding-right: 25%;}
}


@media only screen and (max-width: 599px) {
	.col4, .col3, .col2 {width: 96%; margin: 0 2% 10px 2%; }
	.pennant {display: none;}
	.applier {display: block; width: 100%; height: auto; -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.4); box-shadow: 0 5px 5px 0 rgba(0,0,0,0.4); margin-bottom: 20px; padding: 20px 10px 5px 10px; font-weight: 700;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6e6e6+0,a9a9a9+100 */
		background: rgb(230,230,230); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(230,230,230,1) 0%, rgba(169,169,169,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(230,230,230,1)), color-stop(100%,rgba(169,169,169,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(230,230,230,1) 0%,rgba(169,169,169,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(230,230,230,1) 0%,rgba(169,169,169,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(230,230,230,1) 0%,rgba(169,169,169,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(230,230,230,1) 0%,rgba(169,169,169,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#a9a9a9',GradientType=0 ); /* IE6-9 */
	}
	.greybar {height: 10px; }
	.whitebar {top: 26px;}
	.tealbar {top: 26px; height: 86px;}
	.tealbar2 {top: 26px;}
	.homelink {top: 26px; left: 0px;}
	.homelink_client {top: 26px; }
	header {height: 115px;  }
}

@media only screen and (max-width: 560px) {
	.homelink_client {top: 20px; width: 100%;  padding: 0; }
	.homelink_client a:first-child, .homelink_client a:last-child {padding: 0 10px; right: 0; left: auto; position: relative;}
}

@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;}
	.rateL {padding-left: 10%;}
	.rateR {padding-right: 10%;}

}

@media only screen and (max-width: 479px) {
	header {width: 100%; height: 75px; }
	.tealbar {height: 55px; top: 26px;} 
	.tealbar2, .whitebar {display: none;}

	.breakit {display: inline;}
	.Tbox {height: 120px}
	.Tbox h1 { top: 90px; width: 100%; padding-left: 0px; text-align: center }
	.Tbox img { left: 50%; margin-left: -38px;}
	a.more{ left: 50%; margin-left: -50px;}

	.pageicon { left: 0; position: relative; width: 100%; text-align: center; top: 0}
	article.int {padding-top: 20px;}
	article.int h1 {margin: 10px 0; padding: 0; text-align: center;}
	.homelink {background: none white; width: 160px; top: 16px}
	.homelink img {width: 80%;}
	


}

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

	.rateL, .rateR {padding: 0;}


	.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; }
	.homelink_client a:first-child  img {width: 100px;}
	.homelink_client a:last-child  img {max-width: 160px; max-height: 55px}

}