 @media(min-width:320px) {
 .menuPage {
letter-spacing: 0.1em;
}
 .menuPage a {
 border-bottom: 0px;
}
 .menuPage .row {
 margin: 0;
}
	
	/*
		Nav
	*/
	.menuPage .navbar {
 background: #FEF4F7;
 border-radius:2px;
/* min-height:20px;*/
 border-color: #DADADA;
/* border-top-left-radius: 4px;
 border-top-right-radius: 4px;*/
 margin-top: 20px;
min-height:42px;
}
.menuPage .navbar-default .navbar-header {
 margin: 10px 15px;
}
 .menuPage .navbar-toggle .gt-icon-bar {
/* background: url(images/icon_sprite_menu.png) no-repeat 0 0;
 display: inline-block;
 height: 40px;
 overflow: hidden;
 transform: scale(0.5);
 transform-origin: 0 0 0;
 width: 47px;*/
 
 background:url(images/icon_sprite_menu.png) no-repeat 0 0;
overflow: hidden;
/* zoom:0.5;*/
 transform: scale(0.5);
 -moz-transform:scale(0.5);
 -moz-transform-origin: 0 0;
 -webkit-transform: scale(0.5);
height:40px;
width:47px;
display:inline-block;
border-radius:0;
}
 .menuPage .navbar-default .navbar-brand {
 font-size:12px;
 font-weight:normal;
 line-height:normal;
 height:auto;
/* padding: 10px 0 0 10px;*/
 color: #000;
 font-family:"HelveticaNeue_Bold";
 padding:0;
}
/* .menuPage .navbar-toggle {
 background-color: transparent;
 background-image: none;
 border: none;
 border-radius: none;
 float: right;
 margin: 0;
 padding: 5px 10px 15px 0;
 position: relative;
 height:20px;
 padding:0;
 right:-25px;
}*/
.menuPage .navbar-toggle {
 background-color: transparent;
 background-image: none;
 border: none;
 border-radius: none;
 float: none;
 margin: 0;
 padding: 5px 10px 15px 0;
 position: absolute;
    /* height: 20px; */
    max-height: 20px;
 padding: 0;
 right: 10px;
 display: inherit;
 top: 0px;
 text-align: right;
}
@-moz-document url-prefix() {
.menuPage .navbar-toggle {
 top: 10px;
}
}
 .menuPage .navbar-default .navbar-toggle-active {
 width: auto;
}
 .menuPage .navbar-toggle .icon-bar {
 border-radius: 1px;
 display: block;
 height: 2px;
 width: 18px;
 margin-top:5px;
}
 .menuPage .nav li a {
 font-size:11px;
 text-transform:uppercase;
		/*font-weight:bold;*/
   font-family:"HelveticaNeue_Bold";
 color:#000;
 line-height:normal;
}
 .menuPage .nav li a:hover {
border-bottom: 3px solid #f48fb1;
}
 .menuPage .navbar-default .navbar-nav .open .dropdown-menu > li > a {
 font-size:11px;
		/*font-weight:bold;*/
  font-family:"HelveticaNeue_Bold";
 color:#000;
 line-height:normal;
padding:6px 10px;
}
.menuPage .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
border:none;
}
 .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
 color: #000;
}
 .menuPage .divider {
 margin: 17px auto 20px;
width:60px;
text-align:center;
background-image: linear-gradient(to right, #000000 20%, rgba(0, 0, 0, 0) 0%);
background-position: bottom;
background-size: 8px 2px;
background-repeat: repeat-x;
height:2px;
font-family:"HelveticaNeue_Bold";
font-weight:normal;
display:block;
}
 .menuPage .dividertop {
 margin: 17px auto 10px;
width:60px;
text-align:center;
background-image: linear-gradient(to right, #000000 20%, rgba(0, 0, 0, 0) 0%);
background-position: bottom;
background-size: 8px 2px;
background-repeat: repeat-x;
height:2px;
font-family:"HelveticaNeue_Bold";
font-weight:normal;
display:block;
}
 .menuPage .dividerbottom {
 margin: 10px auto 20px;
width:60px;
text-align:center;
background-image: linear-gradient(to right, #000000 20%, rgba(0, 0, 0, 0) 0%);
background-position: bottom;
background-size: 8px 2px;
background-repeat: repeat-x;
height:2px;
font-family:"HelveticaNeue_Bold";
font-weight:normal;
display:none;
}
 .menuPagePrices {
 /*margin: 0 auto;*/
/* changed 11/4/16 for helpdesk ticket. Needed to create spacing because client requested to hide the halloween button temporarily. When new content is available, change this back to original margin:0 auto; jc*/
 margin: 20px auto 0;
font-size:16px;
color:#000;
font-family:"HelveticaNeue_LT";
text-align:center;
}
 .menuPagePrices div {
/*float:left;*/
display:inline-block;
}
 .menuPagePrices .menuPagePricesSingle1 {
/*width: 38%;*/
margin-right:30px;
}
 .menuPagePrices .menuPagePricesSingle2 {
/*width: 32%;*/
margin-right:30px;
}
 .menuPagePrices .menuPagePricesSingle3 {
text-align: left;
/*width:30%;*/
}



.menuPage span.halloween_btn { display: block; margin: 10px auto; width: 222px; }
.menuPage span.halloween_btn a {/*background:url(images/cms_halloween_orderbtn.png) no-repeat left top;*/ /*background:url(images/cms_easter_orderbtn.png) no-repeat left top;*//*background:url(images/cms_xmas_orderbtn.png) no-repeat left top;*/background:url(images/cms_home_orderbtn.png) no-repeat left top; border: none; color: #ffffff; display: block; height: 56px; width: 222px; text-transform:uppercase;letter-spacing: 0; }
.menuPage span.halloween_btn a .text { display: inline-block; float: none; margin: 0 auto; padding: 10px 0 0; text-align: center; width: 222px; }
.menuPage span.halloween_btn a:hover { cursor: pointer; }




.menuPage span.halloween_btn .val_heart {
/*  display: inline-block;*/
  display: none;
  padding-right: 5px;
  vertical-align: middle;
}
.menuPage span.halloween_btn .val_heart i {color:#BC3440;}
.menuPage span.halloween_btn .holiday_text {
  display: inline-block;
  vertical-align: middle;
  font-size: 11.75px;
}











 .menuPageFlavors {
margin-top:40px;
}
 .menuPageFlavorTitle {
border-bottom: 1px solid #DADADA;
width: 100%;
margin-bottom:20px;
}
 .menuPageFlavorTitle h2 {
font-size:18px;
margin-bottom:4px;
}
 .menuPageFlavorList {
padding:0px
}
/*.menuPageFlavor {
  margin-top: 20px;
  min-height: 150px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom:20px;
}*/
.menuPageFlavor {
 display: inline-block;
 margin-bottom: 20px;
 padding-left: 10px;
 padding-right: 10px;
 width: 49.5%;
}
 .menuPageFlavor .menuPageFlavorCol {
/*float:left;*/
}
 .menuPageFlavorImage img.singleimg {
margin-top:-16px;
}
.menuPageFlavorImage {
 display: inline-block;
 vertical-align: top;
 width: 100%; 
}
.menuPageFlavorContent {
  display: inline-block;
  vertical-align: top; width: 100%; 
  padding-left: 0;
  margin: 20px 0;
}
.menuPageFlavorContent .desc_text {
letter-spacing:0;
}
.menuPageFlavorContent .desc_text img {
display:inline-block;
}
 .menuPageFlavorContent h2 {
text-align:left;
text-transform:none;
margin-bottom:4px;
}
.menuPageFlavorContent h2 img {display: inline-block;}
.menuPage .menu_footnotes {
font-size: 11px;
letter-spacing: 0;
line-height: 16px;
margin: 20px auto 0;
max-width: 620px;
}
.menuPage .menu_footnotes .note {
}
.menuPage .menu_footnotes .text {
display: inline-block;
 max-width: 95%;
 vertical-align: top;
}
.menuPage .menu_footnotes img {
display: inline-block;
 padding-right: 3px;
 vertical-align: middle;
}
 .menuPageNote {
 background-color: #fef4f7;
 margin: 40px auto 0;
 max-width: 620px;
 padding: 20px;
 font-size:11px;
letter-spacing:0;
line-height:16px;
}
 .menuPageNote p {
/*font-size: 11px;
line-height: 16px;
padding: 12px;
margin:0px;
text-align: left;*/
}
 .menuPageAssort .menuPageFlavorImage {
 display: inline-block;
 vertical-align: top;
 width: 100%;
 margin-bottom:10px;
}
.menuPageAssort .menuPageFlavorImage img {
margin:0 auto;
}
.menuPageAssort .menuPageFlavorContent {
 display: inline-block;
 padding-left: 0;
 vertical-align: top;
 width: 100%;
}
.menuPageAssort .menuPageFlavorContent h2 {
text-align:center;
margin:5px 0;
}
}
 @media(min-width:481px) {
.menuPageAssort .menuPageFlavorContent .menu_desc_large {
display:block;
}
.menuPageAssort .menuPageFlavorContent .menu_desc_small {
display:none;
}
}
 @media(max-width:768px) {
.menuPageNote {
 background-color: #fef4f7;
 margin: 40px auto 0;
 max-width: 720px;
 padding: 20px;
}
.menuPageAssort .menuPageFlavorImage img {
margin:0 auto;
max-width:270px;
}
}
 @media(min-width:768px) {
 .menuPage .navbar {
 background: #fff none repeat scroll 0 0;
 border:none;
 margin:0 auto;
 width: 660px;
 min-height: 20px;
}
 .menuPage .navbar-default .navbar-nav > .open > a, .menuPage .navbar-default .navbar-nav > .open > .dropdown-menu, .menuPage .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav >.active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
background-color: #FEF3F7;
}
 .menuPage .navbar-default .navbar-nav > .open > a {
border-bottom: 1px solid #DADADA
}
 .menuPage .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .menuPage .navbar-default .navbar-nav .open .dropdown-menu > li >a:focus {
background-color: #F691B3;
}
 .menuPage .navbar-nav > li {
padding: 0 10px;
}
 .menuPage .navbar-nav > li > a {
 margin:0;
/* padding-bottom: 5px;
 padding-top: 5px;*/
 /* padding: 5px 10px;*/
  padding:0 0 2px 0;
}
 .menuPage .navbar-nav > li > a.active {
border-bottom: 3px solid #f48fb1;
}
 .menuPage .navbar-nav .open .dropdown-menu {
 border-radius: 4px;
 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
 float: left;
 left: 0;
 min-width: 170px;
 padding: 10px 0;
 position: absolute;
 text-align: left;
 top: 100%;
 z-index: 1000;
}
.menuPage .navbar-nav > li.vert_div {
padding:0;
}
.menuPage .navbar-nav > li.vert_div .vd {
display:inline-block;
width:1px;
height:10px;
margin:0 5px;
background:#dadada;
position:relative;
bottom:-4px;
}
 .menuPage .navbar-nav .open .dropdown-menu li {
}
}
 @media(max-width:767px) {
.menuPage .navbar-nav > li.vert_div {
display:none;
}
.menuPage .navbar-nav > li.vert_div .vd {
display:none;
}
.menuPage .navbar-nav .open .dropdown-menu {
 background-color: transparent;
 border: 0 none;
 box-shadow: none;
 float: none;
 margin: 0 40px;
 position: static;
 width: auto;
}
 .menuPage .nav li a:hover {
border-bottom: none;
}
 .menuPage .navbar-default .navbar-brand {
 margin-top: 2px;
}
.menuPage .divider {
 margin: 20px auto;
}
 .menuPage .dividertop {
 margin: 17px auto 10px;
width:60px;
text-align:center;
background-image: linear-gradient(to right, #000000 20%, rgba(0, 0, 0, 0) 0%);
background-position: bottom;
background-size: 8px 2px;
background-repeat: repeat-x;
height:2px;
font-family:"HelveticaNeue_Bold";
font-weight:normal;
display:block;
}
 .menuPage .dividerbottom {
 margin: 10px auto 20px;
width:60px;
text-align:center;
background-image: linear-gradient(to right, #000000 20%, rgba(0, 0, 0, 0) 0%);
background-position: bottom;
background-size: 8px 2px;
background-repeat: repeat-x;
height:2px;
font-family:"HelveticaNeue_Bold";
font-weight:normal;
display:block;
}
.menuPageFlavor {
 display: inline-block;
 margin-bottom: 20px;
 padding-left: 10px;
 padding-right: 10px;
 width: 100%;
}
.menuPageAssort .menuPageFlavor {
 display: inline-block;
 margin-bottom: 40px;
 padding-left: 0;
 padding-right: 0;
 width: 100%;
}
}
 @media(max-width:480px) {
.menuPageAssort .menuPageFlavorContent .menu_desc_large {
display:none;
}
.menuPageAssort .menuPageFlavorContent .menu_desc_small {
display:block;
}
.menuPageAssort .menuPageFlavorContent .menu_desc_small span.bold {
font-family: "HelveticaNeue_Bold";
 font-weight: normal;
 font-size: 14px;
 margin-right: 3px;
}
.menuPageAssort .menuPageFlavorContent .menu_desc_small span.underline {
text-decoration:none;
background-color: transparent;
border-bottom: 1px dotted #da678e;
color: #da678e;
cursor: pointer;
line-height: normal;
}
}
 @media(max-width:479px) {
.menuPageFlavorContent {
 display: inline-block;
 padding-left: 15px;
 vertical-align: middle;
 width: 74%;
}
}
