@media only screen and (max-width: 1300px) {
	article, article.lander {padding: 70px 30px;}
	aside { padding: 0 30px; margin: 70px 0;}
	.framebox, .two .txtbox {right: 0; margin-right: 0;width: 50%; top: 0px;}
	.txtbox, .two .framebox {left: 0; margin-left: 0; width: 50%; top: 0px;}
	.framebox, .txtbox, .two .txtbox, .two .framebox  { padding: 100px 60px;}
	.framebox, .two .framebox { padding: 50px 60px;}
	.half {display: none;}
}

@media only screen and (max-width: 1200px) {
	a.homelink{ left: 20px;}
	.toplinks {padding-right: 20px;}
}

@media only screen and (max-width: 1100px) {
	.framebox, .two .framebox { padding: 100px 60px; width: 40%}
	.imagebox {height: 320px;}
	.txtbox, .two .txtbox{ width: 60%;}
	article.row {clear: both;}
	.toplinks { top: 15px;  }
}


@media only screen and (max-width: 1000px) {
	.cms_form_radio_container {width: 33%; position: relative; float: left;}
	.anchorite:before {height: 0;margin-top: 0;}
	.intext {width: 50%; padding: 35px 0 35px 50px;}
	.TL, .toplinks .pipe{display: none;}
}

@media only screen and (max-width: 900px) {
	.bracket { padding: 20px 72px;}
	section.intslides { height: 0; padding: 42.78% 0 230px 0;}
	.intbanner {height: 0; padding-bottom: 42.78%}
	.intextholder{background-color: #004d98; bottom: 70px; top: auto;}
	.intext{ width: 100%; max-width: initial;  padding: 35px;}
	.intextholder a{width: 100%; text-align: center; position: absolute; top: auto; bottom: -150px; right: 0}
	.intgraded {display: none;}
	.mobi {display: block;}
	.full {display: none;}

}

@media only screen and (max-width: 800px) {
	.taft_label-wrapper {width: 33%;}
	.taft_formElement-wrapper {width: 66%;}
	.cms_form_radio_container {width: 50%; position: relative; float: left;}

	article.row, article.row2{height: auto;  }
	.txtbox, .two .txtbox {width: 100%; position: relative; padding:60px; clear: both;}
	.framebox, .two .framebox {width: 100%; position: relative; padding:60px 0; clear: both; }
	.imagebox {width: 100%; max-width: initial; height: 420px; background-color: white; text-align: center;}
	.imagebox img {float: none;}


	article, aside {width: 100%; padding: 70px 56px; margin: 0; border: none; float: none; }
	aside { border-top: solid 1px #a4a8a9; }
	article.lander {padding: 70px 56px;}
	.boxtitle {font-size: 3.6vw;}

	a.box{width: 100%; max-width: initial; height: auto; float: none; margin: 0; padding: 0;}
	a.box, a.box:visited, a.box:hover, a.box:focus{color: #666; text-decoration: none; text-align: left;}
	a.box:hover, a.box:focus{color: #C73F00; text-decoration: none;}
	a.box.goR {float: none}

	.boxlogo{ position: absolute; top: 0; left: 0; margin-left: 0; }
	.boxlogo img {width: 60px;}
	.boxtitle{display: none;}

	.boxtext{display: block; position: relative; float: right; width: 80%; border-bottom: solid 1px #a4a8a9;padding: 30px 0; }
	.boxsubtitle{color: #004d98}

	#contentwrapper {padding-top: 0px;}
	header { position: relative}
}


@media only screen and (max-width: 767px) {
	.col4 {width: 50%; padding: 0 1% 10px 1%; }
	.col4, .col3, .col2, .col23 {width: 100%; padding: 0 2% 10px 2%; }
	.bracket { padding: 0px 72px;}
	.footnote {margin: 40px 0; }
	article, aside, article.lander{padding: 60px 30px;}
	.toplinks {}
	footer {width: 100%; padding: 40px 20px;
}

@media only screen and (max-width: 575px) {
	section.home{padding: 30px 20px;}

	.taft_label-wrapper, .taft_formElement-wrapper {width: 100%; min-height: auto;}
	.taft_formElement-wrapper {margin-bottom: 10px;}
	.footnote {text-align: center;}
	.sideslider table {width: 510px; }
	.sideslider { overflow: scroll;overflow-y: hidden; -ms-overflow-y: hidden;}
	.cms_form_label {width: 98%;   margin: 0 ;}
	.cms_form_object {width: 98%; }
	.imagebox { height: 0; padding-bottom: 84%}
	.imagebox img{width: 100%;}
	.half {height: 0;  padding: 100px 0 84% 0}
	.footnote, .bracket {background: none;}
	.bracket {padding: 0;}
	h1 {font-size: 6vw; margin-top: 0 }

	.Fhead{ margin: 10px 0 15px 0}
	header .liner {width: 100%; height: 100px;}

	.txtbox, .two .txtbox {width: 100%; position: relative; padding:30px; clear: both;}
	.framebox, .two .framebox {width: 100%; position: relative; padding:30px 0; clear: both; }
}

@media only screen and (max-width: 400px) {
	div#KJECalculatorScreenSize {position: relative; left: -15px;}
	FORM.webform textarea {width:164px; padding: 0;  margin: 0;}
	FORM.webform input, form table#cms_switchkit_table input{max-width: 100px; }
	FORM.webform TR TD {width: 100px; }
	.imagebox {display: none;}
	.framebox, .two .framebox { padding:15px 0; }

	article, aside, article.lander {padding: 50px 20px; }

	.boxtext{width: 76%;}
	a.homelink{padding-top: 40px; max-width: 262px; width: calc(100% - 84px);}
}