@media screen and (max-width: 850px) {
	
	#outer {
		background:none #ffffff;
	}
	
	#container {
		width:96%;
		padding:1.5% 2%;
	}
	
	div.col {
	 margin:0 !important;
	 width:100% !important;
	}
	
	#val {
		float:none;
		clear:both;
	}
	
	#social {
		position:absolute;
		right:2%;
		top:2%;
	}
	
	a#mobile-menu {
		display:block;
		position:absolute;
		right:5px;
		top:16px;
		text-shadow:1px 1px 1px #f2e8e8;
	}
	
	#menu {
		display:none;
	}


	#logo.sub {
		z-index:2;
	}
	
	#logo img {
		height: 97px;
	}
	
	div#submenu {
		width:100%;
		clear:both;
	}
	
	div#submenu h3.norm {
		display:none;
	}
	
	div#submenu h3.mob {
		display:block;
	}
	
	ul.m2 {
		display:none;
	}
	
	ul.m2.on {
		display:block;
	}
	
	ul.m2 {
		font-size:1.3em;
		line-height:1.5em;
	}
	
	ul.m2 li a {
		padding:0.5em 0;
	}
	
	div#content {
		width:100%;
		margin:0;
	}
	
	div.prod_lft, div.prod_rgt, div.prod_lft2, div.prod_rgt2, div.lft, div.rgt, div#footer {
		width:100% !important;
		margin:0;
	}
	
	img.prod_img {
		max-width:240px;
	}
	
	div#search_div {
		padding:2% 3%;
		background:none #f3f3f4;
	}
	
	#search {
		width:200px;
		padding:5px 6px 7px 24px;
	background:url(../img/search.png) no-repeat 6px 3px #ffffff;;
	}
	
	#menu.on {
		position:relative;
		float:right;
		margin-top:-3px;
		margin-right:11px;
		top:50px;
		/*right:11px;
		width:60%;*/
		width:93%;
		max-width:93%;
		display:block;
		z-index:10;
		height:auto;
	}
	
	#menu ul a {
		line-height:1.3em;
		padding:0.7em 1.5em !important;
		display:block;
	}
	
	#menu ul li {
	 background:none #ffffff;
	 padding:0 !important;
	 margin:0;
	}
	
	#menu ul.main {
		float:none;
		margin:0;
		border-bottom: 1px solid #EEEEEE;
    width: 100%;
    z-index:10;
   }
   
   #menu ul.main li {
   	float:none;
   	display:block;
   	border-top: 1px solid #EEEEEE;
    width: 100%;
    font-size:115%;
    line-height: 1.4em;
    position:relative;
  }
  
   #menu ul.sub {
  	display:block;
  	position:relative;
  	background:none transparent;
  	top:0;
  	width:90%;
  	box-shadow:none;
  	left:10px !important;
  	border:0;
  }
  
  
  #menu ul.sub li {
  	width:100%;
  }
  
  #menu ul.sub a {
  	font-weight:normal !important;
  	font-size:65% !important;
  	margin-bottom:0 !important;
  }
  
  #menu ul.sub a.current {
  	font-weight:bold !important;
	}
	
	div#soc {
		position:absolute;
		right:6px;
		top:45px;
		width:50%;
	}
	
	div#soc img {
		float:right;
		padding:0 2%;
		width:28px;
	}
	
	div#cols {
		-webkit-column-count: 1; /* Chrome, Safari, Opera */
	  -moz-column-count: 1;
		column-count:1;
	}
}