@media only screen and (max-width: 1400px) {
	.bgbox{left: auto; right: 0; width: 900px;}
	.bgbox img {max-width: 900px; }
	.bgbox .W{display: none;}
	.bgbox .T{display: block;}
}

@media only screen and (max-width: 1200px) {
	.blubox {background-position: -500px top;}
	.boxB .code_block_indiv_content{width: 500px; padding: 40px 0px 0 0; }
	.boxB .socmed { left: 480px;}
}

@media only screen and (max-width: 1100px) {
	.titlebox{width: 26%;  top: 0px; padding: 30px 0}
	.titlebox h2 {font-size: 36px;}
	article{width: 70%; }
	/*body  {font-size: 16px;}*/
}


@media only screen and (max-width: 990px) {
	.boxR, .boxL {padding: 40px 20px;}
	.snowverlay { height: 480px; }
}


@media only screen and (max-width: 930px) {
	.boxL, .boxR, footer { background-size: 100% auto; }
}

@media only screen and (max-width: 920px) {
	.feat a.cta, .feat a.cta:visited {padding: 5px 0px; width: 31%; margin: 0 .5%}
}

@media only screen and (max-width: 900px) {
	.feat a.cta, .feat a.cta:visited {padding: 5px 0px; width: 30%; margin: 0 1%}
	.titlebox{width: 100%}
	article{width: 100%; }
	.bgbox{ width: 500px;}
	.bgbox img {max-width: 500px; }
	.bgbox .T{display: none;}
	.bgbox .M{display: block;}
}

@media only screen and (max-width: 800px) {
	.taft_label-wrapper {width: 33%;}
	.taft_formElement-wrapper {width: 66%;}
	.blubox {background-position: -600px top;}
	.boxB .code_block_indiv_content{width: 400px; padding: 40px 0px 0 0; }
	.boxB .socmed { left: auto; right: 5%}
	h1, .blog_title, .content_blog_header, .category_name, .podcast_list_header, .blog_year{font-size: 50px;}
	section {padding: 20px 0;}
	section.inside.topheavy {padding-top: 60px;}

	.titlebox{padding: 10px 0}
	.titlebox h2 {top: 0px}
	.bottomlinks { text-align: left; color: #717171; padding: 10px 0 0 0;  margin:  20px auto; width: 96%; z-index: 9;}
	.bottomlinks .pipe {display: none;}
	.bottomlinks a, .bottomlinks a:visited, .bottomlinks a:link, .bottomlinks a:link:active, .bottomlinks a:visited:active  {text-decoration: none;  color: #717171; display: block; padding: 10px 0; border-bottom: solid 1px #e2e2e2; }
	.bottomlinks a:hover {text-decoration: none; color: #333;}
	.bottomlinks a:after {content: ">";  font-size: 24px; padding-right: 2%;position: relative; float: right;}
	footer {padding: 0;}
	.text{ width: 60%;}
	.boxR, .boxL {padding: 40px 0px;}


}

@media only screen and (max-width: 700px) {
	.col4 {width: 48%; margin: 0 1% 10px 1%; }
	.text{ width: 56%;}
	.scroller { height: 360px; }
	.feat {display: block; padding: 10px 0; height: auto;}
	.feat a.cta, .feat a.cta:visited {padding: 10px 0px; width: 100%; margin: 2px 0;}
}

@media only screen and (max-width: 600px) {
	.col4, .col3, .col2 {width: 96%; margin: 0 2% 10px 2%; }
	.boxL .code_block, .boxR .code_block {float: none;width: 100%;}
	.boxL .bannerbox, .boxR .bannerbox {float: none; width: 90%; margin: 0 auto;}

	.bluestbox{height: auto; max-height: 100%; padding: 0; background: none;}
	.boxB{ height: auto;  background: none; padding: 0}
	.boxB .liner{position: relative; top: 0px; right: 0px; height: auto; width: 100%;}

	.boxB .code_block_indiv_content{width: 100%; padding: 20px 0px 0 0; font-size: 16px; height: auto; position: relative; display: block; background: url(../images/SocialMediaAdLeftBlue.png) no-repeat center top #71C8D9; padding: 20px;}
	.boxB .T2{display: block; position: relative; clear: both; float: left; width: 100%; height: 300px;height: auto;}
	div.bluestbox div.boxB div.T2 div.bannerbox img.content_banner{width: 100%; height: auto; max-height: initial;}

	.bgbox, .bgbox .M, .blubox{display: none;}
	.bgbox img {max-width: 100%; }

	.boxB .socmed { left: auto; right: 10%}

	.images {float: none; margin: 0 auto; text-align: center}
	.images img {margin: 0 5px;}
	.text{float: none; padding: 10px 0; width: 100%; }
	.snowverlay { height: 740px; }




}

@media only screen and (max-width: 500px) {
	.taft_label-wrapper, .taft_formElement-wrapper  {min-height: initial; padding: 0 5px; width: 100%; clear: both;}
	.mobi {display: block;}
	.full {display: none;}
	.sideslider table {width: 510px; }
	.sideslider { overflow: scroll;overflow-y: hidden; -ms-overflow-y: hidden;}
	.blubox {background-position: -750px top;}
	/*.boxB .code_block_indiv_content{width: 250px; }*/


}

@media only screen and (max-width: 400px) {
	.regions_rates_table_row1, .regions_rates_table_row2, .regions_rates_table_effectivedate, .regions_rates_table_fields, .ncua, .ehl, .bottomlinks, .toplinks { font-size: 14px;}
	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; }
	.boxB .socmed { left: auto; right: 10%}
}