/* Styles for X device / X width ------------------------------------------------------------------------------------- */
@media screen and (max-width: 320px)
{
	div.fire-navigation-main ul.fire-navigation li.fire-navLink-downloads,
	div.fire-navigation-main ul.fire-navigation li.fire-navLink-info,
	div.fire-navigation-main ul.fire-navigation li.fire-navLink-faq,
	div.fire-navigation-main ul.fire-navigation li.fire-navLink-team,
	div.fire-navigation-main ul.fire-navigation li.fire-navLink-contact,
	div.fire-navigation-main ul.fire-navigation li.fire-navLink-packaging,
	div.fire-navigation-main ul.fire-navigation li.fire-navLink-preview { display: none!important; }
	body { font-family: georgia, serif; width: 320px; overflow-x: hidden; }
	.extra { display: none!important; }
	
	p { max-width: 280px; font-size: 11px; line-height: 16px; }
	p.footer { font-size: 9px; line-height: 15px; }
	h1 { font-size: 20px; line-height: 27px; }
	li { font-size: 11px; line-height: 16px; }
	
	img { width: 280px!important; margin: 0 0 12px; }
	
	#wrapper {
		min-width: 280px;
		width: auto;
		margin: 0;
		padding: 0 20px;
	}

	#branding {
		position: relative;
		margin: 0 auto;
		height: auto;
		background: none;
		width: auto;
	}
	
	#logo { margin: 50px 0 10px; position: relative; top: auto; left: auto; width: 280px; }
	div.fire-navigatin-main { width: 100px; }
	div.fire-navigatin-main li { line-height: 20px; }
	div.fire-navigation-main ul.fire-navigation li.fire-navLink-buy  { width: 100px; position: absolute; top: -25px; }
	div.fire-navigation-main ul.fire-navigation li.fire-navLink-buy a, div.fire-navigation-main ul.fire-navigation li.fire-navLink-buy a.active {
		background: #000;
		display: block;
		margin:0;
		padding: 6px 11px!important;
		color: #fff;
		text-transform: uppercase;
		letter-spacing: 2px;
		font-size: 12px;
		width: 100px!important;
		text-align: center;
	}
	
	#main {
		width: auto;
		position: relative;
		margin: 0 auto;
		float: none;
		padding: 40px 0 0;
	}
	
	.col {
		width: auto;
		float: none;
		padding: 0;
	}
	
	.ui-tabs-nav {
		width: 280px;
		padding: 15px 0 0;
	}
	
	.ui-tabs-nav li { font-size: 9px; }
	
	#checkout {
		position: relative;
		width: auto;
		height: auto;
		left: auto;
		top: auto;
		background: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		border: 0;
		padding: 21px 15px 6px;
		margin: 0;
		background: #000;
	}
	#checkout input.buttoninput { background: #333; }
	#checkout h4, #checkout p {
		color: #fff;
	}
	
}

/* Styles for X device / X width ------------------------------------------------------------------------------------- */
@media screen and (min-width: 321px)
{
	div.fire-navigation-main ul.fire-navigation li.fire-navLink-downloads,
	div.fire-navigation-main ul.fire-navigation li.fire-navLink-info,
	div.fire-navigation-main ul.fire-navigation li.fire-navLink-faq,
	div.fire-navigation-main ul.fire-navigation li.fire-navLink-team,
	div.fire-navigation-main ul.fire-navigation li.fire-navLink-contact,
	div.fire-navigation-main ul.fire-navigation li.fire-navLink-packaging,
	div.fire-navigation-main ul.fire-navigation li.fire-navLink-preview { display: none!important; }

	body { font-family: georgia, serif; width: 480px; overflow-x:hidden; }
	.extra { display: none!important; }
	p { max-width: 450px; font-size: 9px; line-height: 15px; }
	p.footer { font-size: 8px; line-height: 14px; }
	p.instruct { font-size: 10px; line-height: 15px; }
	h1 { font-size: 20px; line-height: 27px; }
	li { font-size: 9px; line-height: 15px; }
	img { width: 420px!important; margin: 0 0 12px; }
	#wrapper { min-width: 280px; width: auto; margin: 0; padding: 0 20px; }
	#branding { position: relative; margin: 0 auto; height: auto; background: none; width: auto; }
	#logo { position: relative; top: auto; left: auto; margin: 50px 0 10px 90px; }
	div.fire-navigatin-main { width: 100px; }
	div.fire-navigatin-main { line-height: 20px; }
	div.fire-navigation-main ul.fire-navigation li.fire-navLink-buy  { width: 100px; position: absolute; top: -25px; }
	div.fire-navigation-main ul.fire-navigation li.fire-navLink-buy a, div.fire-navigation-main ul.fire-navigation li.fire-navLink-buy a.active {
		background: #000;
		display: block;
		margin:0;
		padding: 6px 11px!important;
		color: #fff;
		text-transform: uppercase;
		letter-spacing: 2px;
		font-size: 12px;
		width: 100px!important;
	}
	#main {
		width: auto;
		position: relative;
		margin: 0 auto;
		float: none;
		padding: 40px 0 0;
	}
	
	.col {
		width: auto;
		float: none;
		padding: 0;
	}
	
	.ui-tabs-nav {
		width: 410px;
		padding: 15px 0 0;
		font-size: 12px;
	}
	
	#checkout {
		position: relative;
		width: auto;
		height: auto;
		left: auto;
		top: auto;
		background: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		border: 0;
		padding: 21px 15px 6px;
		margin: 0;
		background: #000;
	}
	#checkout input.buttoninput { background: #333; }
	#checkout h4, #checkout p {
		color: #fff;
	}
}