<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">	@media only screen and (max-width: 1200px) {
		.intB{ width: 96%; left: 2%; margin: 0; }
	}

/*XL*/
@media only screen and (max-width: 1220px) {
	section.icons .liner{ max-width: 600px}

}


	@media only screen and (max-width: 1000px) {
		.cms_form_radio_container {width: 33%; position: relative; float: left;}
		.anchorite:before {height: 0;margin-top: 0;}
		section.intbanner, .intB { height: 0; padding-bottom: 45%;}
		.intBtext {width: 100%; bottom: 100px; }
	}

/*M*/
@media only screen and (max-width: 991px) {
	.toplinks { right: 272px; }
	.toplinks a, .toplinks a:visited  { margin-left: 10px;}
	#sitesearch {right: 218px;}
	.sitesearch {right: 264px; width:calc(100% - 300px - 250px) ; }

	h1, .blog_title, .content_blog_header, .category_name, .podcast_list_header, .blog_year{font-size: 32px}
	h2, .code_block h1, .content_rates_category1, .faq_header, .faq_question, .comments_section_header, .pod_episode_header, #KJETitle, .forum_thread_category, .Category_Header_Text, .content_faq_header, .content_calendar_header, .cms_form_header{font-size: 24px}
	h3, .content_rates_table_title, .region_faq_header, .comment_title, .forum_thread_firstpost_replies, .forum_reply_bottom, .branch_name{font-size:22px }
	h4, .forum_thread_date, .forum_mischeader_title {font-size: 21px}


}


	@media only screen and (max-width: 860px) {
		.listcol1 div.listbox:last-child {border-bottom: solid 1px gray;}
	}


	@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;}
		.intBtext { bottom: 50px; }

	}

/*S*/
@media only screen and  (max-width: 800px) {
	header .liner { height: 140px; }
	a[name]{ top: -140px;}
	a.homelink{ top: 30px;  }

	.toplinks{top: 14px; right: 54px}

	#sitesearch {right: 0;  top: 14px;}
	.sitesearch {right: 46px;  top: 14px; width:calc(100% - 260px - 46px) ; }

}

/*S*/
@media only screen and  (max-width: 767px) {
	h1, .blog_title, .content_blog_header, .category_name, .podcast_list_header, .blog_year{font-size:28px}
	body, input, select, textarea, button, .CHbox a, .CHA, .cardbennies{font-size: 16px;}

	section.promos{padding: 60px 30px;  max-height: auto; height: auto; background: none;}
	section.promos div.code_block_center{display: block; }
	section.promos div.code_block_box{margin: 30px 0;max-width: 100%; background-color: transparent; position: relative; height:213px;}

	section.promos div.code_block_indiv_content{background: url(../images/promo_mobile.png) left center no-repeat; height:213px; width: 330px; padding: 25px 25px 25px 60px; top: 0; margin-bottom: 0; position: absolute; top: 0; right: 0; text-align: left;}
	
	section.promos div.code_block_indiv_image{ display: flex; align-items: center; position: absolute; top: 0; left: 0; width: calc(100% - 280px);height:213px; overflow: hidden;}
	section.promos div.code_block_indiv_image img{width: 100%}
	
	section.promos div.code_block_box:nth-child(2) div.code_block_indiv_content{background: url(../images/promo_mobileR.png) right center no-repeat;  padding: 15px 60px 15px 25px; right: auto; left: 0;}
	section.promos div.code_block_box:nth-child(2) div.code_block_indiv_image{left: auto; right: 0;}

	footer {padding: 0 15px;}

}


	@media only screen and (max-width: 700px) {
		.col4 {width: 50%; padding: 0 1% 10px 1%; }
		.col4, .col3, .col2, .col23 {width: 100%; padding: 0 2% 10px 2%; }
		.socmed, .bottomlinks {text-align: center;}

		.pic, .txt, .newsbox.box2 .pic, .newsbox.box2 .txt {float: none; width: 100%}
		.txt {padding: 20px;}
		.newsbox {height: auto;}
		.pic {height: 0; padding-bottom: 63.71%; background-size: cover;}


	}


/*XS*/
@media only screen and  (max-width: 575px) {
	header { padding: 0;}
	header .liner {height: 159px; width: 100%}
	header.stuck {position: relative; }
	a[name]{ top: -159px;}
	a.homelink{width: 100%; height: 93px; top: 0;  background-color:#eaeff9 }
	a.homelink img {width: 206px; top: 10px; left: 14px; position: absolute; }
	.toplinks{ top: 103px;right: 69px}
	.toplinks a, .toplinks a:visited  { margin-left: 3px;}

	#sitesearch {right: 14px; top: 103px;}
	.sitesearch {right: 60px; top: 103px;; width:calc(100% - 160px - 70px); }

	h1, .blog_title, .content_blog_header, .category_name, .podcast_list_header, .blog_year{font-size:25px}

	section.home{background-color: #e6ebf5; padding: 30px 15px; }

	section.icons{padding: 20px; }
	section.icons .liner{ max-width:400px}

	section.promos{ padding: 40px 15px;  max-height: auto; height: auto}
	section.promos div.code_block_box{ margin: 20px auto; border-bottom: solid 1px white;  max-width: 345px; max-height: auto; height: auto;  position: static; background-color: #9A061A}
	section.promos div.code_block_indiv_content, section.promos div.code_block_box:nth-child(2) div.code_block_indiv_content{ background: url(../images/promo_desktop.png) center top no-repeat;  height: auto; width: 100%; padding: 60px 15px 15px 15px; top: -40px; margin-bottom: -40px; position: relative;}
	section.promos div.code_block_indiv_image{display: block;position: relative;width:100%; height:213px; overflow: hidden;}
	section.promos div.code_block_indiv_image img{width: 100%}
	section.inside{padding: 0 15px;}
}


	@media only screen and (max-width: 540px) {
		.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%; }
	}

	@media only screen and (max-width: 500px) {
		.intBtext { bottom: 20px;  font-size: 18px; font-weight: 400;}
		.intBtext a.cta { margin-top: 10px;}
		.cms_form_label {width: 98%;   margin: 0 ;}
		.cms_form_object {width: 98%; }
	}

@media only screen and  (max-width: 500px) {
	a[name]{ top: 0;}
}



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

	}

	@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{ 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; }
		nav.pc {position: absolute; top: 0px; text-align: left; height: 100%; overflow: auto}
		nav.pc a, nav.pc a:visited {display: block; }
		nav.pc a br{display: none;}
		nav.pc a img{width: 25px; position: relative; top: 5px; margin: 0 10px;}
		nav.pc button {display: block; width: 100%; text-align: right; color: white; background: transparent; border: none; font-size: 20px; padding-top: 20px;}
	}

/* XXS */
@media only screen and (max-width: 400px) {
	a.homelink img { left: 10px; top: 5px; width: 175px;}
	.toplinks{ right: auto; left: 10px; top: 80px; width: calc(75% - 20px); display: flex; justify-content: space-between;}
	a.homelink{ height: 75px; }
	header .liner {height: 170px; width: 100%}

	#sitesearch {right: 10px; top: 80px;}
	.sitesearch {right: 56px; top: 80px; width:calc(100% - 60px); }
	section.icons .liner{ display:block; text-align: center;}
	section.icons a{  margin: 10px auto;}


}




</pre></body></html>