/* CSS Document */
#addnav
	{	left:-120px;
	}

@media screen and (max-width:1024px)
{
#searchfield
	{
		right: 130%;
	}
#livesearch
	{
		width: 49.5%;
		right: 5px;
	}
#wrapper3
	{	max-width: 760px;
		left:calc(50% - 300px);
	}
#box1
	{	max-width: 760px;
		
	}
.point1, .point2, .point3, .point4
	{	display:none;
	}	
#Up
	{	left:160px;
		content:"^";
		bottom:0px;
		background-color:rgba(0,162,220,0.5);
		z-index:50;
	}
.PreProdInfo
	{	position:static;
	}
.SubProdInfo
	{	width:95%;
		left:0%;
		top:-25px;
	}
.filter
	{
		width: 15%;
	}
input
	{
		margin-left: -30px
	}
#Disclaimer{
	display: none;
	max-width: 300px;
}
}
@media screen and (max-width:840px)
{
input
	{
		margin-left: 10px;
	}
#search_input
	{	
		width: 200px;
	}
#nav ul li
	{
		width: 135px;
	}
#wrapper3
	{	right:0px;
		left:calc(50% - 370px);
		width:100%;
	}
#box1
	{	padding: 10px 10px 0 10px;
	}	
#nav
	{	left:0px;
		right:0px;
		margin:0px;
	}
#nav ul li
	{	text-align: center;
	}

#addnav
	{	display: none;
	}
.tools
	{	display:none;
	}
#pause4
	{	top:0px;
	}

.rq1
	{	display:block;
		left:calc(50% - 48px);
	}
#Up
	{	left:calc(100% - 45px);
	}			
.GallLM
	{	position: relative;
		top:10px;
		left:2%;
		width:100%;
	}
#GallL
	{	left:-2px;
	}
#Disclaimer{
	display: none;
	max-width: 200px;
}
}
@media screen and (max-width:770px)
{

.copy p 
	{
		padding-left:5px;
	}
#next, #prev
	{
		top: 30%;
		height: 50px;
		line-height: 50px;
	}
.mobile_show
	{	display:block;
	}
#cse
	{	left:0px;
	}
#wrapper3
	{	right:0px;
		left:0px;
		width:100%;
	}
#box1
	{	padding: 10px 10px 0 10px;
	
	}	
#nav
	{	left:-45px;
		right:0px;
		margin:0px;
	}
#search_input
	{
		position: absolute; 
		right: 0px;
		top: 75px;
		display: none;
		z-index: 501;
	}
#searchfield
	{
		top: 15px;
		width: 223%;
		right: 6px;
	}
.filter
	{
		width: 15%;
		padding: 5px 10px;
	}
#livesearch
	{
		top: 215px;
		width: 90%;
		margin-left: 10px;
	}
/* Responsive Top Nav*/
#nav 
	{	position:absolute;
		top:0px;
		left:0px;
		height:45px;
		z-index: 200;
	}
#mobile_menu
	{
		
	}
#mobile_logo
	{
		
	}
#nav ul 
	{	float:none;
		list-style:none;
		padding:0 0 10px 0;
		background-color:#00A2DC;
		z-index: 200;
	}
#nav li 
	{	float:none;
	}
.search
	{	position:absolute;
		top:5px;
		left:calc(50% - 10px);
	}
.cart
	{	position:absolute;
		top:5px;
		right:25px;
	}	
.material_icons
	{	z-index: 1000;
	}
#nav a 
	{	color:#fff;
		font-weight:bold;
		cursor:pointer;
		position:relative;	
	}

#nav strong
	{	font-size:12px;
		font-weight:bold;
		text-transform:Capitalize;
	}
#nav strong:hover 
	{	font-size:12px;
		font-weight:bold;
		text-transform:none;
	}	

#nav ul li 
	{
		float:none;
		font-size:12px;
		line-height:16px;
		text-align:left;
		font-weight:bold;
		padding:5px;
		width: 45%;
	}

#nav ul a 
	{	color:#FFFFFF;
		display:block;
		width:auto;
		padding:5px 0 2px 10px;
	}

#nav ul li ul
	{	position:relative;
		left:0px;
		display:none;
		z-index:30;
	}
#nav ul li:hover ul
	{	left: 0px;
		top:8px;
		border-left: 3px solid #00A2DC;
		color:#00A2DC;
		display:block;
	}
#nav a.search:hover
	{	background-color:#00A2DC;
	}
	
#nav ul li.search:hover ul
	{	display:none;
	}
	
#nav ul li ul li
	{	background: #FFFFFF;
		width:250px;
		padding: 5px;
		top:7px;
		text-align:left;
		z-index:12;
	}
#nav ul li:hover ul li:hover
	{	background-color:#FFFFFF;
		border: 1px solid #00A2DC;
		border-radius:10px;
		color:#00A2DC;
		left:5px;
	}
#nav ul li ul li a
	{	color:#fff;
		display:inline-block;
		width:250px;
		height:20px;
		z-index:12;
	}
#nav ul li:hover ul li ul
	{	position:relative;
		display:none;
	}
#Menu img
	{
		margin-left: 10px;
	}
#search_bar
	{
		display: none;
	}
.mobile_hide
	{	display:none;
	}
.mobile_show2
	{	display:block;
		background-color: #00A2DC;
	}
.cancel
	{	content: "cancel";
	}
#cse
	{	z-index:201;
		top:60px;
		width:100%;
	}
#MainRFQ, #PartRFQ
	{	
		width: 100%;
	}

.RFQ
	{
		width: 95%;
		left: 10px;
	}
#NewsG
	{
		width: 100%;
	}
.form
	{
		width: 95%;
		left: 10px;
	}
/* Banner */	
#container4, #container
	{	height:25%;
		width:100%;
	}
#container2
	{
		height:400px;
	}
#slider4 img, #slider img, #slider3
	{	height:auto;
	}
.subInfo4
	{	display: none;
	}
#pause4
	{	top: 0px;
	}
iframe
	{	left:0px;
		right:0px; 
	}
.mobile_img	
	{	position: absolute;
		left: 0px;
	}
.img
	{	width:250px;
	}
.shrink
	{	width:250px;
		height:auto;
	}

.SubProdInfo
	{	width:95%;
		left:0%;
		top:-25px;
	}

#MainGraphic, #GraphicCenter
	{	transform:scale(0.75);
	}
/*Sub-product lists*/	
.SL1	
	{	margin-left:-20px;
	}
#form
	{	padding:5px;
		width:100%;
		height:90%;
		overflow:auto;
		margin:50px auto;
		z-index:41;
	}
.tools
	{	display:none;
	}
.flex
	{	display:flex;
		flex-direction:column;
		justify-content:center;
		align-items:center;
	}
.flexItem
	{	width:70%;
		padding:5px;
	}
.pause a
	{	padding:0 0 0 5px;
		font-size: 14px;
		width: 20%;
		white-space: nowrap;
	}	
#pause3 a
	{	padding:0 0 0 5px;
	}
}
@media screen and (max-width:414px)
{
#cse
	{	left:0px;
	}
#content
	{	right:0px;
		left:0px;
		width:100%;
		//margin:0 10px 0 10px;
	}
#box1
	{	padding: 10px 10px 0 10px;
	}	


.SL1 ul li
	{	padding-bottom:50px;
	}	
#index > tr:last-child
	{	display:none;
	}
 #GraphicCenter
	{	transform:scale(0.5);
	}	
}
@media screen and (max-width:348px)
{
	#livesearch 
	{
		top: 225px;
	}
}