/*------->>> 24. MEDIA QUERIES <<<-------*/
@media all and (orientation:landscape), (min-width:425px) { /*- Mobile Landscape or 425px and up -*/
	/*---> Mailing List Form <---*/
	.sm-form {
		margin-top:1rem;
	}
	.sm-form .row-1 ul li:first-child,
	.sm-form .row-2 ul li:first-child,
	.sm-form .row-3 ul li:first-child {
		width:calc(50% - 0.313rem);
	}
	.sm-form .row-1 ul li:nth-child(2),
	.sm-form .row-2 ul li:nth-child(2),
	.sm-form .row-3 ul li:nth-child(2) {
		width:calc(50% - 0.313rem);
		float:right;
	}
}
@media all and (min-width:25em) { /*- 400px and up -*/
	/*---> Header <---*/
	header .utility a {
		margin:0.313rem;
	}
	/*---> CTA <---*/
	.cta .btn {
		font-size:1rem;
	}
	/*---> Forms <---*/
	.utility form {
		padding-left:30px;
		max-width:150px;
	}
	.utility form:before {
		background-size:20px 20px;
		width:25px;
	}
}
@media all and (orientation:landscape) and (max-width:639px) { /*- Mobile Portrait */
	#index .callouts .medium-3 {
		-webkit-flex:0 0 50%;
		-ms-flex:0 0 50%;
		flex:0 0 50%;
		max-width:50%;
	}
	#index .slideUp section .content {
		height:250px;
	}	
}
@media all and (max-width:440px) {
	#interior .cta .width50 {
		width:100%;
	}
	#interior .cta .width50 p {
		text-align:center;
	}
}
@media all and (min-width:40em) { /*- 640px and up -*/
	/*---> Header <---*/
	header a.phone {
		padding:25px 0;
		font-size:0.75rem;
		font-weight:500;
		border-left:1px solid #6d0900;
		border-right:1px solid #6d0900;
	}
	header .navigation .show-for-medium.textCenter {
		padding-left:0;
	}
	/*---> Hero <---*/	
	.hero,
	.hero.row.row.columns {
		display:block;
	}
	/*---> Email Signup <---*/
	.emailSignup {
		padding:55px 0 135px 0;
	}
	#interior .emailSignup {
		padding:55px 0 125px 0;
	}
	/*---> Callouts <---*/
	.slideUp section .content {
		height:200px;
		overflow:hidden;
	}
	#index .slideUp section .content {
		height:425px;
	}
	/*---> CTA <---*/
	.cta {
		height:150px;
		margin:-75px 0.625rem;
	}
	/*---> Quality Assurance <---*/
	.qualityAssurance img {
		width:25%;
		max-width:285px;
		margin:-25px 0 -25px 0.438rem;
		float:right;
	}
	/*---> Locations <---*/
	.locations {
		background: -webkit-linear-gradient(right, #7e1309 33.33%, #FBF8F0 33.33%);
		background: -o-linear-gradient(right, #7e1309 33.33%, #FBF8F0 33.33%);
		background: -moz-linear-gradient(right, #7e1309 33.33%, #FBF8F0 33.33%);
		background: linear-gradient(to right, #7e1309 33.33%, #FBF8F0 33.33%);
	}
	.locations h3 {
		text-align:left;
	}	
	/*---> Galleries <---*/
	.lbThumb {
		width:calc(25% - 10px);
	}
	/*---> News <---*/
	ul.newsArticles li {
		width:calc(50% - 10px);
		float:left;
		margin:0 10px 10px 0;
		height:225px;
	}
	/*---> Footer <---*/
	footer {
		padding:110px 0 0 0;
	}
	footer .social {
		text-align:right;
	}
	footer .social .row {
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		padding-right:0.625rem;
	}
	/*---> Forms <---*/
	.utility form {
		border-right:1px solid #c8c8c8;
	}
}
@media all and (min-width:48em) { /*- 768px and up -*/
	/*---> Slick Slider <---*/
	.slick-slide .messaging {
		bottom:160px;
	}
	.slick-slide .messaging h3 {
		font-size:1.875rem;
		line-height:1;
		margin-bottom:1rem;
	}
	.slick-slide .messaging h3 small {
		padding-top:0.75rem;
		font-size:1rem;
	}
	.slick-slide .messaging p {
		font-size:0.813rem;
		line-height:1.2rem;
		max-width:315px;
	}
	.heroSlider .slick-dots {
		bottom:20px;
	}
	/*---> Header <---*/
	header a.phone {
		padding:30px 0;
		font-size:0.875rem;
	}
	/*---> Callouts <---*/
	.slideUp section .content {
		height:160px;
	}
	#index .slideUp section .content {
		height:350px;
	}
	/*---> Locations <---*/
	.locations .medium-8 .wrap {
		margin-top:100px;
	}
	/*---> Responsive Tables <---*/
	table.styled {
		display:table;
		border-radius:0 0 7px 7px	
	}
	table.styled caption {
		display:table-caption;	
	}
	table.styled thead {
		display:table-header-group;
		float:none;
	}
	table.styled thead tr,
	table.styled thead tr:last-child {
		display: table-row;
	}
	table.styled tbody {
		display:table-row-group;
	}
	table.styled tbody tr {
		display:table-row;
	}
	table.styled thead tr th {
		display:table-cell;
		padding:1rem 0;
	}
	table.styled thead tr th {
		border-right:1px solid #ddd;
	}
	table.styled thead tr th:last-child {
		border-bottom:1px solid #ddd;
	}
	table.styled thead tr:last-child th,
	table.styled thead tr:only-child th	{
		padding:0.938rem 0 0.75rem;
		background-color:#E7DBBD;
	}
	table.styled thead tr:last-child th:last-child,
	table.styled thead tr:only-child th:last-child {

	}		
	table.styled tbody tr td {
		display:table-cell;
		padding:0.438rem 0 0.250rem 0;
		min-height:none;
		min-width:none;
	}
	table.styled tbody tr:nth-child(even) {
		background-color:#f6efdb;
	}
	table.styled tbody tr:last-child td {
		border-right:1px solid #ddd;
		border-bottom:0px solid #ddd;
	}	
	table.styled tbody tr td:last-child {
		border-bottom:1px solid #ddd;
		border-right:0;	
	}
	table.styled tbody tr:last-child td:last-child {
		border-bottom:0;
	}
	.sticky-wrap {
		margin-bottom: 2.5em auto;
		width: 100%;
	}

	table.styled tbody tr td.no-space {
		padding: 0;
	}

	table.sticky-thead.styled,
	table.bonus-header.styled {
		margin: 0;
	}

	.sticky-wrap .sticky-thead,
	.sticky-wrap .sticky-col,
	.sticky-wrap .sticky-intersect {
		opacity: 0;
		position: fixed;
		top: 0;
		left: 0;
		transition: all 350ms ease-in-out;
		z-index: 50;
		width: auto;
		/* Prevent table from stretching to full size */
	}

	.sticky-wrap .sticky-thead {
		box-shadow: 0 0.25em 0.1em -0.1em rgba(0, 0, 0, .125);
		z-index: 1;
		width: 100%;
background-color: #ffffff;		
		/* Force stretch */
	}

	.sticky-wrap .sticky-intersect {
		opacity: 1;
		z-index: 1;
	}

	.sticky-wrap .sticky-intersect th {
		background-color: #666;
		color: #eee;
	}

	.sticky-wrap td,
	.sticky-wrap th {
		box-sizing: border-box;
	}

/*	.sticky-thead tr:not(.sortpart-tr),
	.bonus-header tr:not(.sortpart-tr) {
		display: none;
		padding: 0;
	}*/
	table.styled thead tr th {
		vertical-align:bottom;
		position:relative;
	}
/*	table.styled thead tr th span.sorting {
		position:absolute;
		bottom:0.313rem;
		left:0;
		right:0;
		margin:0 auto;
		display:block;
	}*/
}
@media all and (min-width:700px) and (max-width:1020px) {
	#index .callouts .medium-3,
	.callouts .medium-4 {
		-webkit-flex:0 0 50%;
		-ms-flex:0 0 50%;
		flex:0 0 50%;
		max-width:50%;
	}
	#index .slideUp section .content {
		height:150px;
	}
}
@media all and (min-width:64em) { /*- 1024px and up -*/
	/*---> Header <---*/
	header a.phone {
		padding:35px 0;
		font-size:1.125rem;
	}
	/*---> Slick Slider <---*/
	.slick-slide .messaging {
		bottom:225px;
	}
	.slick-slide .messaging h3 {
		font-size:2.5rem;
		line-height:1.1;
		margin-bottom:1.5rem;
	}
	.slick-slide .messaging h3 small {
		padding-top:0.75rem;
		font-size:1.125rem;
	}
	.slick-slide .messaging h3 small sup {
		top:-0.188em;
	}
	.slick-slide .messaging p {
		font-size:0.875rem;
		line-height:1.5rem;
		max-width:315px;
	}
	.heroSlider .slick-dots {
		bottom:40px;
	}
	/*---> Callouts <---*/
	.slideUp section .content {
		height:140px;
	}
	#index .slideUp section .content {
		height:235px;
	}	
	.slideUp section footer:hover {
		bottom:0;
	}
	/*---> Locations <---*/
	.locations .medium-8 .wrap {
		margin-top:50px;
	}
	.locations .maidstone-england {
		left:41%;	
	}
	.locations .carlstadt-nj {
		top:20%;
		left:21%;	
	}
	.locations .fenton-mo {
		left:15%;	
	}	
	/*---> News <---*/
	ul.newsArticles li {
		width:calc(33.33334% - 10px);
	}
	/*---> Footer <---*/
	footer .row:first-child {
		margin:0 auto;
	}
	/*---> Forms <---*/
	#form-3515 .formElements #row-5 li span,
	#form-3462 .formElements #row-10 li span{
		width:33%;
	}
	.utility form {
		max-width:146px;
	}
}
@media all and (min-width:64.063em) { /*- 1025px and up -*/
	a.phone {
		pointer-events:none;
	}
}
@media all and (min-width:70em) { /*- 1120px and up -*/
	.cta {
		margin:-75px auto;
	}
}
@media all and (min-width:1140px) { /*- 1140px and up -*/
	.heroSlider .slick-dots li:first-child:before {
		left:calc(50% - 95px);
	}
}
@media all and (min-width:106.250em) { /*- 1700px and up -*/
	.emailSignup {
		background:url(../images/bg-plastics-factory.jpg) top center no-repeat;
		background-size:100% auto;
	}
	#interior .emailSignup {
/*		background:url(../images/bg-woman-keyboard.jpg) top center no-repeat;
		background-size:100% auto;*/
	}
}