/*L*/
@media only screen and (max-width: 1200px) {
	a.homelink{left: 30px; }
	.toplinks { right: 30px; }
	section.home { font-size: 20px; line-height:  32px;}
	section.home article {padding: 60px 0 40px 0; width: calc(100% - 160px);}

	.bottomlinks, .lmcu, .ada{width: 100%;  float: none; text-align: center; margin-bottom: 20px;}

	aside {padding: 40px 90px;}
	.regionbox, .code_block, .bannerbox { width: 48%; }
	aside div:first-child {flex: 1 1 100%; margin-bottom: 30px;}
	.regionbox img {width: 100% !important;  top: 0; left: 0; margin: 0 ;}

	article {padding: 60px 30px;}
	body {padding: 0; }
	header.stuck { position: relative; }

}

/*M*/
@media only screen and (max-width: 1000px) {
	.anchorite:before {height: 0;margin-top: 0;}
	/*	section.home article { height: auto}
	.pic {width: 100%; height: 0; padding-bottom: 56%; position: relative; }
	.txt {width: 100%; position: relative; padding: 20px;}*/

	 H1 {font-size: 36px; line-height: 42px;}
     H2 {font-size: 34px; line-height: 40px;}
     H3 {font-size: 30px; line-height: 36px;}
     H4 {font-size: 24px; line-height: 30px;}
	section.home { font-size: 18px; line-height:  30px;}
	section.home article {padding: 40px 0; width: calc(100% - 72px);}

	.addr, .qlinks, .socmed, .footnote {width: 33.33%; }
	section.blu {background: none;
		background: #009eda; /* Old browsers */
		background: -moz-linear-gradient(top,  #009eda 0%, #00539b 100%);
		background: -webkit-linear-gradient(top,  #009eda 0%,#00539b 100%);
		background: linear-gradient(to bottom,  #009eda 0%,#00539b 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009eda', endColorstr='#00539b',GradientType=0 );
		}

	a.homelink{top: 10px; }
	.toplinks {position: absolute; top: auto; bottom: 0px; right: 0px; width: 100%; background-color: #003563; color: white; padding: 8px 0; font-size: 24px; height: 50px; }
	.tl {height: 30px;  margin: 0px; top: 0; width: 84%; }
	.toplinks .pipe, .toplinks .words {display: none;}
	.toplinks .fa, .toplinks .fas, .toplinks .far, .toplinks .fal {display: inline;}
	.toplinks a, .toplinks a:visited, .toplinks a:hover, .toplinks a:focus{ color: white; text-decoration: none; position: relative; float: left; margin: 0; width: 20%; display: block; text-align: center; }

	.chatter { position: relative; float: left; margin: 0; width: 20%; display: block; }
	.chatter a{ color: white; text-decoration: none;  float: none; margin: 0; width: 100%; text-align: center; }
	.chatter a:hover, .chatter a:focus{ color: white; text-decoration: none;  float: none; margin: 0; width: 100%; text-align: center; }

	body {padding: 0;}
	header { height: 180px; position: relative; }
	header .liner {height: 180px;}

	section.P2 {padding: 40px}
	section.P2 .liner {width: 100%}
	.imgbox, .txtbox{width: 100%; float: none; margin: 0 auto;}
	.txtbox{padding: 40px 0 0 0; height: auto;}
	section.intbanner {height: 0; padding-bottom: 40%; background-size: cover; }
	.swoosh{width: 100%; height: 0; padding-bottom: 40%; background-size: 260% auto; }
	section.intbanner .liner { padding: 20% 30px; height: 0;  }
	section.home article h1 span:before, section.home article h1 span:after {border-bottom: 0; }

}

/*S*/
@media only screen and (max-width: 800px) {
	.taft_label-wrapper {width: 33%;}
	.taft_formElement-wrapper {width: 66%;}
	 H1 {font-size: 30px; line-height: 36px;}
     H2 {font-size: 30px; line-height: 36px;}
     H3 {font-size: 24px; line-height: 30px;}
     H4 {font-size: 20px; line-height: 26px;}
     H5 {font-size: 18px; line-height: 24px;}
	 a.homelink{ left: 20px;}
	section.home article {padding: 40px 0; width: calc(100% - 60px);}
	section.P2 {padding: 30px}
	.txtbox{padding: 30px 0 0 0;}

	.addr, .qlinks {width: 100%; text-align: center; margin-bottom: 20px; float: none; }
	.socmed, .footnote {width: 50%; margin: 0 auto; float: none; }

	aside {padding: 24px 0 0 0 ;display: block; text-align: center; max-width: 352px;}
	.regionbox, .code_block, .bannerbox {width: 100%; margin: 0 auto 24px auto; padding: 20px 12px }
	aside div:first-child { margin-bottom: 24px;display: block;}

	article { padding: 40px 30px; }
	.boxedsearch fieldset {width: 100%; float: none; top: 0}
	.boxedsearch {height: auto;}
	.loc_list {width: 100%; float: none; margin-bottom: 0px;}
	.legend { top: -20px; margin: 0; padding-top: 1px}

}

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

/*XS*/
@media only screen and (max-width: 600px) {
	.taft_label-wrapper, .taft_formElement-wrapper {width: 100%; min-height: auto;}
	.taft_formElement-wrapper {margin-bottom: 10px;}
	.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}
     H1 {font-size: 24px; line-height: 30px;}
     H2 {font-size: 24px; line-height: 30px;}
     H3 {font-size: 20px; line-height: 26px;}
     H4 {font-size: 18px; line-height: 24px;}
	section.P2 {padding: 20px}
	.txtbox{padding: 20px 0 0 0;}
	.imgbox{height: 0; padding-bottom: 72.3%;}
	.socmed, .footnote {width: 100%; text-align: center; margin-bottom: 20px; float: none; }
	article { padding: 30px 20px; }

	section.intbanner {padding: 110px 0 50% 0; background-size: 280% auto; position: relative;}
	.swoosh{background-image: url(../images/waveBlue800.png); background-position: center top; height: 110px; padding: 0; background-size: 100% auto;position: absolute; bottom: 0px; right: 0px;}
	section.intbanner .liner { padding:30px 30px 0 30px; height: 100%;  }
}

@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;}
	 a.homelink{width: 80%; text-align: left}
	aside {max-width: 100%; width: 100%}
	.regionbox, .code_block, .bannerbox { border-radius: 0; }


}