/*L*/
@media only screen and (max-width: 1200px) {
	.aprnote { padding: 10px 30px; }
	aside div { width: calc(33.33% - 20px);  margin: 0 10px;}
	aside div h2 { font-size: 3vw; margin: 10px 0;}
}

/*L*/ /* moved from M */
@media only screen and (max-width: 1200px) {
	section.home {margin-bottom: 10px; padding: 0; max-width: 942px}
	section.home div { width: 33.333%; margin: 0 10px 0 0; }
	section.home div:nth-child(4) {border-radius: 0;margin: 0;}
	section.home div div {width: 100%; padding: 0; -webkit-box-shadow: none; box-shadow: none; background: none; margin: 0; border: solid 1px orange}
	article.news{display: none;}
	article.news#maincontent{display: block; width: calc(100% - 60px); margin: 0 auto; border-radius: 0 0 20px 20px;max-width: 942px}

}

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

	aside div {width: calc(50% - 20px);margin: 10px; padding: 15px 20px; }
	aside div:first-child {width: calc(100% - 20px); margin: 10px}
	aside div h2 { font-size: 36px; margin: 20px 0;}
	.toplinks a:hover .RLwords, .toplinks a:focus .RLwords{display:none;}
	.toplinks {top: 40px; text-align: center; position: absolute; top: 0; right: 0; background-color: #004A98; font-size: 22px; color: white; width: 100%; padding: 5px 20px; height: 38px; overflow: hidden; }
	.toplinks a, .toplinks a:visited  {  color: white;text-decoration: none;}
	.toplinks a:hover, .toplinks a:focus { color: #f9cb71;text-decoration: none;}
	a.homelink { top: 58px; left: 15px;}
	a.homelink img {width: 164px; height: 67px; }
	header{height: 220px; padding: 0; margin-bottom: 20px;}
	header .liner {height: 220px;}
	.buttons a, .buttons a:visited{ float: none; margin: 0 20px; display: inline-block;}
	.buttons {top: auto; bottom: 0; right: 0; width: 100%; background-color: #f8b531; text-align: center; padding: 10px}

}



@media only screen and (max-width: 900px) {
	.chatter{background: url(../images/chat3.png) no-repeat;margin: 0 5px}
	.chatter:hover {background: url(../images/chat4.png) no-repeat; width: 26px; }

}

/*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;}
	section {padding: 0 15px;}
	footer {padding: 15px;}

	table.styled th, .content_rates_table_fields, TR.table_builder_header_row .table_builder_cell, table.styled th, .content_rates_table_fields, TR.table_builder_header_row .table_builder_cell {font-size: 14px; line-height: 18px}
	section.home {width: calc(100% - 30px);}
	article.news#maincontent{ width: calc(100% - 30px);}
	.socmed, .tagline, .bottomlinks, .footnote {width: 100%; float: none; margin: 15px 0;  padding: 15px 0;text-align: center; position: relative; }
	.footnote {border-top: solid 1px black; text-align: left}
	article {width: calc(100% - 30px); }
	.aprnote { padding: 10px 20px; }
	.alert:before{content: ''; width: 0px;}
	.alert { padding: 20px 40px 20px 20px; }
	.scroller {display: BLOCK; text-align: center;}
	.legend_label {display: block;}
			header, header .liner {height: 370px;}
			.buttons a, .buttons a:visited{width: 100%; height: 40px; border-radius: 15px; padding: 10px 20px; float: none; margin: 5px 0}
	.bttn1{display: none;}
}


@media only screen and (max-width: 700px) {
	aside {display: block;}
	aside div, aside div:first-child {width: 100%; margin: 5px 0}
}

@media only screen and (max-width: 600px) {
	.legend {text-align: left;}
	section.home {display: block;}
	section.home div, section.home div:nth-child(4) { width: 100%; text-align: center; margin: 10px auto 0 auto; }
	section.inside  { padding: 15px 0;}
	aside { padding: 15px;}
	.buttons a, .buttons a:visited{ margin: 0 5px;}
	.bottomlinks a, .notalink {white-space: nowrap;}

}

@media only screen and (max-width: 500px) {
	.sideslider table {width: 510px; }
	.sideslider { overflow: scroll;overflow-y: hidden; -ms-overflow-y: hidden;}
	.buttons {padding: 0; bottom: 0; height: 50px; background-color: #f8b531; text-align: center; padding: 0px}

	.buttons a, .buttons a:visited{ margin: 0; border-radius: 0; width: 33.33%; position: relative; float: left; padding: 5px 10px;}
	header, header .liner {height: 200px; padding: 0; margin-bottom: 0px;}
	/*.buttons a:first-child{ padding: 5px 20px;}*/
	.bttn2{display: block;}
}

@media only screen and (max-width: 400px) {
	div#KJECalculatorScreenSize {position: relative; left: -15px;}
	.buttons a, .buttons a:visited{padding: 10px 5px;}
}