/* ============================= */  
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

	body {
		
	}
	
	#header {
		min-height: 70px;
	}
	
	#header .logo {
		height: 40px;
		margin-top: 85px;
		background: url(../images/logo-small.png) center 0 no-repeat;
	}
	
	#cart {
		right: 0;
		position: fixed;
		margin: -2px 0 0 0;
		width: 100%;
		text-align: center;
	}
	
	#breadcrumbs {
		margin-top: 40px;
		width: 70%;
		font-size: 1em;
	}
	
	.info ol li {
		display: block;
		width: auto;
		padding-right: 0;
	}
	
	.columns {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
	}
	
	.helpbutton {
		margin-top: 20px;
		float: left;
	}

}

@media handheld, only screen and (max-width: 320px) {
	
	#header .logo {
		margin-top: 110px;
	}
	
	#cart {
		right: 0;
		position: fixed;
		margin: -2px 0 0 0;
		width: 100%;
		text-align: center;
	}
	
	#cart a {
		margin-top: 10px;
	}
	
	#breadcrumbs {
		width: 100%;
		font-size: 0.9em;
	}
	
	.columns {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
	}

}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}