#menu-button-container {
	display: none;
	text-align: right;
	padding-top: 30px;
	z-index: 999;
}

/*
	###########
	Start ipad-mini style
	###########
*/

@media all and (max-width: 1320px) {

	ul#menu a {
		padding: 0px 10px 20px;
		font-size: 12pt;
	}

}


@media all and (max-width: 1150px) {

	.blog-list-item-info {
		margin-left: 0;
	}

	#footer-container h3,
	#footer-container p,
	#footer-container img {
		margin: 0 auto;
	}

	.footer-item-container{
		padding: 10px 10px;
	}

	img.footer-logo {
		top: 0; bottom: 0; right: 0; left: 0;
		display: block;
	}

	/*#gallery .col-md-4 {*/
		/*border-bottom: 1px solid #991b23;*/
		/*padding: 15px 0;*/
		/*min-height: 350px;*/
	/*}*/

	#header.unstick {
		position: absolute;
	}

	#header .wrapper {
		padding-left: 10px;
		padding-right: 10px;
	}

	#menu-button-container {
		display: block;
	}

	.menu-trigger {
		/*visibility: none;*/
	}

	#navigation .request_a_quote {
		background-color: transparent;
	}

	#navigation .search {
		text-indent: 20px;
		background-image: url( '../images/search.png' );
		background-repeat: no-repeat;
		background-position: 15px center;
		background-color: #0f0f0f;
	}

	#navigation .search a {
		background-color: transparent;
	}

	#search-box {
		margin-top: 1.5em;
		clear: both;
		width: 100%;
	}

	input[name=search_for] {
		width: 100%;
		margin-left: -20px;
	}

	.btn-search {
		width: 100%;
	}

	.social-media {
		text-align: center;
	}
	.social-media img {
		margin: 1em 0;
	}


	/*button.menu-trigger {*/
		/*background: #4A4745;*/
		/*border: none;*/
		/*cursor: pointer;*/
		/*display: inline-block;*/
		/*height: 45px;*/
		/*overflow: hidden;*/
		/*outline: none;*/
		/*position: relative;*/
		/*text-indent: -900em;*/
		/*vertical-align: top;*/
		/*width: 45px;*/
	/*}*/

	/*button.menu-trigger:hover {*/
		/*menu-trigger: #aaa;*/
	/*}*/

	/*button.menu-trigger:after {*/
		/*content: '';*/
		/*position: absolute;*/
		/*width: 68%;*/
		/*height: 4px;*/
		/*background: #EEEFF0;*/
		/*top: 10px;*/
		/*left: 16%;*/
		/*box-shadow:*/
		/*0 10px 0 #EEEFF0,*/
		/*0 20px 0 #EEEFF0;*/
		/*border-radius: 1px;*/
	/*}*/

	button.menu-trigger {
		background: transparent;
		border: none;
		cursor: pointer;
		display: inline-block;
		height: 40px;
		overflow: hidden;
		/*outline: none;*/
		position: relative;
		text-indent: -900em;
		vertical-align: top;
		width: 40px;
	}

	button.menu-trigger span {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 5px;
		margin: 8px 0;
		background: #fff;
		display: block;
		opacity: 1;
		border-radius: 1px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		-o-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;
	}

	/*button.menu-trigger.active {*/
	/*width: 45px;*/
	/*}*/

	button.menu-trigger.active span {
		background: #fff;
	}

	button.menu-trigger span:first-child {
		top: 0;
	}

	button.menu-trigger span:nth-child(2) {
		top: 12px;
	}

	button.menu-trigger span:nth-child(3) {
		top: 24px;
	}

	button.menu-trigger.active span:first-child {
		top: -3px;
		left: 8px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	button.menu-trigger.active span:nth-child(2) {
		opacity: 0;
		width: 0%;
	}

	button.menu-trigger.active span:nth-child(3) {
		top: 26px;
		left: 8px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	#navigation {
		display: none;
		height: auto;
		left: 0;
		margin: 0px;
		padding: 0px;
		position: absolute;
		text-align: left;
		top: 100px;
		width: 100%;
		z-index: 9999;
	}

	#navigation.open {
		display: block;
	}

	#navigation .search {
		height: 50px;
	}

	#navigation .request_a_quote {
		height: auto;
	}

	#navigation .request_a_quote a {
		border-bottom: none;
	}

	#navigation .request_a_quote a:hover{
		border-bottom: none;
	}

	#navigation .search {
		padding: 0 1em;
	}

	#navigation .search:hover {
		border-bottom: 0;
	}

	/* nav resets */

	ul#menu {
		display: block;
		height: auto;
	}

	ul#menu ul li {
		padding: 0 0 0 15px;
	}

	ul#menu li,
	ul#menu li ul li,
	ul#menu li ul li ul li,
	ul#menu li ul li ul li ul li {
		display: block;
		float: none;
		height: auto;
		text-align: left;
		width: 100%;
	}

	ul#menu ul,
	ul#menu ul ul,
	ul#menu ul ul ul,
	ul#menu ul ul ul ul {
		display: block;
		left: auto;
		position: relative;
		width: 100%;
	}

	ul#menu li a,
	ul#menu li ul li a,
	ul#menu li ul li ul li a,
	ul#menu li ul li ul li ul li a {
		background-color: #0f0f0f; /*background color of menu */
		color: #fff;
		display: block;
		float: none;
		font-size: 12pt;
		height: auto;
		line-height: 1.1em;
		padding: 15px;
		text-transform: uppercase;
	}

	ul#menu li ul li a,
	ul#menu li ul li ul li a,
	ul#menu li ul li ul li ul li a {
		font-size: 11pt;
	}

	ul#menu li:hover ul ul,
	ul#menu li:hover ul ul ul,
	ul#menu li.iehover ul ul,
	ul#menu li.iehover ul ul ul {
		display: block;
	}

	ul#menu li a {
		padding: 15px;
	}

	/* okay, lets start styling roll overs */

	ul#menu li.has_submenu > a {
		background-image: url( ../images/mobile-arrow.png );
		background-position: center right;
		background-repeat: no-repeat;
	}

	ul#menu li.has_submenu > a:hover,
	ul#menu li.has_submenu.clicked_menu > a {
		background-image: url( ../images/mobile-arrow-hover.png );
	}

	ul#menu ul.closed_menu {
		display: none !important;
	}

	ul#menu ul.open_menu {
		display: block !important;
	}

	ul#menu a:hover,
	ul#menu li:hover a,
	ul#menu li.iehover a {
		color: #991b23;
		padding: 15px 30px 15px 15px;
	}

	/* 2nd Menu */
	ul#menu li:hover li a,
	ul#menu li.iehover li a {
		color: #FFFFFF;
		padding: 15px 30px 15px 15px;
	}

	/* 2nd Menu Hover Persistence */
	ul#menu li:hover li:hover,
	ul#menu li.iehover li.iehover {
		background-color: #0f0f0f;
		color: #991b23;
	}

	ul#menu li:hover li a:hover,
	ul#menu li:hover li:hover a,
	ul#menu li.iehover li a:hover,
	ul#menu li.iehover li.iehover a {
		color: #991b23;
	}

	/* 3rd Menu */
	ul#menu li:hover li:hover li a,
	ul#menu li.iehover li.iehover li a {
		color: #FFFFFF;
	}

	/* 3rd Menu Hover Persistence */
	ul#menu li:hover li:hover li a:hover,
	ul#menu li:hover li:hover li:hover a,
	ul#menu li.iehover li.iehover li a:hover,
	ul#menu li.iehover li.iehover li.iehover a {
		background-color: #0f0f0f;
		color: #991b23;
	}

	/* 4th Menu */
	ul#menu li:hover li:hover li:hover li a,
	ul#menu li.iehover li.iehover li.iehover li a {
		color: #fff;
	}

	/* 4th Menu Hover */
	ul#menu li:hover li:hover li:hover li a:hover,
	ul#menu li.iehover li.iehover li.iehover li a:hover {
		background-color: #0f0f0f;
		color: #991b23;
	}

	img.left {
		margin: 0px 15px 15px 0px;
		max-width: 415px;
	}

	img.right {
		margin: 0px 0px 15px 15px;
		max-width: 415px;
	}

	div.right {
		margin: 0px 0px 15px 15px;
		max-width: 415px;
	}

	#homepage-welcome-to-canada-forgings p {
		max-width: 100%;
	}
}

@media all and (max-width: 992px) {

	div.page-title {
		margin-top: 100px;
	}

	#footer-container h3, #footer-container p {
		text-align: center;
	}

	.slideshow-title {
		font-size: 300%;
	}

	.slideshow-subtitle {
		font-size: 125%;
	}

	#slideshow-container .container {
		margin-top: -60px;
		width: 75%;
	}

	#search-box {
		margin: 0 -10px;
		width: auto;
	}

	div.closed-die-forging-images img {
		margin: 10px 0;
	}

	#footer-container.cta-footer {
		padding-top: 100px;
	}

	#cta-container img {
		display: none;
	}

	#cta-container p {
		margin: 0 auto;
		text-align: center;
	}

	.cta-container {
		grid-template-columns: 1fr;
		-ms-grid-columns: 1fr;
		padding: 40px 20px;
		margin-top:0;
		grid-gap: 20px 0;
	}

	.cta-container-item:first-of-type {
		grid-row: 1;
		-ms-grid-row: 1;
		grid-column: 1;
		justify-content: center;
	}

	.cta-container-item:nth-of-type(2) {
		grid-row: 2;
		-ms-grid-row: 2;
		grid-column: 1;
		justify-content: center;
	}

	.cta-container-item:nth-of-type(3) {
		grid-row: 3;
		-ms-grid-row: 3;
		grid-column: 1;
		justify-content: center;
	}
	.flex-container {
		display: block;
	}
}

@media all and (max-width: 768px) {

/*	img.right {
		display: block;
		float: none;
		margin: 10px 0;
		max-width: 100%;
		height: auto!important;
	}

	img.left {
		display: block;
		float: none;
		margin: 10px 0;
		max-width: 100%;
		height: auto!important;
	}*/
	.center {
		text-align: left;
	}

	h4.center {
		margin: 10px 0;
	}

	body {
		font-size: 11pt;
	}

	div.page-title {
		margin-top: 80px;
	}

	h1,
	.heading.one,
	#cta-container .heading.one {
		font-size: 200%;
	}

	.cta-container {
		margin-bottom: 1em;
	}

	h2,
	.heading.two,
	.careers-main-container h2 {
		font-size: 150%;
	}

	h3,
	.heading.three {
		font-size: 130%;
	}

	h4,
	.heading.four {
		font-size: 105%;
	}

	h5,
	.heading.five {
		font-size: 100%;
	}

	.rslides_nav.prev,
	.rslides_nav.next {
		height: 30px;
		opacity: 0.3;
		margin: 0 -26px;
	}

	#homepage-welcome-to-canada-forgings h2 {
		font-size: 180%;
	}

	#homepage-welcome-to-canada-forgings .info img {
		padding: 20px 0;
	}

	.content-container {
		padding: 20px 0;
	}

	.default-container {
		padding: 20px 0;
	}

	#gallery .gallery-item-container {
		min-height: 0;
	}

	#quote p {
		font-size: 100%;
	}

	#footer-container .footer-logo {
		padding-top: 0;
	}

	.slideshow-title {
		font-size: 250%;
	}

	.slideshow-subtitle {
		font-size: 110%;
	}

	#cta-container {
		width: calc(100% - 20px);
		margin: -30px auto 0;
	}

	#cta-container.request-a-quote-container {
		margin: -20px 0 0;
		max-width: 100%;
	}

	/*--- HEADER ---*/

	#header {
		height: 80px;
	}

	#navigation {
		top: 80px;
	}

	#menu-button-container {
		padding-top: 20px;
	}

	#slideshow-container {
		margin-top: 80px;
		height: 500px;
	}

	#logo {
		width: 231px;
		padding: 10px 0;
	}

	/*--- BASE STYLES ---*/

	img.right,
	img.left {
		display: block;
		float: none!important;
		margin-left: 0;
		margin-bottom: 10px;
		max-width: 100%;
		padding: 0px;
	}

	div.image-with-caption.right,
	div.image-with-caption.left {
		display: block;
		float: none!important;
		margin: 10px 0;
		max-width: 100%;
		padding: 0px;
	}


	input[name=search_for] {
		width: 80%;
		padding: 12px 10px 12px 55px;
	}

	.btn.search {
		width: 20%;
	}

	body#home #gallery .gallery-item-container {
		border-bottom: 0;
		margin-top: 0;
		min-height: 0;
		margin-bottom: 20px;
	}

	body#home #gallery .gallery-item-container:last-child {
		margin-bottom: 0px;
	}

	div.blog-list-item-info h2 {
		margin: 0.5em 0;
	}

	div.blog-list-item-info p {
		margin: 10px 0;
	}

	.blog-list-item-container {
		padding: 0;
	}

	div.blog-list-item-container {
		margin-bottom: 20px;
	}

	div.blog-list-item-container:last-child {
		margin-bottom: 0px;
	}

	div.page-title-background {
		padding: 30px 0;
	}

	div.job-posting-wage {
		color: #f68e30;
		float: none!important;
		display: block;
		margin: 10px 0;
	}

	#careers .default-container {
		background-image:none;
		background-size: 500px;
		background-position: top 140px right -60px ;
		background-repeat: no-repeat;
	}

	.flex-container p {
		max-width: 100%;
	}

	div.posting-table {
		border-collapse: collapse;
		display: block;
		width: 100%;
		margin: 0 auto;
	}

	div.posting-table .cell {
		background-color: transparent;
		display: block;
		width: 100%;
		border: none;
		margin: 10px 0;
		padding: 0;
	}

	div.job-listing-container hr {
		background: #f68e30;
		width: 14%;
		margin: 20px auto!important;
	}
	div.posting-item-button.cell {
		text-align: left;
	}
}

/*
	###########
	Start mobile style
	###########
*/


@media all and (max-width: 500px) {

	div.page-title {
		margin-top: 65px;
	}

	#header {
		height: 65px;
	}

	#logo {
		width: 170px;
	}

	#navigation {
		top: 65px;
	}

	#menu-button-container {
		padding-top: 10px;
	}

	#slideshow-container .container {
		width: 100%;
	}

	#slideshow-container {
		margin-top: 65px;
		height: 400px;
	}

	#welcome .info {
		width: 80%;
	}

	input[name=search_for] {
		width: 70%;
		padding: 12px 10px 12px 55px;
	}

	.btn.search {
		width: 30%;
		padding: 13px 12px;
	}


	/*tables*/

	.table {
		padding: 0!important;
		margin: 10px 0!important;
	}

	.table,
	.table tr,
	.table td,
	.table th,
	.table tfoot,
	.table tbody,
	.table thead {
		display: block;
		text-align: left;
	}

	.table thead {
		display: none;
	}

	.table tfoot {
		background-color: #eee;
	}

	.table td,
	.table th {
		padding: 10px 10px!important;
		word-break: normal;
		max-width: 100%!important;
	}

	.table td:before {
		font-weight: bold;
	}

	.table tr:nth-child(odd) {
		background-color: #f0f0f0!important;
	}

	.table tr:nth-child(even) {
		background-color: #ffffff!important;
	}

	/*rolled rings*/

	.table.rolled-rings tr td:nth-of-type(1):before {
		content: "Rolled Rings(Radial-Axial Mill)";
		display: block;
	}

	.table.rolled-rings tr td:nth-of-type(2):before {
		content: "Min I.D./Max O.D.";
		display: block;
	}

	.table.rolled-rings tr td:nth-of-type(3):before {
		content: "Min/Max Height";
		display: block;
	}

	.table.rolled-rings tr td:nth-of-type(4):before {
		content: "Min/Max Weight";
		display: block;
	}

	/*mandrel rings*/

	.table.mandrel-rings tr td:nth-of-type(1):before {
		content: "Mandrel Rings";
		display: block;
	}

	.table.mandrel-rings tr td:nth-of-type(2):before {
		content: "Min I.D./Max O.D.";
		display: block;
	}

	.table.mandrel-rings tr td:nth-of-type(3):before {
		content: "Min/Max Height";
		display: block;
	}

	.table.mandrel-rings tr td:nth-of-type(4):before {
		content: "Min/Max Weight";
		display: block;
	}

	/*shafting bars*/

	.table.shafting-bars tr td:nth-of-type(1):before {
		content: "Shafting & Bars Rings";
		display: block;
	}

	.table.shafting-bars tr td:nth-of-type(2):before {
		content: "O.D. or Square";
		display: block;
	}

	.table.shafting-bars tr td:nth-of-type(3):before {
		content: "Length";
		display: block;
	}

	.table.shafting-bars tr td:nth-of-type(4):before {
		content: "Weight";
		display: block;
	}

	/*products*/

	.table.products tr td:nth-of-type(1):before {
		content: "Material";
		display: block;
	}

	.table.products tr td:nth-of-type(2):before {
		content: "Min I.D.";
		display: block;
	}

	.table.products-rolled-rings tr td:nth-of-type(3):before {
		content: "Max I.D.";
		display: block;
	}

	.table.products tr td:nth-of-type(4):before {
		content: "Min Height";
		display: block;
	}

	.table.products tr td:nth-of-type(5):before {
		content: "Max Height";
		display: block;
	}

	.table.products tr td:nth-of-type(6):before {
		content: "Min Weight";
		display: block;
	}

	.table.products-rolled-rings tr td:nth-of-type(7):before {
		content: "Max Weight";
		display: block;
	}

	/*products shafting*/

	.table.products-shafting tr td:nth-of-type(1):before {
		content: "Material";
		display: block;
	}

	.table.products-shafting tr td:nth-of-type(2):before {
		content: "Max O.D. or S.Q.";
		display: block;
	}

	.table.products-shafting-rolled-rings tr td:nth-of-type(3):before {
		content: "Max Length";
		display: block;
	}

	.table.products-shafting tr td:nth-of-type(4):before {
		content: "Max Weight";
		display: block;
	}

}

/*
	###########
	Start iphone style
	###########
*/


@media all and (max-width: 340px) {

	div#map {
		height: 150px;
		width: 100%;
	}
}