@media only screen and (max-width: 1230px) {
	.intthetext {left: 2%; margin-left: 0;}
	section.intbanner .Bheader {font-size: 6vw;}
	.inttextholder, .intthetext  {height: auto;}
}

@media only screen and (max-width: 1020px) {
	#apply, .apply{right: auto; left: 0px;}
}

@media only screen and (max-width: 1000px) {
	.cms_form_radio_container {width: 33%; position: relative; float: left;}
}

@media only screen and (max-width: 900px) {
	section.intbanner {height: 0; padding: 0 0 77.22% 0;}
	.seal {width: 300px; top: 0px;}

}

@media only screen and (max-width: 800px) {
	.taft_label-wrapper {width: 33%;}
	.taft_formElement-wrapper {width: 66%;}
	.cms_form_radio_container {width: 50%; position: relative; float: left;}
	.toplinks { bottom: auto; top: 20px; right: 0; color: white; width: 66%}
	.bottomlinks, .footnote, .addr, .socmed {width: 100%; float: none;}
	.bottomlinks, .addr, .socmed {text-align: center;}
	section.intbanner {height: 0; padding: 0 0 50% 0;}
	section.P.top { padding: 40px 0}
	h1, .blog_title, .content_blog_header, .category_name, .podcast_list_header, .blog_year {font-size: 5vw; }
	.inttextholder{bottom: 0}
	.intthetext {padding: 10px}
	.placeholder {width: 100%; height: 80px;}
	/*#apply{ height: 24px;  }*/



}

@media only screen and (max-width: 700px) {
	.col4 {width: 50%; padding: 0 1% 10px 1%; }
	.icons a, .icons a:visited, .AO { min-width: initial; padding: 0 10px 10px 10px; width: 33%}
	.icons a img, .AO img {width: 100%;}
	a.AOlink, a.AOlink:visited {width: 100% ;padding: 5px 0;}
	section.home article#maincontent {display: none;}
	.seal2 {display:block;}
	.seal2 img {width: 100%; max-width: 365px; text-align: center;}
	.regionbox, .code_block, .bannerbox { width: 100%; padding: 10px 0;  float: none; border: none;}

}

@media only screen and (max-width: 600px) {
	.col4, .col3, .col2 {width: 100%; padding: 0 2% 10px 2%; }
	header .liner {width: 100%;}
	a.homelink {left: 2%;}
	.toplinks { right: 2%; width: 50%}
	h2 {font-size: 7vw;}
	.applyagain  {top: 180px; }
	section.P.top { padding: 20px 0}

}

@media only screen and (max-width: 550px) {
	.applyagain  {top: 160px; }
	.placeholder {width: 100%; height: 100px;}
}

@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;}
	.footnote {text-align: center;}
	.footnote span {width: 100%; display: block; clear: both;}
	.footnote img {margin: 10px; float: none;}
	.footnote br {display: none;}
	.sideslider table {width: 510px; }
	.sideslider { overflow: scroll;overflow-y: hidden; -ms-overflow-y: hidden;}
	.cms_form_label {width: 98%;   margin: 0 ;}
	.cms_form_object {width: 98%; }
	.toplinks {display: none;}
	a.phone {display: block; position: absolute; top: 20px; right: 2%; color: white; font-size: 20px;}
	.tl {display: block; position: absolute; bottom: 15px; right: 140px; }
	.tl a {width: 30px; height: 30px; border: solid 1px white; border-radius: 4px; color: white; font-size: 20px;display: block; padding-top: 3px;}
	.icons a, .icons a:visited, .AO { padding: 0 20px 10px 20px; width: 100%; border-bottom: solid 1px white; text-align: left; font-size: 16px; margin-bottom: -7px}
	.icons a img, .AO img {width: 50px;margin: 0 20px 0 0; position: relative; top: 7px}
	.icons a br, .AO br {display: none;}
	section.P.top .liner {width: 100%;}
	.applyagain  {top: 58px; }
	h1, .blog_title, .content_blog_header, .category_name, .podcast_list_header, .blog_year {font-size: 28px; }
	section.intbanner .Bheader {font-size: 32px;}

}

@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, form table#cms_switchkit_table input{max-width: 100px; }
	FORM.webform TR TD {width: 100px; }
	.tl { right: 50px; }
	a.homelink {width: 50%;}
	header, header .liner{height: 0; padding-bottom: 33%; }
	h2 {font-size: 28px;}
}

@media only screen and (max-width: 360px) {
	section.intbanner {height: 275px;}
}