@media only screen and (max-width: 1420px) {
	/*header.home {background-size: cover; background-position: center 25%;}*/
	.whttext {padding-top: 40px;}

}
@media only screen and (max-width: 1040px) {
	.blurb {position: relative; float: left; width: 40%;}
	.ratebox {width: 18%; margin-left: 2%; }
	a.bttnlike, a.bttnlike:visited, a.bttnlike:hover {width: 150px; top: 10px; clear: both;}
	section.prpl .liner {position: absolute; top: 0px; left: 0; margin-left: 0;}
	.contenttext {width: 60%;}
	h1, .blog_title, .content_blog_header, .category_name, .podcast_list_header { font-size: 42px; font-size: 5vw;}
	h2, .content_rates_category1, .faq_header, .faq_question, .comments_section_header, .pod_episode_header, #KJETitle  {font-size: 38px; font-size: 4vw;}
	h3, .content_rates_table_title, .region_faq_header, .comment_title {font-size: 36px;font-size: 3.5vw;}
	h4 {font-size: 32px;font-size: 3  }
	section.prpl .liner { left: 0; margin-left: 0px;}



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

	.text{width: 66%}
}


@media only screen and (max-width: 900px) {
	.toplinks { top: 20px; right: 0px;  }
	.toplinks a, .toplinks a:visited { margin: 0 10px;}

	.search {  top: 50px;}
	.photo {width: 45%; background-position: -650px top;}
	.whttext, .greytext {width: 55%; }
	.R1, .R2 {width: 50%;  padding: 40px; position: relative; float: left; left: 0;}
	.R3 {width: 100%;  position: relative; clear: both; right: auto; text-align: center;}
	.R3 img {width: 100%; height: auto;}

	section.prpl2 {height: auto;}
	.L, .R {width: 100%;  float: none; padding: 0 40px; }
	.L {margin-bottom: 20px;}

}

@media only screen and (max-width: 840px) {
	.contenttext {width: 55%;}
}

@media only screen and (max-width: 800px) {
	.taft_label-wrapper {width: 33%;}
	.taft_formElement-wrapper {width: 66%;}
	/*header.home {height: 0; padding-bottom: 75%;}*/
	.byebye {display: none;}
	.blurb {position: relative; float: left; width: 50%;}
	.ratebox {width: 23%; margin-left: 2%; }
	footer {padding: 40px 0;  }
}


@media only screen and (max-width: 760px) {
	.photo {display: none;}
	.whttext, .greytext, .contenttext {width: 100%; float: none; height: auto; position: relative; padding: 40px 2%;  right: 0; left: 0}
	section.prpl, section.prpl .liner, .whttext, section.white, .greytext, section.content {height: auto; position: relative; min-height: initial;}
	.contentimage {display: none;}
	article, aside {width: 100%; float: none; border: 0; }
	.homebox {width: 100%; float: none; border-left: 0}
}


@media only screen and (max-width: 700px) {
	.col4 {width: 48%; margin: 0 1% 10px 1%; }
	/*header.home {height: 480px; padding-bottom: 0;}*/
	.toplinks { top: 10px;width: 100%; text-align: center;}
	a.homelink{top: 50px;}
	.R1, .R2 {width: 100%; padding: 20px; }
	footer {padding: 20px 0;  }
	.text{width: 66%}
	.images img {height: 40px;}
	h1, .blog_title, .content_blog_header, .category_name, .podcast_list_header { font-size: 32px;font-size: 6vw; }

}

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

	section.green {padding: 20px 0 30px 0;}
	.blurb { width: 100%;}
	.blurb h1 {display: inline;}
	.aprnote {position: relative; float: right; top: 10px;}
	.ratebox {width: 48%; margin: 10px 1%; top: 0 }


}

@media only screen and (max-width: 599px) {
	.col4, .col3, .col2 {width: 96%; margin: 0 2% 10px 2%; }
/*.searchbttn {color: white; font-size: 18px; position: absolute; top: 5px; right: 10px; display: block; }
*/
	h2, .content_rates_category1, .faq_header, .faq_question, .comments_section_header, .pod_episode_header, #KJETitle  {font-size: 24px; font-size: 5vw;}
	h3, .content_rates_table_title, .region_faq_header, .comment_title {font-size: 22px;font-size: 4.5vw;}
	h4 {font-size: 30px;font-size: 3.5  }
	.tl2 {display: inline;}

	.search{top: 10px;}
	a.homelink{top: 40px;}
	header .socmed {display: none;}
	footer .socmed {display: block; position: relative; width: 100%; text-align: center; top: 0;}
	.socmed img {margin: 0 5px;}
	.toplinks  {top: 50px;width: 50%; text-align: right; right: 0;}
	.toplinks a, .toplinks a:visited {margin: 0; clear: both; display: block}


}

@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; width: 100%; text-align: center}
	.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;}
	.whttext { padding: 20px;}
	h1, .blog_title, .content_blog_header, .category_name, .podcast_list_header { font-size: 32px; }
	h2, .content_rates_category1, .faq_header, .faq_question, .comments_section_header, .pod_episode_header, #KJETitle  {font-size: 26px; }
	h3, .content_rates_table_title, .region_faq_header, .comment_title {font-size: 24px;}
	h4 {font-size: 20px }
}
	
@media only screen and (max-width: 479px) {
/*	.purplebar {height: 150px;}
	header.inside {height: 150px;}*/

	section.green {padding: 10px 0 20px 0;}
	.ratebox {width: 100%; margin: 10px 0;  }
	a.bttnlike {float: left;}


}

@media only screen and (max-width: 400px) {
	/*header.home {height: 370px; padding-bottom: 0; background-size: 110% auto; background-position: center 10%;}*/
	.search {width: 110px}
	.searchbox {width: 87px; }
	.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; }
	.aprnote { float: none; top:0; clear: both;}
}

@media only screen and (max-width: 350px) {
	.toplinks  {width: 120px;  }
	.toplinks a, .toplinks a:visited {clear: both; display: block;}
	a.homelink {width: 150px;}
	a.homelink img {width: 100%;}


	/*header.home {height: 370px; padding-bottom: 0; background-size: 130% auto; background-position: center 10%;}*/
}