@media only screen and (max-width: 1300px) {
	.greyint {display: none;}
}

@media only screen and (max-width: 1130px) {
	.col60 {width: 67%}
	.col40 {width: 33%;}
}

@media only screen and (max-width: 1040px) {
	.footnote {text-align: center;}
	.footnote img {margin: 10px; float: none;}
	.footnote br {display: none;}
	.footnote span {display: block;}
	footer, .bottomlinks {width: 100%; text-align: center;}
	.footnote {width: 100%; float: none; margin-bottom: 30px; clear: both;}
}

@media only screen and (max-width: 1000px) {
	.cms_form_radio_container {width: 33%; position: relative; float: left;}
	.toplinks {display: none;}
	section.greh {padding: 30px 0; }
	.greh .liner {background: none; min-height: initial; }
	.greh .col3, .greh .col23 {display: none;}
	.socmed{ position: relative; top: 0px; right: auto; margin: 0 auto;}
	span.fu {display: inline;}
	.blubttns { display: block; position: fixed; bottom: 0px; right: 0px;  }
	/*body {padding-bottom: 40px;}*/
	a.homelink { left: 50%; margin-left: -116px; TOP: 10px}
	.col34 {width: 66.67%; }
	.col14 {width: 33.33%;}
	.col60, .col40 {float: none; width: 100%}
	.col40 {text-align: left; padding-top: 20px;}

	article {  width: 70%; }
	aside {  width: 28%;  }

	#contentwrapper { padding-top: 0; }
	a[name]{position: static; top: 0;}
	header {height: 182px;  }
	header .liner {height: 110px;}

	section.flipper { height: auto; padding: 20px 0px; background-color: #bababa; margin: -2px 0}

	.headerbttn{ top: 118px; right: auto; left: 0; z-index: 101; text-align: center; width: 50%;}
	.headerbttn a{margin: 0 auto;}
	.headerbttn a:hover, .headerbttn a:focus{color:#3c1053; background-color: white; text-decoration: none}


}

@media only screen and (max-width: 900px) {
	section.intbanner { height: 0; padding-bottom: 49.5%; border: solid 0px red;}
	.greybanner { height: 0; padding-bottom: 49.5%; }
	.greyimage {width: 90%;  height: 0; padding-bottom: 45%;  }
	.greytext {height: 0; padding-bottom: 50%;}
}

@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;}
	section.blu, section.home, section.greh, footer {padding: 20px 0;}
	article, aside {  width: 100%; margin: 0 0 20px 0; }
	.Mbuttons {display: block;}
	/*.Fbuttons {display: none;}*/
	section.intbanner { height: 387px; padding-bottom:0; }
	.greytext  .code_block { width: 100%;}
	.greybanner { height: 387px; padding-bottom:0; }
	.greyimage {width: 96%;  height: 352px;   padding-bottom:0;}
	.greytext { height: 352px;  padding-bottom:0;}
	.col60, .col40 {margin: 10px 0; position: relative; float: left; overflow: hidden; width: 60%}
	.col40 {width: 37%;  padding-top: 0;}
/*	.flexer {flex-wrap: wrap; margin: 10px 0;}*/
	.flexer {display: block; margin: 10px 0;}
	.checker .flexer {/*flex-wrap: wrap*/; margin: 0;}
	.checker { margin: 10px 0;}
	.flexer .box, .checker .flexer .box, .checker .flexer:last-child .box  {margin: 0;}

	/*.checker .flexer:last-child {flex-direction: row;}*/
	.checker .flexer .box{width: 100%;}
	.checker .box.img {height: 0; padding-bottom: 40%}
	.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}
	header.stuck{position: relative;}
	a[name]{position: static;}

}

@media only screen and (max-width: 700px) {
	.col4 {width: 50%; padding: 0 1% 10px 1%; }
	.col4:nth-child(odd) {clear: both; }
	.col60, .col40 {float: none; width: 100%}
	.col40 {text-align: left; padding-top: 20px;}
}

@media only screen and (max-width: 650px) {
	header {height: 210px;  }
	.headerbttn a{width: 100%}
	.headerbttn{padding: 0 5px;}

}

@media only screen and (max-width: 600px) {
	.flexed{display: block}
	.col4, .col3, .col2 {width: 100%; padding: 0 2% 10px 2%; }
	.toplinks {display: none;}
	.tl {display: block;}
	.col34, .col14 {width: 100%; border: none; padding: 10px 0 5px 0; margin: 0;}
	.col34 {margin-bottom: 10px; padding:0; min-height: 0;}
	.col14 h2 {font-size: 30px; margin-bottom: 3px;}
	.col34 ul, .col34 p {font-size: 14px;}
	section.intbanner {height: 280px;  padding-bottom: 0;}
	.greyint, .greybanner, .greyimage {width: 100%; height: 280px; padding-bottom: 0; left: 0;}
	.greytext {/* background-size: auto 200px;*/ width: 100%; height: 280px; padding-bottom: 0; left: 0;}
	.greytext  .code_block { font-size: 7vw; padding: 0 20px;}
	section.inside {  padding: 20px 0; }
	.checker .box.img .fa {font-size: 75px;  }
	.newchat a, .newchat a:hover, .newchat a:focus{padding: 5px 10px; border: solid 1px white; font-size: 12px; line-height: 1}
	.omnibrowse-code-button{display: block;}
}


@media only screen and (max-width: 500px) {
	.taft_label-wrapper, .taft_formElement-wrapper {width: 100%; min-height: auto;}
	.taft_formElement-wrapper {margin-bottom: 10px;}
	.mobi {display: block;}
	.full {display: none;}
	.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%; }
	h1, .blog_title, .content_blog_header, .category_name, .podcast_list_header, .blog_year {font-size: 8vw;}
	h2, .code_block h1, .content_rates_category1, .faq_header, .faq_question, .comments_section_header, .pod_episode_header, #KJETitle, .forum_thread_category, .Category_Header_Text, .content_faq_header, .content_calendar_header, .cms_form_header, .col14 h2{font-size: 24px;}

	.checker .box.img .fa {display: none;}
}

@media only screen and (max-width: 430px) {
	.greytext  .code_block { font-size: 32px;;}
}


@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; }
	.blubttns a, .blubttns a:visited {font-size: 16px; }
	a.homelink { width: 200px; margin-left: -100px; top: 10px;}
	.greytext {background-position: 150px 0;background-size: auto 130%;}
	h1, .blog_title, .content_blog_header, .category_name, .podcast_list_header, .blog_year {font-size: 32px;}
	header {height: 230px;  }
}