/*	Retina (HiDPI) Display
    http://www.quirksmode.org/blog/archives/2012/06/devicepixelrati.html
-------------------------------------------------------------- */
@media 
    only screen and (-moz-min-device-pixel-ratio:1.5), 
    only screen and (-o-min-device-pixel-ratio:3/2), 
    only screen and (-webkit-min-device-pixel-ratio:1.5), 
    only screen and (min-device-pixel-ratio:1.5) {
}

@media handheld, only screen and (max-width: 1024px) {
	
	.header {
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	
	.slider .cycle {
		height: 310px;
	}
	
	.pods .col-4-12 .content {
		border-left: none;
	}
	
	.grid {
	    width: 94%;
	    min-width: 0;
	    margin-left: 0px;
	    margin-right: 0px;
	    padding-left: 0px;
	    padding-right: 0px;
	    margin: 0 auto;
	}
	
	[class*='col-'] {
		width: auto;
		float: none;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px; 
	}
	.pods .col-3-12 .content {
		padding: 0;
		margin: 0;
		border-left: none;
	}
	
	.pods .col-3-12 {
		width: 48%;
		float: left;
		border: none;
		margin: 1%;
		padding: 0;
	}

	#subnav {
		width: 100%;
		padding: 20px 0 8px 0;
		margin: 0;
		list-style: none;
		font-size: 14px;
		display: none;
	}

	.subnav-icon {
		font-size: 30px;
		display: inline-block;
		float: right;
		text-align: right;
		text-decoration: none;
		margin: 0 10px;
	}
	
	.subnav-icon .fa-times {
		display: none;
		color: #000;
		margin: 0 0 10px 0;
	}
	.subnav-icon .fa-bars {
		display: block;
		color: #dc001c;
	}

	.footernav {
		display: none;
	}
	
}

/* -------------------------------------------------------------- */

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

	
	.slider .cycle {
		height: 300px;
	}

	.logo {
	    position: relative;
	    top: 0;
	    left: 0;
	    margin: 20px auto;
	}
	.signup {
	    position: relative;
	    top: 0;
	    right: 0;
	    font-size: 15px;
	    padding: 0;
	    height: auto;
	    line-height: 20px;
	    background: none;
	    text-align: center;
	}
	
	#nav { display: none; }
	
	#mobile-nav {
		display: block;
		width: 96%;
		padding: 1% 2%;
		margin: 10px 0 0 0;
		border: none;
		background: #dc001c;
		color: #fff;
	}
	
	.menu-mobile-container {
		display: none;
	}

	.nav-icon {
		display: block;
		color: #fff;
	}

	.nav-icon {
		font-size: 30px;
		display: block;
		text-decoration: none;
	}
	
	.nav-icon .fa-times {
		display: none;
		color: #000;
		margin: 0 0 10px 0;
	}
	.nav-icon .fa-bars {
		display: block;
		color: #fff;
	}
	
	.menu-mobile-container ul {
		margin: 10px 0;
		padding: 0;
		font-size: 20px;
		list-style: none;
	}
	.menu-mobile-container ul a {
		font-size: 15px;
		color: #fff;
		text-decoration: none;
		line-height: 30px;
		text-transform: uppercase;
		font-weight: 600;
	}



	.pods .col-4-12 .content {
		padding: 0;
		margin: 20px 0 0 0;
		border-left: none;
	}
	
	.pods img {
		position: relative;
		left: 0;
	}
	
	.pods {
		margin: 0;
	}
	.pods h2 {
		text-align: center;
	}
	
	.controls { display: none; }
	
}

/* -------------------------------------------------------------- */

@media handheld, only screen and (max-width: 801px) {
	
	/* -webkit-appearance: none; */
	
	.slider .cycle {
		height: 258px;
	}
	
	.alignnone {
		display: block;
		margin: 5px auto 10px auto;
	}
	
}

/* -------------------------------------------------------------- */

@media handheld, only screen and (max-width: 790px) {
	
	.slider .cycle {
		height: 251px;
	}

	.woocommerce ul.products li.product, 
	.woocommerce-page ul.products li.product {
	    margin: 2% !important;
	}

}

/* -------------------------------------------------------------- */

@media handheld, only screen and (max-width: 750px) {
	
	.filter {
		display: none;
	}
	
	.col-3-12 {
		width: 98%;
		float: left;
		border: none;
		margin: 1%;
		padding: 0;
	}
}

/* -------------------------------------------------------------- */

@media handheld, only screen and (max-width: 601px) {
	
	.slider .cycle {
		height: 193px;
	}
	
	.logo {
		position: inherit;
		top: 0;
		left: 0;
		margin: 5% auto;
	}
	
	/* Shop ---------------------*/
	
	.woocommerce ul.products li.product, 
	.woocommerce-page ul.products li.product {
		float: left !important;
		display: inline !important;
		width: 46% !important;
		clear: left !important;
	}
	
	.woocommerce ul.products li.mobile-wrap, 
	.woocommerce-page ul.products li.mobile-wrap {
		clear: none !important;
	}
	
	.woocommerce div.product div.images, 
	.woocommerce #content div.product div.images, 
	.woocommerce-page div.product div.images, 
	.woocommerce-page #content div.product div.images {
		float: left;
		width: 48%;
		margin-bottom: 2em;
	}
	
	.woocommerce div.product div.images, 
	.woocommerce #content div.product div.images, 
	.woocommerce-page div.product div.images, 
	.woocommerce-page #content div.product div.images {
		width: 100%;
	}
	
	.woocommerce div.product div.summary, 
	.woocommerce #content div.product div.summary, 
	.woocommerce-page div.product div.summary, 
	.woocommerce-page #content div.product div.summary {
		width: 100%;
	}
	
	.woocommerce table.shop_table td, 
	.woocommerce-page table.shop_table td {
		padding: 8px 0;
	}

}

/* -------------------------------------------------------------- */

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

	
	#gform_confirmation_wrapper_1, #gform_wrapper_1 {
		float: none;
		display: block;
		position: relative;
		width: 100%;
		margin: 0 0 5px 0;
		padding: 0 0 5px 0;
		border-left:none;
		border-bottom: 1px #000 solid;
	}
	
	.cycle {
		display: none;
	}
	
	.slider .cycle {
		display: none;
		height: 153px;
	}
	
	.product-thumbnail {
		display: none;
	}
	.woocommerce table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon .input-text,
	.woocommerce table.cart td.actions .coupon, .woocommerce #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon {
		float: none;
	}
	
	.woocommerce .cart .button, .woocommerce .cart input.button, .woocommerce-page .cart .button, .woocommerce-page .cart input.button {
		margin: 4px;
	}

}

/* -------------------------------------------------------------- */

@media handheld, only screen and (max-width: 330px) {
	
	#nav-site ul {
		margin: 0;
		padding: 15px 20px;
	}
	
	#nav-site ul #first {
		margin: 3px;
	}
	#nav-site ul #last {
		position: inherit;
		right: 0;
		top: 0;
	}
	#nav-site li {
		background: #F7D248;
		margin: 3px;
		padding: 0;
	}
	
	#nav-site li a {
		padding: 0;
	}
	
	.slider .cycle {
		display: none;
		height: 104px;
	}
	
	.slides img {
		position: relative;
		right: 120%;
	}
	
	.pods img {
		position: relative;
		left: 148px;
	}
	
	.right {
		text-align: left;
		font-size: 11px;
	}
	
	.right img {
		margin: 15px 0;
	}
	
	.right a {
		margin: 4px 0;
		white-space:nowrap;
	}
}