/*L*/
@media only screen and (max-width: 1200px) {
	a.homelink {left: 30px;}
	.toplinks {right: 100px;}
	footer {padding: 40px 30px}
	.smblock{ width: 30px; }
	article {max-width: 864px; padding: 70px 0;}
	.inttext {max-width: 864px; }

	.Tbox{right: 50px;}

}

/*M*/
@media only screen and (max-width: 1000px) {
	.anchorite:before {height: 0;margin-top: 0;}
	H1 {font-size: 46px; line-height: 50px;}
	.footnote {width:600px; clear: both; margin-top: 30px}
	header, header.stuck {background-color: white; -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0); box-shadow: 0 0 0 0 rgba(0,0,0,0); position: relative; height: 100px;}
	article {max-width: 750px; padding: 48px}
	.inttext { max-width: 750px; padding: 0 48px}

	section.intbanner { height: 0; padding-bottom: 50%; background-size: auto 100%;}
	.intextholder { height: 0; padding: 25% 0; }
	.Tbox{width: 380px;  top: 50px; }

}

/*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{font-size: 30px; line-height: 36px; margin: 24px 0 12px 0;}
	table.styled th, .content_rates_table_fields, TR.table_builder_header_row .table_builder_cell, table.styled td, .content_rates_table_row2, .content_rates_table_row1, .table_builder td {font-size: 14px; line-height: 18px;}
	article{padding: 30px}
	.inttext { padding: 0 30px}
	section.testimonials{display: none;}
	header, header .liner {height: 130px;}

}

@media only screen and (max-width: 700px) {
	.bottomlinks, .footnote {width: 100%; float: none; clear: both; text-align: center; margin: 30px 0 0 0;}
	.socmed {float: none; width: 325px; padding-left: 50px}
	.toplinks {position: fixed; top: auto; bottom: 0px; right: 0px; height: 70px; width: 100%; z-index: 99}
	.toplinks a, .toplinks button {width: 33.333%;}
	.toplinks a:nth-child(2) {border: 0;}
	footer {padding-bottom: 100px;}
	header, header .liner { height: 170px;}
}

/*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 td, .table_builder td  {border: none; border-bottom: 1px solid #eee; position: relative; padding: 10px 10px 10px 20px; white-space: normal; text-align:left; }
		.content_rates_table td:before, .table_builder td:before {display: block; text-align:left; font-weight: bold; content: attr(data-title); position: relative; left: -10px}
		.content_rates_table td.content_rates_table_title, .content_rates_table td.content_rates_table_effectivedate {padding: 10px 0; border: 0}


	
	.legend {text-align: left;}
	 H1{font-size: 26px; line-height: 30px;}
	 H2{font-size: 24px; line-height: 28px;}
	 H3{font-size: 20px; line-height: 26px; margin: 12px 0 6px 0;}
	 H4{font-size: 18px; line-height: 24px; margin: 6px 0;}
	.socmed { width: 275px; padding-left: 0px}
	article {padding: 30px 20px }
	.inttext { padding: 0; }
	.intextholder {background: none #015dac; padding: 30px 20px; height: auto; position: relative;}
	section.intbanner {background: none #015dac; height: auto; padding: 0; margin-top: 50px; }

}

@media only screen and (max-width: 500px) {
	.sideslider table {width: 510px; }
	.sideslider { overflow: scroll;overflow-y: hidden; -ms-overflow-y: hidden;}
}

@media only screen and (max-width: 400px) {
	div#KJECalculatorScreenSize {position: relative; left: -15px;}
}