/*******Styles for mobile and tablet resolutions*****/

.mobile_list{
	text-transform:uppercase;
	background:#c0c0c0;
	color:#fff;
	width:100%;
	float:left;
	height:100vh;
	padding:0;
	padding-top:40px;
}
	
	.mobile_list  h3{
		float:left;
		width:100%;
	}
	.mobile_list  ul{
		width:100%;
		float:left;
		padding:0;
		margin:0;
	}
	.mobile_list li{
		list-style:none;
		float:left;
		width:100%;
		display:block;
	}
	.mobile_list a{
		padding:10px 5%;
		float:left;
		display:block;
		width:90%;
	}

.mobile_list .header_menu{
	width:100%;
	padding:0;
}
.mobile_list .header_menu ul{
	position:static;
	
}
	.mobile_list .header_menu li{
		background:#d0d0d0;
		padding:0;
		margin:0;
	}
		.mobile_list .header_menu li a{
		}
.mobile_list .footer_menu{
	margin-top:40px;
	float:left;
}
.mobile_list .footer_menu h3{
	display:none;
}
#swipe_right .prodList{
	margin:0;
}
	#swipe_right .prodList li{
		width:100%;
		border-bottom:1px solid #c0c0c0;
		height:auto !important;
		margin:0;
	}
	
.mobile_list .social-icons{
	margin-top:40px;
	float:left;
	width:100%;
	
}
	.mobile_list .social-icons ul{
		width:90%;
		padding:0 5%;
		float:left;
	}	
	.mobile_list .social-icons li{
		padding-right:30px;
		font-size:1.4em;
		width:auto;
		float:left;
	}	
		

@media (max-width: 1024px ){
	/*
#container{
	width:130%;
	margin-left:-30%;
}
#header .col_1,
#container .col_1,
#footer .col_1{
	width:23%;
	
}


#header .col_2,
#container .col_2,
#footer .col_2{
	width:77%;
}


#header .col_3,
#container .col_3,
#footer .col_3{
	width:0%;
}
*/
	.parallax,
	.wipe{
		background-attachment:scroll;
	}
	
	
	.page-home .parallax .col h2,
	.page-home .story h2{
		font-size:4.0em !important;
	}
	
	#footer .half{
		width:100% !important;
		float:left !important;
	}
	
		#footer .more{
			border-left:0;
		}
		#footer .more h3,
		#footer .more ul{
			margin-left:0;
		}
	
	.cities{
		float:left;
		border-bottom:1px solid #c0c0c0;
		padding-bottom:20px;
		margin-bottom:20px;
	}
	
	.prodList li{
		height:400px !important;
	}
   
}

@media (max-width: 767px) {
	/**/
	
	
	#spread{
		width:220vw;
		margin-left:-60vw;
		margin-right:-60vw;
	}
	#spread .col_1{
		width:60vw;
	}
	#spread .col_2{
		width:100vw;
	}
	#spread .col_3{
		width:60vw;
	}
	
		.float_text.right,
		.float_text.left{
			float:none !important;
			margin:0 auto;
			padding-left:0;
			padding-right:0;
		}
		
		
		
	.icon_link .fa{
		display:inline-block;
	}
	.icon_link span{
		display:none;
	}
	
	
	.opc{
		width:100vw;
	}
	.opc-section{
		width:100%;
		float:left;
		clear:both;
		width:100vw;
	}
	
	
	.giftcardDetail .oneThird{
		width:100vw;
	}
	
	.col2-set .col-1,
	.col2-set .col-2{
		width:100%;
	}
	
	.nav_filter .currently,
	.nav_filter .dropdown{
		width:50%;
		max-width:none;
	}
	
	
	
}
@media (max-width: 680px) {	
	.mobile_bar{
		display:block;
	}
	.skip_link{
		display:none;
	}
	.nav .center{
		float:none;
		margin:0 auto;
	}
	
	.half{
		width:100%;
	}
	
	#footer .newsletter{
		width:100%;
	}
	
	.page-journal article .entry-header{
		width:90vw;
		margin:0 auto;
	}
	.page-journal article .entry-content{
		width:90vw;
		margin:0 auto;
	}
	.page-journal article .entry-content img{
		width:100vw;
		margin:0 -5vw 20px -5vw;
	}
	.prodDetail{
		width:100%;
		margin:0;
	}
	
	.prodDetail .name h1{
		font-size:1.2em;
	}
	
	
	.prodDetail .media,
	.prodDetail .detail{
		width:80%;
		margin:0 auto;
		margin-left:10%;
		margin-right:10%;
	}
		.prodDetail .detail .floater{
			width:100%;
			
		}
	

}
@media (max-width: 568px) {	

	#spread{
		width:280vw;
		margin-left:-90vw;
		margin-right:-90vw;
	}
	#spread .col_1{
		width:90vw;
	}
	#spread .col_2{
		width:100vw;
	}
	#spread .col_3{
		width:90vw;
	}
	
	h1, h2{
		font-size:1.2em;
	}
	
	.subscription .control .input-box{
		width:60%;
		padding:0 20%;
	}
	
	.style_pages .oneThird,
	.style_pages .twoThird{
		width:100%;
		text-align:center;
	}
	
	.account-content .oneThird,
	.account-content .twoThird{
		width:100%;
	}
	.account-content h2{
		font-size:1.2em;
	}
	.account-content .box{
		border:1px solid #000;
		padding:10px;
		margin:10px 0;
	}
	.address-book .col{
		width:100%;
		margin:10px 0;
	}
		.address-book .col .address{
			margin:0 auto;
			float:none;
		}
	
	.retailers-content .address,
	.contact-content  .address{
		width:100%;
		float:left;
		border-top:1px solid #c0c0c0;
		text-align:center;
		padding-top:30px;
	}
	.retailers-content .address .floater,
	.contact-content .address .floater{
		width:100%;
	}
	
	
	
	.press-content .press-box{
		width:50%;
		float:left;
		height:280px;
		
	}
	
	
	.prodList_header h2{
		font-size:2.0em !important;
	}
	.prodList li{
		width:50%;
		height:400px;
	}
	
	.catDetail{
		font-size:0.8em !important;
	}
	
	#footer .fineprint .left{
		
	}
	#footer .fineprint .right{
		display:none;
	}
	
}

/****************************************************/