/*L*/
@media only screen and (max-width: 1200px) {
	aside { padding: 60px;}
	aside div {max-width: 864px; }
	footer .liner {right: 30px; margin-right: 0}

	.inttextholder {width: 660px;  padding: 30px 30px 20px 30px; }
	.inttext {width: 100%;  float: none; }
	article {max-width: 864px; padding: 60px 15px;}
	section.pagename .liner, aside .liner {max-width: 864px; padding: 0 15px;}
	section.icons .liner {max-width: 834px;}


}

/*M*/
@media only screen and (max-width: 1000px) {
	aside { padding: 50px;}
	aside div {max-width: 700px; }
	.anchorite:before {height: 0;margin-top: 0;}
	h1 {font-size:40px; line-height:46px; }
	h2, .blog_title, .content_blog_header, .category_name, .podcast_list_header, .blog_year
	{font-size:36px; line-height:42px; }
	h3, .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, .content_article_header
	{font-size:30px; line-height:32px;}
	h4, .content_rates_table_title, .region_faq_header, .comment_title, .forum_thread_firstpost_replies, .forum_reply_bottom, .branch_name
	{font-size:24px; line-height:30px; }

	header, header .liner {height: 138px; padding: 0; position: relative;}
	header.stuck {position: relative; top: 0; left: 0;}
	.toplinks {text-align: center; width: 100%; position: absolute; bottom: auto; top: 0;  display: flex;border-left: solid 1px white;}
	.toplinks a, .toplinks a:visited { padding: 10px; border: solid 1px #ffffff; border-radius:  2px; margin: 0;flex: 1; border-left: 0; }

	a.homelink{left: 30px; bottom: 10px; }

	article {max-width: 720px; padding: 60px 30px}
	section.pagename .liner, aside .liner {max-width: 720px; padding: 0 30px;}
	section.intbanner { height: 250px;}


	section.icons{height: 160px;padding: 32px 0;}
	section.icons .liner {max-width:720px; }
	section.icons a, section.icons a:visited{font-size: 18px; line-height:20px; }



}

/*S*/
@media only screen and (max-width: 800px) {
	.boxedsearch fieldset {width: 100%; float: none; top: 0; margin-bottom: 0}
	.boxedsearch {height: auto;}
	.loc_list {width: 100%; float: none; margin-bottom: 0px;}
	.legend { top: -20px; margin: 0; padding-top: 1px}
	.mobi {display: block;}
	.full {display: none;}
	h1 {font-size:36px; line-height:42px; }
	h2, .blog_title, .content_blog_header, .category_name, .podcast_list_header, .blog_year{font-size:30px; line-height:36px; }
	h3, .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, .content_article_header	{font-size:26px; line-height:32px; }
	aside { padding: 50px 10px;}
	aside div {max-width: 540px; }

	article {max-width: 540px; padding: 40px 20px}
	section.pagename .liner, aside .liner {max-width: 540px; padding: 0 20px}
	.toplinks a:nth-child(3) {display: none;}
	section.icons{Height: 200px; padding: 50px 30px; margin-top: 20px; }



}

@media only screen and (max-width: 700px) {
	section.icons{Height: auto; padding: 20px 30px; background: none;}
	section.icons .liner {max-width: 100%; display: block}
	section.icons a, section.icons a:visited{font-size: 18px; line-height: 1; width: 100%; height: 50px; margin: 0 0 2px 0; border-radius: 2px; text-align: left; padding: 12px 30px;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6eceb2+0,115e67+100 */
		background: rgb(110,206,178); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(110,206,178,1) 0%, rgba(17,94,103,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(110,206,178,1) 0%,rgba(17,94,103,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(110,206,178,1) 0%,rgba(17,94,103,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6eceb2', endColorstr='#115e67',GradientType=0 ); /* IE6-9 */
	}
	section.icons a:hover, section.icons a:focus{text-shadow: 2px 2px 5px #000000; text-decoration: none;}
	section.icons .far, section.icons .fal, section.icons .fas, section.icons .fab{display: inline-block; margin: 0; width: 50px; font-size:  18px;}


}

/*XS*/
@media only screen and (max-width: 600px) {
	.cms_form_label {width: 100%;  float: none; margin: 0 1% 5px 0; }
	.cms_form_object {width: 100%;  float: none; margin: 1px 0}
	.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_cell  {border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; white-space: normal; text-align:left;}
	.content_rates_table_row1:before, .content_rates_table_row2:before, .table_builder_cell: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);}
	.legend {text-align: left;padding-right: 20px;}
	.legend_label .fas, .legend_label .far, .legend_label .fa { padding: 0 5px 0 0px;}
	h1 {font-size:30px; line-height:34px;  }
	h2, .blog_title, .content_blog_header, .category_name, .podcast_list_header, .blog_year{font-size:28px; line-height:34px; }
	h3, .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, .content_article_header{font-size:24px; line-height:30px;}
	header, header .liner {height: 98px;}
	a.homelink{left: 20px; bottom: 2px; height: 56px; width: 230px  }
	a.homelink .Ltag{display: none;}
	a.homelink .Lname{width: 150px;}
	aside { padding: 40px 10px;}
	aside div {max-width: 280px; }

	footer .liner {width: 100%; right: 0;border-right: solid 1px white; padding-right: 20px;}
	.addr{ padding-right: 0; border: none; float: none; width: 100%}
	.BL2 {display: none;}
	.BL1 {display: block;}
	.bottomlinks { text-align: right;  width: 100%; padding: 0; float: none; margin-bottom: 20px;}
	.bottomlinks a{display: inline; margin-bottom: 0}
	.bottomlinks .pipe {display: inline;}
	.bottomlinks .pipe:last-child {display: none;}
	section.intbanner { height: 200px;}


}

@media only screen and (max-width: 500px) {
	.sideslider table {width: 510px; }
	.sideslider { overflow: scroll;overflow-y: hidden; -ms-overflow-y: hidden;}
	.toplinks a:first-child {flex: 2;}
	section.icons{padding: 20px 0;}
	section.icons .liner {padding: 0;}
	section.icons a, section.icons a:visited{ border-radius: 0;}


}

@media only screen and (max-width: 400px) {
	div#KJECalculatorScreenSize {position: relative; left: -15px;}
	a.homelink{left: 10px; bottom: 5px; height: 50px; width: 220px  }
	a.homelink .Ltag{display: none;}
	a.homelink .Lname{width: 150px;}
	section.intbanner { height: 150px;}



}