@media only screen and (max-width: 1190px) {
	.blubar section {left: 0; margin-left: 0;}
	.greenbar2 {display: none;}
	.footnote, .bottomlinks  {right: 2%; }
}

@media only screen and (max-width: 1110px) {
	article {width: 65%;}
	aside {width: 32%;}
}

@media only screen and (max-width: 975px) {
	.milestones .D{display: inline;}
	.milestones {background-color: #4c99d4; }
}

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

@media only screen and (max-width: 860px) {
	section.inside article, section.inside aside {width: 100%; float: none;}
}

@media only screen and (max-width: 800px) {
	.taft_label-wrapper {width: 33%;}
	.taft_formElement-wrapper {width: 66%;}
	.search { width: 115px; }
	.searchbox {width: 70px;}
	.footnote br {display: none;}
}

@media only screen and (max-width: 769px) {
	.milestones .D{display: none;}
	.milestones .T{display: inline;}
	.milestones {background-color: #70ab4b; }
}

@media only screen and (max-width: 760px) {
	aside.home {display: none;}
	article.home {width: 96%; margin: 0 auto; padding: 20px 0; float: none; height: auto;}
	.blubar {height: auto;}
	.blubar section {position: relative; left: 0;height: auto;}
	.footer {width: 96%;}
	.contact {width: 90%; border: none; border-bottom: solid 1px #999; padding: 0 20px 20px 100px; margin: 0 auto 20px auto; background-position: 50px top; }
	.bottomlinks, .footnote {width: 96%; text-align: center; margin: 10px auto;position: relative; top: 0; right: auto;}
}

@media only screen and (max-width: 700px) {
	.col4 {width: 48%; margin: 0 1% 10px 1%; }
	.search, .socmed {position: absolute; top: 57px; right: 55px;}
	.search {right: 90px;}
	.toplinks {top: 25px;}
}

@media only screen and (max-width: 599px) {
	.col4, .col3, .col2 {width: 96%; margin: 0 2% 10px 2%; }
	.toplinks a:nth-child(3) {display: none;}
}

@media only screen and (max-width: 550px) {
	.search, .socmed {display: none;}
}

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

@media only screen and (max-width: 480px) {
	.milestones .T{display: none;}
	.milestones .S{display: inline;}
	.milestones {background-color: red; }
	a.homelink {top: 30px; width: 75%;}
	.toplinks {width: 100%; top: 15px; font-size: 14px; text-align: center;}
	.contact {width: 96%; padding: 0 10px 10px 50px; margin: 0 auto 10px auto; background-position: 0px top; }
	.bottomlinks, .footnote {width: 100%; }
}

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

@media only screen and (max-width: 375px) {
	.milestones .S{display: none;}
	.milestones .I{display: inline;}
	.milestones {background-color: #f07418; }
}

@media only screen and (max-width: 320px) {
	.milestones .I{display: none;}
	.milestones .M{display: inline;}
	.milestones {background-color: fuchsia; }
}