/**
 *	Theme Name: Midway Metals Custom Website Theme
 *	Version: 2.0
 *	Description: This is the custom-designed website theme for the Midway metals website.
 *	Author: Mariart Design Studio
 *	Author URI: https://www.mariart.com.au
 *	Text Domain: midway
 */




/*  ********************************************************************************  **
**  ********************************************************************************  **

	Website Colours:
		
		Text Grey:					#3C3C3C			rgb(60, 60, 60)
		Grey:						#8B8D8E			rgb(139, 141, 142)
		Light Grey:					#E2E2E3			rgb(226, 226, 227)
		Light Grey Background:		#F2F2F2			rgb(242, 242, 242)
		Midway Red:					#981E32			rgb(152, 30, 50)
		Light Red:					#CB8E98			rgb(203, 142, 152)

/*  ********************************************************************************  **
**  ********************************************************************************  */









/*  ********************************************************************************  **
**  ********************************************************************************  **

	Website Styles

/*  ********************************************************************************  **
**  ********************************************************************************  */




/*  ********************************************************************************  **

	Standard HTML Tags

**  ********************************************************************************  */

body {
	margin: 0;
	padding: 0;
}





/*  ********************************************************************************  **



	Page Containers



**  ********************************************************************************  */

#page {
	padding-top: 185px;
}
/*
.admin-bar #page {
	padding-top: 217px;
}
*/

.content-block,
#metal-prices,
#masthead,
#header-search-area,
#colophon,
ul#slider li {
	margin: 0;
	padding: 100px 60px;
	position: relative;
	z-index: 0;
}
#metal-prices,
#masthead,
#header-search-area,
#colophon {
	background: #FFFFFF;
}
.content-block > .wrap,
#metal-prices > .wrap,
#masthead > .wrap,
#header-search-area > .wrap,
#colophon > .wrap,
ul#slider li > .wrap {
	max-width: 1800px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}




/*  **********  Container Updates  **********  */

#metal-prices {
	padding: 0 60px;
}
#masthead {
	padding: 30px 60px;
	z-index: 9999;
}
.scroll #masthead {
	padding-top: 10px;
	padding-bottom: 10px;
}
#colophon {
	padding: 20px 60px;
}

.content-block.narrow > .wrap {
	max-width: 1200px;
}
.midway-timeline-container > .wrap {
	max-width: 950px;
}
.content-block.stainless-steel-products-list {
	padding-bottom: 20px;
}
.content-block.stainless-steel-grades-container {
	padding-top: 0;
}
.content-block.no-top-padding {
	padding-top: 0;
}
.content-block.no-bottom-padding {
	padding-bottom: 0;
}
.content-block.small-bottom-margin {
	padding-bottom: 30px;
}




/*  *********  Columns  **********  */

.content-column {
	float: left;
	width: 48%;
	width: calc((100% - 60px) / 2);
}
.content-column.position-right {
	float: right;
}
.content-column.size-third {
	width: 31%;
	width: calc((100% - 60px) / 3);
}
.content-column.size-twothirds {
	width: 31%;
	width: calc(((100% - 120px) / 3 * 2) + 60px);
}




/*  **********  Full Width Background Blocks  **********  */

.full-width-bg-container {
	width: auto;
	overflow-x: hidden;
	padding: 0 100px;
}
.full-width-bg-container > .wrap {
	margin: 0 auto;
	max-width: 1800px;
	padding: 0;
	background: #EEFFEE;
	display: block;
}
.center-content {
	display: table;
	background: #FFFFFF;
	width: 100%;
	border-collapse: collapse;
}
.center-content .row {
	display: table-row;
	vertical-align: top;
	z-index: 1;
}
.center-content .cell {
	display: table-cell;
	position: relative;
	width: 50%;
	box-sizing: border-box;
	padding: 60px 0;
}
.cell.size-twothirds {
	width: 65%;
}
.cell.size-third {
	width: 35%;
}
.cell.left {
	padding-right: 60px;
}
.cell.right {
	padding-left: 60px;
}
.cell .content {
	position: relative;
	z-index: 1;
}
.cell.left .bg {
	content: ' ';
	position: absolute;
	z-index: 0;
	top: 0;
	bottom: 0;
	right: 0;
	left: -10000px;
}
.cell.right .bg {
	content: ' ';
	position: absolute;
	z-index: 0;
	top: 0;
	bottom: 0;
	right: -10000px;
	left: 0;
}




/*  ********************************************************************************  **

	Metal Prices

**  ********************************************************************************  */

#metal-prices {
	overflow: hidden;
	position: relative;
}
#metal-prices h2 {
	line-height: 55px;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	font-style: normal;
	margin: 0;
	padding: 0;
	color: #3C3C3C;
	background: #F2F2F2;
	display: inline-block;
	padding-right: 55px;
	position: relative;
	z-index: 1;
}
#metal-prices .cover {
	position: absolute;
	top: 0;
	bottom: 0;
	left: -2900px;
	width: 3000px;
	background: #F2F2F2;
	z-index: 0;
}

#metal-prices-list,
#metal-prices-list li {
	margin: 0;
	padding: 0;
	list-style: 0;
	display: inline-block;
}
#metal-prices-list li {
	line-height: 55px;
	padding: 0 0 0 40px;
	font-weight: bold;
	position: relative;
}
#metal-prices-list li:before {
	content: '|';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 15px;
	/*
	transform: rotate(45deg);
	*/
	font-style: italic;
	color: #B0B0B0;
}
#metal-prices-list li:first-child {
	padding-left: 0;
}
#metal-prices-list li:first-child:before {
	display: none;
}
#metal-prices-list li span {
	font-weight: normal;
}




/*  ********************************************************************************  **

	Header

**  ********************************************************************************  */

#masthead {
	z-index: 1;
	border-bottom: 1px solid #F2F2F2;
	padding-bottom: 60px;
}
#header-container {
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	right: 0;
}
.admin-bar #header-container {
	top: 32px;
}




/*  **********  Logo  **********  */

#masthead img.custom-logo {
	display: inline-block;
	width: auto;
	height: 100px;
	transition: height 0.2s;
}
.scroll #masthead img.custom-logo {
	height: 70px;
}




/*  **********  Search Form  **********  */

#header-search {
	position: absolute;
	top: -10px;
	right: 0;
}
#header-search input.search-submit {
	display: none;
}
#header-search input.search-field {
	border: 2px solid #E2E2E2;
	border-radius: 10px;
	padding: 5px 10px 5px 50px;
	line-height: 40px;
	width: 400px;
	background: url("assets/images/header/search-toggle.png") center left 15px no-repeat;
	background-size: 20px 20px;
	appearance: none;
	-webkit-appearance: none;
	color: #3C3C3C;
	font-size: 15px;
	font-weight: normal;
}
.scroll #header-search {
	display: none;
}




/*  **********  Search Area  **********  */

#header-search-area {
	background: #F2F2F2;
	position: absolute;
	bottom: -74px;
	left: 0;
	right: 0;
	z-index: 0;
}
#header-search-area {
	padding-top: 20px;
	padding-bottom: 20px;
}

#header-search-area input {
	border: none;
	background: none;
	font-size: 24px;
	line-height: 34px;
	margin: 0;
	padding: 0;
	appearance: none;
	-webkit-appearance: none;
}
#header-search-area input.search-submit {
	display: none;
}
#header-search-area input.search-field {
	width: calc(100% - 34px);
	text-align: center;
}
#header-search-close {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 2px;
	right: 0;
	border: none;
	background: url("assets/images/header/header-search-close.png") center center no-repeat;
	background-size: contain;
	text-indent: 50px;
	overflow: hidden;
	cursor: pointer;
}




/*  ********************************************************************************  **

	Main Navigation Menu

**  ********************************************************************************  */

#menu-toggle,
#search-toggle {
	display: none;
}

#primary-menu {
	position: absolute;
	right: 0;
	bottom: -60px;
}
.scroll #primary-menu {
	bottom: -10px;
}
#primary-menu .cover {
	position: absolute;
	top: 0;
	bottom: 0;
	right: -2900px;
	width: 3000px;
	background: #981E32;
	z-index: 0;
}

.sf-menu {
	margin: 0;
	position: relative;
	z-index: 1;
	background: #981E32;
	overflow: visible;
}
.sf-menu:before {
	content: ' ';
	position: absolute;
	left: -60px;
	top: 0;
	right: 0;
	width: 60px;
	height: 60px;
	background: #981E32;
	clip-path: 
		polygon(
			0% 60px,
			60px 0%,
			100% 0,
			100% 100%,
			0 100%
		);
	-webkit-clip-path: 
		polygon(
			0% 60px,
			60px 0%,
			100% 0,
			100% 100%,
			0 100%
		);
}

.sf-menu li,
.sf-menu li a,
.sf-menu li:hover,
.sf-menu li.sfHover {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}
.sf-menu li a {
	color: #FFFFFF;
}




/*  **********  First Level  **********  */

.sf-menu li a {
	color: #FFFFFF;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
}
.sf-menu > li > a:hover,
.sf-menu > li.current-menu-item > a,
.sf-menu > li.current-menu-parent > a,
.sf-menu > li.current-menu-ancestor > a {
	background: none;
	color: #CB8E98;
}
.sf-menu > li > a {
	line-height: 60px;
	padding: 0 10px;
	position: relative;
}
.sf-menu > li:last-child > a {
	padding-right: 0;
}
.sf-menu > li > a:before {
	content: '|';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	/*
	transform: rotate(45deg);
	*/
	font-style: italic;
	color: #CB8E98;
	font-size: 15px;
}
.sf-menu > li:first-child > a:before {
	display: none;
}

.sf-menu .home .header-search-link,
.sf-menu .home .header-search-link:hover {
	width: 50px;
	background: url("assets/images/header/search_icon.png") center center no-repeat;
	background-size: 15px 15px;
	font-size: 0;
}




/*  **********  Sub Levels  **********  */

.sf-menu ul li a {
	background: #F2F2F2;
	border-bottom: 1px solid #FFFFFF;
	color: #8B8D8E;
	padding: 10px 20px;
}
.sf-menu ul li > a:hover,
.sf-menu ul li.current-menu-item > a,
.sf-menu ul li.current-menu-parent > a,
.sf-menu ul li.current-menu-ancestor > a {
	background: #F2F2F2;
	color: #981E32;
}




/*  ********************************************************************************  **

	Footer

**  ********************************************************************************  */

#colophon {
	background: #F2F2F2;
}

#footer-links {
	text-align: center;
}
#footer-licenses,
#footer-credits {
	position: absolute;
	top: 0;
	left: 0;
}
#footer-credits {
	left: auto;
	right: 0;
}
#footer-links a,
#footer-credits a{
	color: #3C3C3C;
	text-decoration: none;
}
#footer-links a:hover,
#footer-credits a:hover {
	text-decoration: underline;
}
#footer-links a,
#footer-links span {
	padding: 0 20px;
	position: relative;
}
#footer-links a:before {
	content: '|';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	/*
	transform: rotate(45deg);
	*/
	font-style: italic;
}

#footer-licenses {
	font-weight: bold;
}
#footer-licenses span {
	font-weight: normal;
}




/*  ********************************************************************************  **

	Pages

**  ********************************************************************************  */

/*  **********  Catalogue  **********  */

.midway-metals-catalogue {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
}




/*  **********  Stainless Steel Blanking Line  **********  */

#blanking-line-capabilities .content-column p {
	display: none;
}




/*  **********  Plasma Cutting  **********  */

#plasma-cutting-block {
	text-align: center;
}




/*  **********  Welding Products  **********  */

.welding-products.mobile {
	display: none;
}
.welding-products .midway-tabs {
	top: -155px;
}
.welding-products p {
	text-align: center;
	font-size: 18px;
	line-height: 29px;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.welding-products table.data {
	width: auto;
	margin: 60px auto 0 auto;
}




/*  **********  Pickling Products  **********  */

.pickling-products.mobile {
	display: none;
}
.pickling-products .midway-tabs {
	top: -155px;
}
.content-block.midway-pickling-select-block {
	padding-top: 0;
}




/*  ********************************************************************************  **

	Shortcodes

**  ********************************************************************************  */

/*  **********  Home Page Icons  **********  */

.homepage-icons,
.homepage-icons li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.homepage-icons {
	font-size: 0;
	vertical-align: top;
	padding-bottom: 30px;
	text-align: center;
}
.homepage-icons > li {
	display: inline-block;
	width: 25%;
	padding: 0 30px;
	text-align: center;
	vertical-align: top;
	box-sizing: border-box;
	margin: 30px 0;
}
.homepage-icons.columns-6 > li {
	width: 16.66%;
	width: calc(100% / 6);
}
.homepage-icons li img {
	height: 90px;
	width: auto;
	display: block;
	margin: 0px auto;
	padding: 5px;
	transition: height 0.3s, padding 0.3s;
}
.homepage-icons li img:hover {
	height: 100px;
	padding: 0;
}
.homepage-icons li h3,
.midway-point h3 {
	font-size: 21px;
	line-height: 30px;
	font-weight: 600;
	font-style: normal;
	color: #3C3C3C;
}



/*  **********  Processes List  **********  */

.midway-processes,
.midway-processes > li {
	margin: 0;
	padding: 0;
	list-style: none;
	vertical-align: top;
}
.midway-processes {
	font-size: 0;
}
.midway-processes > li {
	display: inline-block;
	/* box-sizing: border-box; */
	width: 25%;
	width: calc((100% - 90px) / 4);
	padding: 0 15px;
	text-align: center;
	color: #3C3C3C;
	margin-top: 30px;
}
.midway-processes > li:first-child,
.midway-processes > li:nth-child(4n + 1) {
	padding-left: 0;
	clear: left;
}
.midway-processes > li:nth-child(4n),
.midway-processes > li:last-child {
	padding-right: 0;
}
.midway-processes > li .wrap {
	background: #FFFFFF;
	padding: 30px;
	clip-path: 
		polygon(
		 	0 0,
			100% 0,
			100% calc(100% - 30px),
			calc(100% - 30px) 100%,
			0 100%,
			0 30px
		);
	-webkit-clip-path: 
		polygon(
		 	0 0,
			100% 0,
			100% calc(100% - 30px),
			calc(100% - 30px) 100%,
			0 100%,
			0 30px
		);
}
.midway-processes > li img {
	width: 100%;
	height: auto;
	display: block;
	clip-path: 
		polygon(
			0% 30px,
			30px 0%,
			100% 0,
			100% 100%,
			0 100%
		);
	-webkit-clip-path: 
		polygon(
			0% 30px,
			30px 0%,
			100% 0,
			100% 100%,
			0 100%
		);
}
.midway-processes > li img.mobile {
	display: none;
}
.midway-processes > li .more-link {
	margin-right: 0;
}

.midway-processes > li h2 {
	font-weight: 600;
	font-size: 21px;
	line-height: 30px;
	font-style: normal;
}
.midway-processes > li h2 a {
	color: #3C3C3C;
	text-decoration: none;
}
.midway-processes > li h2 a:hover {
	text-decoration: underline;
}




/*  **********  Timeline  **********  */

.midway-timeline,
.midway-timeline li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.midway-timeline li {
	padding-top: 60px;
	position: relative;
}
.midway-timeline li:first-child {
	padding-top: 0;
}
.midway-timeline-entry h2 {
	float: left;
	width: 50%;
	padding-right: 40px;
	box-sizing: border-box;
	text-align: right;
	clear: both;
}
.midway-timeline-entry .content {
	padding-left: 50%;
}
.midway-timeline-entry .content p {
	margin-left: 40px;
}

.midway-timeline-entry:nth-child(even) h2 {
	float: right;
	text-align: left;
	padding-right: 0;
	padding-left: 40px;
}
.midway-timeline-entry:nth-child(even) .content {
	padding-left: 0;
	padding-right: 50%;
	text-align: right;
}
.midway-timeline-entry:nth-child(even) .content p {
	margin-left: 0;
	margin-right: 40px;
}

.timeline-marker {
	position: absolute;
	top: 65px;
	left: 50%;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #981E32;
	border: 2px solid #FFFFFF;
	margin-left: -10px;
}
.midway-timeline-entry:first-child .timeline-marker {
	top: 5px;
}

.timeline-line {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 2px;
	margin-left: -1px;
	background: #FFFFFF;
}
.midway-timeline-entry:first-child .timeline-line {
	top: 15px;
}
.midway-timeline-entry:last-child .timeline-line {
	bottom: auto;
	height: 75px;
}





/*  **********  Community  **********  */

.community-item {
	margin: 40px 0 0 0;
	padding: 35px;
	background: #FFFFFF;
	clip-path: 
		polygon(
			0% 0%,
			100% 0,
			100% calc(100% - 30px),
			calc(100% - 30px) 100%,
			0 100%
		);
	-webkit-clip-path: 
		polygon(
			0% 0%,
			100% 0,
			100% calc(100% - 30px),
			calc(100% - 30px) 100%,
			0 100%
		);
}

.community-filter-container {
	text-align: center;
}
.community-filter-container h3 {
	display: inline-block;
}
.midway-community-filter-button {
	display: inline-block;
	text-decoration: none;
	background: #981E32;
	color: #FFFFFF;
	margin: 0 0 0 10px;
	padding-right: 20px;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
}
.midway-community-filter-button:hover {
	background: #FFFFFF;
	color: #981E32;
}
.midway-community-filter-button.hidden {
	background: #8B8D8E;
	border-color: #8B8D8E;
}
.midway-community-filter-button.hidden:hover {
	background-color: #FFFFFF;
	color: #8B8D8E;
}

.community-item .community-gallery img {
	display: block;
	width: 18%;
	width: calc((100% - 20px) / 5);
	height: auto;
	float: right;
	clear: right;
	margin-bottom: 20px;
}
.community-item .community-gallery a:first-child img {
	width: 80%;
	width: calc((100% - 20px) / 5 * 4);
	float: left;
	margin-bottom: 0;
}

.click-to-enlarge {
	float: right;
	clear: right;
	line-height: 18px;
	vertical-align: middle;
}
.community-item .community-gallery .click-to-enlarge img {
	width: 18px;
	height: 18px;
	display: inline;
	vertical-align: middle;
	float: none;
	margin: 0 5px 0 0;
}




/*  **********  Testimonials  **********  */

.testimonials-container h1 {
	text-align: center;
}

.testimonial-item {
	background: #FFFFFF;
	padding: 50px 50px 50px 0;
	margin-top: 60px;
	clip-path: polygon(
		0 30px,
		30px 0%,
		100% 0,
		100% calc(100% - 30px),
		calc(100% - 30px) 100%,
		0 100%
	);
	-webkit-clip-path: polygon(
		0 30px,
		30px 0%,
		100% 0,
		100% calc(100% - 30px),
		calc(100% - 30px) 100%,
		0 100%
	);
	vertical-align: middle;
}

.testimonial-thumbnail-container {
	display: table-cell;
	vertical-align: middle;
	width: 450px;
}
.testimonial-thumbnail {
	display: block;
	width: auto;
	height: auto;
	max-width: 200px;
	max-height: 100px;
	margin: 0 auto;
}
.testimonial-item .content {
	display: table-cell;
	vertical-align: middle;
}
.testimonial-item .content p {
	font-size: 18px;
	line-height: 29px;
}
.testimonial-item .content p.testimonial-name {
	font-size: 15px;
	line-height: 25px;
}
.testimonial-item .content p.testimonial-name .name,
.testimonial-item .content p.testimonial-name .position {
	font-weight: 600;
}




/*  **********  Stainless Steel Products  *********  */

.stainless-steel-product {
	float: left;
	width: calc((100% - 120px) / 3);
	margin: 0 0 60px 60px;
	box-sizing: border-box;
	padding: 35px;
	background: #FFFFFF;
	clip-path: polygon(
		0 0,
		100% 0,
		100% calc(100% - 30px),
		calc(100% - 30px) 100%,
		0 100%
	);
	-webkit-clip-path: polygon(
		0 0,
		100% 0,
		100% calc(100% - 30px),
		calc(100% - 30px) 100%,
		0 100%
	);
	clear: none;
}
.stainless-steel-product:first-child,
.stainless-steel-product:nth-child(3n + 1) {
	margin-left: 0;
	clear: left;
}

.stainless-steel-product ul,
.pickling-product-container ul,
.midway-stage-container ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.stainless-steel-product ul li,
.pickling-product-container ul li,
.midway-stage-container ul li {
	border-bottom: 1px solid #E9E9E9;
	margin: 0;
	padding: 10px 0 10px 15px;
	background: url("assets/images/shared/dot_red.png") top 18px left no-repeat;
	background-size: 4px 4px;
}
.stainless-steel-product h3 {
	font-style: normal;
	font-weight: 600;
}




/*  **********  Reviews  **********  */

.reviews-container h2 {
	text-align: center;
}

.review-item {
	float: left;
	width: 30%;
	width: calc((100% - 120px) / 3);
	margin: 0 0 0 5%;
	margin-left: calc(60px);
}
.review-item:first-child {
	margin-left: 0;
}
.review-item p {
	font-size: 18px;
	line-height: 28px;
	font-weight: 500;
}
.review-item p.testimonial-name {
	font-size: 15px;
	line-height: 25px;
	font-weight: normal;
}




/*  **********  Stainless Steel Grades  **********  */

.stainless-steel-grades-tables.mobile {
	display: none;
}

.tabs-selector {
	text-align: center;
}
.tabs-selector h2 {
	display: inline-block;
	font-size: 21px;
	font-weight: 600;
	font-style: normal;
}
.tabs-selector select {
	appearance: none;
	-webkit-appearance: none;
	border: 1px solid #981E32;
	margin: 0 0 0 20px;
	padding: 10px 45px 10px 15px;
	background: url("assets/images/shared/arrow_down_red.png") #FFFFFF center right 15px no-repeat;
	background-size: 16px 16px;
	border-radius: 10px;
	cursor: pointer;
	font-size: 15px;
	color: #3C3C3C;
}

.tab-content {
	text-align: center;
	padding-bottom: 60px;
	margin: 0 auto;
	max-width: 1200px;
}




/*  **********  Why Stainless Steel  **********  */

.why-stainless-container {
	padding-top: 50px;
}

.why-column {
	float: left;
	width: 47.5%;
	width: calc((100% - 60px) / 2);
}
.why-column:nth-child(2) {
	float: right;
}

.why-container {
	background: #FFFFFF;
	padding: 30px;
	border-bottom: 1px solid #E2E2E3;
}
.why-container:first-child {
	border-top: 1px solid #E2E2E3;
}
.why-container .number {
	float: left;
	font-size: 30px;
	line-height: 42px;
	font-weight: bold;
	font-style: italic;
	color: #981E32;
}
.why-container .content {
	margin-left: 70px;
}
.why-container .content h3 {
	font-size: 17px;
	line-height: 22px;
	font-weight: 500;
	font-style: normal;
}




/*  **********  Difference  *********  */

.difference-container {
	padding-top: 50px;
}
.difference-list,
.difference-list li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.difference-list li {
	float: left;
	width: 15%;
	width: calc((100% - 200px) / 6);
	margin-left: 2%;
	margin-left: 40px;
	text-align: center;
}
.difference-list li:first-child {
	margin-left: 0;
}
.difference-list li img {
	display: block;
	margin: 0 auto 20px auto;
	width: 90%;
	max-width: 80px;
	height: auto;
}
.difference-list li h3 {
	font-size: 18px;
	line-height: 29px;
	font-style: normal;
	font-weight: 500;
}




/*  **********  Services  **********  */

.midway-services-list,
.midway-services-list li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.midway-services-list li {
	float: left;
	width: 30%;
	width: calc((100% - 180px) / 4);
	margin: 60px 0 0 5%;
	margin-left: calc(60px);
}
.midway-services-list li:first-child,
.midway-services-list li:nth-child(4n + 1) {
	margin-left: 0;
	clear: left;
}

.midway-services-list li .wrap {
	padding: 35px;
	background: #FFFFFF;
	clip-path: polygon(
		0 0, 
		100% 0, 
		100% calc(100% - 30px),
		calc(100% - 30px) 100%, 
		0 100%, 0 30px
	);
	-webkit-clip-path: polygon(
		0 0, 
		100% 0, 
		100% calc(100% - 30px),
		calc(100% - 30px) 100%, 
		0 100%, 0 30px
	);
}
.midway-services-list li .wrap p {
	color: #3C3C3C;
}
.midway-services-list li h2 {
	font-size: 21px;
	line-height: 30px;
	font-style: normal;
	font-weight: 600;
}
.midway-services-list li h2 a {
	color: #3C3C3C;
	text-decoration: none;
}
.midway-services-list li h2 a:hover {
	text-decoration: underline;
}

.midway-services-list li .midway-services-header {
	width: 100%;
	margin: 0;
	padding: 0;
	display: block;
	clip-path: polygon(
		0% 30px,
		30px 0%,
		100% 0, 
		100% 100%,
		0 100%
	);
	-webkit-clip-path: polygon(
		0% 30px,
		30px 0%,
		100% 0, 
		100% 100%,
		0 100%
	);
}
.midway-services-list li .midway-services-header.mobile {
	display: none;
}




/*  **********  Full Width Background Blocks  **********  */

.cell.right *,
.cell.right h3 {
	color: #FFFFFF;
	margin-bottom: 5px;
}
.cell.right h3 {
	/* margin-top: 30px; */
	margin-bottom: 15px;
}
.cell.right table td {
	color: #3C3C3C;
}
.cell.right .more-link:hover {
		color: #981E32;
}
.cell h3 {
	font-style: normal;
	font-weight: 600;
	font-size: 21px;
	line-height: 30px;
}




/*  **********  Stages  **********  */

.midway-stage-container {
	margin: 60px 0 0 0;
	position: relative;
}
.midway-stage-container .content {
	margin-left: 50%;
	padding: 50px;
	box-sizing: border-box;
	background: #F2F2F2;
	clip-path: polygon(
		0% 0,
		100% 0, 
		100% calc(100% - 30px),
		calc(100% - 30px) 100%,
		0 100%
	);
	-webkit-clip-path: polygon(
		0% 0,
		100% 0, 
		100% calc(100% - 30px),
		calc(100% - 30px) 100%,
		0 100%
	);
}
.midway-stage-container .image {
	position: absolute;
	width: 50%;
	left: 0;
	top: 0;
	bottom: 0;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	clip-path: polygon(
		0% 30px,
		30px 0%,
		100% 0, 
		100% 100%,
		0 100%
	);
	-webkit-clip-path: polygon(
		0% 30px,
		30px 0%,
		100% 0, 
		100% 100%,
		0 100%
	);
}
.midway-stage-container ul,
.pickling-product-container ul {
	padding: 0;
}
.midway-stage-container li,
.pickling-product-container li {
	margin: 20px;
}
.midway-stage-container h3,
.pickling-product-container h3 {
	font-size: 21px;
	line-height: 30px;
	font-style: normal;
	font-weight: 500;
}
.midway-stage-container h4,
.pickling-product-container h4 {
	font-size: 18px;
	line-height: 29px;
	font-style: normal;
	font-weight: 500;
}




/*  **********  Header Button  **********  */

.header-button {
	display: block;
	width: 200px;
	height: auto;
	position: absolute;
	top: -200px;
	right: -150px;
}




/*  **********  Points  **********  */

.midway-point {
	display: inline-block;
	width: 230px;
	margin: 30px 30px 0 30px;
	text-align: center;
	vertical-align: top;
}

.midway-point img {
	display: block;
	margin: 0 auto 20px auto;
	width: 70px;
	height: auto;
}




/*  **********  Picling Products  **********  */

.pickling-products div.description {
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
}
.pickling-product-container {
	margin: 60px 0 0 0;
	position: relative;
}
.pickling-product-container .image {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 50%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	clip-path: polygon(
		0% 30px,
		30px 0%,
		100% 0, 
		100% 100%,
		0 100%
	);
	-webkit-clip-path: polygon(
		0% 30px,
		30px 0%,
		100% 0, 
		100% 100%,
		0 100%
	);
}
.pickling-product-container .content {
	margin-left: 50%;
	padding: 50px;
	background: #FFFFFF;
	clip-path: polygon(
		0% 0,
		100% 0, 
		100% calc(100% - 30px),
		calc(100% - 30px) 100%,
		0 100%
	);
	-webkit-clip-path: polygon(
		0% 0,
		100% 0, 
		100% calc(100% - 30px),
		calc(100% - 30px) 100%,
		0 100%
	);
}




/*  **********  Locations  **********  */

.midway-locations {
	margin: 0;
	padding: 0;
	list-style: none;
}
.midway-locations li {
	margin: 60px 0 0 0;
	padding: 0;
	list-style: none;
}
.midway-locations li:first-child {
	margin-top: 0;
}
.midway-locations h3 {
	font-weight: 500;
	font-style: normal;
	font-size: 19px;
	line-height: 29px;
}

.midway-location-map {
	width: 100%;
	height: 300px;
	margin: 20px 0 0 0;
}

.midway-location-contact {
	width: 100%;
	border-collapse: collapse;
}
.midway-location-contact tr {
	vertical-align: top;
}
.midway-location-contact td {
	border-bottom: 1px solid #E2E2E2;
}
.midway-location-contact .label {
	font-weight: 500;
	padding: 10px 10px 10px 0;
}
.midway-location-contact .data {
	padding: 10px 0;
}




/*  **********  Latest Article  **********  */

.home-news-article .feature a {
	text-decoration: none;
	color: #3C3C3C;
}
.home-news-article .feature a:hover {
	color: #981E32;
}
.home-news-article .wrap {
	padding-left: 50px;
	border-left: 1px solid #CCCCCC;
}




/*  ********************************************************************************  **

	News

**  ********************************************************************************  */

.category h1 {
	text-align: center;
}
.archive-item {
	float: left;
	width: 30%;
	width: calc((100% - 120px) / 3);
	margin: 60px 0 0 5%;
	margin-left: calc(60px);
}
.archive-item:first-child,
.archive-item:nth-child(3n + 1) {
	margin-left: 0;
	clear: left;
}
.archive-item a.archive-image {
	display: block;
	width: 100%;
	height: 200px;
	background-size: cover;
	background-position: center center;
	background-repeat: repeat;
	clip-path: polygon(
		0 30px,
		30px 0,
		100% 0, 
		100% 100%,
		0 100%
	);
	-webkit-clip-path: polygon(
		0 30px,
		30px 0,
		100% 0, 
		100% 100%,
		0 100%
	);
}
.archive-item .entry-content {
	padding: 30px;
	background: #FFFFFF;
	clip-path: polygon(
		0% 0,
		100% 0, 
		100% calc(100% - 30px),
		calc(100% - 30px) 100%,
		0 100%
	);
	-webkit-clip-path: polygon(
		0% 0,
		100% 0, 
		100% calc(100% - 30px),
		calc(100% - 30px) 100%,
		0 100%
	);
}
.archive-item .entry-content h3 a {
	text-decoration: none;
	color: #3C3C3C;
}
.archive-item .entry-content h3 a:hover {
	text-decoration: underline;
}




/*  **********  Pagination  **********  */

.pagination {
	text-align: center;
	margin-top: 30px;
}
.pagination a,
.pagination span {
	display: inline-block;
	margin: 0 5px;
	padding: 10px 15px;
	font-size: 14px;
	line-height: 14px;
	border-radius: 10px;
	background: #FFFFFF;
	color: #981E32;
	border: 1px solid #981E32;
	font-weight: 500;
}
.pagination a {
	color: #FFFFFF;
	background-color: #981E32;
	text-decoration: none;
}
.pagination a:hover {
	color: #981E32;
	background-color: #FFFFFF;
}




/*  ********************************************************************************  **

	Posts / Blog Articles

**  ********************************************************************************  */

.single-post .entry-header {
	margin-bottom: 30px;
}
.single-post .fea ture-image img {
	max-width: 1200px;
	margin: 0 auto;
}




/*  ********************************************************************************  **

	Contact Us

**  ********************************************************************************  */

.page .gform_wrapper label.gfield_label, 
.page .gform_wrapper legend.gfield_label {
	font-weight: 500;
}




/*  ********************************************************************************  **

	Shared Styles

**  ********************************************************************************  */

.clear {
	clear: both;
}




.feature-image {
	width: 100%;
	height: 400px;
	display: block;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.single-post .feature-image {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}




/*  **********  Cut-Off Corners  **********  */

.cutoff-right {
	clip-path: 
		polygon(
		 	0 0,                 /* top left */
			100% 0,               /* top right */
			100% calc(100% - 55px),  /* bottom right */
			calc(100% - 55px) 100%,  /* bottom right */
			0 100%,               /* bottom left */
			0 55px      /* bottom left */
		);
	-webkit-clip-path: 
		polygon(
		 	0 0,
			100% 0,
			100% calc(100% - 55px),
			calc(100% - 55px) 100%,
			0 100%,
			0 55px
		);
}





/*  **********  Tabs and Tab Panels  **********  */

.midway-tabs {
	position: absolute;
	top: -55px;
	left: 0;
	right: 0;
	text-align: center;
	margin: 0;
	padding: 0;
	list-style: none;
}
.midway-tabs li {
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none;
}
.midway-tabs li a {
	display: block;
	line-height: 55px;
	margin: 0 5px;
	padding: 0 50px 0 20px;
	background: url("assets/images/shared/arrow_down_white.png") center right 20px no-repeat #8B8D8E;
	background-size: 16px 16px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.midway-tabs li a.active {
	background-color: #981E32;
}




/*  **********  Data Table  **********  */

table.data {
	width: 100%;
	border-collapse: collapse;
	background: #FFFFFF;
}
table.data.auto-width {
	width: auto;
	margin: 0 auto;
}
table.data tr {
	vertical-align: top;
}
table.data.vertical-center tr {
	vertical-align: middle;
}
table.data th,
table.data td {
	padding: 15px;
	text-align: left;
}
table.data th {
	font-weight: 500;
	font-size: 17px;
	line-height: 22px;
	color: #FFFFFF;
	background-color: #981E32;
}
table.data td {
	font-weight: normal;
	border-bottom: 1px solid #E2E2E3;
}
table.data td:first-child {
	background: #F2F2F2;
}




/*  **********  Slider  **********  */

.bx-wrapper {
	margin: 0;
	border: none;
	box-shadow: none;
}

ul#slider {
	margin: 0;
	padding: 0;
}
ul#slider,
ul#slider li {
	list-style: none;
}
ul#slider li > .wrap {
	height: 400px;
}
ul#slider li > .slider-slide-image {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 0;
}

.bx-wrapper .bx-pager {
	bottom: 0;
	padding-top: 0;
	padding-bottom: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	width: 16px;
	height: 16px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	background: url("assets/images/shared/slider/slider.png") center center no-repeat;
	background-size: 16px 16px;
}
.bx-wrapper .bx-pager.bx-default-pager a.active, 
.bx-wrapper .bx-pager.bx-default-pager a:focus,
.bx-wrapper .bx-pager.bx-default-pager a:hover {
	background: url("assets/images/shared/slider/slider_active.png") center center no-repeat;
	background-size: 16px 16px;
}

.slider-caption.mobile {
	display: none;
}

.slider-caption {
	position: absolute;
	z-index: 2;
	bottom: -100px;
	right: 0;
	background: #8B8D8E;
	color: #FFFFFF;
	padding: 60px;
	padding-left: 300px;
	padding-right: 0;
	text-align: right;
	height: 300px;
	max-width: 700px;
	box-sizing: border-box;
	clip-path: 
		polygon(
			0% 300px,
			300px 0%,
			100% 0,
			100% 100%,
			0 100%
		);
	-webkit-clip-path: 
		polygon(
			0% 300px,
			300px 0%,
			100% 0,
			100% 100%,
			0 100%
		);
}
.slider-caption h2 {
	font-size: 30px;
	line-height: 42px;
	font-style: italic;
	color: #FFFFFF;
	margin-bottom: 20px;
	font-weight: bold;
}
.slider-caption p {
	font-size: 19px;
	line-height: 29px;
}
.slider-caption a.more-link {
	margin-right: 0;
}
.slider-cover {
	z-index: 0;
	position: absolute;
	bottom: -100px;
	right: -2000px;
	width: 2000px;
	height: 300px;
	background: #8B8D8E;
}




/*  **********  Styled Lists  ***********  */

ul.fancy {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.fancy li {
	border-bottom: 1px solid #888A89;
	padding: 10px 0 10px 16px;
	background: url("assets/images/shared/dot_white.png") left top 15px no-repeat;
	background-size: 5px 5px;
}




/*  **********  Image Column  **********  */

.content-column.image-column {
	text-align: center;
	background: #FFFFFF;
	margin-top: 30px;
	padding-bottom: 10px;
	clip-path: polygon(
		0 30px,
		30px 0,
		100% 0,
		100% calc(100% - 30px),
		calc(100% - 30px) 100%,
		0 100%
	);
	-webkit-clip-path: polygon(
		0 30px,
		30px 0,
		100% 0,
		100% calc(100% - 30px),
		calc(100% - 30px) 100%,
		0 100%
	);
}
.content-column.image-column:first {
	margin-top: 0;
}
.content-column.image-column img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 0 30px 0;
	clip-path: polygon(
		0 30px,
		30px 0,
		100% 0,
		100% 100%,
		0 100%
	);
	-webkit-clip-path: polygon(
		0 30px,
		30px 0,
		100% 0,
		100% 100%,
		0 100%
	);
}









/*  **********  Embed Responsively  ***********  */



.midway-video {

	display: block;

	margin: 60px auto 0 auto;

	max-width: 900px;

}



.embed-container {

	position: relative;

	padding-bottom: 56.25%;

	height: 0;

	overflow: hidden;

	max-width: 100%; 

}

.embed-container iframe,

.embed-container object, 

.embed-container embed {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%; 

	height: 100%;

}









/*  **********  Contact Map  **********  */



.contact-map-container {

	width: 100%;

	max-width: 900px;

	margin: 0 auto;

	position: relative;

}

.contact-map-container img {

	position: relative;

	display: block;

	width: 100%;

	height: auto;

}

.contact-map-container a {

	position: absolute;

	top: 0;

	left: 0;

	width: 200px;

	height: 200px;

	text-indent: 4000px;

	overflow: hidden;

	font-size: 0;

}

.contact-map-container a.contact-au {

	top: 43%;

	left: 24%;

	width: 42%;

	height: 50%;

}

.contact-map-container a.contact-nz {

	top: 77%;

	left: 77%;

	width: 13%;

	height: 22%;

}

.contact-map-container a.contact-vn {

	top: 0;

	left: 10%;

	width: 13%;

	height: 20%;

}









.page-id-3 .content-block ol ol {

	list-style: lower-alpha;

	margin-top: 10px;

	margin-bottom: 10px;

}





/*  **********  Downloads Page  **********  */

#processes-downloads-list,
#downloads-videos-list {
	text-align: center;
}

#downloads-list,
#downloads-list li,
#downloads-videos,
#downloads-videos li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#downloads-list li,
#downloads-videos li {
	float: left;
	width: calc((100% - 150px) / 4);
	margin: 20px 0 0 50px;
	clear: none;
	text-align: center;
}
#downloads-videos li {
	width: calc((100% - 100px) / 2);
	margin-left: 100px;
	margin-top: 50px;
	text-align: left;
}
#downloads-videos li h3 {
color: #FFFFFF;
}
#downloads-list li:first-child,
#downloads-list li:nth-child(4n + 1),
#downloads-videos li:first-child,
#downloads-videos li:nth-child(2n + 1) {
	clear: both;
	margin-left: 0;
}

#downloads-list li img {
	display: block;
	width: 80%;
	max-width: 200px;
	height: auto;
	margin: 0 auto;
}

















/*  ********************************************************************************  **

**  ********************************************************************************  **



	Responsive Media Queries



/*  ********************************************************************************  **

**  ********************************************************************************  */









/*  ********************************************************************************  **



	1600px



**  ********************************************************************************  */



@media screen and (max-width: 1600px) {



	/*  **********************************************************************  **



		Shortcodes



	**  **********************************************************************  */

	

	/*  **********  Header Button  **********  */



	.header-button {

		right: -50px;

	}



}









/*  ********************************************************************************  **



	1400px



**  ********************************************************************************  */



@media screen and (max-width: 1400px) {



	/*  **********************************************************************  **



		Home Page



	**  **********************************************************************  */

	

	/*  **********  Services  **********  */

	

	.midway-processes > li {

		width: 50%;

		padding-left: 20px;

		padding-right: 20px;

		box-sizing: border-box;

	}

	.midway-processes > li:first-child,

	.midway-processes > li:nth-child(2) {

		margin-bottom: 40px;

	}

	.midway-processes > li:first-child,

	.midway-processes > li:nth-child(2n + 1) {

		padding-left: 0;

	}

	.midway-processes > li:nth-child(2n) {

		padding-right: 0;

	}

	.midway-processes > li img.desktop {

		display: none;

	}

	.midway-processes > li img.mobile {

		display: block;

	}

	

	

	

	

	/*  **********************************************************************  **



		Shortcodes



	**  **********************************************************************  */

	

	/*  **********  Testimonials  **********  */

	

	.testimonial-thumbnail-container {

		width: 300px;

	}

	.testimonial-thumbnail {

		max-width: 160px;

		max-height: 70px;

	}

	.testimonial-item .content p {

		font-size: 16px;

		line-height: 26px;

	}

	.quote-open {

		width: 16px;

		height: 16px;

	}

	

	

	

	

	/*  **********  Stainless Steel Grades  **********  */

	

	.tabs-selector select {

		padding: 7px 35px 7px 10px;

		background: url("assets/images/shared/arrow_down_red.png") #FFFFFF center right 10px no-repeat;

		background-size: 12px 12px;

		border-radius: 7px;

	}

	.midway-tabs {

		top: -45px;

	}

	.midway-tabs li a {

		line-height: 45px;

		padding: 0 45px 0 15px;

		background-position: center right 20px;

		background-size: 12px 12px;

		border-top-left-radius: 7px;

		border-top-right-radius: 7px;

		font-size: 14px;

	}

	

	table.data th {

		font-size: 16px;

		line-height: 21px;

	}

	table.data td {

		font-size: 14px;

	}

	table.data th, table.data td {

		padding: 10px;

	}

	

	

	

	

	.testimonial-item {

		margin-top: 30px;

	}

	

	

	

	

	



	.community-item .community-gallery img {

		display: block;

		width: 22%;

		width: calc((100% - 30px) / 4);

		float: left;

		margin: 0 3% 0 0;

		margin-right: calc(10px);

	}

	.community-item .community-gallery a:first-child img {

		width: 100%;

		float: none;

		display: block;

		margin: 0 0 10px 0;

	}

	.click-to-enlarge {

		font-size: 13px;

		line-height: 13px;

		width: 22%;

		width: calc((100% - 30px) / 4);

		text-align: right;

	}

	.community-item .community-gallery .click-to-enlarge img {

		width: 12px;

		height: 12px;

		margin: 0 3px 0 0;

	}



}









/*  ********************************************************************************  **



	1300px



**  ********************************************************************************  */



@media screen and (max-width: 1300px) {



	/*  **********************************************************************  **



		Page Containers



	**  **********************************************************************  */

	

	#masthead {

		padding-top: 20px;

		padding-bottom: 20px;

	}

	

	#page,

	.admin-bar #page {

		padding-top: 165px;

	}

	

	

	



	/*  **********************************************************************  **



		Header



	**  **********************************************************************  */

	

	#content {

		z-index: 0;

	}

	

	#header-container {

		z-index: 10;

	}

	

	#metal-prices,

	#masthead {

		z-index: 1;

		background: #FFFFFF;

	}

	#masthead img.custom-logo {

		display: block;

		margin: 0 auto;

		position: relative;

		z-index: 0;

		height: 70px;

	}

	.scroll #masthead img.custom-logo {

		height: 50px;

	}

	

	

	

	

	/*  **********  Search Area  **********  */

	

	#header-search {

		display: none;

	}

	

	#search-toggle {

		display: block;

		position: absolute;

		z-index: 0;

		right: 0;

		top: 0;

		bottom: 0;

		width: 20px;

		border: none;

		background: url("assets/images/header/search-toggle.png") center center no-repeat;

		background-size: 20px 20px;

		text-indent: 20px;

		overflow: hidden;

		cursor: pointer;

	}

	

	

	



	/*  **********************************************************************  **



		Navigation Menu



	**  **********************************************************************  */

	

	#primary-menu {

		display: none;

	}

	#menu-toggle {

		display: block;

		position: absolute;

		z-index: 1;

		left: 0;

		top: 0;

		bottom: 0;

		border: none;

		background: url("assets/images/header/menu-toggle.png") center center no-repeat;

		background-size: 20px 20px;

		width: 20px;

		text-indent: 20px;

		overflow: hidden;

		cursor: pointer;

	}

	

	#mobile-menu li.header-search-link {

		display: none;

	}

	

	

	

	

	.why-column {

		width: calc((100% - 30px) / 2);

	}



}









/*  ********************************************************************************  **



	1200px



**  ********************************************************************************  */



@media screen and (max-width: 1200px) {



	/*  **********************************************************************  **



		Font Size Changes



	**  **********************************************************************  */

	

	h1,

	h2,

	.slider-caption h2 {

		font-size: 24px;

		line-height: 34px;

	}

	.midway-processes > li h2,

	.homepage-icons li h3,

	.midway-point h3 {

		font-size: 19px;

		line-height: 28px;

		margin-bottom: 15px;

	}

	h3 {

		font-size: 19px;

		line-height: 28px;

	}

	

	

	

	

	/*  **********************************************************************  **



		Page Containers



	**  **********************************************************************  */



	/*  **********  Container Updates  **********  */

	

	.content-block.stainless-steel-grades-tables {

		padding-top: 0;

	}

	.full-width-bg-container {

		padding: 0 60px;

	}

	

	

	



	/*  **********************************************************************  **



		Slider



	**  **********************************************************************  */

	

	ul#slider li {

		padding: 0;

	}

	ul#slider li > .wrap {

		height: auto;

	}

	ul#slider li > .slider-slide-image {

		position: relative;

		top: auto;

		bottom: auto;

		left: auto;

		right: auto;

		height: 330px;

	}

	.slider-cover,

	.slider-caption.desktop {

		display: none;

	}

	.slider-caption.mobile {

		display: block;

		position: relative;

		bottom: auto;

		left: auto;

		right: auto;

		padding: 35px 35px 45px 35px;

		margin-top: -30px;

		height: auto;

		max-width: none;

		text-align: center;

		clip-path: polygon(

			0% 30px, 

			30px 0%, 

			100% 0, 

			100% 100%,

			0 100%

		);

		-webkit-clip-path: polygon(

			0% 30px, 

			30px 0%, 

			100% 0, 

			100% 100%,

			0 100%

		);

	}

	.slider-caption p:first-child {

		margin-top: 0;

	}

	.slider-caption p:last-child {

		margin-botom: 0;

	}

	

	.bx-wrapper .bx-pager {

		padding-bottom: 10px;

	}

	

	

	

	

	/*  **********************************************************************  **



		Home Page



	**  **********************************************************************  */

	

	/*  **********  Home page icons  **********  */

	

	.homepage-icons > li,

	.homepage-icons.columns-6 > li {

		display: block;

		float: right;

		width: 48%;

		width: calc((100% - 40px) / 2);

		padding: 0;

		text-align: left;

		margin-bottom: 30px;

	}

	.homepage-icons li:first-child,

	.homepage-icons li:nth-child(2n + 1),

	.homepage-icons.columns-6 li:first-child,

	.homepage-icons.columns-6 li:nth-child(2n + 1) {

		float: left;

		clear: both;

	}

	.homepage-icons li img,

	.homepage-icons li img:hover {

		float: left;

		height: 60px;

		width: auto;

		margin: 0px;

		padding: 0px;

	}

	.homepage-icons li h3,

	.midway-point h3 {

		margin-top: 0;

		margin-bottom: 10px;

	}

	.homepage-icons li h3,

	.homepage-icons li p {

		margin-left: 90px;

	}

	.homepage-icons li p,

	.midway-point p {

		margin-top: 0;

		font-size: 15px;

	}

	

	

	

	

	/*  **********  Services  **********  */

	

	.midway-services-list li h2 {

		font-size: 19px;

		line-height: 28px;

	}



	.midway-services-list li,

	.midway-services-list li:nth-child(3n + 1) {

		width: 47.5;

		width: calc((100% - 40px) / 2);

		margin: 0 0 40px 5%;

		margin-left: calc(40px);

		clear: none;

	}

	.midway-services-list li:first-child,

	.midway-services-list li:nth-child(2n + 1) {

		margin-left: 0;

		clear: left;

	}

	.midway-services-list li .wrap {

		padding: 30px;

		clip-path: polygon(

			0 0, 

			100% 0,

			100% calc(100% - 20px), 

			calc(100% - 20px) 100%,

			0 100%, 0 20px

		);

		-webkit-clip-path: polygon(

			0 0, 

			100% 0,

			100% calc(100% - 20px), 

			calc(100% - 20px) 100%,

			0 100%, 0 20px

		);

	}

	.midway-services-list li .midway-services-header {

		clip-path: polygon(

			0% 20px, 

			20px 0%,

			100% 0,

			100% 100%,

			0 100%

		);

		-webkit-clip-path: polygon(

			0% 20px, 

			20px 0%,

			100% 0,

			100% 100%,

			0 100%

		);

	}

	.midway-services-list li .midway-services-header.desktop {

		display: none;

	}

	.midway-services-list li .midway-services-header.mobile {

		display: block;

	}

	

	

	

	

	/*  **********  Header Button  **********  */



	.header-button {

		width: 140px;

		top: -180px;

	}

	

	

	

	

	/*  **********  Points  **********  */

	

	.midway-points-container {

		text-align: left;

	}

	

	.midway-point {

		width: 49%;

		margin-left: 0;

		margin-right: 0;

		text-align: left;

	}

	.midway-point img {

		float: left;

		width: 50px;

	}

	.midway-point .content {

		margin-left: 60px;

	}

	.midway-point p {

		font-size: 15px;

		line-height: 25px;

	}

	

	

	

	

	/*  **********  Stainless Steel Grades  **********  */



	.stainless-steel-grades-tables.desktop {

		display: none;

	}

	.stainless-steel-grades-tables.mobile {

		display: block;

	}

	

	.mobile-tabs-selector a {

		display: block;

		font-weight: bold;

		font-style: italic;

		color: #FFFFFF;

		background: url("assets/images/shared/arrow_down_white.png") center right 10px no-repeat #8B8D8E;

		background-size: 12px 12px;

		text-decoration: none;

		padding: 10px;

		cursor: pointer;

	}

	.mobile-tabs-selector a.active {

		background-color: #981E32;

		background-image: url("assets/images/shared/arrow_up_white.png");

	}

	

	.mobile-tab-container {

		padding: 20px;

	}

	

	

	table.data-mobile {

		width: 100%;

		border-collapse: collapse;

		background: #FFFFFF;

	}

	table.data-moble tr {

		vertical-align: top;

	}

	table.data-mobile th,

	table.data-mobile td {

		padding: 7px;

		text-align: left;

	}

	table.data-mobile th {

		color: #FFFFFF;

		background: url("assets/images/shared/arrow_down_white.png") center right 7px no-repeat #981E32;

		background-size: 10px 10px;

		font-weight: 600;

		font-size: 15px;

		cursor: pointer;

		border-top: 1px solid #CB8E98;

	}

	table.data-mobile th.active {

		background-image: url("assets/images/shared/arrow_up_white.png");

	}

	table.data-mobile td {

		border-bottom: 1px solid #E2E2E3;

	}

	table.data-mobile td:first-child {

		background: #F2F2F2;

	}

	

	

	

	

	/*  **********  Welding Products  **********  */

	

	.welding-products.desktop {

		display: none;

	}

	.welding-products.mobile {

		display: block;

		padding-top: 0;

		background: none !important;

	}

	.welding-products table.data {

		margin-top: 40px;

	}

	

	/*  **********  Pickling Products  **********  */

	

	.pickling-products.desktop {

		display: none;

	}

	.pickling-products.mobile {

		display: block;

	}

	.pickling-product-container {

		margin-top: 40px;

	}

	

	.tab-content {

		padding-bottom: 30px;

	}

	

	

	

	

	/*  **********************************************************************  **



		News



	**  **********************************************************************  */



	.archive-item,

	.archive-item:nth-child(3n + 1) {

		width: 47.5%;

		width: calc((100% - 50px) / 2);

		margin-left: calc(50px);

		clear: none;

	}

	.archive-item:first-child,

	.archive-item:nth-child(2n + 1) {

		margin-left: 0;

		clear: left;

	}

	.archive-item .entry-content {

		padding: 25px;

		clip-path: polygon(

			0% 0,

			100% 0,

			100% calc(100% - 20px),

			calc(100% - 20px) 100%,

			0 100% 

		);

		-webkit-clip-path: polygon(

			0% 0,

			100% 0,

			100% calc(100% - 20px),

			calc(100% - 20px) 100%,

			0 100% 

		);

	}

	.archive-item a.archive-image {

		clip-path: polygon(

			0 20px,

			20px 0,

			100% 0, 

			100% 100%,

			0 100%

		);

		-webkit-clip-path: polygon(

			0 20px,

			20px 0,

			100% 0, 

			100% 100%,

			0 100%

		);

	}

	.archive-item .entry-content h2 {

		font-size: 19px;

		line-height: 29px;

	}



}









/*  ********************************************************************************  **



	1000px



**  ********************************************************************************  */



@media screen and (max-width: 1000px) {



	/*  **********************************************************************  **



		Font Sizes



	**  **********************************************************************  */

	

	p {

		font-size: 14px;

		line-height: 23px;

	}

	p.feature {

		font-size: 16px;

		line-height: 26px;

	}

	

	

	

	

	/*  **********************************************************************  **



		Page Containers



	**  **********************************************************************  */



	.content-block,

	#metal-prices,

	#masthead,

	#colophon,

	ul#slider li {

		padding: 60px;

	}

	#metal-prices,

	#masthead {

		background: #FFFFFF;

	}









	/*  **********  Container Updates  **********  */



	#metal-prices {

		padding: 0 60px;

	}

	#masthead {

		padding: 30px 60px;

	}

	.scroll #masthead {

		padding-top: 10px;

		padding-bottom: 10px;

	}

	#colophon {

		padding: 20px 60px;

	}

	.content-block.stainless-steel-grades-container {

		padding-top: 0;

	}

	.content-block.no-top-padding {

		padding-top: 0;

	}

	.content-block.no-bottom-padding {

		padding-bottom: 0;

	}

	.content-block.stainless-steel-grades-tables {

		padding-top: 0;

	}

	ul#slider li {

		padding: 0;

	}

	

	

	

	

	/*  **********  Columns  **********  */

	

	.content-column,

	.content-column.position-right,

	.content-column.size-third,

	.content-column.size-twothirds {

		float: none;

		width: auto;

	}

	

	.content-column.community-content h2:first-child {

		margin-top: 30px;

	}

	

	

	

	

	/*  **********  Full Width Background Blocks  **********  */

	

	.full-width-bg-container {

		padding: 0 60px;

	}

	.center-content,

	.center-content .row {

		display: block;

	}

	.center-content .cell {

		display: block;

		position: relative;

		width: auto;

	}

	.cell.left,

	.cell.right {

		padding-left: 0;

		padding-right: 0;

	}

	.cell.left .bg,

	.cell.right .bg {

		left: -1000px;

		right: -1000px;

	}

	

	

	

	

	/*  **********************************************************************  **



		Header



	**  **********************************************************************  */

	

	#header-search-close {

		width: 20px;

		height: 20px;

	}









	/*  **********************************************************************  **



		Metal Prices



	**  **********************************************************************  */

	

	#metal-prices {

		overflow: visible;

		background: #F2F2F2;

	}

	#metal-prices .cover {

		display: none;

	}



	#metal-prices h2 {

		line-height: 40px;

		display: block;

		padding: 0;

		text-align: center;

		cursor: pointer;

	}

	#metal-prices h2:after {

		content: ' ';

		display: inline-block;

		margin-left: 10px;

		width: 10px;

		height: 10px;

		overflow: hidden;

		background: url("assets/images/header/price_arrow_down.png") center center no-repeat;

		background-size: 10px 6px;

	}

	#metal-prices h2.open:after {

		background-image: url("assets/images/header/price_arrow_up.png")

	}

	

	#metal-prices-list,

	#metal-prices-list li {

		display: block;

		text-align: center;

	}

	#metal-prices-list {

		padding-bottom: 5px;

	}

	#metal-prices-list li:before {

		display: none;

	}

	#metal-prices-list li,

	#metal-prices-list li:first-child {

		padding: 0;

		font-size: 13px;

		line-height: 21px;

	}

	

	

	



	/*  **********************************************************************  **



		Footer



	**  **********************************************************************  */

	

	#footer-licenses,

	#footer-credits {

		position: relative;

		top: auto;

		left: auto;

		text-align: center;

		margin-top: 7px;

	}

	

	#colophon {

		font-size: 13px;

	}

	

	

	

	

	/*  **********************************************************************  **



		Pages



	**  **********************************************************************  */

	

	/*  **********  Catalogue  **********  */

	

	.content-column.position-right.size-third.content-block-catalogue {

		position: absolute;

		top: -250px;

		right: 0;

		width: 300px;

	}

	

	

	

	

	/*  **********  Blanking Line  **********  */



	#blanking-line-capabilities table.data {

		margin-top: 20px;

	}



	

	

	

	/*  **********  Slitting Line  **********  */

	

	#slitting-right-block h3,

	#slitting-right-block p {

		text-align: center;

	}

	

	

	

	

	/*  **********  Flat Bar  **********  */

	

	.content-column h1,

	.content-column h3,

	.content-column p {

		text-align: center;

	}

	

	.content-column .white-box h3,

	.content-column .white-box p {

		text-align: left;

	}

	.size-twothirds.content-column h1,

	.size-twothirds.content-column h3,

	.size-twothirds.content-column p,

	.content-column.community-content,

	.content-column.community-content p {

		text-align: left;

	}

	

	

	

	

	/*  **********************************************************************  **



		Shortcodes



	**  **********************************************************************  */

	

	/*  **********  Community  **********  */

	

	.community-item {

		padding: 30px;

		clip-path: polygon(

			0% 0%,

			100% 0,

			100% calc(100% - 20px),

			calc(100% - 20px) 100%,

			0 100%

		);

		-webkit-clip-path: polygon(

			0% 0%,

			100% 0,

			100% calc(100% - 20px),

			calc(100% - 20px) 100%,

			0 100%

		);

	}

	

	

	

	

	/*  **********  Testimonials  **********  */

	

	.testimonial-item {

		padding: 20px 0 0 0;

		clip-path: polygon(

			0 15px,

			15px 0%,

			100% 0, 

			100% calc(100% - 15px),

			calc(100% - 15px) 100%, 

			0 100%

		);

		-webkit-clip-path: polygon(

			0 15px,

			15px 0%,

			100% 0, 

			100% calc(100% - 15px),

			calc(100% - 15px) 100%, 

			0 100%

		);

	}

	

	.testimonial-thumbnail-container {

		width: auto;

		display: block;

		text-align: center;

	}

	.testimonial-thumbnail {

		max-width: 130px;

		max-height: 60px;

	}

	.testimonial-item .content {

		display: block;

		padding: 20px;

	}

	.testimonial-item .content p {

		font-size: 15px;

		line-height: 25px;

	}

	

	

	

	

	/*  **********  Reviews  **********  */

	

	.review-item {

		float: none;

		width: auto;

		margin: 30px 0 0 0;

	}

	.review-item p {

		font-size: 16px;

		line-height: 26px;

	}

	.review-item p.testimonial-name {

		font-size: 14px;

		line-height: 24px;

	}

	

	

	

	

	/*  **********  Why Stainless Steel  **********  */

	

	.why-column,

	.why-column:nth-child(2) {

		float: none;

		width: auto;

	}

	.why-container:first-child {

		border-top: none;

	}

	.why-column:first-child .why-container:first-child {

		border-top: 1px solid #E2E2E3;

	}

	.why-container {

		padding: 15px;

	}

	.why-container .number {

		font-size: 24px;

		line-height: 34px;

	}

	.why-container .content h3 {

		font-size: 16px;

		line-height: 22px;

	}

	

	

	

	

	/*  **********  Midway Difference  **********  */

	

	.difference-list li {

		width: 30%;

		width: calc((100% - 80px) / 3);

	}

	

	.difference-list li:nth-child(4) {

		clear: left;

		margin-left: 0;

	}

	.difference-list li:nth-child(4),

	.difference-list li:nth-child(5),

	.difference-list li:nth-child(6) {

		margin-top: 30px;

	}

	.difference-list li img {

		float: left;

		margin: 0;

		width: 50px;

	}

	.difference-list li h3 {

		text-align: left;

		margin-left: 70px;

		margin-top: 0;

		font-size: 16px;

		line-height: 26px;

	}

	

	

	

	

	/*  **********  Stages  **********  */

	

	.midway-stage-container {

		margin-top: 40px;

	}

	.midway-stage-container .image {

		position: relative;

		display: block;

		width: 100%;

		height: 300px;

		left: auto;

		top: auto;

		bottom: auto;

		clip-path: polygon(

			0% 20px,

			20px 0%,

			100% 0,

			100% 100%,

			0 100%

		);

		-webkit-clip-path: polygon(

			0% 20px,

			20px 0%,

			100% 0,

			100% 100%,

			0 100%

		);

		

	}.midway-stage-container .content {

		margin-left: 0;

		padding: 30px;

	}

	.midway-stage-container h3,

	.pickling-product-container h3 {

		font-size: 19px;

		line-height: 28px;

	}

	.midway-stage-container h4,

	.pickling-product-container h4 {

		font-size: 16px;

		line-height: 26px;

	}

	

	

	

	

	/*  **********  Pickling Products  **********  */

	

	.pickling-product-container .image {

		height: 240px;

		position: relative;

		top: auto;

		bottom: auto;

		left: auto;

		width: auto;

		clip-path: polygon(

			0% 20px,

			20px 0%,

			100% 0, 

			100% 100%,

			0 100%

		);

		-webkit-clip-path: polygon(

			0% 20px,

			20px 0%,

			100% 0, 

			100% 100%,

			0 100%

		);

	}

	.pickling-product-container .content {

		margin-left: 0;

		padding: 35px;

		clip-path: polygon(

			0% 0, 

			100% 0,

			100% calc(100% - 20px),

			calc(100% - 20px) 100%,

			0 100%

		);

		-webkit-clip-path: polygon(

			0% 0, 

			100% 0,

			100% calc(100% - 20px),

			calc(100% - 20px) 100%,

			0 100%

		);

	}

	

	

	

	/*  **********  Latest Article  **********  */

	

	.home-news-article .wrap {

		padding-left: 0;

		padding-top: 30px;

		margin-top: 30px;

		border-left: none;

		border-top: 1px solid #CCCCCC;

	}

	.home-news-article.content-column p {

		text-align: left;

	}

	

	

	

	

	

	.feature-image {

		height: 300px;

	}
	
	
	
	
	/*  **********  Downloads Page  **********  */

	#downloads-list li,
	#downloads-list li:nth-child(4n + 1) {
		width: calc((100% - 50px) / 2);
		margin: 20px 0 0 50px;
		clear: none;
	}
	#downloads-list li:first-child,
	#downloads-list li:nth-child(2n + 1) {
		clear: both;
		margin-left: 0;
	}



}









/*  ********************************************************************************  **



	800px



**  ********************************************************************************  */



@media screen and (max-width: 800px) {



	/*  **********************************************************************  **



		Font Size Changes



	**  **********************************************************************  */

	

	h1,

	 h2,

	.slider-caption h2 {

		font-size: 21px;

		line-height: 30px;

		margin-bottom: 20px;

	}

	h3,

	.midway-processes > li h2,

	.homepage-icons li h3,

	.midway-point h3

	.slider-caption p {

		font-size: 17px;

		line-height: 25px;

	}

	

	p {

		font-size: 13px;

		line-height: 21px;

	}

	p.feature,

	.slider-caption p {

		font-size: 15px;

		line-height: 24px;

	}









	/*  **********************************************************************  **



		Page Containers



	**  **********************************************************************  */

	

	#page {

		padding-top: 110px;

	}



	.content-block,

	#metal-prices,

	#masthead,

	#header-search-area,

	#colophon,

	ul#slider li {

		padding: 50px 30px;

	}









	/*  **********  Container Updates  **********  */



	#metal-prices {

		padding: 0 30px;

	}

	#masthead,

	.scroll #masthead {

		padding-top: 10px;

		padding-bottom: 10px;

	}

	#header-search-area {

		padding-top: 20px;

		padding-bottom: 20px;

	}

	#colophon {

		padding: 20px 30px;

	}

	.content-block.stainless-steel-grades-container {

		padding-top: 0;

	}

	.content-block.no-top-padding {

		padding-top: 0;

	}

	.content-block.no-bottom-padding {

		padding-bottom: 0;

	}

	.content-block.stainless-steel-grades-tables {

		padding-top: 0;

	}

	ul#slider li {

		padding: 0;

	}

	

	

	

	

	/*  **********  Full Width Background Blocks  **********  */

	

	.full-width-bg-container {

		padding: 0 30px;

	}

	

	

	

	

	/*  **********************************************************************  **



		Header



	**  **********************************************************************  */



	#masthead img.custom-logo {

		height: 50px;

	}

	.scroll #masthead img.custom-logo {

		height: 40px;

	}

	

	#menu-toggle,

	#search-toggle {

		background-size: 16px 16px;

	}

	

	

	

	

	/*  **********  Search Form  **********  */

	

	#header-search-area input {

		font-size: 21px;

		line-height: 30px;

	}

	#header-search-close {

		width: 20px;

		height: 30px;

	}

	

	

	



	/*  **********************************************************************  **



		Home Page



	**  **********************************************************************  */

	

	#home-show-hidden {

		display: block;

		border: none;

		overflow: hidden;

		width: 100%;

		background: none;

		cursor: pointer;

	}

	#home-show-hidden img {

		margin: 0 auto;

		width: 24px;

		height: auto;

		padding: 10px 0;

	}

	

	

	

	

	/*  **********  Services  **********  */

	

	.midway-processes > li,

	.midway-processes > li:first-child,

	.midway-processes > li:nth-child(2) {

		width: 100%;

		padding: 0;

		margin-top: 30px;

		margin-bottom: 0;

	}

	.midway-processes > li:first-child {

		margin-top: 0;

	}

	.midway-processes > li img {

		clip-path: polygon(

			0% 20px,

			20px 0%,

			100% 0,

			100% 100%,

			0 100%

		);

		-webkit-clip-path: polygon(

			0% 20px,

			20px 0%,

			100% 0, 

			100% 100%,

			0 100%

		);

	}

	

	

	

	

	/*  **********  Icons  **********  */

	

	.homepage-icons > li,

	.homepage-icons li:first-child,

	.homepage-icons li:nth-child(2n+1),

	.homepage-icons.columns-6 > li,

	.homepage-icons.columns-6 li:first-child,

	.homepage-icons.columns-6 li:nth-child(2n+1) {

		float: none;

		width: auto;

	}

	.homepage-icons li:last-child,

	.homepage-icons.columns-6 li:last-child {

		float: none;

		margin-bottom: 0;

	}

	

	.homepage-icons li img,

	.homepage-icons li img:hover {

		height: 42px;

	}

	.homepage-icons li h3,

	.homepage-icons li p {

		margin-left: 60px;

	}

	

	

	

	

	/*  **********************************************************************  **



		Slider



	**  **********************************************************************  */

	

	ul#slider li > .slider-slide-image {

		height: 230px;

	}



	.slider-caption.mobile {

		clip-path: polygon(

			0% 20px, 

			20px 0%, 

			100% 0, 

			100% 100%,

			0 100%

		);

		-webkit-clip-path: polygon(

			0% 20px, 

			20px 0%, 

			100% 0, 

			100% 100%,

			0 100%

		);

	}

	

	

	

	

	/*  **********************************************************************  **



		More Link Buttons



	**  **********************************************************************  */

	

	.more-link {

		font-size: 13px;

		line-height: 20px;

		padding: 8px 40px 7px 15px;

		background-size: 7px 12px;

		border-radius: 7px;

	}

	.midway-community-filter-button {

		padding-right: 15px;

	}

	

	

	

	

	/*  **********************************************************************  **



		Pages



	**  **********************************************************************  */

	

	/*  **********  Catalogue  **********  */

	

	.content-column.position-right.size-third.content-block-catalogue {

		top: -150px;

		width: 200px;

	}

	

	

	

	

	/*  **********************************************************************  **



		Shortcodes



	**  **********************************************************************  */

	

	/*  **********  Services  **********  */

	

	.midway-services-list li .wrap {

		text-align: center;

	}

	.midway-services-list li h2 {

		font-size: 17px;

		line-height: 25px;

	}



	.midway-services-list li,

	.midway-services-list li:first-child,

	.midway-services-list li:nth-child(3n + 1),

	.midway-services-list li:nth-child(2n + 1) {

		width: auto;

		margin: 0 0 20px 0;

	}

	.midway-services-list li .wrap {

		padding: 20px;

		clip-path: polygon(

			0 0, 

			100% 0,

			100% calc(100% - 15px), 

			calc(100% - 15px) 100%,

			0 100%, 0 15px

		);

		-webkit-clip-path: polygon(

			0 0, 

			100% 0,

			100% calc(100% - 15px), 

			calc(100% - 15px) 100%,

			0 100%, 0 15px

		);

	}

	.midway-services-list li .midway-services-header {

		clip-path: polygon(

			0% 15px, 

			15px 0%,

			100% 0,

			100% 100%,

			0 100%

		);

		-webkit-clip-path: polygon(

			0% 15px, 

			15px 0%,

			100% 0,

			100% 100%,

			0 100%

		);

	}

	

	

	

	

	/*  **********  Header Button  **********  */



	.header-button {

		width: 100px;

		top: -120px;

		right: 0;

	}

	

	

	

	

	/*  **********  Stages  **********  */

	

	.midway-stage-container {

		margin-top: 30px;

	}

	.midway-stage-container .image {

		height: 190px;

		clip-path: polygon(

			0% 15px,

			15px 0%,

			100% 0,

			100% 100%,

			0 100%

		);

		-webkit-clip-path: polygon(

			0% 15px,

			15px 0%,

			100% 0,

			100% 100%,

			0 100%

		);

		

	}.midway-stage-container .content {

		padding: 20px;

	}

	.midway-stage-container h3,

	.pickling-product-container h3 {

		font-size: 17px;

		line-height: 25px;

	}

	.midway-stage-container h4,

	.pickling-product-container h4 {

		font-size: 15px;

		line-height: 24px;

	}

	

	

	

	

	/*  **********  Points  **********  */

	

	.midway-point {

		width: 100%;

	}

	.midway-point img {

		float: left;

		width: 35px;

	}

	.midway-point .content {

		margin-left: 45px;

	}

	.midway-point p {

		font-size: 15px;

		line-height: 24px;

	}

	

	

	

	

	/*  **********  Pickling Products  **********  */

	

	.pickling-product-container .image {

		height: 200px;

		clip-path: polygon(

			0% 15px,

			15px 0%,

			100% 0, 

			100% 100%,

			0 100%

		);

		-webkit-clip-path: polygon(

			0% 15px,

			15px 0%,

			100% 0, 

			100% 100%,

			0 100%

		);

	}

	.pickling-product-container .content {

		padding: 30px;

		clip-path: polygon(

			0% 0, 

			100% 0,

			100% calc(100% - 15px),

			calc(100% - 15px) 100%,

			0 100%

		);

		-webkit-clip-path: polygon(

			0% 0, 

			100% 0,

			100% calc(100% - 15px),

			calc(100% - 15px) 100%,

			0 100%

		);

	}

	

	/*  **********  Pickling Products  **********  */

	

	.tab-content {

		padding-bottom: 20px;

	}

	

	.pickling-product-container {

		margin-top: 20px;

	}

	

	

	

	

	

	

	.testimonial-item {

		margin-top: 20px;

	}
	
	
	
	
	#downloads-videos li,
	#downloads-videos li:first-child,
	#downloads-videos li:nth-child(2n + 1) {
		width: auto;
		margin-left: 0;
		margin-top: 50px;
		float: none;
	}



}









/*  ********************************************************************************  **



	600px



**  ********************************************************************************  */



@media screen and (max-width: 600px) {



	/*  **********************************************************************  **



		Shortcodes



	**  **********************************************************************  */

	

	/*  **********  Community  **********  */

	

	.community-item {

		padding: 20px;

		margin-top: 20px;

	}

	

	

	

	

	/*  **********  Stainless Steel Products  **********  */


	.stainless-steel-product {
		float: none;
		width: auto;
		margin: 0 0 25px;
		padding: 20px;
		clip-path: polygon(
			0 0,
			100% 0, 
			100% calc(100% - 20px), 
			calc(100% - 20px) 100%,
			0 100% 
		);
		-webkit-clip-path: polygon(
			0 0,
			100% 0, 
			100% calc(100% - 15px), 
			calc(100% - 15px) 100%,
			0 100% 
		);
	}
	

	

	

	

	/*  **********  Reviews  **********  */

	

	.review-item p {

		font-size: 15px;

		line-height: 25px;

	}

	.review-item p.testimonial-name {

		font-size: 13px;

		line-height: 23px;

	}

	

	

	

	

	/*  **********  Why Stainless Steel  **********  */

	

	.why-container {

		padding: 10px;

	}

	.why-container .content {

		margin-left: 45px;

	}

	.why-container .number {

		font-size: 21px;

		line-height: 30px;

	}

	.why-container .content h3 {

		font-size: 15px;

		line-height: 19px;

	}

	

	

	

	

	/*  **********  Midway Difference  **********  */

	

	.difference-list li,

	.difference-list li:nth-child(4) {

		width: calc((100% - 40px) / 2);

		margin-left: 40px;

		clear: none;

	}

	.difference-list li:first-child,

	.difference-list li:nth-child(2n + 1) {

		margin-left: 0;

		clear: left;

	}

	.difference-list li img {

		float: left;

		margin: 0;

		width: 40px;

	}

	.difference-list li h3 {

		margin-left: 55px;

		font-size: 15px;

		line-height: 24px;

	}

	.difference-list li:nth-child(3),

	.difference-list li:nth-child(4),

	.difference-list li:nth-child(5),

	.difference-list li:nth-child(6) {

		margin-top: 20px;

	}

	

	

	

	

	/*  **********************************************************************  **



		News



	**  **********************************************************************  */



	.archive-item,

	.archive-item:first-child,

	.archive-item:nth-child(2n + 1),

	.archive-item:nth-child(3n + 1) {

		width: auto;

		margin: 20px 0 0 0;

	}

	.archive-item .entry-content {

		padding: 20px;

		clip-path: polygon(

			0% 0,

			100% 0,

			100% calc(100% - 15px),

			calc(100% - 15px) 100%,

			0 100% 

		);

		-webkit-clip-path: polygon(

			0% 0,

			100% 0,

			100% calc(100% - 15px),

			calc(100% - 15px) 100%,

			0 100% 

		);

	}

	.archive-item a.archive-image {

		clip-path: polygon(

			0 20px,

			20px 0,

			100% 0, 

			100% 100%,

			0 100%

		);

		-webkit-clip-path: polygon(

			0 20px,

			20px 0,

			100% 0, 

			100% 100%,

			0 100%

		);

	}

	.archive-item .entry-content h2 {

		font-size: 17px;

		line-height: 25px;

	}

	

	

	

	

	.feature-image {

		height: 200px;

	}
	
	
	
	
	/*  **********  Downloads Page  **********  */

	#downloads-list li,
	#downloads-list li:nth-child(4n + 1),
	#downloads-list li:first-child,
	#downloads-list li:nth-child(2n + 1) {
		float: none;
		width: auto;
		margin: 20px 0 0 0;
	}



}









/*  ********************************************************************************  **



	450px



**  ********************************************************************************  */



@media screen and (max-width: 450px) {







}









/*  ********************************************************************************  **



	Mobile devices only



**  ********************************************************************************  */



@media (hover: none) {



	.grey-line-background,

	.texture-background {

		background-attachment: initial;

		background-size: auto;

	}



}