/*L*/
@media only screen and (max-width: 1200px) {
}

/*M*/
@media only screen and (max-width: 1000px) {
	section {max-width: initial; padding: 0 20px; }
	article {width: calc(100% - 250px); }
	.bottomlinks, .footnote {width: 100%; text-align: left; float: none; margin-bottom: 15px; }
}

@media only screen and (max-width: 870px) {
	#contentwrapper {padding-top: 30px;}
}

/*S*/
@media only screen and (max-width: 800px) {
	article, aside {width: 100%; float: none; margin-bottom: 15px;}
	.regionbox, .code_block_indiv_content {min-width: 235px; width: calc(50% - 15px); position: relative; float: left;}
	.taft_label-wrapper {width: 33%;}
	.taft_formElement-wrapper {width: 66%;}
	.BStab, header .toplinks {display: none;}
	footer .toplinks {display: block; position:relative; text-align: left; margin-bottom: 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%; }
	.text {width: 100%; clear: both; padding:20px 0;}
}


/*XS*/
@media only screen and (max-width: 600px) {
	.regionbox, .code_block_indiv_content {width: 100%; float: none;}
	.taft_label-wrapper, .taft_formElement-wrapper {width: 100%; min-height: auto;}
	.taft_formElement-wrapper {margin-bottom: 10px;}
	.mobi {display: block;}
	.full {display: none;}
}

@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;}
}