@media (max-width: 1079px) {
	/*side bar menu*/
	div#side-bar			{top: inherit; bottom: 0; width: 100%;display: table;}
	div#side-bar a		{text-align: center; left: inherit; display:table-cell;margin: 0;padding:0}
	div#side-bar a span	{display:none}
	div#side-bar a i		{font-size:25px; margin: 0;padding: 5px}
	div#side-bar a:hover{left: 0;}
	#copyright-container{padding-bottom: 30px;}
}
@media (max-width: 580px) {
	/*Multi metals table */
	table.mmetals		{margin: 0 0 0 10px;width: 94%}
	
	table.mmetals tr.top p{writing-mode: vertical-rl;text-orientation: mixed;}
	table.mmetals td		{width: auto;}
	table.mmetals td{border-left: 1px solid #ddd;}
	table.mmetals td:nth-child(1){border-left: 0px}
	table.mmetals td span{margin: 0;display:none;}
	table.mmetals tr:nth-child(1) td p  {height: 60px;text-align:left;}
		
	/*Datasheet links */
	div.datasheet-links a{font-size: 16px;}
	div.products a span.title,div.datasheet-links a span.title{width: 50%;float:left;font-weight: bold;margin: 5px 0}
	div.products a span,div.datasheet-links a span{float:left;}
	
	#content #accordion{width: 90%; margin: 30px 5%;}
}
@media (max-width: 480px) {
	#page-top span		{display:block;}
	#page-top a.social	{float:none;}
	#slideshow .camera_caption		{width: 75%;}
	#slideshow .camera_caption div	{width: 100%;padding:0;}
	#slideshow .camera_caption div p,#slideshow .camera_caption div h1
									{text-shadow: 0px 0px 5px #000}
	#slideshow .camera_caption div a{margin-top: 0;}
	#content .box.wide video			{float:none; width:100%;}
	/*Products */
	div.item				{width: 45%;}
}
@media (max-width: 767px) {
	
	div.btn-boxes			{margin: 0 auto 0 auto; width: 100%;}
	div.btn-box				{width :90% !important;margin: 0 5% 20px 5% !important;}
	div.btn-box	 span		{display: none}
	}	
@media (max-width: 999px) {
	body						{width: 100%;}
	#container				{max-width: 100%; width: 100%; min-width: 100%;}							
	a.trigger				{width: 100%; height: auto; display: inline-block;cursor: pointer; text-decoration:none; color: #fff; font-weight: 600;
							font-size: 0.938em;	margin: 10px 0 10px; text-align: center; padding: 0;position:relative; z-index: 2000000;}
	#menu-container			{position: relative;padding:0; height: auto;background:#cd7313;}
	#main-menu				{max-width: 100%; width: 100%; height: auto; z-index: 4; margin: 0; padding: 0; display: block;}
	#main-menu.menu-hide		{height: 0; overflow: hidden; transition: height 1s; -webkit-transition: height 1s; -moz-transition: height 1s;}
	#main-menu.menu-show		{height: 270px;}
	#main-menu ul			{width: 100%; display: block;padding: 0;}
	#main-menu li			{display: block; position: relative; z-index: 1000;}
	#main-menu li a			{font-size: 16px;text-align: left;}
	#main-menu li ul 		{display:none;}
	#main-menu li:hover ul	{display:none;}
		
	a.back-to-top				{right: 10px; bottom: 10px;}
	#main-menu a:hover			{border-bottom: 0px solid #f65656; background-color: #eee; color: #333;}	
	#main-menu a:nth-child(1)	{margin: 0;}

	/* Main Styling */
	#page-top			{width:100%; text-align: center;}
	#banner-container	{height: auto;padding: 0 0 20px 0}
	#banner				{width: 100%; height: auto; text-align: center;}
	#banner a.logo		{padding-top: 30px; float:none; width: 100%;display:block; margin:0;}
	#banner a.logo img	{margin: 0 auto 0 auto;}
	#banner a.logo img	{float:none;}
	#banner a.logo h1	{float:none;width: 100%;display:block;margin: 10px 0}
	#banner a.tel		{float:none;margin: 0 0 0;pointer-events: all; width: 100%;
						padding:10px 0 10px 0; text-decoration: underline; display:block;}
	
	#banner a.tel img	{width: 40px; margin: 0 15px 0 0;vertical-align:middle}
	#banner a.email-link{float:none; clear:right;color:#fff;font-size: 18px;width: 100%; text-align:center;}
	#banner p.open-times{float:none; clear:right;color:#000;margin: 10px 0 0 0;}
	
	#banner img.brand	{display:none;}
	#slideshow-container{height: auto;}
	#slideshow			{max-width: 100%; height: auto;}
	.fluid_container 	{margin: 0 auto;max-width: 100%; width: 100%; height: 100%;}
	.camera_caption div	{width: 100%;}
	.camera_caption div h1{font-size: 26px;}
	.camera_caption div p{font-size: 15px;}
	/*.button				{border-radius: 25px;}*/	
	#button-bar-container	{height: auto;}
	div.button-bar			{margin: 0 auto 0 auto; width: 100%; padding: 10px 0 10px 0}
	div.button-bar	a		{display: block; width: 100%; font-size: 16px;background: #cd7313; padding: 8px 0;color:#fff;
							text-align:center;text-decoration:none;margin: 0 0 3px}
	div.btn-boxes			{width: 100%;}
	div.btn-box				{width :48%;margin: 0 1% 20px 1%;}
	div.btn-box	 span		{display: none}
	div.btn-box h1 			{width: 90%; padding: 10px 5%;}
	div.btn-box h1 a			{width: 100%;margin: 0;}
	div.btn-box h1 a i 		{margin: 0}
	#content				{width: 100%;}
	#content .box		{width: 100%;height: auto; margin-right: 0;}
	#content .box h1		{padding: 26px;font-size: 21px; color: #0f4e74;}
	#content .box.wide	{width: 100%;height: auto;}
	#content .box.wide.form{width: 100%;height: auto; padding-bottom: 30px; margin-bottom: 50px;margin-right: 2%;}
	#content .box.map	{float:left;width: 100%;text-align:center;}
	#content .box.map video{width: 90%; margin: 0 5%;}
	#content .box.map p	{margin: 10px 20px 10px 20px;}
		
	#content .box.wide a{margin: 20px 0 0 0;display:block;width: 100%}
	#content .box.wide p a	{border:none; padding:0; margin: 0; font-weight: bold; text-decoration: underline; color:#347ea9;}
	#content .box.wide ul a	{border:none; padding:0; display: block;}
	#content .box.news	{width: 100%; height: auto; margin: 26px 0 30px 0;}
	#content .box.news h2{font-size: 16px;}
	#content .box.news p{font-size: 16px;}
	#content .box.news img{float:right; width:30%; margin: 0 26px 26px 26px}
	#content .bar p		{width: 90%; margin: 26px}
	#content .bar img	{width: 100%;}
		
	/* Contact form */
	form					{margin:  0; width: 100%;}
	form ul li			{width: 90%;}
	form ul li label		{float: none;}
	form ul li input, form ul li textarea
						{width: 100%; float: none;}
	form ul li input.submit{margin-left: 0;width:80% }	
	/*captcha
	form ul li.captcha	{height: 180px;}
	form ul li.captcha p	{width: 100%;}
	form ul li.captcha img	{float: none; width: 100%;}
	form ul li.captcha input{float: right; width: 100px; margin: 5px 5px 5px 0;}
	form ul li.captcha a	{float: left; width: 102px;	margin: 5px 10px 0 0;}
	form ul li.captcha a:hover{background: #6d3183;}*/
	/* footer */
	#footer				{width:100%;height: auto;}
	#footer div.col		{width: 100%; float:none;}
	#footer div.col img.iso{margin: 0 0 0 0;}
	#footer div.col .social-links a
						{float:none; display: inline-block;}
	#footer div.col-wide{width: 80%;float:none; margin-left:10px;text-align:left;}
	#footer div.col-wide img	{margin-left: -15px;width: 100%}
	#footer div.col-wide h2	{margin: 10px 0 10px 0px;}
	#footer div.col-wide p	{margin: 2px 0 2px 0;font-size:16px}
	#copyright-container{width: 100%; background: #0e466a;margin-top: 20px}
	#copyright 			{width: 100%;}
	#copyright p			{float:none; margin: 0 0 0 10px; padding: 10px 0 70px 0;}
	#copyright a			{}
}
@media (min-width: 999px) {

	#page-end-menu, a.call-link, #banner-social-menu, #main-menu a.mobile-menu-link, #main-menu a.mobile-menu-link-inner, #back-to-top-mobile	
								{display: none}
	a.trigger					{display: none}
	#banner-logo-mobile			{display: none}
	.mobile						{display: none}
}