/*L*/
@media only screen and (max-width: 1220px) {
	a.homelink{ left: 30px; }
	.toplinks { right: 70px;  }
	.buttons { right: 70px;  }
	.inttext {max-width: 750px;margin-left: -375px;}
	section.inside{padding: 80px}
	article { max-width: 724px;}

}

@media only screen and (max-width: 1100px) {
	.boxcar  { width: 100%; float: none}
	.box {width: 50%; padding: 19% 0; position: relative; float: left;}
}

/*M*/
@media only screen and (max-width: 1000px) {
	.anchorite:before {height: 0;margin-top: 0;}
     h1{font-size: 40px; line-height: 46px; margin-bottom: 10px;}
     h2{font-size: 32px; line-height: 38px; margin-bottom: 18px;}
     h3{font-size: 26px; line-height: 32px; margin: 12px 0 8px 0;}
     h4{ margin: 12px 0 8px 0;}
	.inttext {max-width: 655px;margin-left: -327px;}
	section.intbanner, .inttextholder, .intimg{height: 480px;}
	section.inside{padding: 50px 0}
	article { max-width: 608px;}
	.wood{ height: 70px; }
	footer {padding: 50px 30px;}
}

@media only screen and (max-width: 900px) {
	.bottomlinks, .footnote {width: 48%;}
	.socmed {display: block; position: relative; float: right; clear: both;}

}

/*S*/
@media only screen and (max-width: 800px) {
	.boxedsearch fieldset {width: 100%; float: none; top: 0; margin-bottom: 0}
	.boxedsearch {height: auto;}
	.loc_list {width: 100%; float: none; margin-bottom: 0px;}
	.legend { top: -20px; margin: 0; padding-top: 1px}
	.mobi {display: block;}
	.full {display: none;}
     h1{font-size: 34px; line-height: 40px; color: #d24314;}
     h2{font-size: 30px; line-height: 36px;}
     h3{font-size: 24px; line-height: 30px;}
     h4{font-size: 20px; line-height: 26px;}
	table.styled th, .content_rates_table_fields, TR.table_builder_header_row .table_builder_cell, table.styled td, .content_rates_table_row2, .content_rates_table_row1 {font-size: 14px; line-height: 18px;}
	section.products { flex-direction: column;}
	.toplinks {display: none;}
	header { height: 120px; margin-bottom: 0; background: rgba(255,255,255,1); }
	header .liner {height: 120px;}
	a.homelink{top: 10px;}
	a.homelink img {height: 50px;}
	.buttons {top: auto; bottom: 0; width: 100%;right: 0; display: flex;justify-content: space-between;height: 50px; padding: 10px 0;align-content: center;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#9e300c+0,d24314+100 */
		background: rgb(158,48,12); /* Old browsers */
		background: -moz-linear-gradient(left,  rgba(158,48,12,1) 0%, rgba(210,67,20,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  rgba(158,48,12,1) 0%,rgba(210,67,20,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  rgba(158,48,12,1) 0%,rgba(210,67,20,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e300c', endColorstr='#d24314',GradientType=1 ); /* IE6-9 */
	}
	.buttons a, .buttons a:visited, .buttons a:hover, .buttons a:focus{ background: none; display: initial;  padding: 6px 0px; border-radius:0; height: 30px; font-size: 16px; text-align: center; margin: 0 1px;border-left: solid 1px white;flex: 1 1 auto;}
	.buttons a:hover, .buttons a:focus{text-decoration: underline;}
	.buttons a:first-child {border: 0;}
	.buttons .pipe {display: none;}
	.phone {display:block;}
	.phone a .far {display: none;}
	body {padding-bottom: 0; }

	section.intbanner{height: auto;}
	.intimg{height: 250px; position: static; }
	.inttextholder { position: static; padding: 30px; height: auto; background: none white;}
	.inttext {max-width: 100%;margin-left: 0;bottom: 0; left: 0; position: static; color: #58585a; height: 100px}
	.inttext  .code_block h1 {color: #58585a;}

	section.inside{padding: 45px 0}
	article { max-width: 456px;}

	section.products {width: 378px; margin: 0 auto; overflow: auto; padding: 0;}

	.boxcar {width: 378px;}
	.box {width: 100%; padding: 0; height: 300px; float: none;}
	.footnote { padding: 20px 0;}
	.swipe {display: block;}

}


@media only screen and (max-width: 700px) {
	.bottomlinks, .footnote, .socmed {width: 100%; text-align: center;}
	.socmed {padding: 30px 0;}
	.bottomlinks a {margin: 0 10px;}
	.chatter{right: auto; left: 50%; margin-left: -40px; }

}

/*XS*/
@media only screen and (max-width: 600px) {
	.cms_form_label {width: 100%;  float: none; margin: 0 1% 5px 0; }
	.cms_form_object {width: 100%;  float: none; margin: 1px 0}
	.content_rates_table, .table_builder {border-collapse: collapse; width: 100%}
	.content_rates_table, .content_rates_table_effectivedate, .content_rates_table_title, .content_rates_table_row_highlight, .content_rates_table thead, .content_rates_table tbody, .content_rates_table_fields, .content_rates_table_row1, .content_rates_table_row2, .content_rates_table tr, .table_builder, .table_builder thead, .table_builder tbody, .table_builder_header_row, .table_builder_cell, .table_builder_row_even, .table_builder_row_odd{display: block;}
	.content_rates_table_fields_row, .table_builder_header_row {position: absolute; top: -9999px; left: -9999px; }
	.content_rates_table_row1, .content_rates_table_row2, .table_builder_cell  {border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; white-space: normal; text-align:left; padding-bottom: 15px;}
	.content_rates_table_row1:before, .content_rates_table_row2:before, .table_builder_cell:before {position: absolute;	top: 10px; left: 6px; width: 45%; padding-right: 10px; white-space: wrap; text-align:left; font-weight: bold; content: attr(data-title);}
	.legend {text-align: left;}
     h1{font-size: 28px; line-height: 34px; margin-bottom: 8px;}
     h2{font-size: 24px; line-height: 30px; margin-bottom: 12px;}
     h3{font-size: 20px; line-height: 24px; margin: 10px 0 6px 0;}
     h4{font-size: 18px; line-height: 22px; margin: 10px 0 6px 0;}
	a.homelink{ left: 20px; }
	.intimg{height: 170px; position: static; }
	section.inside{padding: 40px 20px}
	article { max-width: 100%;}
	section.home article { max-width: 280px;}
	footer {padding:  30px;}


}

@media only screen and (max-width: 500px) {
	.sideslider table {width: 510px; }
	.sideslider { overflow: scroll;overflow-y: hidden; -ms-overflow-y: hidden;}
	.phone a .far {display: block;}
	.phone a .words {display: none;}
	.buttons a, .buttons a:visited, .buttons a:hover, .buttons a:focus{ font-size: 14px;}
	footer {padding:  20px;}

}

@media only screen and (max-width: 400px) {
	div#KJECalculatorScreenSize {position: relative; left: -15px;}
	section.products {width: 100%; }
	.train{width: 300%}
	.boxcar {width: 33.33%;}
	/*.box {width: 100%; padding: 0; height: 300px; float: none;}*/
	.boxcar {width: 100%;}
	.box {width: 100%; height: 0; padding: 39% 0; ;}

}