@media only screen and (max-width: 1860px) {
	.testimimg{ background-position: left center;  }
}
@media only screen and (max-width: 1600px) {
	.imgr{width: 60%; background-size: cover; background-position:  100px center}
}
@media only screen and (max-width: 1450px) {
	.greenvid .cms_external_video_responsive_container {height: 0; padding-bottom: 56.25%;padding-top: 30px;}
	.greentext2{width: 40%;}
}

@media only screen and (max-width: 1300px) {
	.imgr{width: 70%;  }
	.intbanner { height: 0; padding: 0 0 38% 0 ; }
}

@media only screen and (max-width: 1230px) {
	.greentext{ width: 33%;  padding: 0;}
	.greentext2{width: 50%;}
	.greenvid {width: 50%}
	a.homelink{ left: calc(36px - 2%); }
}


@media only screen and (max-width: 1190px) {
	.testimimg{background-position: -50px center;  }
}

@media only screen and (max-width: 1140px) {
	.ctas{right: 50px; bottom: 25px}
	nav.pushmenu .ctas {display: block; position: static;}

}


@media only screen and (max-width: 1060px) {
	section.testim{border:none}
	article.testimtxt, .testimimg{border-top: solid 2px silver; border-bottom: solid 2px silver; }
	/*.greentext2{width: 25%;}*/

}

@media only screen and (max-width: 1050px) {
	.testimimg{ background-position: -100px center;  }
}


@media only screen and (max-width: 1000px) {
	.cms_form_radio_container {width: 33%; position: relative; float: left;}
	header {position: relative; }
	body {padding: 0;}
	.col23 {width: 100%; float: none; padding: 20px 20px 40px 20px; border-bottom: solid 1px white;  }
	footer .col3, .footnote {width: 100%; float: none; border: none; padding: 0 20px }
	.addr, .bottomlinks {width: 50%; padding: 20px 0; position: relative; float: left; margin: 0; }
	.anchorite:before {height: 0;margin-top: 0;}
	.peeppic { width: 25%;}
	.peeptext {width: 75%}
	.imgr{padding-left: 2% }
	.textr{padding-right: 2%}


	div.greenimg, a.greenimg  { width:100%; position: relative;  height: 0; padding-bottom: 75%; display: block; clear: both; width: 100%; background-size: cover}
	/*a.greenimg { width:100%; position: relative;  height: auto; display: block; clear: both; width: 100%;}
	a.greenimg div { display: block; clear: both; text-align: center; width: 100%; padding: 20px;}*/
	section.green, section.green .liner, section.white2, section.white2 .liner {height: auto;}
	.greentext, .greentext2{padding: 20px 0; width:100%; position: relative; height: auto; display: block; }
	.greencell, .greencell2 {display: block; height: auto;}

	.greenvid{position: relative; width: 100%; height: auto; display: block; }
	.greenvid video {height: auto;}
	.greenvid .video_wrapper {display: block; width: 100%; position: relative; top: -20px; margin-bottom: -20px;height: 0; padding-bottom: 66%;}
	.greenvid .cms_external_video_responsive_container {padding-top: 0px;  top: 0;max-width: initial;max-height: initial; }
	.greenvid .cms_external_video_responsive_container iframe {max-width: initial; max-height: initial; height: 100% }


	section.testim, section.testim .liner, .testimcell{height: auto; display: block; }
	article.testimtxt{border: none; position: relative; width: 100%; padding: 20px;border-top: solid 2px silver;height: auto;}
	.testimimg{display: none;}
	.realimg {display: block;}
	.realimg img {width: 100%;}

	article.blogpage {width: 66%;}
	aside.blogpage { width: 32%;  }
	.alert { padding: 0 0 0 60px ; }
}

@media only screen and (max-width: 1080px) {
	.ctas{position: absolute; right: 100px; }
	.ctas a{ padding-top: 10px; font-size: 24px; height: 44px; }
	.toplinks {right:0;}
	.toplinks a, .toplinks a:visited, .toplinks .notalink  {margin: 0; margin-left: 20px; }


}

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

	section.silver .col3 { height: 600px;  }
	section.silver .liner .col3 { height: auto;  }
	table.breaking{border-collapse: collapse; max-width: 250px}
	table.breaking tr, table.breaking td {display: block;}
	table.breaking td {border: none; border-bottom: 1px solid #E7E9EA; position: relative; padding: 10px; white-space: normal; }

	header .toplinks {width: calc(100% - 300px);}
}

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

	section.white, section.white.int, section.white article{ height: auto;}

	section.white.int {padding-bottom: 75%;}

	section.silver .col3 { width: 32%; max-width: 360px; margin: 0 .667%}

	section.qlint, section.ql{ padding: 20px 0;}
	table tr td {padding:10px 15px;}
	section.white article {display: block}
	.imgr, .textr{width: 100%; padding: 0; }
}

@media only screen and (max-width: 780px) {
	.swoosh { background-image: url(../images/swooshT.png); height: 119px;}
}

@media only screen and (max-width: 700px) {
	.col4 {width: 50%; padding: 0 1% 10px 1%; }
	section.silver .col3 { width: 100%; max-width: 360px; float: none; margin: 10px auto;height: auto; padding-bottom: 40px;  }
	article.blogpage, aside.blogpage { width: 100%; float: none; margin-bottom: 20px; }
	.content_rates_table, .table_builder {border-collapse: collapse;}
	.content_rates_table, .content_rates_table_effectivedate, .content_rates_table_title, .content_rates_table_row_highlight, .content_rates_table thead, .content_rates_table tbody, .content_rates_table_fields, .content_rates_table_row1, .content_rates_table_row2, .content_rates_table tr, .table_builder, .table_builder thead, .table_builder tbody, .table_builder_header_row, .table_builder_cell, .table_builder_row_even, .table_builder_row_odd{display: block;}
	.content_rates_table_fields_row, .table_builder_header_row {position: absolute; top: -9999px; left: -9999px; }
	.content_rates_table_row1, .content_rates_table_row2, .table_builder td  {border: none; border-bottom: 1px solid #E7E9EA; position: relative; padding: 0 0 20px 50%; white-space: normal; text-align:left; }
	.content_rates_table_row1:before, .content_rates_table_row2:before, .table_builder td:before {position: absolute;	top: 10px; left: 6px; width: 45%; padding-right: 10px; /*white-space: nowrap;*/ text-align:left; font-weight: bold; content: attr(data-title);}
	.content_rates_table td.content_rates_table_title, .content_rates_table td.content_rates_table_effectivedate {padding: 10px 0; border: 0}
	.content_rates_table_row2.widecell, .content_rates_table_row1.widecell{padding: 10px 5px;}
	header .toplinks {display: none;}
	.pushmenu .toplinks  {display: block; text-align: left; position: static; margin-bottom: 140px;}
	.pushmenu .toplinks a, .pushmenu .toplinks .notalink{display: block !important; margin-top: 10px;}
	header .ctas {display: none;}
	nav.pushmenu .ctas {display: block; position: static;}


}

@media only screen and (max-width: 600px) {
	.col4, .col3, .col2 {width: 100%; padding: 0 2% 10px 2%; }
	.addr, .bottomlinks {width: 100%; padding: 0 2% 10px 2%; float: none; }
	footer .col3 {padding: 20px }
	.peeppic {width: 34%;}
	.peeptext {width: 66%}



}


@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%; }
	section.qlint a, section.qlint a:visited{display: block; width: 100%; height: 40px; color: white; padding: 7px 0; text-align: left; background-color: #0F8093; border-radius: 5px; margin-bottom: 1px;}
	section.qlint a span.fa, section.qlint a:hover span.fa, section.qlint a:focus span.fa {color: white; font-size: 22px; display: inline; padding: 0 10px 0 30px; position: relative; top: 3px}
	section.qlint a:hover, section.qlint a:focus{color: white; background-color: #202657;}
	section.qlint a br {display: none;}
	section.qlint .liner.eh {display: none; }
	section.qlint .liner.bee {display: block; line-height: 1;}
	section.qlint .liner.bee a{ padding: 10px 10px 0 0; height: 50px; font-size: 16px}
	section.qlint .liner.bee img {padding: 0 10px 0 30px; position: relative; top: -1px}

	section.ql a, section.ql a:visited{display: block; width: 100%; height: 40px; color: white; padding: 7px 0; text-align: left; background-color: #0F8093; border-radius: 5px;  margin: 0 0 1px 0}
	section.ql a:hover, section.ql a:focus{color: white; background-color: #202657;}
	section.ql a br {display: none;}
	section.ql .liner.eh {display: none;}
	section.ql .liner.bee {display: block; line-height: 1;}
	section.ql .liner.bee a{ padding: 10px 10px 0 0; height: 50px; font-size: 16px}
	section.ql .liner.bee img {padding: 0 10px 0 30px; position: relative; top: -1px}
	section.white.int {padding-bottom: 100%;}

	a.homelink, a.homelink img{height: 126px; }

}

@media only screen and (max-width: 460px) {
	.imgr{ height: 220px; padding-bottom: 0}
	.peeppic {width: 100%; padding: 0}
	.peeptext {width: 100%; padding: 10px 0 20px 0}
	.int .imgr{ padding-bottom: 33%; height: 0}


}

@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; }
	section.white.int {padding-bottom: 125%;}
	section.ql .liner.bee img {padding: 0 10px; }
	a.homelink{ left: 10px; top: calc(50% * .225); width: 50%; height: 126px;}
	a.homelink img{height: 126px;max-height: calc(100% - (50% * .225))}
	header, header .liner {height: 0; padding-bottom: 36%;}
	section.qlint .liner.bee img {padding: 0 10px;}

}

/*
@media only screen and (max-width: 350px) {
	a.homelink {width: 63%;}
}
*/