@media only screen and (max-width: 1024px) {	

	.wrapper{ width:1000px; }
	
	#main .wrapper {
		padding:16px;
	}

}



@media only screen and (max-width: 1000px) {	
	
	.wrapper{ width:100%; }
	
	#main .wrapper {
		padding:16px;
	}
	
	#mobile-header{
		display:block;
		height:56px;
		line-height:64px;
		padding:0 16px;
		z-index:0;
		background:#FFF;
	}
	
	#mobile-header a#mobileMenuTrigger{
		display:inline-block;
		width:96px;
		height:40px;
		line-height:40px;
		text-align:center;
		font-size:21px;
		color:#333;
		text-decoration:none;
	}
	
	#top{
		background:#FFF;
	}
	#top ul li a{
		color:#333
	}
	
	#top,
	nav{
		height:0;
		position:absolute;
		z-index:99999;
		width:100%;
		opacity:0;
		transition:ease-in-out 0.3s;
		overflow:hidden;
	}
	
	nav.active{
		top:390px;
		padding:16px 0
	}
	
	#top.active,
	nav.active{
		height:auto;
		overflow:scroll;
		opacity:1;
	}	
	
	#top ul li,
	nav ul li{
		display:block;
		float:none;
		line-height:normal;
		margin:0;
		padding:0;
	}
	
	#top ul li a,
	nav ul li a{
		padding:8px 16px;
		display:block;
	}
	#top ul li a:hover,
	nav ul li a:hover{
		text-decoration:none;
	}
	
	#top .language-choice{
		margin:0
	}
	
	
	a#logo{
		background:#FFF url(../images/logo.png) no-repeat center;
		background-size:56px auto;
		display:block;
		height:56px;
		width:112px;
		position:absolute;
		top:-56px;
		right:0;
		z-index:999;
	}
	
	input#main-search{
		position:relative;
		background:#EEE;
		width:98%;
		border:1px solid #CCC;
		margin:4px
	}


	a#cart{
		background:#FFF;
		top:0;
		height:56px;
		width:128px;
		left:128px;
		margin-left:0;
		line-height:60px;
		color:#2175B1;
	}
	
	
	#cart-steps{
		overflow:hidden;
		background:#FFF;
		margin-bottom:24px;
	}
	#cart-steps .step{
		display:block;
		padding:8px;
		position:relative;
		margin-right:0;
		margin-bottom:1px;
		font-weight:300;
		color:#999;
		font-style:italic;
	}
	#cart-steps .step.active{
		color:#FFF;
		font-style:normal;	
		font-weight:600
			
	}	
	
	#cart-steps .step:after,
	#cart-steps .step:before,
	#cart-steps .step.active:after,
	#cart-steps .step.active:before{
		display:none;		
	}
	

	#product-main-image{
		border:1px solid #DDD;
		padding:16px;
	}
	
	#product-thumbnails{
		border:1px solid #DDD;
		padding:8px;
	}
	#product-thumbnails a{
		width:24%;
		margin-right:1%;
		height:23vw;
		padding:0;
		float:left;
	}	
	
	#product-thumbnails{
		margin-bottom:24px;
	}
	
	#products{
		margin:24px 0 0 0
	}
	#products a.product {
		width:100%;
		height:auto;
	}
	

	.price-wrapper {
		margin-top:16px;
		margin-bottom: 16px;
		text-align: left;
	}	
	
	
	.tile p.tile-max-height {
		height:auto;
	}
	
	h1,h2,h3{
		line-height:28px;
	}
	

	button,
	a.button{
		display:block;
		width:100%;
		margin-bottom:4px;
	}
	button.small,
	a.button.small{
		padding:6px;
		height:auto;
		line-height:21px;
	}	
	
	#overlay-cart{
		position:fixed;
		top:-700px;
		width:80%;
		max-width:80%;
		left:-40%;
		margin-left:50%;
	}	
	
	.table-wrapper{
		width:100%;
		overflow:scroll;
	}
	
	table{
		border-collapse:collapse;
	}
	table td,
	table th{
		vertical-align:top;
		border-bottom:1px solid #EEE;
		padding:8px;
		font-size:13px;
	}
	
	table.zebra td{
		padding:8px 4px;
	}
	table.zebra tr:nth-child(even) td{
		background:#FAFAFA;
	}	
	
	.row .col-1,
	.row .col-2,
	.row .col-3,
	.row .col-4,
	.row .col-5,
	.row .col-6,
	.row .col-7,
	.row .col-8,
	.row .col-9,
	.row .col-10,
	.row .col-11,
	.row .col-12,
	.float-left,
	.float-right{
		box-sizing: border-box;
		float: none;
		margin-right: 0%;
		width:100%;
		margin-bottom:24px;
	}

}