/* EXAMPLE FOR MOVING THE SUB LIST DUE TO SHRINKING SCREEN
@media only screen and (max-width: XXXpx) {

	/* MOVES FIRST LEVEL SUB UNDER ABOUT US
	.nav > li.hover > ul.about-sub {
		left: -75px;
	}

}
*/

/* 
iPhone landscape with = 568 
iPhone portrait = 320
Set rules so desktop looks good above 568. Anything under only applies to iPhone
*/

/*
iPad portrait width = 768
iPad landscape width = 1024

/*

/*-----------------------------------------
---------------- MAX 1219 -----------------
-----------------------------------------*/

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

	#wrap {
		width: 95%;
	}

}

/*-----------------------------------------
--------------- END MAX 1219 --------------
-----------------------------------------*/

/*-===========================================================-*/

/*-----------------------------------------
---------------- MIN 1040 -----------------
-----------------------------------------*/

@media only screen and (min-width: 1040px) {

	.beer-wine-liq #liquor-main li {
		width: 300px;
	}

}

/*-----------------------------------------
--------------- END MIN 1040 --------------
-----------------------------------------*/

/*-===========================================================-*/

/*-----------------------------------------
---------------- MAX 1059 -----------------
-----------------------------------------*/

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

	.beer-wine-liq #liquor-main li {
		width: 31.5%;
	}

}

/*-----------------------------------------
--------------- END MIN 1059 --------------
-----------------------------------------*/

/*-===========================================================-*/

/*-----------------------------------------
----------------- MAX 1050 -----------------
-----------------------------------------*/

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

	.home .feature-boxes {
		width: 26%;
	}

	.home .feature-boxes.bottom {
		min-height: 270px;
	}

}

/*-----------------------------------------
--------------- END MAX 1050 --------------
-----------------------------------------*/

/*-===========================================================-*/

/*-----------------------------------------
----------------- MAX 990 -----------------
-----------------------------------------*/

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

	#logo {
		float: none;
		margin-left: auto;
      margin-right: auto;
      margin-top: 0;
      width: 70%;
	}

	#phone {
		float: none !important;
		margin-left: auto !important;
   	margin-right: auto !important;
   	margin-top: 15px !important;
   	text-align: center !important;
   	font-size: 110%;
   	width: 55% !important;
   	padding-bottom: 10px !important;
	}

	#nav #nav-shop {
		display: none;
	}

	/* MOVES FIRST LEVEL SUB UNDER WHOLESALE */
	.nav > li.hover > ul.wholesale-sub {
		left: -75px;
	}

	.bakery-deli #bakery-collage, .bakery-deli #deli-collage {
		width: 100%;
	}

}

/*-----------------------------------------
---------------- END MAX 990 --------------
-----------------------------------------*/

/*-===========================================================-*/

/*-----------------------------------------
----------------- MAX 937 -----------------
-----------------------------------------*/

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

	/* MOVES FIRST LEVEL SUB UNDER ABOUT US */
	.nav > li.hover > ul.wholesale-sub {
		left: 0;
	}
	
}

/*-----------------------------------------
---------------- END MAX 937 --------------
-----------------------------------------*/

/*-===========================================================-*/

/*-----------------------------------------
----------------- MAX 880 -----------------
-----------------------------------------*/

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

	.circular.eight ul.tabs#no-split-tabs {
		display: none;
	}

	.circular.eight ul.tabs#split-tabs {
		display: block;
	}

	.circular.eight ul.tabs#split-tabs li {
		border: 1px solid #ddd;
		border-left: 1px solid #ddd;
	}

	.about #brands {
		display: none;
	}

	.about #welcome, .about #dept-svc {
		width: 42%;
		margin-left: 5%;
	}

	.about #double-coupons, .about #senior-discounts {
		float: none;
		margin-left: auto;
      margin-right: auto;
	}

}

/*-----------------------------------------
---------------- END MAX 880 --------------
-----------------------------------------*/

/*-===========================================================-*/

/*-----------------------------------------
----------------- MAX 878 -----------------
-----------------------------------------*/

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

	/* MOVES FIRST LEVEL SUB UNDER ABOUT US */
	.nav > li.hover > ul.about-sub {
		left: -75px;
	}

}

/*-----------------------------------------
---------------- END MAX 878 --------------
-----------------------------------------*/

/*-===========================================================-*/

/*-----------------------------------------
----------------- MAX 850 -----------------
-----------------------------------------*/

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

	.home .feature-boxes.tops.liquor, .home .feature-boxes.bottom.last {
		display: none;
	}

	.home .feature-boxes {
		width: 40%;
		font-size: 110%;
	}

	.home .feature-boxes.bottom {
		min-height: 310px;
	}

	.specials #main h2 {
		text-align: center;
	}

	.specials #item-tag {
		text-align: center;
	}

	.specials #item-tag #price {
		font-size: 130%;
	}

	.specials #item-tag #tag {
		font-size: 95%;
	}

	.specials #item-tag #pipe {
		display: none;
	}

	.specials #item-tag p {
		float: none;
	}

}

/*-----------------------------------------
---------------- END MAX 850 --------------
-----------------------------------------*/

/*-===========================================================-*/

/*-----------------------------------------
----------------- MAX 815 -----------------
-----------------------------------------*/

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

	/* MOVES FIRST LEVEL SUB UNDER ABOUT US */
	.nav > li.hover > ul.about-sub {
		left: 0;
	}
	
}

/*-----------------------------------------
---------------- END MAX 815 --------------
-----------------------------------------*/

/*-===========================================================-*/

/*-----------------------------------------
----------------- MAX 775 -----------------
-----------------------------------------*/

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

	.home #special, .home #sidebar-widget {
		float: none;
		width: 90%;
		margin-left: auto;
   	margin-right: auto;
	}

	.home #special {
		margin-bottom: 5px;
	}

	.home #special img {
		width: 25%;
	}

	.home #sidebar-widget {
		padding-bottom: 15px;
	}

	.specials #main img {
		float: none;
		width: 40%;
		display: block;
		margin-left: auto;
   	margin-right: auto;
   	-webkit-border-radius:0;
		-moz-border-radius:0;
		-ms-border-radius:0;
		-o-border-radius:0;
		border-radius:0;
		box-shadow:0px 0px 2px #ddd;
   	-webkit-transition:0.5s;
		-moz-transition:0.5s;
		transition:0.5s;
	}

	.specials #main img:hover {
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
	}

	.about #welcome, .about #dept-svc {
		float: none;
		width: 90%;
		margin-left: auto;
      margin-right: auto;
	}

	.about #welcome img {
		display: none;
	}

	.about #dept-svc {
		margin-top: 40px;
	}

}

/*-----------------------------------------
---------------- END MAX 775 --------------
-----------------------------------------*/

/*-===========================================================-*/

/*-----------------------------------------
----------------- MAX 767 -----------------
-----------------------------------------*/

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

	.contact #address, .contact #contact-form {
		float: none;
		width: 80%;
		margin-left: 25px;
	}

	.fundraising #applebanner {
		width: 95%;
	}

	.shop #shop-info img {
		width: 70%;
	}

	.careers .app-link {
		display: none;
	}

}

/*-----------------------------------------
---------------- END MAX 767 --------------
-----------------------------------------*/

/*-===========================================================-*/

/*-----------------------------------------
----------------- MAX 750 -----------------
-----------------------------------------*/

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

	#logo {
		width: 80% !important;
	}

	#phone {
		width: 85% !important;
	}

}

/*-----------------------------------------
---------------- END MAX 750 --------------
-----------------------------------------*/

/*-===========================================================-*/

/*-----------------------------------------
----------------- MAX 675 -----------------
-----------------------------------------*/

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

	.beer-wine-liq #liquor-main li, .beer-wine-liq #liquor-main li.last {
		float: none;
		width: 80%;
		margin-left: auto;
   	margin-right: auto;
   	margin-top: 45px;
	}

	.beer-wine-liq #liquor-main li img {
		width: 80%;
	}

}

/*-----------------------------------------
---------------- END MAX 675 --------------
-----------------------------------------*/

/*-===========================================================-*/

/*-----------------------------------------
----------------- MAX 650 -----------------
-----------------------------------------*/

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

	.circular.six ul.tabs#no-split-tabs {
		display: none;
	}

	.circular.six ul.tabs#split-tabs {
		display: block;
	}

	.circular.six ul.tabs#split-tabs li {
		border: 1px solid #ddd;
		border-left: 1px solid #ddd;
	}

}

/*-----------------------------------------
---------------- END MAX 650 --------------
-----------------------------------------*/

/*-===========================================================-*/

/*-----------------------------------------
----------------- MAX 600 -----------------
-----------------------------------------*/

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

	.home #special img {
		width: 35%;
	}

}

/*-----------------------------------------
---------------- END MAX 600 --------------
-----------------------------------------*/

/*-===========================================================-*/

/*-----------------------------------------
----------------- MAX 575 -----------------
-----------------------------------------*/

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

	/* REDUCES THE SIZE OF THE RESPONSIVE MENU WIDTH WHEN VIEWING ON SMALL SCREENS */
	.toggleMenu {
		width: 90%;
	}

	.slider-wrapper { 
		width: 90%;
	}

	.home .feature-boxes {
		width: 80%;
		margin-left: 20px;
	}

	.home .feature-boxes.tops.facebook {
		margin-top: 30px;
	}

	.home .feature-boxes.bottom.first img {
		width: 81%;
		display: block;
		margin-left: auto;
   	margin-right: auto;
	}

	.home #coupons img {
		width: 81%;
		display: block;
		margin-left: auto;
   	margin-right: auto;
	}

	.produce #produce-main img {
		width: 90%;
		float: none;
		display: block;
		margin-left: auto;
   	margin-right: auto;
	}

	.fundraising img#collage {
		display: none;
	}

	.fundraising img#no-collage {
		display: block;
		width: 90%;
		margin-left: auto;
      margin-right: auto;
      margin-bottom: 15px;
	}

	#footer-container {
		font-size: 96%;
	}

}

/*-----------------------------------------
---------------- END MAX 575 --------------
-----------------------------------------*/

/*-===========================================================-*/

/*-----------------------------------------
----------------- MAX 400 -----------------
-----------------------------------------*/

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

	/* REDUCES THE SIZE OF THE RESPONSIVE MENU WIDTH WHEN VIEWING ON SMALL SCREENS */
	.toggleMenu {
		width: 90%;
	}

	/* Caption styles */
	.nivo-caption {
		font-size: 12px !important;
		padding: 7px 10px !important;
	}

}

/*-----------------------------------------
---------------- END MAX 400 --------------
-----------------------------------------*/

/*-===========================================================-*/