/* -- HD RESOLUTION DISPLAY -- */

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
	
	div#header div#social-menu a {
		background-image: url(/images/common/social-2x.png);
		background-size: 108px 18px;
	}

	div#header h1#logo a {
		background-image: url(/images/common/logo-2x.gif);
		background-size: 128px 70px;
	}
	
	div#header div#social-trigger {
		background-image: url(/images/common/social-trigger-2x.gif);
		background-size: 19px 19px;
	}
	
	a#nav-trigger {
		background-image: url(/images/common/menu-2x.gif);
		background-size: 23px 14px;
	}

	div#nav #order-online a {
		background-image: url(../images/common/order-button-2x.png);
		background-size: 400px 60px;
	}

	a#shop-nav-home {
		background-image: url(/images/pages/shop-nav-home-2x.gif);
		background-size: 21px 20px;
	}
	
	a#shop-nav-cart {
		background-image: url(/images/pages/shop-nav-cart-2x.gif);
		background-size: 21px 20px;
	}
	
	.expand-closed {
		background-image: url(../images/common/expand-2x.gif);
		background-size: 29px 58px;
	}
	
	.expand-open {
		background-image: url(../images/common/expand-2x.gif);
		background-size: 29px 58px;
		
	}

}


/* -- WEB LARGE -- */

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


	div#slide-order img {
		width: 40%;
		height: auto;
	}

	div#slide-3 img {
		width: 471px;
		height: auto;
	}

	div#slide-4 img {
		width: 80%;
		height: auto;
	}

	div#slide-5 img {
		width: 50%;
		height: auto;
	}				
}

/* -- TABLET -- */

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

	div#nav #order-online {
		display: none;
	}

	
	a#nav-trigger {
		display: block;
	}

	div#nav ul {
		position: relative;
		display: none;
		width: 100%;
		overflow: hidden;
		background: #4C3030;
	}
	
	div#nav ul li {
		display: block;
		float: left;
		width: 33.3%;
		height: 36px;
		padding: 0;
		margin: 0;
		border-top: 1px solid #FFF;
	}

	div#nav ul li a {
		display: block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		line-height: 36px;
		border: 0;
		border-right: 1px solid #FFF;
	}
	
	div#nav ul li:nth-child(3n+3) a {
		border-right: 0;
	}
	
	div#nav ul li.active a.top,
	div#nav ul li.selected a.top,
	div#nav ul li a.top:hover {
		border-top: 0;
	}
	
	div#nav ul li a.top:hover {
		background: #927D7C;
	}
	
	div#gallery-menu {
		display: block;
		position: absolute;
		z-index: 9;
		right: 0;
		width: 160px;
		margin: 16px;
	}
	
	div#gallery-menu ul li:first-child a {
		border-top: 0;
	}

	div#menu .expand-open {
		background-color: #E53B3B;
	}
	
	div#slide-order img {
		width: 60%;
	}
	
	
	div#slide-veggie {
		background-position: left center !important;
	}	
		
	div#slide-veggie img {
		width: 40%;
		top: 34%;
		right: 5%;
	}


	div#delivery-content {

		padding-left: 45%;
		width: 50%;
	}

}


/* -- PHONE -- */

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

	div#delivery-content {
		padding-top: 15%;
		padding-left: 10%;
		width: 80%;
	}	
	
	div#header div#social {
		padding: 8px;
	}

	div#header div#social-trigger {
		display: block;
	}
	
	div#header div#social-menu {
		display: none;
		position: absolute;
		z-index: 1000;
		height: auto;
		right: -3px;
		padding: 2px 0 16px 10px;
		background: #FFF;
		box-shadow: 1px 3px 3px rgba(0,0,0,.2);
	}
	
	div#header div#social-menu a {
		float: none;
		margin-top: 12px;
	}
	
	div#nav ul li {
		float: none;
		width: 100%;
	}

	div#nav ul li a {
		border: 0;
	}

	div#content div.page {
		padding: 0 0 65px;
	}
	
	div#footer {
		height: 46px;
		text-align: center;
	}
	
	div#footer div {
		float: none;
	}


	div#slide-bfsm img {
		top: 15%;
		width: 40%;
	}
	
	div#slide-cinco img {
		width: 90%;
		height: auto;
	}

	div#slide-order img {
		width: 90%;
		background-position: right center !important;
		height: auto;
	}

	div#slide-veggie img {
		width: 60%;
		right: auto;
		left: 50%;
		margin-left: -30%;		
	}	

	div#slide-giftcard img {
		top: 10%;
		right: 2%;
		width: 96%;
		height: auto;
	}
	
	div#slide-rewards img {
		top: 10%;
		left: 2%;
		width: 96%;
		height: auto;
	}
	
	div#slide-levelup {
		background-position: left center !important;
	}
	
	div#slide-levelup img {
		left: 5%;
		width: 90%;
		height: auto;
	}
	
	div#slide-postmates img {
		bottom: 5%;
		right: 2%;
		width: 96%;
		height: auto;
	}
	
	div#slide-bom img {
		width: 70%;
		height: auto;
	}
		
	div#slide-som img {
		width: 70%;
		height: auto;
		bottom: 12%;
	}
	
	div#slide-cause img {
		width: 90%;	
	}
	
	div#slide-doordash img {
		width: 90%;
		height: auto;
	}
	
	div#slide-5 img {
		width: 90%;
		top: 20%;
		left: 7%;
		height: auto;
	}
	
	div#gallery-menu {
		position: relative;
		z-index: 1;
		right: inherit;
		width: auto;
		margin: 0;
	}
	
	div#gallery-menu ul li:first-child a {
		border-top: 1px solid #FFF;
	}
		
	a#gallery-prev,
	a#gallery-next {
		display: none;
	}
	
	div#gallery {
		width: auto;
		height: auto;
		overflow: auto;
	}

	div#gallery-slides {
		width: auto !important;
		height: auto !important;
		padding: 13px 16px 50px;
	}
	
	div#gallery-slides div.slide {
		background: none !important;
		float: none !important;
		width: auto;
		height: auto;
	}
	
	div#gallery-slides div.slide img {
		display: block;
		width: 100%;
		height: auto;
	}
	
	div#gallery-slides div.slide span {
		width: auto;
		padding: 10px 0;
		margin: 0 0 10px;
		border-bottom: 1px solid #E53B3B;
	}	
	
	div#gallery-slides div.slide:last-child {
		display: none;
	}		
	


}



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

	div#delivery-content {
		padding-left: 5%;
		width: 90%;
		margin: 0;
	}	
	
	div#content div.page {
		min-height: inherit;
		background: none !important;
	}
	
	div#content div#page-content {
		width: auto;
		margin: 0;
	}
	
	div#shop-list {
		width: 100%;
	}
	
	div#shop-detail .image img {
		width: 100%;
		height: auto;
	}


}