@media (max-width: 640px) { /*mobile only*/
	.desktop{display: none;}
	
	#page{
		width: 640px;
		width: 100%;
	}
	
	.wrapper{
		width: 100%;
	}
	
	#header{
		height: 250px;
		border-bottom: 1px solid #ccc;
	}
	
		#header #logo{
			height: 126px;
			/*background-image: url('../img/logo.png');
			background-repeat: no-repeat; */
			margin-top: 90px;
			position: absolute;
			width: 100%;
			text-align: center;
		}
		
		#header #nav{
			font-size: 24px;
			font-weight: 400;
			position: absolute;
			width: 100%;
			height: 70px;
			background: #FF6B00;
			border-bottom: 2px solid #270188;
		}
		
			#header #nav .navbox{
				border: 0px solid #270188;
				margin-left: 10px;
				width:  75px;
				height: 45px;
				margin-top: 10px;
				border-radius: 0px;
				padding-top: 3px;
				cursor: pointer;
			}

				#header #nav .navbox .hamburger{
					background: #270188;
					margin-left: 5px;
					width:  65px;
					height: 8px;
					margin-top: 5px;
					border-radius: 3px;
				}
		
			#header #nav ul{
				background: #fff;
				padding: 0px;
				margin: 0px;
				margin-top: 18px;
				display: none;
				position: absolute;
				z-index: 1111;
				width: 100%;

			}
			#header #nav ul li{
				list-style-type: none;
				padding: 10px;
				border-bottom: 2px solid #270188;
				font-size: 28px;
				text-align: center;
			}

				
			#header #nav ul li a:link,
			#header #nav ul li a:active,
			#header #nav ul li a:visited{
				text-decoration: none;
				color: #270188;
			}
			#header #nav ul li a:hover{
				color: #270188;
				/** blue **/
			}

			#header #nav ul li.active a:link,
			#header #nav ul li.active a:active,
			#header #nav ul li.active a:visited{
				text-decoration: none;
				color: #34AC00;
				color: #ff6b00;
			}
			
			#main{
				margin-top: 5px;
			}
			
	#slideshow{
		height: 300px;
		position: relative;
		border: 1px solid #cccccc;
		margin-bottom: 15px;
		width: 90%;
		margin-top: 15px;
		margin-left: 5%;
	}
	
		#slideshow .slideshowImage{
			position: absolute;
			width: 100%;
			height: 300px;
			display: none;
		}
		
		#slideshow #ss1{
			background-image: url('../img/AccurateMarkingAndManufacturing-ShopEntrance_mobile_92817.jpg');
			display: block;
		}
		#slideshow #ss2{background-image: url('../img/slideshow_die.png');}
		#slideshow #ss3{background-image: url('../img/slideshow_secser.png');}
		#slideshow #ss4{background-image: url('../img/slideshow_lathe7.png');}
		#slideshow #ss5{background-image: url('../img/slideshow_lathe33.png');}
		#slideshow #ss6{background-image: url('../img/cnc-mill-5.jpg');}
	
	#slideshow #slideshowContent{
		background: #171717;
		opacity: .8;
		color: #fff;
		width: 350px;
		margin-top: 15px;
		height: 270px;
		right: 75px;
		position: absolute;
		font-weight: 300;
	}
	
		#slideshow #slideshowContent p{
			margin-top: 40px;
			margin-left: 15px;
			width: 300px;
			font-size: 21px;
			line-height: 25px;
		}
	
	
	#slideshow .arrow{
		width:  65px;
		height: 65px;
		background: #0089CA;
		background: #0a05d7;
		background: #270188;
		top: 115px;
		position: absolute;
	}

	#slideshow .arrow.right{
		right: 0px;
	}
	
	#slideshowControls{
	}
	
	#slideshowControls ul{
		margin: 0px;
		padding: 0px;
		width: 295px;
		margin-left: auto;
		margin-right: auto;
	}

		#slideshowControls ul li{
			margin: 0px;
			float: left;
			list-style-type: none;
			width:  40px;
			height: 40px;
			margin-right: 10px;
			border-radius: 25px;
			background: #ccc;
			cursor: pointer;
		}

			#slideshowControls ul li.last{
				margin-right: 0px;
			}

			#slideshowControls ul li.active{
				background: #0089CA;
				background: #0a05d7;
				background: #270188;
			}			

	#hero{
		border-top:    1px solid #ccc;
		border-bottom: 1px solid #ccc;
		font-weight: 700;
		text-align: center;
		font-size: 32px;
		padding: 20px 0px;
		line-height: 40px;
		margin-bottom: 30px;
		padding: 5%;
	}
	
	h2{
		font-size: 20px;
		font-size: 24px;
		margin-left: 5%;
	}
	
	#h1container{
		border-bottom: 1px solid #ccc;
		font-size: 22px;
		font-weight: 400;
		line-height: 30px;
		margin-top: 10px;
		padding-bottom: 10px;
		text-align: center;
	}
	
	#h1container h1{
		padding: 0px;
		margin: 0px;
		font-size: 24px;
		color: #34AC00;
		color: #ff6b00;
		font-weight: 400;
	}
	
	#bulletPoints{
		
	}

		#bulletPoints .bulletPoint{
			width: 90%;
			padding-left: 5px;
			margin-bottom: 20px;
			margin-left: 5%;
		}

		#bulletPoints .bulletPoint .title{
			text-transform: uppercase;
			margin-bottom: 0px;
			font-weight: 400;
			font-size: 22px;
			vertical-align: top;
			line-height: 24px;
			color: #ff6b00;
			margin-bottom: 10px;
			margin-top: 20px;
		}

		#bulletPoints .bulletPoint .point{
			font-size: 16px;
			font-size: 20px;
			width: 80%;
			line-height: 24px;
			font-weight: 400;
		}
		
		
	#footer{
		color: #fff;
		padding-top: 10px;
		padding-bottom: 20px;
		font-size: 20px;
	}
	
	
	#footer #right{
		text-align: center;
	}
	
	#footer a:link,
	#footer a:active,
	#footer a:visited{
		color: #fff;
		margin-right: 5px;
		text-decoration: none;
	}

	#footer  a:link.last,
	#footer  a:active.last,
	#footer  a:visited.last{
		margin-right: 0px;
	}

	#footer a:hover{
		color: #0089CA;
		color: #0a05d7;
		color: #270188;
		margin-right: 5px;
		text-decoration: none;
	}
	
	#mailingList{
		margin-top: 5px;
	}
	
	#mailingList .email{
		width: 250px;
		height: 35px;
		line-height: 35px;
		font-weight: 300;
		border-radius: 5px;
		border: 1px solid #ccc;
		color: #231f20;
		margin-right: 10px;
		padding-left: 5px;
	}
	
	#mailingList .SignUp{
		background: #0089CA;
		background: #0a05d7;
		background: #270188;
		border: 0px;
		padding: 7px;
		color: #fff;
		border-radius: 5px;
	}
	
	#sub_wrapper{
		margin-top: 15px;
		width: 90%;
		margin-left: 5%;
	}
	
		#sub_wrapper #content{
		}
		#sub_wrapper #content .sub_img{
			border: 1px solid #ccc;
			height: 235px;
			margin-bottom: 10px;
		}

		#sub_wrapper #content .sub_img img{
			max-height: 235px;
			width: 100%;
		}
		
		#sub_wrapper #content #containerList{
		}
			#sub_wrapper #content #containerList .productContainer{
				min-height: 80px;
				border: 1px solid #ccc;
				width: 100%;
				/*float: left; */
				margin-bottom: 10px;
				background: #fff;
				border-radius: 5px;
				padding-bottom: 5px;
			}

				#sub_wrapper #content #containerList .productContainer .image{
					float: left;
					margin-top: 7px;
					height: 102px;
					width:  102px;
					background: #fff;
					border: 2px solid #ccc;
					margin-left: 10px;
				}
				
				#sub_wrapper #content #containerList .productContainer .image img{
					height: 100px;
					width:  100px;
					border: 1px solid #fff;
				}
				
				#sub_wrapper #content #containerList .productContainer .label{
					float: left;
					margin-left: 10px;
					line-height:22px;
					margin-top: 40px;
				}

				#sub_wrapper #content #containerList .productContainer .blurb{
					float: left;
					margin-left: 10px;
					margin-top: 5px;
					line-height: 20px;
					font-size: 14px;
					width: 440px;
					font-weight: 300;
				}
					#sub_wrapper #content #containerList .productContainer .label a:link,
					#sub_wrapper #content #containerList .productContainer .label a:active,
					#sub_wrapper #content #containerList .productContainer .label a:visited{
						font-size: 20px;
						font-size: 26px;
						font-weight: 400;
						text-decoration: none;
						color: #270188;
					}
		
		#sub_wrapper #cta{
			height: 215px;
			height: 440px;
			width: 95%;
			background: #231f20;
			border-radius: 10px;
			color: #fff;
			padding: 10px;
			opacity: .9;
			/*text-align: center; */
			font-size: 18px;
			font-size: 24px;
			line-height: 28px;
		}

		#sub_wrapper #cta .header{
			font-size: 28px;
			font-weight: 400;
			/*border-bottom: 1px solid #0089CA;
			border-bottom: 1px solid #0a05d7; */
			text-align: center;
			margin-bottom: 5px;
			line-height: 38px;
		}

		#sub_wrapper #cta .call{
			font-size: 18px;
			font-size: 22px;
			font-weight: 400;
			margin-bottom: 5px;
			width: 90%;
			margin: 5px auto;
			color: #ff3837;
			color: #fff;
			line-height: 32px;
			margin-top: 10px;
		}
		
		#sub_wrapper #cta .icon{
			width:  70px;
			height: 70px;
			float: left;
		}
		#sub_wrapper #cta .phone{
			background: url('../img/icon-phone.png');
			background-size: cover;
		}

		#sub_wrapper #cta .fax{
			background: url('../img/icon-fax.png');
			background-size: cover;
		}

		#sub_wrapper #cta .email{
			background: url('../img/icon-email.png');
			background-size: cover;
		}

		#sub_wrapper #cta .contact{
			width: 220px;
			height: 70px;
			float: left;
			line-height: 50px;
			margin-left: 5px;
			font-size: 24px;
		}
		
		#sub_wrapper h2{
			padding: 0px;
			margin: 0px;
			font-weight: 400;
			font-size: 22px;
			color: #0a05d7;
			color: #ff6b00;
		}

		#sub_wrapper p{
			margin-bottom: 10px;
			margin-top: 0px;
			font-size: 16px;
		}
		
		#gallery{
			padding: 5px 0px;
		}
		
		#gallery h3{
			margin: 0px;
			border-bottom: 1px solid #ccc;
			margin-bottom: 10px;
		}
	
			
			#gallery .popup-gallery{
				margin-top: 5px;
			}

			#gallery .popup-gallery a{
				border: 1px solid #ccc;
				float: left;
				width:  100px;
				height: 100px;
				margin-right: 5px;
				margin-top:   5px;
				background: #fff;
				cursor: pointer;
			}

			#gallery .popup-gallery a img{
				width: 90px;
				height: 90px;
				margin-left: 5px;
				margin-top: 5px;
			}
			
			#theForm{
			margin-bottom: 20px;
		}
		
		#formThanks{
			display: none;
		}
		
			#theForm .formElement{
				
			}
			
			#theForm .formElement .label{
				font-size: 18px;
				font-weight: 400;
				margin-top: 10px;
			}
			#theForm .formElement .message{
				font-size: 14px;
				font-weight: 400;
				display: none;
			}
			#theForm .formElement .input input{
				width: 95%;
				height: 40px;
				border: 1px solid #ccc;
				border-radius: 5px;
				font-weight: 300;
				padding-left: 10px;
				font-size: 18px;
			}

			#theForm .formElement .input textarea{
				width: 95%;
				height: 80px;
				border: 1px solid #ccc;
				border-radius: 5px;
				font-weight: 300;
				padding-left: 10px;
				padding-top:  5px;
				font-size: 18px;
				line-height: 20px;
			}
	
			#theForm #submitButton{
				margin-top: 10px;
				color: #fff;
				border: 0px solid #ccc;
				background: #0089CA;
				background: #0a05d7;
				background: #270188;
				padding: 5px 10px;
				font-size: 18px;
				border-radius: 5px;
				cursor: pointer;
			}
	
				.productTable{
				border: 1px solid #ccc;
				background: #fff;
				width: 100%;
				margin-bottom: 10px;
			}
			
			.productTable td{
				border: 1px solid #ccc;
				vertical-align: top;
				font-size: 14px;
			}

			.productTable td ul{
				margin-top: 0px;
				font-size: 14px;
				padding-left: 10px;
				margin-left: 20px;
			}
			.productTable .header{
				font-weight: 400;
				padding: 5px;
				border-bottom: 1px solid #ccc;
				font-size: 16px;
				background: #eee;
			}

			.productTable .thickness{
				font-weight: 400;
				padding: 5px;
				border-bottom: 1px solid #ccc;
				width: 25%;
			}
}