@media only screen and (max-width: 1260px) {
	.TL{right: 30px; margin-right: 0; }
	.shaded{ padding: 0 30px;}
	aside { padding: 30px;}

	a.homelink {width: 340px; height: 66px;}
	.headertop{ height: 86px; }
	header {height: 138px;}
	.shaded{height: 412px;}
	.toplinks {top: 13px; width: 63%}
	.toplinks a, .toplinks button {padding: 10px; }
	.toplinks img, .toplinks .fal {left: 10px; }
	header.stuck {height: 118px; }
	header.stuck a.homelink{top: 0; width: 340px; height: 66px; }
	header.stuck .headertop{ height: 66px; }
	header.stuck .toplinks { top: 3px; }
}


/*M*/
@media only screen and (max-width: 1000px) {
	.anchorite:before {height: 0;margin-top: 0;}

	a.homelink {Width: 365px; Height: 72px;}
	.headertop{height: 92px; }
	header {height: 144px;}

	header.stuck {height: 124px; }
	header.stuck .headertop{ height: 72px; }
	header.stuck .toplinks { top: 6px; }
	.toplinks a:nth-child(2), .toplinks a:nth-child(3)  {display: none}
	.toplinks {top: 16px; width: 330px}
	.socmed{WIDTH: 40%;}
	.signup{WIDTH: 60%; float: right; clear: none;}
	.lmcu{display: none;}
	.bottomlinks, .footnote{width: 100%; text-align: left; clear: both;}
	.shaded {display: block; padding: 0;height: 412px;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0+45,0.5+60,0.5+100 */
		background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 45%, rgba(0,0,0,0.5) 60%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 45%,rgba(0,0,0,0.5) 60%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 45%,rgba(0,0,0,0.5) 60%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
	}
	.shaded h1 {position: absolute; bottom: 30px; left: 30px;}
	aside {display: block;}
	.regionbox, .code_block, .bannerbox {width: 100%; padding: 30px; border: none; border-top: solid 2px #262262;}

	.TL{display: none;}
	.TLm{width: 130px;display: flex; justify-content: space-between; align-items: center; height: 52px; position: absolute; top: 0px; right: 30px; margin-right: 0; }
	.TLm a, .TLm a:visited {color: #e4e4e4; font-size: 18px;text-decoration: none;}
	.TLm a:hover, .TLm a:focus {color: white; text-decoration: none;}
	.TLm a .RLwords {display: none;}


}

/*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}
	table.styled th, .content_rates_table_fields, TR.table_builder_header_row {font-size: 18px; line-height: 24px; padding: 15px 10px}
	TR.table_builder_header_row .table_builder_cell {padding: 20px 15px;}
	table.styled td, .content_rates_table_row2, .content_rates_table_row1 {font-size: 16px; line-height: 22px; padding: 10px}
/* - Alert label goes above text; not next to*/
	section, .headertop {padding: 0 15px; }
	a.homelink{left: 0; width: calc(100% - 310px); height: auto; }
	header.stuck a.homelink{width: 304px; height: 60px; top: 5px;}
	.toplinks { width: 310px}
	footer {padding: 30px 15px; }
	.socmed{width: 100%;}
	.signup {width: 100%; padding-top: 20px;}
	.signup a.cta {position: relative; margin: 10px 0;}
	.signup br {display: inline;}
	section.intbanner {background-position: center bottom; height: 450px;}
	.shaded{height: 306px;}
	.regionbox, .code_block, .bannerbox {padding: 15px; }
	aside { padding: 15px;}
	.alert { padding: 60px 60px 20px 20px; }
}

@media only screen and (max-width: 800px) {
	.content_calendar_table {display: none}
	a.homelink, .headertop, .toplinks, nav.pc {position: relative; }
	a.homelink {width: 90%; height: auto; margin: 0 auto;top: 0; left: 0}
	.headertop {height: auto; padding-bottom: 10px;}
	header {height: auto; padding-bottom: 52px; position: relative}
	header.stuck {position: relative;}
	.toplinks {width: 100%; top: 0; justify-content: space-around; }
	.toplinks a {width: 165px;border: solid 0px fuchsia}
}

/*XS*/
@media only screen and (max-width: 600px) {
	.mobi {display: block;}
	.full {display: none;}
	.cms_form_label {width: 100%;  float: none; margin: 0 1% 5px 0; }
	.cms_form_object {width: 100%;  float: none; margin: 1px 0}

	.legend {text-align: left;}
	 H1 {font-size: 30px; line-height: 39px;}

	section.intbanner, .shaded{height: 400px;}
	.shaded{height: 400px;}
	.shaded h1 { bottom: 30px; left: 15px;}
	.regionbox, .code_block, .bannerbox {padding: 15px 0; }

/*************/
table.styled th, .content_rates_table_fields, TR.table_builder_header_row { padding: 10px 5px;  font-size: 18px; line-height: 24px; }
TR.table_builder_header_row .table_builder_cell {padding: 10px 5px;}
section.inside {padding: 0; }
/***************/
	div.signup a.cta {margin-left: 20px;/*width: 100%;*/clear: both; float: none;}
	.bottomlinks a{display: block;}
	.bottomlinks .pipe {display: none;}
	.toplinks a .UC {display: none;}
	.toplinks a .LC {position: relative; top: -10px;}
}

@media only screen and (max-width: 500px) {
	.sideslider table {width: 510px; }
	.sideslider { overflow: scroll;overflow-y: hidden; -ms-overflow-y: hidden;}
	/*****************
	.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; width: 100%; clear: both; border: solid 1px blue}
	.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; clear: both; display: block; width: 100%; border: solid 1px red}
	.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);}

***********/

}

@media only screen and (max-width: 400px) {
	div#KJECalculatorScreenSize {position: relative; left: -15px;}
	.toplinks a {width: 135px;}
}