﻿/*============================
        BEGIN anti-desktop styles
    =============================*/

@media screen and (max-width: 34.214em) {
	/*@media screen and (max-width: 479px) {*/
	@-ms-viewport {
		width: extend-to-zoom;
		zoom: 1.0;
	}

	@viewport {
		zoom: 1.0;
		width: extend-to-zoom;
	}
/*
	body {
		padding: 0;
	}

	#header {
		/*background: #000; height: auto;* /
		margin: 30px 0 0;
		position: relative;
		width: 100%;
	}

	#logo {
		position: static;
		height: auto;
	}

	#storename,
	#storename div {
		display: none;
	}

	#infobar div {
		width: 300px
	}

	#infobar a {
		padding: 0 8px;
	}

	#infobar #infobar-yourorder-a,
	#infobar #infobar-help-a,
	#infobar #infobarbacktosite {
		display: none
	}

	#container {
		width: 310px;
	}

	#content-container {
		background: none;
		border-radius: 0;
		margin: 0 auto;
		padding: 10px 0 0;
		position: relative;
		width: 310px;
	}
	/*  HELP  */
	/*  LANDING  * /
	#landing h2 {
		font-size: 24px;
	}

	#landing #ziponly,
	#landing #geocode {
		float: none;
		width: auto
	}

	#landing #displayall {
		clear: both;
		padding-top: 0;
		margin: 0;
	}
	/*  START YOUR ORDER  * /
	#start #content-container {
		width: auto;
	}

	#start #content {
		width: auto
	}

	#start #floatingbox.no-errors {
		min-height: 0;
		padding: 0;
		margin: 0
	}

	#start #content .start-your-order-border {
		margin: 0 auto;
		border-width: 4px;
		border-radius: 4px;
		width: 280px;
	}

	#start #floatingbox {
		float: none;
		font: 12px Arial, "Trebuchet MS", sans-serif;
		line-height: normal;
		margin: 10px auto 0;
		position: relative;
		width: auto;
	}

	#start #warningbox,
	#start #leadtime {
		min-height: 0;
		border-radius: 0;
	}

	#start #warningbox {
		border-width: 2px /*solid #FF7878* /
		;
		border-radius: 4px;
		color: #000;
		margin: 5px 10px 10px;
		padding: 10px 5px 5px;
		width: auto;
		height: auto;
	}

	#start #leadtime {
		font-size: 14px;
		line-height: 16px;
		margin: 10px auto 20px;
		padding: 10px;
		border: 2px solid #a00;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}

	#currenttime {
		display: none;
	}

	#start #content .start-your-order-border h2 {
		font-size: 18px;
		text-shadow: none;
		border-bottom: 2px solid #ff7878;
		margin: 20px auto;
	}

	#start h3 {
	}

	#start fieldset {
		padding: 0 0 10px;
	}

		#start fieldset > ul {
			padding: 0;
		}

	#start #ordertype h3 span,
	#start #datetime h3 span {
		display: inline-block;
		width: auto;
		height: auto;
	}

	#start #future-date-selector {
		margin: auto;
		width: auto;
	}

	#start .store-hours,
	#start .store-detail {
		float: none;
		max-width: 260px;
		margin: 20px auto
	}

	#footer {
		width: 290px;
		margin: auto
	}
		*/

	#infobar a { padding: 0 1rem; }

	#infobar-items,
	#infobar-checkout,
	#infobar-yourorder { display: none }

	h1 { text-align: center }

	#storename { padding-left: 0; }
		#storename span { font-size: 2.4rem; }

		ul#css3menu .submenu { max-width: 18.5rem !important; }

	#css3menu.topmenu { max-width: 96% }

/*	#start #content .start-your-order-border h2 { font-size: 2rem; }*/

	/*
	#start .store-hours, #start .store-details { width: 90%; }

	#start .store-hours h3, #start .store-details h3 { padding-left: 0; padding-right: 0; } */

	#footer { line-height: 1.8em }
	#footer #footertext { float: none; }
	#footer li { float: none; }

	/* SPECIAL BUTTON SETTINGS */
	#Cancel,
	#cart #Checkout { margin-top: 1rem; }

	/* NAVBAR SETTINGS */

	#menu #navbar #cart-li a,
	#options #navbar #cart-li a {
	}

	#menu #navbar #past-li,
	#menu #navbar #store-info-li,
	#menu #navbar #start-li,
	#options #navbar #past-li,
	#options #navbar #store-info-li,
	#options #navbar #start-li,
	#cart #navbar #past-li,
	#cart #navbar #store-info-li,
	#cart #navbar #start-li {
		display: none
	}


	#menu #sidebar,
	#options #sidebar,
	#cart #sidebar {
		display: block;
		width: 260px;
		background: none;
		border: none;
		float: none;
		margin-bottom: 0;
		padding-bottom: 0;
	}

		#menu #currenttime,
		#menu #sidebar-ordertime,
		#menu #sidebar-ordertype,
		#menu #sidebar-storedetails,
		#menu #sidebar-hours,
		#menu #sidebar hr,
		#menu #sidebar .status-heading,
		#menu #sidebar-menucategories,
		#menu #sidebar-manageaccount,
		#menu .bt,
		#options #currenttime,
		#options #sidebar-ordertime,
		#options #sidebar-ordertype,
		#options #sidebar-storedetails,
		#options #sidebar-hours,
		#options #sidebar hr,
		#options #sidebar .status-heading,
		#options #sidebar-menucategories,
		#options #sidebar-manageaccount,
		#options .bt,
		#cart #currenttime,
		#cart #sidebar-ordertime,
		#cart #sidebar-ordertype,
		#cart #sidebar-storedetails,
		#cart #sidebar-hours,
		#cart #sidebar hr,
		#cart #sidebar .status-heading,
		#cart #sidebar-menucategories,
		#cart #sidebar-manageaccount,
		#cart .bt {
			display: none
		}

		#menu #sidebar > ul,
		#options #sidebar > ul,
		#cart #sidebar > ul {
			padding-top: .9375em;
		}

	#menu .orderlinks li,
	#options .orderlinks li,
	#cart .orderlinks li {
		display: none
	}

	#menu #OrderLinkLi-ViewCart,
	#options #OrderLinkLi-ViewCart,
	#cart #OrderLinkLi-ViewCart {
		display: block
	}

	#menu #sidebar-orderlinks .last,
	#options #sidebar-orderlinks .last,
	#cart #sidebar-orderlinks .last {
		display: block
	}

	#options #sidebar .button-holder.last { display: none; }


	#start #content .start-your-order-border h2 { font-size: 2rem; }

	#cart #content .button-holder li { margin-right: 0; }

	#cart #tableremove,
	#cart .remove { display: none; }
	#cart .promotd label { display: inline-block; }

	#signin #content .option-box { border: none }
	#signin fieldset { padding: .25rem; }

	#checkout .button-controls { flex-wrap: wrap; }

	#options .button-holder,
	#items .button-holder { flex-direction: column; }

	#options .button-holder li,
	#items .button-holder li { /*display: flex; flex-direction: column;*/ }

	/*#checkout .yourorderbox { max-width: 21rem; }*/

	#checkout .button-holder,
	#checkout #reset { display: block; }

	#checkout #reset { margin: 0 auto 1.25rem; }

	/*
	#menu #content-container {
		width: 320px;
	}

	#menu #container {
		background: none;
		margin: 0 auto;
		width: 320px;
	}

	#menu #content {
		border: none
	}

	#NavBarContainer {
		padding: 0
	}

	#menu #css3menu a {
		padding: 3px 6px;
	}

	ul#css3menu li.topmenu > a {
		height: 26px;
		line-height: 26px;
		border-radius: 5px 5px 0 0;
	}

	#menu #css3menu.topmenu {
		border-radius: 0;
		box-shadow: none;
		height: 32px
	}

	#menu #css3menu,
	#menu #navbar {
		float: none;
		margin-left: auto;
		margin-right: auto;
		width: auto;
	}

	#css3menu .submenu ul {
		padding: 0;
	}

	ul#css3menu li {
		margin: 0
	}

	#css3menu .submenu {
		width: 318px !important;
	}

	ul#css3menu .submenu {
		padding: 0 1px 3px;
	}

	ul#css3menu ul a {
		padding: 3px 5px;
	}

	#menu #cart-li a {
		height: 26px;
		line-height: 26px;
		margin-left: 8px;
	}

	#menu #past-li,
	#menu #store-info-li,
	#menu #start-li {
		display: none
	}

	#menu #sidebar {
		display: block;
		width: 260px;
		background: none;
		border: none;
		float: none;
		margin-bottom: 0;
		padding-bottom: 0;
	}

		#menu #sidebar-ordertime,
		#menu #sidebar-ordertype,
		#menu #sidebar-storedetails,
		#menu #sidebar-hours,
		#menu #sidebar hr,
		#menu #sidebar .status-heading,
		#menu #sidebar-menucategories,
		#menu #sidebar-manageaccount,
		#menu .bt {
			display: none
		}

	#menu .orderlinks li {
		display: none
	}

	#menu #OrderLinkLi-ViewCart {
		display: block
	}

	#menu #sidebar-orderlinks .last {
		display: block
	}

	#promocodediv {
		clear: both;
		width: 260px;
		margin-top: 10px;
	}

		#promocodediv label {
			display: block;
			width: 90%
		}

		#promocodediv input {
			margin-left: 0;
		}

	#menu #PromoSubmit {
		border: none
	}

	#menu #menu-border {
		margin: 0
	}

	#menu .enhanced-list .rightcolumn {
		margin-left: 0
	}

	#menu .enhanced-list {
		float: none;
	}

		#menu .enhanced-list li {
			float: none;
			height: auto;
		}

		#menu .enhanced-list a {
			float: none;
			width: 300px;
			height: auto;
			box-shadow: none;
		}

			#menu .enhanced-list a:hover,
			#menu .enhanced-list a:focus {
				box-shadow: none;
				border-radius: 0;
			}

		#menu .enhanced-list p {
			clear: both
		}

	| #menu #sidebar-orderlinks .status-heading,
	#menu #sidebar-menucategories .status-heading {
		font-size: 16px;
	}

	#menu .enhanced-list .food-item-image {
		margin-bottom: 8px;
	}

	#menu .food-item-desc {
	}

	#menu .category-description {
		width: auto
	}
	/*  ITEM OPTIONS  */

	/* MAIN MY ACCOUNT STYLES */

	#infobarbacktosite { display: none; }

	#myaccount-pageselector { margin: .625rem auto 0; max-width: 90%; }

	#personalinfo #category-li,
	#personalinfo #past-li,
	#personalinfo #store-info-li,
	#savedaddr #category-li,
	#savedaddr #past-li,
	#savedaddr #store-info-li,
	#savedfavs #category-li,
	#savedfavs #past-li,
	#savedfavs #store-info-li,
	#orderhistory #category-li,
	#orderhistory #past-li,
	#orderhistory #store-info-li {
		display: none
	}

	#personalinfo .option-box,
	#savedaddr .option-box,
	#savedfavs .option-box,
	#orderhistory .option-box {
		margin-left: auto;
		margin-right: auto;
		box-sizing: border-box;
	}

	#personalinfo .option-box fieldset,
	#savedaddr .option-box fieldset,
	#savedfavs .option-box fieldset,
	#orderhistory .option-box fieldset {
		padding: 1rem .5rem .5rem;
		box-sizing: border-box;
	}

	/* =============    personalinfo   ================= */
	
	#personalinfo #content li { margin-top: 1rem; margin-right: 0; }

	/*
	#personalinfo #css3menu {
		width: auto
	}

	#personalinfo .personal-info li,
	#personalinfo .personal-info li.last {
		margin: 0 0 30px;
	}
	/* =============  / personalinfo   ================= */
	/* =============    savedaddresses   ================= */

	#savedaddr #css3menu { width: auto }

	#savedaddr .saved-addr-edit label { display: block; float: none; width: auto; }

	#savedaddr .saved-addr-edit strong { margin-left: 0; margin-right: 0; }
	#savedaddr .saved-addr-edit ul { margin: 0; }

	#savedaddr .deladdr input { display: block; max-width: 80%; }
	#savedaddr .deladdr label[for=DefaultAddr] { display: inline-block; margin-bottom: .5rem; width: auto; }
	#savedaddr .deladdr #DefaultAddr { margin-left: .5rem;	}

	#savedaddr #DefaultAddr { display: inline-block; float: none; }

	#savedaddr #content #State { margin-bottom: .625rem; }
	#savedaddr #Instructions { width: 80%; }

	#savedaddr .button-holder li { margin: 0; }
	#savedaddr .saved-addr-edit .button-holder { margin-top: 2rem; }

	/* =============  / savedaddresses   ================= */
	/* =============    savedfavs   ================= * /
	#savedfavs #css3menu {
		width: auto
	}
	/* =============  / savedfavs   ================= */
	/* =============    pastorders   ================= * /
	#pastorders #css3menu {
		width: auto
	}
	/* =============  / pastorders   ================= */
	/* =============    orderhistory   ================= */

	#orderhistory .option-box { border: none; }

	#orderhistory #OrderSummary {
		margin-bottom: 0;
		padding-bottom: 1.25rem;
	}

	#orderhistory .option-box fieldset { padding: 0; }

	#orderhistory table { border: none; line-height: 1.5; }
	#orderhistory th { line-height: 1.7; }
	#orderhistory #GoButton { padding: .5rem .75rem; }

	/* =============  / orderhistory   ================= */
}

@media only screen and (max-width: 38.75em) {
	
	@-ms-viewport {
		width: extend-to-zoom;
		zoom: 1.0;
	}

	@viewport {
		zoom: 1.0;
		width: extend-to-zoom;
	}

	#footer li,
	#footer #footertext {
		box-sizing: border-box;
		display: block;
		float: none;
		line-height: 1.8em;
	}

	#category-li { display: none; }
}



	@media only screen and (min-width: 34.215em) and (max-width: 54.786em) {
		/*@media only screen and (min-width: 480px) and (max-width: 767px) {*/
		@-ms-viewport {
			width: extend-to-zoom;
			zoom: 1.0;
		}

		@viewport {
			zoom: 1.0;
			width: extend-to-zoom;
		}

		#infobar-items {
			display: none
		}

		#checkout .button-controls {
			flex-wrap: wrap;
		}

		#checkout .button-holder,
		#checkout #reset {
			display: block;
		}

		#checkout #reset {
			margin: 0 auto 1.25rem;
		}

	/* MAIN MY ACCOUNT STYLES */

	#personalinfo #category-li,
	#personalinfo #past-li,
	#personalinfo #store-info-li,
	#savedaddr #category-li,
	#savedaddr #past-li,
	#savedaddr #store-info-li,
	#savedfavs #category-li,
	#savedfavs #past-li,
	#savedfavs #store-info-li,
	#orderhistory #category-li,
	#orderhistory #past-li,
	#orderhistory #store-info-li { display: none }

	/* =============    personalinfo   ================= * /
	#personalinfo #css3menu {
		width: auto
	}

	#personalinfo .personal-info li,
	#personalinfo .personal-info li.last {
		margin: 0 0 30px;
	}
	/* =============  / personalinfo   ================= */
	/* =============    savedaddresses   ================= * /
	#savedaddr #css3menu {
		width: auto
	}
	/* =============  / savedaddresses   ================= * /
	/* =============    savedfavs   ================= */

	#savedaddr .button-holder li { margin: 0; }
	#savedaddr .saved-addr-edit .button-holder { margin-top: 2rem; }

	/* =============  / savedfavs   ================= * /
	/* =============    pastorders   ================= * /
	#pastorders #css3menu {
		width: auto
	}
	/* =============  / pastorders   ================= * /
	/* =============    orderhistory   ================= */

		#orderhistory .option-box { border: none; }

		#orderhistory #OrderSummary {
			margin-bottom: 0;
			padding-bottom: 1.25rem;
		}

		#orderhistory .option-box fieldset { padding: 0; }

		#orderhistory table { border: none; line-height: 1.5; }
		#orderhistory th { line-height: 1.7; }
		#orderhistory #GoButton { padding: .5rem .75rem; }

	/* =============  / orderhistory   ================= */
	}

@media only screen and (max-width: 46em) {
	/*@media only screen and (min-width: 768px) and (max-width: 1023px) {*/
	@-ms-viewport { width: extend-to-zoom; zoom: 1.0; }

	@viewport { zoom: 1.0; width: extend-to-zoom; }

	#personalinfo .option-box span { display: block; width: 100%; }

	#personalinfo .option-box input { display: block;  margin-left: auto; margin-right: auto; width: 90%; }
}

	@media only screen and (max-width: 68em) {
		/*@media only screen and (min-width: 768px) and (max-width: 1023px) {*/
		@-ms-viewport {
			width: extend-to-zoom;
			zoom: 1.0;
		}

		@viewport {
			zoom: 1.0;
			width: extend-to-zoom;
		}

		#infobar-checkout {
			display: none
		}
	}


	@media only screen and (min-width: 54.787em) and (max-width: 73.071em) {
		/*@media only screen and (min-width: 768px) and (max-width: 1023px) {*/
		@-ms-viewport {
			width: extend-to-zoom;
			zoom: 1.0;
		}

		@viewport {
			zoom: 1.0;
			width: extend-to-zoom;
		}


		#infobar-items {
			display: none
		}

		/*

	/*  CONFIRMATION  * /

		#confirmation #content-container {
			padding: 0;
			width: 45rem;
		}

		#confirmation #content {
			padding: 20px;
		}

		#confirmation .pd-info,
		#confirmation .billing-info {
			float: none;
			margin: 0 0 1em;
			width: auto
		}

		#confirmation #tablequantity {
			width: 3em;
		}

		#confirmation #tableprice {
			width: 5em;
		}

		#confirmation .qty {
			text-align: center;
		}

		/* DEMO CONFIRMATION * /
		#dc #content-container {
			width: 720px
		}

		#dc #content {
			padding: 4px 10px;
			width: 680px
		}

		#dc p,
		#dc .next {
			margin: 30px 10px;
		}

		#dc ul {
			margin: 30px 25px
		}

		#dc li {
			margin: 0 0 30px 0;
			padding: 0;
		}

		#dc .button-holder {
			margin: 2em auto;
			text-align: center;
		}

			#dc .button-holder input {
				margin: 0;
				width: 15em;
			}

		/* MAIN MY ACCOUNT STYLES */

		#personalinfo #category-li,
		#personalinfo #past-li,
		#personalinfo #store-info-li,
		#savedaddr #category-li,
		#savedaddr #past-li,
		#savedaddr #store-info-li,
		#savedfavs #category-li,
		#savedfavs #past-li,
		#savedfavs #store-info-li,
		#orderhistory #category-li,
		#orderhistory #past-li,
		#orderhistory #store-info-li {
			display: none
		}

		/* =============    personalinfo   ================= */

		/* =============  / personalinfo   ================= */
		/* =============    savedaddresses   ================= */
		#savedaddr #css3menu {
			width: auto;
		}

		#savedaddr .button-holder li { margin: 0; }

		/* =============  / savedaddresses   ================= */
		/* =============    savedfavs   ================= */
		#savedfavs #css3menu {
			width: auto;
		}

		#savedaddr .saved-addr-edit .button-holder { margin-top: 2rem; }

		/* =============  / savedfavs   ================= */
		/* =============    pastorders   ================= */
		#pastorders #css3menu {
			width: auto;
		}
		/* =============  / pastorders   ================= */
		/* =============    orderhistory   ================= */

		#orderhistory .option-box { border: none; }

		#orderhistory #OrderSummary {
			margin-bottom: 0;
			padding-bottom: 1.25rem;
		}

		#orderhistory .option-box fieldset { padding: 0; }

		#orderhistory table { border: none; line-height: 1.5; }
		#orderhistory th { line-height: 1.7; }
		#orderhistory #GoButton { padding: .5rem .75rem; }

		/* =============  / orderhistory   ================= */

	}
