/*
 * iPhone5:
 */

@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) {
 .mobile .header .logo img {
  height: 38px !important;
 }
 #filter input.secondaryButton {
  margin: 25px 0 0 -25px;
 }
}

/*
 * shared
 */

body.mobile {
  font-size: 100%;
  background-image: none;
}
body.mobile,
body.mobile .container_16 {
  width: auto;
  min-width: 0;
}
body.mobile .container_16-body {
  margin: 0 auto;
  padding: 5px;
}
body.mobile > .container_16 {
  width: 100%;
  padding: 0;
  background-color: #fff;
  display: inline-block;
}
body.mobile .grid_1,
body.mobile .grid_2,
body.mobile .grid_3,
body.mobile .grid_4,
body.mobile .grid_5,
body.mobile .grid_6,
body.mobile .grid_7,
body.mobile .grid_8,
body.mobile .grid_9,
body.mobile .grid_10,
body.mobile .grid_11,
body.mobile .grid_12,
body.mobile .grid_13,
body.mobile .grid_14,
body.mobile .grid_15,
body.mobile .grid_16 {
  display: block;
  float: none;
  margin-left: 0;
  margin-right: 0;
  width: auto;
}
body.mobile > div:last-of-type {
  font-size: 8px;
}
body.mobile > img {
  display: block;
}
body.error.mobile {
  padding: 0;
  margin: 0;
  color: #666;
  background-color: #fff;
  font-weight: normal;
}
.mobile .emailSignup,
.mobile.order #search,
.mobile.order .footer .order,
.mobile .header ul.links li.logOut span {
  display: none !important;
}
.mobile .doubleDots,
.mobile .doubleLineGray {
  float: none;
  width: auto;
}

/*
 * home (.index)
 */
.mobile .header {
  height: auto;
  background-size: auto 55px;
  float: left;
  width: 100%;
}

.mobile .site-banner {
 display: inline-block;
 float: left;
 width: 100%;
 background-color: #000;
 color: #fff;
 padding: 3px 0;
 font-size: 14px;
}
.mobile .site-banner a {
 color: #fff;
 text-decoration: underline;
}
.mobile .header .logo {
 float: none;
 display: block;
 height: auto;
 width: auto;
 padding: 0;
}
.mobile.order .header .logo {
 float: left;
 padding-left: 60px;
}
.mobile .header .logo a {
 display: block;
 width: 100%;
 padding: 11px 0 9px;
 text-align: center;
}
.mobile .header .logo img {
 width: auto;
 height: 35px;
}
/* Hamburger Nav */
.mobile .menu-button {
 display: block;
 position: absolute;
 overflow: hidden;
 width: 60px;
 height: 55px;
 background: url("../images/content_320/btn_top-new-2.png?auto=webp&quality=10") -112px 13px no-repeat;
 background-size: 160px 30px;
}
.mobile .sidr {
 display: block;
 position: fixed;
 top: 0;
 height: 100%;
 z-index: 999999;
 width: 260px;
 overflow-x: hidden;
 overflow-y: auto;
 font-size: 15px;
 background: #f8f8f8;
 -webkit-box-shadow: -5px 0 7px 0px #ccc inset;
 box-shadow: -5px 0 7px 0px #ccc inset;
 margin: 0;
}
.mobile .sidr .sidr-inner {
 padding: 0 0 15px;
}
.mobile .sidr .sidr-inner > p {
 margin-left: 15px;
 margin-right: 15px;
}
.mobile .sidr.sidr-left {
 left: -260px;
 right: auto;
}
.mobile .sidr #sidr-close {
 position: absolute;
 top: 10px;
 right: 20px;
 font-weight: bold;
 color: #f8f8f8;
}
.mobile .sidr p.sidr-header {
 text-align: center;
 margin: 0;
 padding: 10px 0;
 font-size: 16px;
 font-weight: bold;
 color: #f8f8f8;
 background-color: #666;
 font-family: 'Arial', sans-serif;
}
.mobile .sidr ul {
 display: block;
 margin: 0;
 padding: 0;
}
.mobile .sidr ul li {
 display: block;
 margin: 0;
 line-height: 48px;
 font-family: 'Arial', sans-serif;
 }
.mobile .sidr ul li a {
 border-bottom: 1px solid #ccc;
}
.mobile .sidr ul li a,
.mobile .sidr ul li span {
 padding: 0 15px;
 display: block;
 text-decoration: none;
 color: #333;
 text-align: left;
}
.mobile .sidr ul li ul {
 border-bottom: 0;
 margin: 0;
}
.mobile .sidr ul li ul li {
 line-height: 40px;
 font-size: 13px;
 background: #f8f8f8;
}
.mobile .sidr ul li ul li:last-child {
 border-bottom: 0;
}
.mobile .sidr ul li ul li a,
.mobile .sidr ul li ul li span {
 padding: 15px 30px;
 line-height: 1.1em;
 font: 14px 'Arial', sans-serif;
}
.mobile .sidr li ul {
 display: none;
}
.mobile .sidr ul > li.children > a:after {
 content: '+';
 float: right;
 padding-right: 5px;
 font-size: 20px;
 font-weight: bold;
}
.mobile .sidr ul > li.open > a:after {
 content: '-';
 padding-right: 6px;
}
.mobile .sidr a.call-nav:after {
  position: absolute;
  right: 9px;
  font-family: Arial, sans-serif;
  font-size: 22px;
  font-weight: bold;
  line-height: 0;
}
.mobile .sidr li.callMenu {
 background-color: #635da8;
}
.mobile .sidr a.call-nav,
.mobile .sidr a.call-nav span {
 color: #fff;
 line-height: 1.25em;
 padding: 5px 10px;
 font: 14px 'Arial', sans-serif;
}
.mobile .sidr a.call-nav span em {
 float: left;
 clear: both;
 margin-bottom: 10px;
}
.mobile .header .grid_4 {
 width: 100%;
 overflow: visible;
}
.mobile .header ul.links#lineOne {
 margin: 0;
 padding: 0;
}
.mobile .header ul.links#lineTwo {
 display: none;
}
/* region Phone Volume - variation 2 - Split Test | .contactIconTop */
.mobile .header ul.links .cartCount,
.mobile .header ul.links .contactIconTop,
.mobile .header ul.links .callTop,
.mobile .header ul.links .account {
 float: right;
 margin: -51px 0 0;
 padding: 0;
 cursor: pointer;
 width: 35px;
 height: 50px;
 -webkit-tap-highlight-color:rgba(0,0,0,0); /* prevent tap highlight color / shadow */
}
.mobile .header ul.links#lineOne li.contactIconTop a,
.mobile .header ul.links#lineOne li.callTop a,
.mobile .header ul.links#lineOne li.account a {
 float: left;
 height: 47px;
 background: none;
}
.mobile .header ul.links#lineOne .cartCount a,
.mobile .header ul.links#lineOne li.contactIconTop a,
.mobile .header ul.links#lineOne li.callTop a {
 text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
 width: 30px;
 height: 50px;
}
.mobile .header ul.links .cartCount {
 background: url("../images/content_320/btn_top-new-2.png?auto=webp&quality=25") -34px 22px no-repeat;
 background-size: 250%;
 position: absolute;
 right: 0;
}
.mobile .header ul.links .cartCount a:hover {
 text-decoration: none;
}
.mobile .header ul.links li.cartCount span {
 display: inline-block !important;
 float: left;
 margin: -45px 0 0 16px;
 font-size: 10px;
}
.mobile .header ul.links li span::after,
.mobile .header ul.links li span::before {
 content: none;
}
.mobile .header .links .contactIconTop,
.mobile .header .links .callTop {
 background: url("../images/content_320/btn_top-new-2.png?auto=webp&quality=10") -24px 14px no-repeat;
 background-size: 140px 26px;
 position: absolute;
 right: 67px;
}
/* endregion Phone Volume - variation 2 - Split Test | .contactIconTop */
li.callTop {
 list-style-type: none;
}
.mobile .header .links .account {
 background: url("../images/content_320/btn_top-new-2.png?auto=webp&quality=10") 5px 13px no-repeat;
 background-size: 145px 27px;
 text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
 position: absolute;
 right: 32px;
}

/* SearchSpring Auto-Complete */
.mobile .ss-targeted {
 margin-top: 6px !important;
}
.mobile .ss-targeted#searchspring-mobile {
 margin-top: -35px !important;
}
.mobile #search {
 position: relative;
 display: block;
 float: none;
 width: auto;
 height: auto;
 margin-top: -5px;
 padding: 5px 0;
 background-color: #ccc;
 text-align: left;
}
.mobile #search span {
 display: none;
}
.mobile #search input.text {
 width: 89%;
 height: auto;
 font-size: 16px; /* to prevent auto-zooming */
 -webkit-appearance: none;
 -webkit-box-sizing: border-box;
 border-radius: 0;
 vertical-align: top;
}
.mobile #search .button {
 position: absolute;
 right: 0;
 width: 25px;
 height: 25px;
 margin: 2px 5px;
 background-repeat: no-repeat;
 background-position: 0;
 font-size: 0;
 text-indent: -9999px;
 background-size: 25px auto;
}
.mobile .shadow {
 display: none;
}
.mobile a#holidayIcon {
 margin: -3px 0 0 -5px;
 background: url("../images/layout_320/nav_holiday.png?auto=webp&quality=10") top left no-repeat;
 height: 30px;
}
.mobile #menuCont {
  display: none;
  clear: both;
  margin-top: -41px;
}
.mobile.index #menuCont {
  display: block;
  margin-top: -10px;
}
.mobile.order #menuCont {
 margin: 0 0 12px;
}
.mobile #menuCont,
.mobile #menuCont ul {
  height: auto;
}
.mobile #menuCont:before {
  display: block;
  padding: 4px 0 4px 6px;
  color: #666;
  background-color: #fff;
}
.mobile #menuCont #menu {
 margin-left: 0;
 display: none;
}
.mobile #menuCont li:hover ul {
  display: none;
}
.mobile #menuCont ul {
  margin: 0;
  border-top: none;
}
.mobile #menuCont ul li {
  margin: 0 !important;
  padding: 0 !important;
  background-image: none !important;
  border-top: 1px solid #fff;
}
.mobile #menuCont ul li,
.mobile #menuCont ul li a,
.mobile #menuCont ul #menu_9 a {
  display: block;
  float: none;
  width: auto;
  height: auto;
  background: url("../images/layout_320/nav_2_off.png?auto=webp&quality=10") top left repeat !important;
}
.mobile #menuCont ul #menu_1 a {
  background: url("../images/layout_320/nav_1_off.png?auto=webp&quality=10") top left repeat !important;
}
mobile #menuCont ul #menu_8 a {
  background: url("../images/layout_320/nav_8_off.png?auto=webp&quality=10") top left repeat !important;
}
.mobile #menuCont ul #menu_9 a {
  background: url("../images/layout_320/nav_9_off.png?auto=webp&quality=10") top left repeat !important;
  border-right: 0;
}
.mobile #menuCont ul #menu_5 a {
  display: none;
}
.mobile #menuCont ul li a {
  padding: 8px 0 8px 10px;
  font-size: 18px;
  text-align: left;
  text-decoration: none;
}
.mobile #menuCont ul li a:hover {
  background-image: none !important;
}
.mobile #menuCont #menu > li.children > a:after {
  content: '+';
  float: right;
  padding-right: 10px;
  font-size: 20px;
  font-weight: bold;
}
.mobile #menuCont #menu > li.open > a:after {
  content: '-';
  padding-right: 13px;
}
.mobile #menuCont li ul {
  position: relative;
  top: 0;
  width: auto;
}
.mobile #menuCont ul li ul li a,
.mobile #menuCont ul li#menu_9 ul li a,
.mobile #menuCont ul li#menu_1 ul li a {
  width: auto !important;
  color: #fff !important;
  padding: 10px 0 10px 30px !important;
  font-size: 14px !important;
  font-weight: bold !important;
  color: #6b67ae !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd)) !important;
}
.mobile ul#menu > li#menu_1 {
  background: url("../images/layout_320/nav_1_off.png?auto=webp&quality=10") top left repeat !important;
}
.mobile ul#menu > li#menu_9 {
  background: url("../images/layout_320/nav_9_off.png?auto=webp&quality=10") top left repeat !important;
}
.mobile ul#menu li#menu_9 > a,
.mobile ul#menu li#menu_1 > a {
  color: #fff;
  font-family: 'Arial', sans-serif;
}
.mobile .email-greeting {
  display: none;
}
.mobile .mainBody {
  width: auto;
  padding: 0 5px;
}
.mobile.index .mainBody {
  display: none;
}
body.mobile > .container_16 > img,
.mobile #hpHeading,
.mobile .footer-box,
.mobile.index .featuredSKUs,
.mobile.index .featuredProds,
.mobile.index #newsletter,
.mobile.index #socialWidgetsHome,
.mobile.index .featuredPods,
.mobile.index p#valueProp,
.mobile.index .doubleDots:nth-of-type(n+3),
.mobile.index .bestSelling ul.productsFive li:nth-child(n+11) {
  display: none;
}
.mobile.index .bestSelling {
 margin: 0 0 -70px;
 display: inline-block;
 width: 100%;
 text-align: center;
}
.mobile.index .mobileIntro {
 display: inline-block;
 margin: 15px 10px 0;
 text-align: center;
}
/* region instagram */
.mobile .insta-home {
 width: auto;
 margin: 30px 10px -15px;
}
.mobile .insta-home .grid_4 {
 width: calc(50% - 5px);
 float: left;
 margin-bottom: 10px !important;
 height: 160px;
 }
.mobile .insta-home .grid_4:nth-child(-n+5) {
 margin-bottom: 0;
 }
.mobile .insta-home .grid_4:nth-child(odd) {
 margin-right: 10px;
 }
.mobile .insta-home .grid_4 img {
 width: 100%;
 height: 100%;
}
.mobile .insta-home .grid_4.alpha.text p {
 margin: 5px 0;
}
/* endregion instagram */
/* region blog */
.mobile.index .blog-home {
 width: auto;
 margin: 15px 10px 0;
}
.mobile.index .blog-home ul li.home-post {
 width: 100%;
 margin: 20px 0 0;
 box-shadow: 0 0px 5px 0 rgba(0,0,0,0.09), 0 1px 0px 0px rgba(0,0,0,0.05), 0 0px 1px 0 rgba(0,0,0,0.05);
 height: auto;
}
/* endregion blog */
.mobile.index .homeTestimonials {
 width: auto;
 margin: 0 10px;
 font-size: 13px;
}
.mobile.index .homeTestimonials span {
 font-size: 12px;
}
.mobile.index .homeTestimonials a#readMore {
 margin: 10px 0 0;
 font-size: 14px;
 width: 100%;
 text-align: right;
}
.mobile .footer {
 height: auto;
 margin: 0;
 padding: 0;
}
.mobile .footer .doubleDots,
.mobile .footer .clear,
.mobile .footer .sameDay {
  display: none;
}
.mobile .footer .order {
 background-color: #000; /* Black instead of dark purple so it doesn't blend in to click to call. */
 width: auto;
}
.mobile .footer .order a {
 font: 24px Arial, sans-serif;
 display: inline-block;
 color: #fff;
 padding: 8px 0 8px 10px;
 }
.mobile .footer .order a:after {
  content: "\00BB"; /* » */
  position: absolute;
  right: 9px;
  font-family: Arial, sans-serif;
  font-size: 22px;
  font-weight: bold;
}
.mobile .footer .call {
 width: auto;
 background-color: #635da8;
 font: 13px Arial, sans-serif;
}
.mobile .footer .call a {
  display: block;
  height: 45px;
  color: #fff;
  text-decoration: none;
  margin-left: 10px;
}
.mobile .footer .call a:hover {
  text-decoration: none;
}
.mobile .footer .call a span {
  display: block;
  padding: 5px 0 3px;
  line-height: 20px;
}
.mobile .footer .call a span:after {
  content: "\00BB"; /* » */
  position: absolute;
  right: 9px;
  font-family: Arial, sans-serif;
  font-size: 22px;
  font-weight: bold;
  line-height: 0;
}
.mobile .footer .call a em {
  line-height: 17px;
}
.mobile .footer .call a em:after {
  content: '\a';
  white-space: pre;
}

.mobile .footer .threeMillion {
 font-size: 30px;
 line-height: 1em;
 padding-top: 15px;
}
.mobile .footer p.threeMillion span {
  color: #4a4a4a;
}
.mobile .footer .heading,
.mobile .footer .heading h1 {
  color: #4a4a4a;
  font-size: 14px;
}
.mobile .footer .heading {
  border-bottom: 1px dotted #ddd;
  margin: 0 10px;
  padding-bottom: 15px;
}
.mobile .footer .heading p.notOnIndex {
  margin-left: 0;
}
.mobile .footer .footerLinks {
  width: auto;
  margin: 0 10px;
}
.mobile .footer .footerLinks h3 {
  padding-bottom: 0;
}
.mobile .footer .footerLinks h3:hover {
 cursor: pointer;
 }
.mobile .footer .footerLinks h3:after,
.mobile .footer .footerLinks h3.selected:after {
  content: "+";
  position: absolute;
  right: 9px;
  font-family: Arial, sans-serif;
  font-size: 17px;
  line-height: 0;
  color: #4a4a4a;
  margin-top: 10px;
}
.mobile .footer .footerLinks h3.selected:after {
  content: "-";
  right: 11px;
  margin-top: 8px;
}
.mobile .footer .footerLinks ul li.group {
  width: 100%;
  margin: 0;
  border-bottom: 1px dotted #ddd;
}
.mobile .footer .footerLinks ul li.group a {
  width: 100%;
  display: inline-block;
  height: 22px;
  padding-top: 5px;
}
.mobile .footer .footerLinks ul li.group ul li:last-child {
  margin-bottom: 5px;
}
.mobile .footer .footerHead ul {
  display: none;
}
.mobile .footer p.jd-power {
  display: inline-block;
  padding: 0 10px;
  margin: 15px 0 0;
  font-size: 12px;
}
.mobile .secureIcons {
  margin-bottom: 0;
}
.mobile .switch-to-desktop {
  margin: 5px 0 10px;
  font-size: 13px;
  text-align: center;
}
.mobile .switch-to-desktop a {
 color: #4F498D;
}
.mobile .footer .copyright {
  display: block;
  margin: 10px 0 -10px;
  padding: 0 20px 10px;
}
.mobile #bottomInfo {
 margin: 0 10px 20px;
 border-top: none;
}
.mobile #bottomInfo h1 {
 width: auto;
}
.mobile #bottomInfo h3,
.mobile #bottomInfo h4 {
 color: #666;
 font-size: 14px;
 margin-bottom: 0;
 border-top: 1px dotted #ddd;
 padding-top: 5px;
}
.mobile #bottomInfo h4 {
 border-bottom: 1px dotted #ddd;
 padding-bottom: 5px;
}
.mobile #bottomInfo h4 a {
 text-decoration: none;
}
.mobile #bottomInfo p {
 color: #666;
 font-size: 13px;
 width: auto;
 margin-top: 10px;
}

/*
 * category browse pages (.search)
 */
.mobile.search .holidayProducts {
 height: auto;
 padding: 0 4px 10px;
 margin: 0 0 10px 0;
 -webkit-box-shadow: 0px 6px 9px -3px;
 -moz-box-shadow: 0px 6px 9px -3px;
 box-shadow: 0px 6px 9px -3px;
 background: #ffffff; /* Old browsers */
 background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
 background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
 background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
}
.mobile.search .holidayProducts .holidayL {
 display: none;
}
.mobile.search .holidayProducts .holidayLMobile {
 display: block;
 margin-top: 5px;
}
.mobile.search .holidayProducts .holidayLMobile img {
 width: 100%;
}
.mobile.search .holidayProducts ul {
 width: 100% !important;
}
.mobile.search .holidayProducts ul li {
 width: 32%;
}
.mobile.search .holidayProducts ul li div.prodCell,
.mobile.search .holidayProducts ul li div.prodCell div.details {
 width: auto;
 height: auto;
 }
.mobile.search .holidayProducts ul li img.item {
 width: 97% !important;
}
.mobile.search .mainBody #categorySectionPlain {
  position: relative;
  float: none;
  width: 100%;
  margin: 5px 0;
  padding: 0;
  overflow: hidden;
}
.mobile.search .mainBody #categorySectionPlain .catCrumbs,
.mobile.search .mainBody #categorySectionPlain #catBan {
  display: none;
}
.mobile.search .mainBody #categorySectionPlain .grid_14.omega {
  margin-left: 10px;
}
.mobile.search .mainBody #categorySectionPlain h1 {
  width: auto;
  padding-top: 10px;
  font-size: 26px;
  border-bottom: none;
}
.mobile.search .mainBody br.clear {
  display: none;
}
.mobile.search #filter {
 display: inline-block;
 width: 100%;
 margin: -5px 0 0;
 padding: 0 0 5px;
 border-left: none;
 border-right: none;
 height: auto;
 }
.mobile.search #filter form {
 display: inline-block;
 padding: 10px 10px 6px;
 width: 94%;
}
.mobile.search #filter form .grid_4 {
 float: left;
 width: 75%;
}
.mobile.search #filter form .grid_4 span {
 float: left;
 margin: 7px 4px 0 0;
}
.mobile.search #filter form .grid_2.omega {
 float: left;
 width: 20%;
 padding-top: 2px;
}
.mobile.search #filter form select {
 font-size: 16px;
 width: 75%;
 float: left;
 margin-top: 3px;
}
.mobile.search #filter form input.secondaryButton {
 height: 30px;
}
.mobile.search #filter .grid_4.alpha,
.mobile.search #filter .grid_3.alpha.omega {
  display: none;
}
.mobile.search .featured-search {
  background: none;
  height: auto;
  margin: 0 auto;
  padding: 0;
  background-color: #fff;
  background-size: auto 55%;
  clear: both;
}
.mobile.search .silverRewards, /* flower/silver-rewards */
.mobile.search .goldRewards, /* flower/gold-rewards */
.mobile.search .platinumRewards /* flower/platinum-rewards */ {
  background-size: auto 302px;
  padding-top: 5px;
}
.mobile.search .faceVaseSearch, /* /flower/custom-photo-vase */
.mobile.search .chocolateCoveredSearch /* /gifts/chocolate-covered-gifts */ {
  background-size: auto 300px;
}
.mobile.search[data-refcode="1410"] .emailSearch {
  background-image: none;
}
.mobile.search .featured-search .container_16 {
  overflow: hidden;
  border-bottom: 3px solid #ddd;
}
.mobile.search .featured-search .grid_7 {
 background: #ccc url("../images/layout/bg_search.png?auto=webp&quality=50") repeat-x 0 0;
 background-size: auto 100%;
 display: none; /* For new WS image test. */
}
.mobile.search .emailSearch .grid_7 {
  display: none;
}
.mobile.search .faceVaseSearch .grid_7 {
  margin-bottom: 9px;
}
.mobile.search .floristDeliveredSearch .grid_7,
.mobile.search .silverRewards .grid_7,
.mobile.search .goldRewards .grid_7,
.mobile.search .platinumRewards .grid_7,
.mobile.search .facebookDeals .grid_7 {
   margin-bottom: 12px;
}
.mobile.search .featured-search .grid_7 img {
  display: block;
  width: 100%;
  max-width: 330px;
  margin: 0 auto !important;
}
.mobile.search .featured-search .grid_9 {
  width: 100%;
  margin: 0 !important;
  text-align: center;
  background: #fff;
  padding-top: 10px;
  }
.mobile.search .featured-search .grid_9 .customerFavorites {
  width: 100%;
  height: 1.5em;
  margin: -5px 5px 1px 5px;
  background-size: 97% auto;
}
.mobile.mobile-wide.search .featured-search .grid_9 .customerFavorites {
  height: 35px;
  margin: 5px -5px 0.8em 5px;
  padding-top: 20px;
}
.mobile.search .featured-search .grid_9 .info {
  display: none;
  float: none;
  width: 103px;
  height: auto;
  margin: 0;
  padding: 0;
  vertical-align: top;
  overflow: hidden;
}
.mobile.search .featured-search .grid_9 .info {
  display: inline-block;
}
.mobile.search .featured-search .grid_9 .info div.product-overlay-best-seller {
  display: none;
}
.mobile.search .featured-search .grid_9 .info a {
 background-color: #fff;
 height: 120px;
 width: 100px;
 display: block;
 }
.mobile.search .featured-search .grid_9 .info a img.vase {
 position: absolute;
 left: -7px;
 top: -7px;
 width: 112px;
 height: auto;
 }

.mobile.search .featured-search .grid_9 .info a img.item {
  width: 98%;
  height: auto;
}

.mobile.search .featured-search .grid_9 .info a img.item {
 width: 100% !important;
}

.info .item {
 left: 0;
 padding-top: 4px;
 }

.mobile.search .featured-search .grid_9 .info #productName {
  width: 100px;
  font-size: 11px;
}
.mobile.search .featured-search .grid_9 .info #productDescription {
  display: none;
}
.mobile.search .featured-search .grid_9 .info #productPrices {
  width: 100px;
  font-size: 11px;
}
.mobile.search .featured-search .grid_9 .info #productPrices span {
  display: block;
}
.mobile.search .featured-search .grid_9 .info #productPrices #now {
  margin-top: -13px;
}
.mobile.search .mainBody > .grid_3.alpha,
.mobile.search .landingPageBody > .grid_3.alpha {
  display: none;
}
.mobile.search .nbTop,
.mobile.search .nbTopF {
  display: none;
}
.mobile.search .products,
.mobile.search .productsFive,
.mobile.index .productsFive,
.mobile.countries .productsFive {
  width: auto;
  margin: 10px auto 0 auto;
  padding: 0;
  overflow: hidden;
  text-align: center;
}
.mobile.search .products li,
.mobile.search .productsFive li,
.mobile.index .productsFive li,
.mobile.search .productsFive #topCont,
.mobile.countries .productsFive li {
  float: none;
  display: inline-block;
  width: 150px;
  margin: 0;
  vertical-align: top;
  overflow: hidden;
}
.mobile.search .products #topCont,
.mobile.search .productsFive #topCont {
  display: none;
}
.mobile.search .productsFive #topCont img {
  width: 148px;
}
.mobile.search .products li .prodCell,
.mobile.search .productsFive li .prodCell,
.mobile.index .productsFive li .prodCell,
.mobile.countries .products li .prodCellCountry,
.mobile.countries .productsFive li {
  width: 150px;
}
.mobile.search .products li .prodCell .vase {
 left: 0;
 top: 5px;
 }
.mobile.search .products li .details a,
.mobile.search .productsFive li .details a,
.mobile.index .productsFive li .details a,
.mobile.countries .productsFive li a {
  display: block;
  line-height: 1.1em;
}
.mobile.search .products li .details a img,
.mobile.search .productsFive li .details a img,
.mobile.index .productsFive li .details a img,
.mobile.countries .productsFive li a img{
  width: 148px;
  height: auto;
}
.mobile.search .nbBot {
  font-size: 14px;
  margin: 0 0 15px;
  border-top: 1px solid #ddd;
  background-color: #ececec;
  border-bottom: 1px solid #ddd;
  float: left;
  padding: 10px;
}
.mobile.search .nbBot span.middle {
  float: left;
  width: 50%;
  height: 100%;
}
.mobile.search .nbBot span.previous {
  float: left;
  margin-right: 20px;
  font-size: 16px;
}
.mobile.search .nbBot span.next {
  float: left;
  margin-left: 28px;
  font-size: 16px;
}
.mobile.search .navBar .previous {
  margin-right: 40px;
}
.mobile.search .navBar .next {
  margin-left: 40px;
}
.mobile.search .footer .stripe {
  display: none;
}
.mobile.search img.sameDay {
 margin-left: 7px;
 }
.mobile.search .bestSellers {
 margin: -30px 15px 0;
 }
.mobile.search .bestSellers p.bestSellersHeader {
 width: 100%;
 text-align: center;
 font-size: 28px;
 line-height: 1em;
 margin-top: 50px;
 }
.mobile.search .bestSellers .grid_12 {
 margin-top: -35px;
}
.mobile.search .bestSellers .grid_12 .grid_4 {
 clear: both;
 }
.mobile.search .bestSellers a img {
 width: 50%;
 height: auto;
 }
.mobile.search .bestSellers .backgroundTestimonial span {
 font-size: 13px;
 }
.mobile.search .bestSellers .backgroundTestimonial p {
 margin: 5px 0;
 }

.mobile.search .mobileCat {
 display: inline-block;
 width: 94%;
 margin: 0 10px 5px 0;
 }

.mobile.search .mobileCat h2,
.mobile.search .mobileCat p {
 width: auto;
 margin: 0 0 6px 0;
 font-size: 12px;
 }

.mobile.search .mobileCat h2:after {
 content: ":";
 }

.mobile.search .holidayShopping {
 position: fixed;
 bottom: 0;
 background: url("../images/layout/bg.jpg?auto=webp&quality=50") top left repeat-x;
 display: inline-block;
 width: 100%;
 left: 0;
 text-align: center;
 padding: 10px 0;
 z-index: 99;
 -webkit-box-shadow: -1px -1px 15px 0;
 -moz-box-shadow: -1px -1px 15px 0;
 box-shadow: -1px -1px 15px 0;
 }
.mobile.search .holidayShopping a {
 font: 22px Arial, sans-serif;
 color: #fff;
 letter-spacing: 0;
 }
.mobile.search .holidayShopping a:hover {
 text-decoration: none;
 }
.mobile.search .holidayShopping a span {
 }

/*
 * all overlays (deluxe/premium, alcohol, etc.)
 */
.mobile.products .premiumPopup {
 margin-top: -8px;
 padding-top: 6px;
 text-align: center;
 }

.mobile.products .premiumPopupInner {
 padding: 25px 20px 20px 20px;
 left: 5%;
 height: 82%;
 width: 80%;
 top: 15px !important;
 }

.mobile.products .premiumPopupInner p {
 margin-top: 13px;
 height: auto;
 padding: 0 0 10px 0;
 width: 100%;
 font-size: 8px !important;
 }

.mobile.products .premiumPopupInner p.header span {
 padding: 10px 0 0 0;
 font-size: 18px;
 text-align: center;
 width: 100%;
 }

.mobile.products .premiumPopupInner p.intro {
 margin: -4px 0 -5px;
 }

.mobile.products .premiumPopupInner ul {
 padding: 0;
 margin: 0;
 width: 100%
 }

.mobile.products .premiumPopupInner ul li {
 width: 33%;
 margin: 0;
 padding: 0;
 text-align: left;
 font-size: 6px;
 }

.mobile.products .premiumPopupInner ul li img {
 width: 100%;
}

.mobile.products .ajax {
 float: right;
 margin: -20px -14px 0 0;
 }

.mobile.products .checkoutNew .ajax {
 float: right;
 margin: 7px 10px -35px 0;
 }

.mobile.products .premiumPopupInner a.tertiaryButton {
 font-size: 8px;
 padding-top: 2px;
 height: 18px;
 }

/*
 * order process common styles (.order)
 */

.mobile.order select,
.mobile.order input[type="text"],
.mobile.order input[type="tel"],
.mobile.order input[type="password"],
.mobile.order textarea {
  float: none;
  display: block;
  width: 96% !important;
  height: auto;
  font-size: 16px !important; /* to prevent auto-zooming */
}
.mobile.order .header .grid_4 {
  display: inline-block;
  float: right;
  margin-top: -43px;
  width: auto;
}
.mobile.order .header .grid_4 img {
  height: 27px;
  margin-top: 3px !important;
}
.mobile.order .header .logInOut {
 text-align: right;
 padding: 12px 5px 0 0;
}
.mobile.order .header .logInOut span {
 display: block;
 margin-bottom: -7px;
 }
.mobile.order .header .logInOut a {
 letter-spacing: 0;
}
.mobile.order .header .logInOut span,
.mobile.order .header .logInOut a {
 font: 12px 'Arial', sans-serif;
 color: #fff;
}
.mobile.order .header .logInOut span strong {
 font-family: 'Arial', sans-serif;
}
.mobile.order .header .logInOut img {
 margin: -17px -6px 0 0 !important;
 height: 27px;
}

.mobile.order #orderHead,
.mobile.order #requiredFields {
  display: none;
}
.mobile.order .footer .stripe {
  display: none;
}

/*
 * order step #2 (.order.step-del)
 */

.mobile.order.step-del .preloader {
  float: none;
  margin-top: -18px;
}
.mobile.order.step-del select {
  width: 99% !important;
  margin-bottom: 12px;
}
.mobile.order.step-del span#amazonLoginMsgDel {
  float: none;
  height: 32px;
  width: auto;
  margin-top: 6px;
  margin-bottom: 6px;
  font-size: 13px;
}

/*
 * international thank you page (.thank_you_intl)
 */
.mobile.thank_you_intl #socialWidgets {
  display: none;
}
.mobile.thank_you_intl .mainBody table {
  width: 100% !important;
}
.mobile.thank_you_intl .mainBody > table:nth-of-type(1) {
  width: auto !important;
  margin: 10px 10px 0 10px !important;
}
.mobile.thank_you_intl .mainBody > table:nth-of-type(1) > tbody > tr:nth-of-type(1) td {
  font-size: 24px !important;
  margin-top: -10px !important;
  padding-bottom: 5px !important;
}
.mobile.thank_you_intl .mainBody table + a img {
  width: 100%;
  height: auto;
}
.mobile.thank_you_intl .mainBody > table:nth-of-type(2) > tbody > tr > td > table > tbody > tr:nth-of-type(2) > td {
  display: block;
}
.mobile.thank_you_intl .mainBody > table:nth-of-type(2) > tbody > tr > td > table > tbody > tr:nth-of-type(2) > td:nth-of-type(1) {
  width: auto !important;
}
.mobile.thank_you_intl .thankYouSKU .vaseOrdered {
 left: auto;
 top: 7px;
 }

body.thank_you_intl.mobile .overlayBox {
 width: 90%;
 height: auto;
 margin-top: -90px;
 }

body.thank_you_intl.mobile .overlayBox a.closeOffer {
 font-size: 12px;
 }

body.thank_you_intl.mobile .overlayBox img {
 width: 100%;
 height: auto;
 }

/* Necessary Corporate Style - Login */
.mobile.corporate .mainBody {
 margin: 0 10px;
 width: auto;
}

.mobile.corporate .mainBody input {
 width: 97% !important;
}

.mobile.corporate h1 {
 width: 100%;
 margin-top: 0;
 }

/* Media Page */
.mobile.media .mediaPage,
.mobile.media .mediaPage h1 {
 width: auto;
 }

.mobile.media .mediaPage {
 margin: 0 10px;
 }

.mobile.media .mediaPage h1 {
 font-size: 15px;
 padding-bottom: 10px;
 }

.mobile.media .mediaPage h2:first-child {
 margin-bottom: 0;
 }

.mobile.media .mediaPage .mediaMention div.date {
 margin: 15px 0 16px;
 width: 50%;
 }

.mobile.media .mediaPage .mediaMention div.title,
.mobile.media .mediaPage .pressRelease div.title {
 clear: both;
 width: 100%;
 }

.mobile.media .mediaPage .mediaMention div.text img.logo {
 width: 47%;
 clear: both;
 margin: 6px 0 -8px;
 }

.mobile.media .mediaPage .mediaMention div.text p {
 display: inline-block;
 margin-left: 0;
 }

.mobile.media .mediaPage .mediaMention.noLogo {
 height: auto;
 padding-bottom: 15px;
 }

.mobile.media .mediaPage .pressRelease div.date {
 margin: 0 20px 10px 0;
 }

.mobile.media .mediaPage iframe {
 width: 100%;
 }

/* 404 Page */
.mobile .fourOhfour h3, .mobile .fourOhfour h3 span, .mobile .fourOhfour p, .mobile .fourOhfour p span {
 width: 95%;
 margin: 0 auto 15px auto;
 }

.mobile .fourOhfour h3, .mobile .fourOhfour h3 span {
 font-size: 20px;
 }

.mobile .fourOhfour h3 {
 float: left;
 margin-top: 10px;
 }

.mobile .fourOhfour p span {
 font-size: 20px;
 text-align: center;
 margin-bottom: -20px;
 }

.mobile .fourOhfour img {
 margin: 10px auto 0 auto;
 }

.mobile .fourOhfour a {
 color: #635da8;
 text-decoration: none;
 }

/* Affiliate Page */
.mobile.affiliates .affiliates {
 margin-top: 0;
 }

.mobile.affiliates .affiliates img,
.mobile.affiliates .greenStripe,
.mobile.affiliates .tealStripe {
 display: none;
}

.mobile.affiliates .affiliates p {
 font-size: 15px;
 line-height: 1.75em;
 margin: 0 10px;
 }

.mobile.affiliates .affiliates p.affiliateHeader {
 margin: 10px;
 font-size: 28px;
 line-height: 1em;
 text-align: center;
 border-bottom: 1px solid #ddd;
 padding-bottom: 10px;
 }

.mobile.affiliates .affiliates p.orange {
 margin: 20px 10px 15px;
 }

.mobile.affiliates .affiliates a.primaryButton {
 width: 300px;
 height: 30px;
 padding-top: 10px;
 margin: 15px 0 20px 10px;
 }

/* Careers Page */
 .mobile.careers .mainBody img,
 .mobile.careers .careersBackground {
 display: none;
 }

.mobile.careers .mainBody .careersTop,
.mobile.careers .mainBody .careersBottom,
.mobile.careers .mainBody .careersApply {
 display: inline-block;
 width: auto;
 margin: 0 10px;
 }

.mobile.careers .mainBody .careersApply p {
 color: #666;
 }

.mobile.careers .mainBody .careersApply p a {
 color: #635da8;
 }

.mobile.careers .primaryButton {
 width: 100%;
 padding: 10px 0 5px;
 }

/* Mailing list */
.mobile.mailing_list .mainBody {
 width: auto;
 margin: 0 10px;
 }

.mobile.mailing_list .mainBody h1 {
 margin: 5px 0 0;
 width: 100%;
 display: inline-block;
 }

.mobile.mailing_list .mainBody form {
 margin-bottom: 20px !important;
 }

.mobile.mailing_list .mainBody input {
 width: 100%;
 height: 45px;
 }

.mobile.mailing_list .mainBody input[type="text"] {
 width: 97% !important;
 height: 25px;
 }

/* Guarantee */
.mobile.guarantee .mainBody {
 width: auto;
 margin: 0 10px;
 }

.mobile.guarantee .mainBody h1 {
 margin-top: 5px;
 width: 100%;
 display: inline-block;
 }

.mobile.guarantee h2 {
 width: auto;
 }

.mobile.guarantee .grid_4 img {
 width: 100%;
 margin-bottom: 10px !important;
 }

/* Accessibility */
.mobile.accessibility .mainBody {
 width: auto;
 margin: 0 10px;
 }

.mobile.accessibility .mainBody h1 {
 margin: 5px 0 0;
 width: 100%;
 display: inline-block;
 }

/* Sitemap */
.mobile.share_testimonial .mainBody {
 width: auto;
 margin: 0 10px;
 }

.mobile.sitemap .siteMap {
 margin: 0 10px;
 }

.mobile.sitemap .mainBody h1 {
 margin-top: 5px;
 width: 100%;
 display: inline-block;
 }

.mobile.sitemap .mainBody h2 {
 width: auto;
 }

.mobile.sitemap .mainBody a {
 font-size: 14px;
 padding: 8px 0;
 display: inline-block;
 width: 100%;
 margin: 7px 0;
 }

/* Internationaal Page */
.mobile.international div.international {
 width: auto;
 margin: 0 10px;
 display: inline-block;
 }

.mobile.international div.international h1,
.mobile.international div.international img {
 margin-top: 10px;
 width: 100%;
 }

.mobile.international .mainBody p {
 margin-left: 0 !important;
 }

 /* Forgot Password */
.mobile.forgot {
  overflow-x: hidden;
  }

.mobile.forgot .header,
.mobile.forgot .emailSignup,
.mobile.forgot .footer {
 display: block;
 }

.mobile.forgot .container_16.mainBody {
 margin-top: -20px;
 padding: 0;
 }

.mobile.forgot table {
 width: 95%;
 }

.mobile.forgot p {
 margin: -20px 0 -10px;
 }

.mobile.forgot input.emailPassword {
 width: 97% !important;
 margin-bottom: 10px;
 padding: 6px 0;
 }

.mobile.forgot .primaryButton {
 padding: 8px 0 26px !important;
 width: 97%;
 margin-bottom: -25px;
 }

.mobile.forgot .tertiaryButton {
 display: none;
 }

/* International Pages */
.mobile.countries .mainBody {
 width: auto;
 margin: 0 10px;
 }

.mobile.countries h1 {
 width: auto;
 margin: 10px 0 !important;
 float: left;
 }

.mobile.countries h2,
.mobile.countries h3 {
 float: left;
 margin: 0 0 10px !important;
 width: 100% !important;
 }

.mobile.countries h3 {
 margin-top: 10px !important;
 }