.grid-stack-item-content div .iframe {
  display: none !important;
}

.deleteicon_click.deleteicon.add_cart_icon.hide_bar_add {
  display: none;
}

.disabled {
  opacity: 0.5;
  pointer-events: none;
}

#closeShoppingList {
  display: none;
}

.header-qr {
  display: none;
}

.dcp-logo-print {
  display: none;
}

.print-options {
  background-color: white;
  position: absolute;
  border: 1px solid #ccc;
  padding: 8px;
  border-radius: 4px;
  margin-top: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  z-index: 1000;
  width: 325px;
  right: 0;
}

.print-options button {
  display: block;
  width: 100%;
  padding: 6px 12px;
  background: none;
  border: none;
  text-align: left;
  cursor: pointer;
}

.print-options button:hover {
  background-color: #f0f0f0;
}

.submit-button {
  background-color: #71b01d !important;
  color: white !important;
  border: none !important;
  padding: 8px 16px !important;
  border-radius: 4px !important;
  font-size: 14px !important;
  cursor: pointer !important;
  transition: background-color 0.3s ease !important;
}

.packDetailsName {
  color: black;
  line-height: 1.1;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding-left: 6px;
}

.product-title {
  height: 37px !important;
  font-size: 13px !important;
  display: flex !important;
  justify-content: center !important;
  flex-direction: column !important;
}

.product-title p {
  line-height: 1.2 !important;
  -webkit-line-clamp: 2 !important;
  font-size: 15px !important;
}

.packTitleProName {
  font-size: 14.5px !important;
}

.offerLabel.top {
  top: 38px !important
}

.loader {
  position: fixed;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  z-index: 999;
}

.loader::after {
  content: "";
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: #1e1c1c96;
  top: 0;
  z-index: -1;
}

.add_cart_icon,
.deleteicon {
  width: 34px !important;
  height: 32px !important;
  right: 4px !important;
  top: 3px !important;
  cursor: pointer;
}

/* Grid CSS */
.grid-stack-item .grid-stack-item-content {
  inset: 2px !important;
}

.grid-stack-item-content p {
  line-height: 1;
  /* margin-top: 3px; */
  margin-bottom: 0px;
}

.grid-stack-item-content>img {
  object-fit: fill !important;
  max-width: 100% !important;
  max-height: 100% !important;
  cursor: pointer;
}

.banner-img-width {
  width: 100% !important;
}

.grid-stack-item-content {
  padding-top: 38px;
  background-color: #fff !important;
}

.grid-stack-item-content:has(.hide_bar) {
  padding-top: 0px !important;
}

.test {
  background-color: var(--theme-base-color) !important;
  color: white !important;
}

.test>.packDetailsName {
  color: white !important;
}

.label .pricelabel svg {
  height: 150px !important;
  width: 150px !important;
}

.gifImg {
  width: 100% !important;
  object-position: center !important;
}

/* .hide_bar{
  width: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
} */

.shopping-list-icon {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
}

.shopping-list-headline, .counter {
  white-space: nowrap;
}

.scroll-down {
  position: relative;
}

/* .scroll-down .main-header {
  top: -72px !important;
} */

/* .scroll-down .bottom-header,
.scroll-down .scroll_hide {
  opacity: 1;
  position: absolute;
  width: 100%;
  z-index: -1;
}

.scroll-down .bottom-header {
  animation: slideUp 0.5s ease-out 1 forwards;
} */

.scroll-down .bottom-header {
  background-color: $background-color_white;
}

.slideDown {
  animation: slideDown 0.5s ease-in 1 forwards;
}

.scroll-up .main-header {
  top: 0;
}

.body_content {
  padding-top: 0px;
  padding-bottom: 30px;
}

/* Removed padding-top overrides for sticky header */

.layout_count_product {
  position: absolute;
  width: 34px;
  right: 4px;
  top: 40px;
  cursor: pointer;
  /* background: rgba(118, 177, 1, 0.267); */
  background-color: #e7e7e7;
  padding: 10px 0;
  clip-path: polygon(49% 8%, 100% 0, 100% 100%, 0% 100%, 0 49%, 0 0);
  visibility: hidden;
}

.pack-info-container {
  display: none !important;
}

@keyframes slideUp {
  to {
    top: 0;
    opacity: 0;
  }
}

@keyframes slideDown {
  to {
    bottom: 0;
    opacity: 0;
  }
}

/* .circular-card.size-11 .circular-card-deal-wrapper {
  height: 40%;
  width: 40%;
} */

/* .circular-card-deal-wrapper {
  width: 50%;
  height: 50%;
  bottom: 26px;
} */

.circular-card-deal {
  width: 100%;
  height: 100%;
  padding: 12%;
  z-index: 300;
  border: 4px solid var(--price-label-border-color, var(--theme-base-color)) !important;
  border-radius: 50%;
  background-color: var(--price-label-bg-color, #fff);
  color: var(--price-label-text-color, var(--theme-base-color)) !important;
  font-weight: 700;
  line-height: 1;
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
}

.circular-card.size-11 .circular-card-deal {
  padding: 5% 8%;
}

.circular-card.standard .circular-card-deal {
  background-color: #fff;
  color: rgb(139, 195, 74);
  border-color: rgb(139, 195, 74);
}

.price-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.circular-card-deal-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}

.circular-card-price {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.circular-card-price .top-line,
.circular-card-price .bottom-line {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.circular-card-price .dollar-sign,
.circular-card-price .bignum,
.circular-card-price .price-unit {
  position: relative;
}

.dollar-sign,
.percent-sign {
  font-size: 50%;
}

.dollar-amount,
.big-cents {
  line-height: 85%;
}

.circular-card-price .price-unit-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.price-unit-wrapper,
.paint-green .circular-card-price {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.cents-sign,
.cents-amount,
.bottom-line {
  font-size: 60%;
}

#format3 .price-unit,
#format4 .price-unit {
  font-size: 30%;
}

#format5 .num-to-cart,
#format6 .num-to-cart {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#format5 .dollar-amount,
#format5 .pricing-num-for,
#format6 .pricing-num-to-cart,
#format6 .pricing-num-for {
  padding-right: 2px;
  padding-bottom: 2px;
}

#format5 .dollar-amount,
#format5 .third-amount,
#format5 .pricing-for,
#format6 .pricing-buy-get,
#format6 .dollar-amount,
#format6 .cents-amount,
#format6 .third-amount {
  font-size: 36%;
}

.pricing-buy-get,
.pricing-num-for {
  padding-right: 4px;
  padding-bottom: 0px;
}

.extraSmall {
  width: 6vw;
  height: 6vw;
  font-size: 2.5vw;
}

.baseSmall {
  width: 9vw;
  height: 9vw;
  font-size: 4vw;
}

.base {
  width: 15vw;
  height: 15vw;
  font-size: 8vw;
}

.base.fourDigit {
  font-size: 6vw;
}

.medium {
  width: 25vw;
  height: 25vw;
  font-size: 15vw;
}

.large {
  width: 30vw;
  height: 30vw;
  font-size: 10vw;
}

.extra2large {
  width: 40vw;
  height: 40vw;
  font-size: 24vw;
}

.extra3large {
  width: 55vw;
  height: 55vw;
  font-size: 25vw;
}

/* Mid Header Menu CSS */
.mid-header-section {
  background: #8bc34a;
  position: relative;
}

.mid-header-section .container-fluid {
  margin: 0 auto;
  width: 90%;
  padding: 5px;
}

.mid-header-menu {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 10px 10px;
  justify-content: flex-start;
  align-items: center;
}

.mid-header-menu::-webkit-scrollbar {
  display: none;
}

.mid-menu-item {
  margin-right: 40px;
  display: flex;
  flex-direction: row;
  /* gap: 25px; */
  justify-content: center;
  align-items: center;
  cursor: pointer;
  flex-shrink: 1;
  /* padding: 8px 8px; */
  border-radius: 8px;
  transition: all 0.3s ease;
}

.mid-menu-item.tab-high {
  background-color: rgba(255, 255, 255, 0.2);
  font-weight: bold;
}

.mid-menu-item.tab-high span, .mid-menu-item.tab-high .dark-green-text {
  color: #fff !important;
}

  .mid-header-menu {
    gap: 0;
    flex-wrap: nowrap;
    overflow-x: auto;
  }

@media (max-width: 1300px) {
  .mid-header-menu {
    /* gap: 10px 15px; */
    flex-wrap: nowrap;
    overflow-x: auto;
  }
  .mid-menu-item {
    flex-direction: row;
    /* gap: 2px; */
    /* padding: 6px 8px; */
    text-align: center;
    font-size: 12px;
    margin-right: 25px;
  }
  .mid-menu-item svg {
    height: 22px !important;
    width: 22px !important;
  }
  /* .shopping-list-headline,
  .shopping-list-headline span {
    white-space: nowrap;
    font-size: 16px;
  }
  .main-counter svg {
    width: 30px;
    height: 30px;
  } */
}
@media (max-width: 1150px) {
  .mid-header-menu {
    /* gap: 10px 15px; */
    flex-wrap: nowrap;
    overflow-x: auto;
  }
  .mid-menu-item {
    flex-direction: row;
    /* gap: 2px; */
    /* padding: 6px 8px; */
    text-align: center;
    font-size: 10px;
    margin-right: 25px;
  }
  .mid-menu-item svg {
    height: 22px !important;
    width: 22px !important;
  }
  .dark-green-text {
    font-size: 15px !important;
    padding-left: 10px;
}
  .shopping-list-headline,
  .shopping-list-headline span {
    white-space: nowrap;
    font-size: 15px !important;
  }
  .main-counter svg {
    width: 25px !important;
    height: 25px !important;
  }
}
@media (max-width: 991.98px) {
  .mid-header-menu {
    /* gap: 4px 10px !important; */
    width: 100%;
  }
  .mid-menu-item,
  .mid-menu-item span,
  .mid-menu-item .dark-green-text {
    font-size: 14px !important;
    /* padding: 5px 7px !important; */
  }
  .mid-menu-item svg {
    height: 22px !important;
    width: 22px !important;
  }
  .main-counter svg {
    width: 22px !important;
    height: 22px !important;
  }
    .shopping-list-headline,
  .shopping-list-headline span {
    white-space: nowrap;
    font-size: 14px !important;
  }

    .counter {
    height: 21px !important;
    font-size: 15px !important;
  }
  /* .shopping-list-headline span,
  .shopping-list-headline {
    font-size: 16px !important;
  }
  .main-counter svg {
    width: 28px !important;
    height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
  }
  .counter {
    width: 16px !important;
    height: 16px !important;
    font-size: 9px !important;
    line-height: 16px !important;
  }
  .shopping-list-icon,
  .chervon-up-icon,
  .chervon-down-icon {
    margin-left: 4px !important;
    margin-right: 4px !important;
  } */
}

/* ── COUPON HERO: keep 340px and 3-column layout from 768-991px (global) ── */
@media (min-width: 768px) and (max-width: 991.98px) {
  .show_dynamic_header_coupon .hero-slider-section .carousel-container {
    height: 340px !important;
    min-height: 340px !important;
    overflow: hidden;
  }
  .show_dynamic_header_coupon .hero-slider-section .container-fluid .row {
    flex-wrap: nowrap !important;
    height: 100% !important;
    align-items: center !important;
  }
  /* Text column */
  .show_dynamic_header_coupon .hero-slider-section .container-fluid .row > div:first-child {
    flex: 0 0 42% !important;
    max-width: 42% !important;
    text-align: left !important;
  }
  /* Image column */
  .show_dynamic_header_coupon .hero-slider-section .container-fluid .row > div:nth-child(2) {
    flex: 0 0 32% !important;
    max-width: 32% !important;
  }
  /* Account card column */
  .show_dynamic_header_coupon .hero-slider-section .container-fluid .row > div:nth-child(3) {
    flex: 0 0 26% !important;
    max-width: 26% !important;
  }
}

@media (max-width: 963px) {
  /* .mid-header-menu {
    gap: 2px 6px !important;
  } */
  .mid-menu-item,
  .mid-menu-item span,
  .mid-menu-item .dark-green-text {
    font-size: 13px !important;

    /* padding: 3px 5px !important; */
  }
  .mid-menu-item {
    margin-right: 20px;
  }

  .mid-menu-item svg {
    height: 20px !important;
    width: 20px !important;
  }
  /* /* .shopping-list-headline span, */
  .shopping-list-headline {
    font-size: 13px !important;
  }
  .main-counter svg {
    width: 20px !important;
    height: 20px !important;
  }
  .counter {
    height: 20px !important;
    font-size: 13px !important;
  } 
}
@media (max-width: 900px) {
  /* .mid-header-menu {
    gap: 2px 6px !important;
  } */
     .mid-menu-item {
    flex-direction: column;
    gap: 1px;
    padding: 6px 6px;
    text-align: center;
    font-size: 12px;
  }
  .mid-menu-item {
        margin-right: 10px;
    }
  .mid-menu-item,
  .mid-menu-item span,
  .mid-menu-item .dark-green-text {
    font-size: 13px !important;
    /* padding: 3px 5px !important; */
  }
  .mid-menu-item {
    margin-right: 10px;
  }

  .mid-menu-item svg {
    height: 20px !important;
    width: 20px !important;
  }
  /* /* .shopping-list-headline span, */
  .shopping-list-headline {
    font-size: 16px !important;
  }
  .main-counter svg {
    width: 20px !important;
    height: 20px !important;
  }
  .counter {
    height: 22px !important;
    font-size: 16px !important;
  } 
}
@media (max-width: 820px) {
  /* .mid-header-menu {
    gap: 2px 6px !important;
  } */
     .mid-menu-item {
    flex-direction: column;
    gap: 1px;
    padding: 6px 6px;
    text-align: center;
    font-size: 12px;
  }
  .mid-menu-item {
        margin-right: 7px;
    }
  .mid-menu-item,
  .mid-menu-item span,
  .mid-menu-item .dark-green-text {
    font-size: 13px !important;
    /* padding: 3px 5px !important; */
  }
  .mid-menu-item {
    margin-right: 7px;
  }

  .mid-menu-item svg {
    height: 20px !important;
    width: 20px !important;
  }
  /* /* .shopping-list-headline span, */
  .shopping-list-headline {
    font-size: 16px !important;
  }
  .main-counter svg {
    width: 20px !important;
    height: 20px !important;
  }
  .counter {
    height: 22px !important;
    font-size: 16px !important;
  } 
  .shopping-list-icon, .shopping-list-headline, .chervon-up-icon, .chervon-down-icon {
    margin-left: 3px !important;
    margin-right: 3px !important;
  }
}
@media (max-width: 767.98px) {
    .shopping-list-icon, .shopping-list-headline, .chervon-up-icon, .chervon-down-icon {
    margin-left: 6px !important;
    margin-right: 6px !important;
  }
  .shopping-list-headline,
  .shopping-list-headline span {
    white-space: nowrap;
    font-size: 18px;
  }
  .main-counter svg {
    width: 30px;
    height: 30px;
  }
    .dark-green-text {
    font-size: 18px !important;
}
.counter {
  height: 27px;
  font-size: 18px;
}
  .mid-menu-item {
    margin-right: 0;
    flex-direction: row;
    gap: 6px;
    padding: 8px 12px !important;
  }
  .mid-menu-item,
  .mid-menu-item span,
  .mid-menu-item .dark-green-text {
    font-size: 18px !important;
  }
  .mid-menu-item svg {
    height: 24px !important;
    width: 24px !important;
  }
  /* .shopping-list-headline,
  .counter {
    font-size: 14px !important;
  } */
}
@media (max-width: 387.98px) {
    /* .shopping-list-icon, .shopping-list-headline, .chervon-up-icon, .chervon-down-icon {
    margin-left: 6px !important;
    margin-right: 6px !important;
  }
  .shopping-list-headline,
  .shopping-list-headline span {
    white-space: nowrap;
    font-size: 18px;
  }
  .main-counter svg {
    width: 30px;
    height: 30px;
  } */
    .dark-green-text {
    font-size: 16px !important;
}
.counter {
  height: 27px;
  font-size: 18px;
}
  .mid-menu-item {
    margin-right: 0;
    flex-direction: row;
    gap: 6px;
    padding: 6px 10px !important;
  }
  .mid-menu-item,
  .mid-menu-item span,
  .mid-menu-item .dark-green-text {
    font-size: 16px !important;
  }
  .mid-menu-item svg {
    height: 22px !important;
    width: 22px !important;
  }
  /* .shopping-list-headline,
  .counter {
    font-size: 14px !important;
  } */
}
@media (max-width: 318.98px) {
    /* .shopping-list-icon, .shopping-list-headline, .chervon-up-icon, .chervon-down-icon {
    margin-left: 6px !important;
    margin-right: 6px !important;
  }
  .shopping-list-headline,
  .shopping-list-headline span {
    white-space: nowrap;
    font-size: 18px;
  }
  .main-counter svg {
    width: 30px;
    height: 30px;
  } */
    .dark-green-text {
    font-size: 14px !important;
}
.counter {
  height: 27px;
  font-size: 18px;
}
  .mid-menu-item {
    margin-right: 0;
    flex-direction: row;
    gap: 6px;
    padding: 5px 9px !important;
  }
  .mid-menu-item,
  .mid-menu-item span,
  .mid-menu-item .dark-green-text {
    font-size: 14px !important;
  }
  .mid-menu-item svg {
    height: 20px !important;
    width: 20px !important;
  }
  /* .shopping-list-headline,
  .counter {
    font-size: 14px !important;
  } */
}
.mid-menu-item:hover span {
  color: #fff;
}

.mid-menu-item svg path, .mid-menu-item svg {
  fill: #fff !important;
  transition: all 0.3s ease;
}

.mid-menu-item:hover svg path {
  fill: #fff;
  opacity: 0.8;
}

.mid-menu-item svg {
  height: 30px;
  width: 30px;
}

.shopping-list-icon img {
  width: 20px;
  max-width: 100%;
}

.chervon-up-icon img,
.chervon-down-icon img {
  width: 30px;
  max-width: 100%;
}

.shopping-list-headline span {
  font-size: 18px;
}

.cart-area {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
}

.shopping-list-icon,
.shopping-list-headline,
.chervon-up-icon,
.chervon-down-icon {
  margin-left: 6px;
  margin-right: 6px;
  cursor: pointer;
}

.shopping-list-headline span {
  color: #fff;
}

.added-items-total-numbers {
  color: #fff;
  border: 1px solid red;
  border-radius: 50%;
  background: red;
  font-size: 10px;
  line-height: 15px;
  width: 14px;
  height: 14px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -8px;
  margin-left: 23px;
}

.main-counter {
  display: flex;
  align-items: center;
}

.main-counter svg {
  display: inline-block;
  margin-right: -7px;
  z-index: 10;
  position: relative;
  border-radius: 42px;
}

.counter {
  min-width: 32px;
  height: 27px;
  width: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.store-name {
  color: var(--branch-name-color) !important;
  font-weight: 700;
  border-bottom: 1px solid var(--branch-name-color) !important;
}

#StoreSelection {
  margin-left: 10px;
  font-size: 14px;
  border-style: dashed;
  border-color: #8bc34a;
  color: #8bc34a;
  border-radius: 4px;
}

.dark-green-text {
  font-size: 18px;
  padding-left: 10px;
}

/* Shopping-list-dropdown */
#ShopDropdown {
  box-shadow: 0px 5px 5px rgb(0 0 0 / 25%);
}

#ShopDropdown {
  position: fixed;
  right: -100%;
  overflow: hidden;
  background: #fff;
  z-index: 1031;
  overflow-y: auto;
  margin-top: 0px;
  width: 570px;
}

.shopping-list-header {
  display: flex;
  padding-top: 25px;
  padding-bottom: 5px;
  padding-left: 20px;
  padding-right: 20px;
  background: var(--theme-base-color) !important;
}

.list-header-btn {
  margin-right: 20px;
}

.list-header-btn svg {
  height: 20px;
}

.list-header-btn img {
  max-width: 100%;
  width: 20px;
}

.list-header-btn div {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #8a8a8a;
  background: #444444;
  padding: 6px 17px;
  border-radius: 6px;
  font-size: 13px;
  color: #fff;
  cursor: pointer;
  min-height: 32px;
}

.list-header-btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  border: 1px solid #8a8a8a;
  background: #444444;
  padding: 0px 17px;
  border-radius: 4px;
  font-size: 13px;
  color: #fff;
  min-height: 32px;
}

.clear-list a {
  background: #fff !important;
  color: #000;
}

.clear-list div {
  background: #fff !important;
  color: #000;
}

.clear-list {
  cursor: pointer;
}

.shopping-selection {
  display: flex;
  align-items: center;
}

.shopping-selection {
  background: var(--theme-base-color) !important;
  padding: 3px 20px;
}

.shopping-selection a {
  margin-right: 20px;
  display: block;
  border: 1px solid #fff;
  background: var(--theme-base-color) !important;
  padding: 0px 10px;
  border-radius: 30px;
  color: #fff;
}

#LocationDropdown {
  color: var(--theme-base-color) !important;
  border: 1px dashed var(--theme-base-color) !important;
  border-radius: 5px;
  padding: 0px 10px;
  background: #fff;
}

#LocationDropdown a {
  border-bottom: 1px solid #ddd !important;
}

#LocationDropdown:hover {
  background: #ffff !important;
}

#LocationDropdown:focus {
  outline: 0 !important;
  background: #ffff !important;
  box-shadow: unset !important;
}

#SearchByZipCode {
  border-radius: 30px;
  padding: 0px 20px !important;
  height: 30px;
  min-height: 30px;
  margin: 0 auto;
  width: 75%;
}

.zip-code-input-div {
  padding: 20px 0px;
  border-bottom: 1px solid #ddd;
}

.items-menu .col-md-6,
.items-menu .col-md-3,
.past-items-menu .col-md-3 {
  padding-left: unset !important;
  padding-right: unset !important;
}

.items-list {
  background: #e7e7e7;
}

.items-list .col-md-6,
.items-list .col-md-3 {
  display: flex;
  align-items: center;
  /* padding-left: unset !important; */
  padding-right: unset !important;
}

.items-list .row {
  background: #ededed;
}

.item-name {
  flex-direction: column;
}

.cls-btn {
  justify-content: space-around !important;
}

.product_qnt {
  border: 2px solid;
  margin: 5px 0;
  padding: 2px 15px;
  background-color: #ffffff;
}

.count-products i {
  font-size: 19px;
  color: #000;
  cursor: pointer;
}

.cls-btn,
.current-item,
.remove-btn {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
}

.cls-btn,
.remove-btn {
  cursor: pointer;
}

.item-name {
  align-items: flex-start;
  display: flex;
}

.item-name strong,
.count-products span {
  color: black;
  font-weight: 600;
}

.item-img {
  display: flex;
  align-items: center;
}

.item-img img,
.item-img video {
  height: 72px;
  width: 82px;
}

.item-img img {
  height: auto;
}

.item-img img,
.item-img video,
.select-all-with-checkbox span {
  padding-left: 10px;
  color: #fff;
  font-weight: 400;
  margin-left: 10px;
}

.items-list .col-md-12,
.items-menu .col-md-12,
.past-items-menu .col-md-12 {
  padding: 10px !important;
  border-bottom: 1px solid #ddd;
}

.items-menu {
  background: var(--theme-base-color) !important;
}

.past-items-menu {
  background: #646464;
}

.past-item-list {
  background: #8f8d8d45;
}

.items-list:last-child {
  /* padding-bottom: 55%; */
  display: flex;
}

.item-img img,
.item-img video {
  background-color: #fff;
  padding-left: 0;
  margin-left: 20px;
}

.shopping-selection {
  padding-top: 10px;
}

.close-btn i {
  font-size: 23px;
  color: red;
  cursor: pointer;
}

.item-content {
  color: #828282;
  font-size: small;
}

.current-item span {
  font-size: 18px;
  color: #fff;
  font-weight: 700;
  letter-spacing: 1.5px;
}

.remove-btn span {
  padding: 3px 8px;
  border: 1px solid #fff;
  border-radius: 5px;
  font-size: 16px;
  color: #fff;
}

.remove-btn span a {
  padding: 3px 8px;
  border: 1px solid #fff;
  border-radius: 5px;
  font-size: 16px;
  color: #fff;
}

.coupon-btn {
  color: #76b100 !important;
  border: 1px dashed #76b100;
  border-radius: 5px;
  padding: 3px 10px;
  margin-top: 10px;
  display: block;
  font-size: 18px;
}

.shopping-selection .current {
  background: #fff !important;
  color: var(--theme-base-color) !important;
  border-color: #fff !important;
}

.slider {
  position: fixed;
  width: 100%;
  bottom: 0px;
  top: auto;
  z-index: 99999;
  box-shadow: 0px 5px 5px rgb(0 0 0 / 25%);
  overflow: hidden;
  background-color: #fff;
  color: #000;
  transition: all 1s;
  border-radius: 10px 10px 0px 0px;
}

.slider.close {
  top: 100%;
  height: 0;
}

.header-social {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}

.social-icons {
  margin: 30px;
}

/* .social-icons a {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  flex-direction: column;
} */
.social-icons div {
  /* display: flex; */
  align-items: center;
  align-content: center;
  justify-content: center;
  flex-direction: column;
}

.social-icons div span {
  font-size: 15px;
  color: #333333;
  padding-top: 10px;
}

.social-icons a span {
  font-size: 15px;
  color: #333333;
  padding-top: 10px;
}

.add_itm {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.add_itm>span {
  padding: 3px 8px;
  border: 1px solid #fff;
  border-radius: 5px;
  font-size: 16px;
  color: #fff;
}

.add_itm .bgcolor {
  background-color: var(--theme-base-color) !important;
}

.add_itm .add_bg {
  background-color: #fff;
  color: #000;
}

.add_list p {
  margin: unset;
}

/* .qr-code img {
  max-width: 100%;
  width: 50%;
} */
.modal-content {
  border-radius: 13px;
}

.listingData {
  /* min-height: 100vh; */
  overflow-y: auto;
  height: calc(100vh - 284px);
  transition: 1.5s;
  background-color: #dad8d8;
  /* padding-bottom: 275px; */
}

.racipe-bg.selected,
.racipe-bg.dismiss {
  background-color: #dad8d8 !important;
}

.scroll-down .listingData {
  height: calc(100vh - 214px);
  transition: 1s;
}

.menu-active span {
  color: #fff !important;
}

.menu-active svg path {
  fill: #fff !important;
}

.sec_head {
  display: flex;
  background: var(--theme-base-color) !important;
  justify-content: space-between;
}

.main_add_input {
  position: absolute;
  width: -webkit-fill-available;
  z-index: 9;
}

.add_input {
  background: #444444;
  position: relative;
}

.add_input input {
  margin: 15px 22px;
  width: -webkit-fill-available;
  border: 1px solid #fff;
  border-radius: 29px;
  padding: 8px 15px;
}

.add_input p {
  position: absolute;
  top: 50%;
  right: 40px;
  transform: translateY(-50%);
  font-size: larger;
  font-weight: 500;
  color: var(--theme-base-color) !important;
  cursor: pointer;
}

.main_filter_result {
  /* position: absolute; */
  top: 56px;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  padding: 0px 25px;
}

.main_filter_result .color-red {
  color: #e71515;
}

.main_filter_result .color-black {
  color: #000000;
}

.sub_filter_result {
  background-color: white;
  max-height: 300px;
  overflow: auto;
  border-radius: 12px;
  border: 1px solid darkgray;
}

.sub_filter_result {
  background-color: white;
  max-height: 300px;
  overflow: auto;
  border-radius: 12px;
  border: 1px solid darkgray;
}

.sub_filter_result .add_list {
  padding: 10px 15px;
  border-bottom: 1px solid darkgray;
  margin-bottom: 0;
  transition: all 0.5s;
  cursor: pointer;
}

.sub_filter_result .add_list:hover {
  background-color: #a3d06fbf;
}

.sub_filter_result .add_list:last-child {
  border-bottom: unset;
}

.no_filter_result {
  background-color: white;
  max-height: 300px;
  overflow: auto;
  border-radius: 12px;
  border: 1px solid darkgray;
  text-align: center;
}

.no_filter_result p {
  padding: 10px 15px;
  border-bottom: 1px solid darkgray;
  margin-bottom: 0;
  transition: all 0.5s;
  color: gray;
}

.no_filter_result p:last-child {
  border-bottom: unset;
}

.header-social div {
  cursor: pointer;
}

/* Navigation CSS */
.fa-bars {
  margin-right: 10px;
}

.navigation-menu {
  background: #111;
  height: 100%;
  /* width: 50%; */
  padding: 60px 0;
  margin: 0;
  list-style: none;
  text-align: center;
  position: fixed;
  right: -45%;
  top: 0;
  transition: all 0.5s;
  z-index: 1;
  font-size: 60px;
}

.navigation-menu li {
  padding: 30px 0;
}

.navigation-menu li:nth-of-type(2n) {
  background: #222;
}

.navigation-menu li:hover {
  background: #444;
}

.navigation-menu a {
  color: #e5e5e5;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  transition: all 0.3s;
}

.content {
  width: 80%;
  margin: 40px auto;
  padding-top: 75px;
  transition: all 0.5s;
  position: relative;
  left: 0;
}

/* Hide the checkbox */
#toggle {
  display: none;
}

/* Use this label to toggle the sliding menu */
label[for="toggle"] {
  cursor: pointer;
  font-size: 30px;
  z-index: 9;
  margin-left: 40px;
}

/* Slide menu when checkbox is checked */
input#toggle:checked+ul.navigation-menu {
  right: 0;
}

/* Also slide content when checkbox is checked */
input#toggle:checked~.content {
  left: -45%;
}

.sticky-nav {
  width: 100%;
  min-height: 130px;
  max-height: 130px;
  height: 135px;
  /* background: #f4f4f4; */
  position: sticky;
  top: 0;
  z-index: 1030;
}

.fixed {
  position: fixed;
  top: 0;
  -webkit-transition: top 0.5s;
  transition: top 0.5s;
  width: 100%;
  z-index: 1030;
}

.contact-popup {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.contact-popup img {
  width: 50px;
  max-width: 100%;
  margin-right: 20px;
}

.contact-popup {
  margin-bottom: 10px;
}

#ContactModel .select-store-location-headline {
  width: 90%;
}

#ContactModel #SearchByZipCode {
  width: 90%;
}

#ContactModel .dropdown-item {
  border-bottom: 1px solid #ddd;
  padding: 10px 20px !important;
}

#ContactModel .dropdown-item:last-child {
  border-bottom: unset !important;
}

#ContactModel .close {
  position: absolute;
  right: 0;
  left: 10px;
}

.fixed-top {
  top: auto !important;
}

/* top nav section css */
.top-nav {
  background: #76b100;
  min-height: 62px;
  color: #fff;
  display: flex;
  align-items: center;
  align-content: center;
  position: fixed;
  width: 100%;
  z-index: 1;
}

.content {
  padding-top: 150px !important;
  padding-left: 20px !important;
}

.top-nav .col-md-4 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.top-nav h3 {
  font-size: 24px;
}

.top-nav .logged-in-username {
  padding-right: 30px;
}

.top-nav .logged-in-username span {
  color: #fff;
  border-bottom: unset !important;
}

.selected {
  animation: slide-in-mobile 0.8s forwards;
  -webkit-animation: slide-in-mobile 0.8s forwards;
}

.dismiss {
  animation: slide-out-mobile 0.8s forwards;
  -webkit-animation: slide-out-mobile 0.8s forwards;
}

.dialog .pricelabel .circular-card-deal-wrapper {
  height: 150px !important;
  width: 150px !important;
  font-size: 58px !important;
}

.dialog .pricelabel .circular-card-deal-wrapper.singleDigit {
  height: 150px !important;
  width: 150px !important;
  font-size: 58px !important;
}

.dialog .pricelabel .circular-card-deal-wrapper.doubleDigit {
  height: 150px !important;
  width: 150px !important;
  font-size: 58px !important;
}

.dialog .pricelabel .circular-card-deal-wrapper.tripleDigit {
  height: 150px !important;
  width: 150px !important;
  font-size: 58px !important;
}

.dialog .pricelabel .circular-card-deal-wrapper.fourDigit {
  height: 150px !important;
  width: 150px !important;
  font-size: 58px !important;
}

@keyframes slide-in-mobile {
  0% {
    -webkit-transform: translateY(100%);
  }

  100% {
    -webkit-transform: translateY(0%);
  }
}

@-webkit-keyframes slide-in-mobile {
  0% {
    transform: translateY(100%);
  }

  100% {
    transform: translateY(0%);
  }
}

@keyframes slide-out-mobile {
  0% {
    transform: translateY(0%);
  }

  100% {
    transform: translateY(100%);
  }
}

@-webkit-keyframes slide-out-mobile {
  0% {
    -webkit-transform: translateY(0%);
  }

  100% {
    -webkit-transform: translateY(100%);
  }
}

@keyframes slide-right-in-mobile {
  0% {
    -webkit-transform: translateX(100%);
  }

  100% {
    -webkit-transform: translateX(0%);
  }
}

@-webkit-keyframes slide-right-in-mobile {
  0% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(0%);
  }
}

@keyframes slide-right-out-mobile {
  0% {
    transform: translateX(0%);
  }

  100% {
    transform: translateX(100%);
  }
}

@-webkit-keyframes slide-right-out-mobile {
  0% {
    -webkit-transform: translateX(0%);
  }

  100% {
    -webkit-transform: translateX(100%);
  }
}

/* @keyframes slide-right-mobile {
  0% {
     
      transform: translateX(100%);
  }

  100% {
 
      transform: translateX(0);
  }
}

@keyframes slide-left-mobile {
  0% {
    
      transform: translateX(0px);
  }

  100% {
   
      transform: translateX(-100%);
  }

} */
/* Footer CSS */
footer {
  background: #dfdfdf;
}

.footer_style {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 998;
}

.plain-text-footer-area {
  padding: 0;
}

.footer-social .row {
  background: #8bc34a;
  padding: 3px 10px;
  align-items: center;
  height: auto;
}

.social-links {
  display: flex;
  align-items: center;
}

.follow-headline span {
  color: #fff;
  font-weight: 500;
}

.social-media {
  margin: 0px 10px;
}

.social-media a img {
  width: 30px;
}

.price-goods {
  display: flex;
  justify-content: flex-end;
}

.price-goods span {
  padding: 0px 5px;
  color: #fff;
  font-weight: 500;
}

.cart-area>span.chervon-down-icon,
.cart-area>span.chervon-up-icon {
  transform: scale(1.3);
}

.iframe {
  position: relative;
}

.fill_video {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.filter-and-search-area[_ngcontent-serverApp-c239] .dropdown[_ngcontent-serverApp-c239] {
  margin: 0 !important;
}

.landing_modal {
  padding: 50px 20px 20px;
}

.landing_modal h3 {
  text-align: center;
  color: #589a1d;
  ;
  font-size: 35px;
  font-weight: 600;
  margin-bottom: 30px;
}

.arrow-set {
  position: absolute;
  left: 41%;
  margin-top: 20px;
}

.arrow-set img {
  filter: invert(1);
}

.landing_modal div {
  font-size: 25px;
  text-align: center;
  font-weight: bold;
  text-transform: capitalize;
  margin-bottom: 30px;
}

.landing_modal .io-dialog-content-title-2 img {
  margin-left: 0px;
}

.landing_modal .io-dialog-content {
  font-size: 18px;
  margin: 0;
}

.banner-text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/*-------------- Responsive Common CSS --------------*/

/* @media only screen and (max-width: 960px) {
  .mid-header-menu {
    gap: 10px 25px;
  }
} */

@media only screen and (max-width: 767px) {
  #ShopDropdown {
    top: 0;
  }

  .footer_style {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 999;
  }

  #closeShoppingList {
    display: block;
  }

  .shopping-list-headline {
    margin: 0 20px;
    display: inline-block;
  }

  .shopping-list-icon,
  .chervon-up-icon,
  .chervon-down-icon {
    margin-left: 0;
  }

  .footer-social .row {
    /* padding: 10px 10px 0px; */
  }

  .cart-area {
    transform: scale(1.3);
    width: 100%;
    justify-content: center;
  }

  span.shopping-list-headline .chervon-up-icon {
    padding: 0;
    margin: 0;
  }

  /* .racipe-bg{
    left: unset !important;
    right: -100% !important;
    transform: translateX(0) !important;
    -webkit-transform:translateX(0) !important;
    transition: all 0.8s !important; 

  }
  .racipe-bg.dismiss{
    right: -100% !important;
    animation: none !important;
    transition: all 0.8s !important;
    slide-right-out-mobile
   }
  .racipe-bg.selected{
  right: 0 !important; 
  animation: none !important;
  transition: all 0.8s !important;
 
  } */
  .racipe-bg.selected {
    animation: slide-right-in-mobile 0.8s forwards;
    -webkit-animation: slide-right-in-mobile 0.8s forwards;
  }

  .racipe-bg.dismiss {
    animation: slide-right-out-mobile 0.8s forwards;
    -webkit-animation: slide-right-out-mobile 0.8s forwards;
  }

  .counter {
    min-width: 33px;
    height: 22px;
    font-size: 17px;
  }

  .main-counter svg {
    height: 25px;
    width: 25px;
  }

  .shopping-list-headline h4 {
    font-size: 18px;
    font-weight: 900;
  }

  span.chervon-down-icon svg {
    width: 25px;
  }

  .mid-header-section .row {
    margin: 0 0px;
  }

  .mid-header-menu {
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 5px;
    gap: 8px 0; /* Add vertical gap for wrapped rows */
  }

  .mid-menu-item {
    display: flex;
    justify-content: center;
    padding: 5px 10px;
  }

  .mid-menu-item svg {
    height: 20px;
    width: 20px;
  }

  .mid-menu-item {
    margin-right: 0;
    padding: 2px 10px;
  }

  .body_content {
    padding-top: 0px;
    padding-bottom: 60px;
  }
  /* Removed padding-top overrides for sticky header */

  .scroll-down .main-header {
    /* position: absolute; */
    /* top: -200px !important; */
  }

  .scroll-down .scroll_hide {
    display: none;
  }

  .scroll-up .scroll_hide {
    display: block;
  }

  .footer-social .row .sociel-hide {
    display: none;
  }

  .mod-mid-header-menu {
    justify-content: center !important;
    /* margin-bottom: 5px; */
  }

  .social-links,
  .price-goods {
    justify-content: center;
  }

  .circular-card-deal-wrapper {
    width: 16vw;
    height: 16vw;
    font-size: 7vw;
  }

  #format6.base {
    font-size: 4vw;
  }

  #format1.extraSmall.tripleDigit {
    font-size: 3.5vw;
  }

  #format1.extraSmall.fourDigit {
    font-size: 3.15vw;
  }

  /* .grid-stack-item-content>img {
        width: 100% !important;
      } */
  .grid-stack>.grid-stack-item[gs-w="3"] .grid-stack-item-content .circular-card-deal-wrapper {
    width: 30vw;
    height: 30vw;
    font-size: 12vw !important;
  }

  .large-view .circular-card-deal-wrapper {
    width: 30vw;
    height: 30vw;
    font-size: 12vw !important;
  }

  .grid-stack>.grid-stack-item[gs-w="2"] .grid-stack-item-content .circular-card-deal-wrapper {
    width: 25vw;
    height: 25vw;
    font-size: 10vw !important;
  }

  .grid-stack-item-content .pricelabel {
    left: 2px !important;
    bottom: 2px !important;
  }

  .grid-stack>.grid-stack-item[gs-w="1"] .layout_count_product {
    width: 30px;
    padding-bottom: 5px;
  }

  .grid-stack>.grid-stack-item[gs-w="1"] .count-products i {
    font-size: 12px;
  }

  .grid-stack>.grid-stack-item[gs-w="1"] .count-products>span {
    line-height: 1;
    padding: 1px 4px !important;
    margin: 2px 0 !important;
  }

  .listingData {
    height: calc(100vh - 235px);
  }

  .scroll-down .listingData {
    height: calc(100vh - 236px);
  }

  .recipe-choice-section .main_national_recipes div[class^="col"] {
    padding: 0;
  }

  .api-recipe-list {
    margin: 0 -8px;
  }

  .api-recipe-list div[class^="col"] {
    padding: 0 8px;
  }

  .dialog .pricelabel .circular-card-deal-wrapper {
    height: 22vw !important;
    width: 22vw !important;
    font-size: 8vw !important;
  }

  .dialog .pricelabel .circular-card-deal-wrapper.singleDigit {
    height: 22vw !important;
    width: 22vw !important;
    font-size: 8vw !important;
  }

  .dialog .pricelabel .circular-card-deal-wrapper.doubleDigit {
    height: 22vw !important;
    width: 22vw !important;
    font-size: 8vw !important;
  }

  .dialog .pricelabel .circular-card-deal-wrapper.tripleDigit {
    height: 22vw !important;
    width: 22vw !important;
    font-size: 8vw !important;
  }

  .dialog .pricelabel .circular-card-deal-wrapper.fourDigit {
    height: 22vw !important;
    width: 22vw !important;
    font-size: 8vw !important;
  }
}

@media only screen and (max-width: 576px) {
  .shopping-list-header {
    padding-left: 10px;
    padding-right: 10px;
    align-items: center;
    /* justify-content: center; */

  }

  .list-header-btn img {
    width: 16px;
  }

  .shopping-list-headline h4 {
    display: inline-block;
  }

  .footer-social .row {
    /* padding: 10px; */
  }

  #ShopDropdown {
    width: 100%;
  }

  .body_content {
    padding-bottom: 68px;
  }

  .mid-header-section .container-fluid {
    width: 100%;
  }

  .mod-mid-header-menu {
    padding: 0 !important;
  }

  .circular-card-deal-wrapper {
    width: 15vw;
    height: 15vw;
    font-size: 7vw;
  }

  #format3.baseSmall.tripleDigit {
    font-size: 6vw;
  }

  #format2.baseSmall.tripleDigit {
    font-size: 6vw;
  }

  #format1.extraSmall.tripleDigit {
    font-size: 5vw;
  }

  #format1.extraSmall.fourDigit {
    font-size: 4.5vw;
  }

  .listingData {
    /* height: calc(100vh - 208px); */
    height: calc(100vh - 212px);
  }

  .shopping-list-headline {
    margin: 0 10px;
  }

  .landing_modal {
    padding: 20px 0 0;
  }

  .landing_modal h3 {
    font-size: 24px;
  }

  .landing_modal div {
    font-size: 20px;
  }

  .scroll-down .listingData {
    height: calc(100vh - 208px);
    /* height: calc(100vh - 211px); */
  }

  /* .cart-area {
    transform: scale(1.2);
  } */
  .cart-area {
    transform: scale(1);
    justify-content: space-between;
  }

  .cart-area>.chervon-up-icon,
  .cart-area>.chervon-down-icon {
    transform: scale(1.2);
  }

  .shopping-list-headline h4 {
    font-size: 18px;
  }

  .main-counter svg {
    width: 30px;
    height: 30px;
  }

  .counter {
    min-width: 37px;
    height: 27px;
    font-size: 20px;
  }

  .footer-arrow-icon {
    width: 35px !important;
    height: 35px;
  }

  .price-goods span {
    font-weight: 700;
    font-size: 14px;
  }

  .banner-text h1 {
    font-size: 20px;
    line-height: 1;
  }
}

.offerLabel {
  max-width: 320px !important;
  z-index: 975 !important;
}

.offerLabel span {
  font-size: 20px !important;
  line-height: 20px !important;
  width: 100% !important;
  padding: 2px 20px !important;
}

.offerLabel.textSize1 {
  width: 60% !important;
  max-width: 160px !important;
}

.offerLabel.textSize1 span {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-wrap: normal;
  font-size: 10px !important;
  line-height: -1px !important;
  padding: 1px 6px !important;
  width: 90% !important;
}

.offerLabel.textSize2 {
  width: 70% !important;
  max-width: 200px !important;
}

.offerLabel.textSize2 span {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-wrap: normal;
  font-size: 15px !important;
  line-height: 15px !important;
  padding: 1px 6px !important;
  width: 90% !important;

}

.offerLabel.textSize3 span {
  font-size: 25px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-wrap: normal;

}

.offerLabel.textSize4 span {
  font-size: 35px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-wrap: normal;

}

.offerLabel.textSize5 span {
  font-size: 45px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-wrap: normal;

}

.offerLabel.textSize6 span {
  font-size: 55px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-wrap: normal;

}

.offerLabel.textSize7 span {
  font-size: 65px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-wrap: normal;

}

.offerLabel.textSize8 span {
  font-size: 75px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-wrap: normal;

}

.offerLabel {
  width: auto !important;
  height: auto !important;
}

@media(max-width:414px) {
  .shopping-list-headline h4 {
    font-size: 18px;
  }
}

@media only screen and (max-width: 390px) {
  .price-goods span {
    font-size: 14px;
  }
}

@media only screen and (max-width: 376px) {
  #LocationDropdown {
    margin-top: 12px;
  }

  .shopping-list-headline h4 {
    font-size: 18px;
  }

  .price-goods {
    font-size: 14px;
  }

  .listingData {
    height: calc(100vh - 201px);
  }

  .item-img video {
    height: 50px;
    width: 50px;
    margin-left: 10px !important;
  }

  .item-img img {
    width: 50px;
    margin-left: 10px !important;
    height: 100% !important;
  }

  .product_qnt {
    padding: 2px 5px;
    font-size: 12px;
  }

  .scroll-down .listingData {
    height: calc(100vh - 185px);
    /* height: calc(100vh - 194px); */
  }

  .landing_modal h3 {
    font-size: 20px;
  }

  .landing_modal div {
    font-size: 17px;
    line-height: 20px;
  }

  .landing_modal div {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 360px) {
  .mid-menu-item {
    padding: 0 5px !important;
  }

  .mid-menu-item .dark-green-text {
    font-size: 16px;
  }

  .listingData {
    height: calc(100vh - 185px);
    /* height: calc(100vh - 190px); */
  }

  .footer-social .row {
    z-index: 9999 !important;
    position: sticky;
    bottom: 0;
  }

  .body_content {
    padding-bottom: 56px;
  }

  .footer-arrow-icon {
    width: 30px !important;
    height: 30px;
  }

  .counter {
    min-width: 33px;
    height: 24px;
    font-size: 18px;
  }

  .main-counter svg {
    width: 25px;
    height: 25px;
  }

  .price-goods span {
    font-size: 14px;
    line-height: 1;
  }
}

@media(max-width:344px) {
  .shopping-list-headline h4 {
    font-size: 18px;
  }

  .footer-arrow-icon {
    width: 27px !important;
    height: 27px;
  }
}

@media(max-width:320px) {
  .shopping-list-headline h4 {
    font-size: 18px;
  }

  .body_content {
    /* padding-bottom: 68px; */
    padding-bottom: 53px;
    padding-top: 0px;
  }

  .footer-arrow-icon {
    width: 25px !important;
    height: 25px;
  }

  .counter {
    min-width: 27px;
  }

  .price-goods span {
    font-size: 14px;
  }
}

@media(max-width:300px) {
  .shopping-list-headline {
    margin: 0 5px;
  }

  .main-counter img {
    margin-right: -5px;
  }

  .mid-menu-item .dark-green-text,
  .counter {
    font-size: 14px;
  }

  .mid-menu-item svg {
    height: 16px;
    width: 16px;
  }

  span.chervon-down-icon svg,
  span.chervon-up-icon svg {
    width: 20px;
  }

  .body_content {
    padding-bottom: 51px;
  }

  .price-goods span {
    padding: 0 2px;
    font-size: 13px;
  }

  .food-category-menu[_ngcontent-serverApp-c258] li[_ngcontent-serverApp-c258] {
    margin: 0 5px !important;
  }

  .shopping-selection {
    padding: 3px 5px;
  }

}

@media screen and (max-width: 320px) {
  .grid-stack-item-content {
    padding-top: 30px;
  }

  .product-title {
    height: 30px !important;
    font-size: 12px !important;
  }

  .product-title p {
    line-height: 1.2 !important;
    -webkit-line-clamp: 2 !important;
  }

  .grid-stack-item-content p {
    font-size: 12px;
  }

  .add_cart_icon,
  .deleteicon {
    width: 24px !important;
    height: 22px !important;
  }

  .grid-stack>.grid-stack-item[gs-w="1"] .layout_count_product {
    padding-bottom: 2px;
  }

  .layout_count_product {
    right: 2px;
    top: 25px;
    padding: 8px 0;
  }

  .linkSymbol img {
    width: 22px;
  }

  .linkSymbol {
    position: absolute;
    top: 1.5px;
  }
}

.add_itm>span {
  font-size: 15px !important;
  ;
}

.productTitlelistView {
  position: unset !important;
  text-align: left;
  padding-left: 10px !important;
  height: auto !important;
}

.productTitlelistView p {
  margin: 0 !important;
  font-size: 18px;
}

.actualDate {
  text-align: left;
  padding-left: 10px !important;
}

.packItem {
  text-align: left;
  padding-left: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.priceLabel {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;

  font-weight: 700;
}

@media(max-width:960px) {
  .offerLabel.textSize1 {
    width: 70% !important;
    max-width: 120px !important;
  }

  .offerLabel.textSize2 {
    width: 70% !important;
    max-width: 200px !important;
  }

  .offerLabel.textSize1 span {
    font-size: 10px !important;
  }

  .offerLabel.textSize2 span {
    font-size: 10px !important;
  }

  .offerLabel {
    max-width: 285px !important;
  }
}

@media(max-width:912px) {
  .offerLabel span {
    font-size: 18px !important;
  }
}

@media(max-width:768px) {
  .priceLabel {
    top: 30px;
    right: 51px;
    font-size: 20px;
    align-items: flex-start;
    bottom: 0;
  }

  .offerLabel span {
    font-size: 20px !important;
  }

  .offerLabel {
    right: 0px !important;
  }
}

@media(max-width:767px) {
  .offerLabel.textSize2 {
    width: 70% !important;
    max-width: 150px !important;
  }

  .offerLabel.textSize2 span {
    font-size: 10px !important;
    -webkit-line-clamp: 1 !important;
    padding: 2px 10px !important;
  }

  .linkSymbol {
    position: absolute;
    right: 50px;
  }

  .linkSymbol img {
    width: 31px;
  }

  .actualDate_price {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .actualDate_price .priceLabel {
    padding-right: 12%;
    position: static;
  }

}

@media(max-width:720px) {
  .offerLabel span {
    font-size: 18px !important;
    line-height: normal !important;

  }

}

@media(max-width:630px) {
  .offerLabel span {
    font-size: 11px !important;
  }

  .offerLabel {
    width: 100% !important;
    max-width: 160px !important;
  }

  .offerLabel.textSize2 {
    max-width: 150px !important;
  }
}

@media(max-width:575px) {
  .countProductlistView i {
    font-size: 14px !important;
  }

  .countProductlistView span.layout_product_qnt.product_qnt {
    font-size: 13px;
    line-height: 15px;
  }

  .priceLabel {
    font-size: 16px;
    align-items: center;
    top: 0;
    bottom: 0;
    right: 44px;
  }

  .productTitlelistView {
    margin-top: -12px;
  }

  .offerLabel span {
    font-size: 11px !important;
  }

  .offerLabel {
    max-width: 140px !important;
  }

  .offerLabel.textSize2 {
    max-width: 130px !important;
  }
}

@media(max-width:400px) {
  .countProductlistView {
    padding: 5px 0 !important;
  }

  .productTitlelistView {
    margin-top: -20px;
  }
}

@media(max-width:376px) {
  .offerLabel span {
    font-size: 9px !important;
  }

  .offerLabel {
    max-width: 120px !important;
  }

  .offerLabel.textSize2 {
    max-width: 130px !important;
  }
}

@media(max-width:320px) {
  .offerLabel span {

    padding: 2px 10px !important;
  }

  .priceLabel {
    top: 35px;
    right: 37px;
    font-size: 14px;
    align-items: flex-start;
    bottom: 0;
  }

  .actualDate {
    font-size: 12px !important;
  }

  .packItem {
    font-size: 14px;
  }

}

@media(max-width:250px) {
  .priceLabel {
    top: 35px;
    right: 37px;
    font-size: 11px;
    align-items: flex-start;
    bottom: 0;
  }

  .actualDate {
    font-size: 11px !important;
  }

  .packItem {
    font-size: 13px;
  }

}

/* .sell-price{
  display: flex;
}
.price_format_1,.price_format_2,.digital_coupon{
  display: flex;
  position: relative;
}
.price_format_1{
  align-items: center;
}
.price_format_wrapper,.final_price_format_wrapper{
  display: flex;
  flex-direction: column;
}
.price_format_wrapper{
padding-left: 14px;
}
.price_format_data_2{
  margin-top: -4px;
}
.for_title,.price_cutout{
  display: flex;
  flex-direction: column;
}
.digital_coupon_data{
  display: flex;
  position: relative;
}
.Digital_price_main{
  border: 3px solid black;
width: fit-content;
position: absolute;
right: 15px;
bottom: 15px;

border-top-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.scissors_img{
  width: 50px !important;
}
.use_up_to_wrapper{
  border: 3px solid black;
width: fit-content;
border-top-left-radius: 10px;
border-bottom-right-radius: 10px;
position: absolute;
bottom: 15px;
left: 15px;
max-width: 112px;
}
.use_up_to_wrapper h2{
  background: #ffcf16;
  color: white;
  font-size: 11px;
  padding: 2px 0;
  line-height: 110%;
  margin: 0;
  text-align: center;
  font-weight: 700;
  border-top-left-radius: 10px;
}
.price_main_wrapper_cut{
  background-color: #d82027;
}
.price_main_wrapper_cut{
  display: flex;
gap: 5px;
justify-content: center;
align-items: center;
}
.price_main_wrapper_cut h3{
  font-size: 36px;
  line-height: 1;
  color: #ffcf16;
  margin: 0;
font-weight: 800;
}
.price_cutout span{
  font-size: 10px;
  line-height: 1;
  color: #ffcf16;
  font-weight: 500;
  padding-top: 2px;

}
.use_up_to_wrapper h6{
  background-color: #d82027;
  color: #ffcf16;
  margin: 0;
  font-size: 9px;
  font-weight: 800;
  line-height: 1;
  padding: 2px;
  border-bottom-right-radius: 10px;
}
.price_link_data svg{ 
  width: 25px !important;
fill: white;
background-color: #f04451;
padding: 5px;
border-radius: 50%;
}
.price_link_data{
  position: absolute;
  top: 3px;
  left: 11px;}
.sell_title_wrapper{
  display: flex;
  background-color: white;
  justify-content: safe;
  padding: 5px;
  border-top-left-radius: 10px;
max-height: 30px;
}
.digital_coupon{
  background: #ffcf16;
align-items: center;
  justify-content: space-between;
  padding: 0 2px;
max-height: 30px;
}
.sell_title {
  font-size: 11px;
  font-weight: 600;
  text-align: left;
  color: black;
  line-height: 1;
  text-transform: uppercase;
}
.sale_condition_change_format_2 .for_title, .sale_condition_change_format_2  .price_Format_2_dataprice, .sale_condition_change_format_2  .format_2_offer_value, .sale_condition_change_format_2  .format_2_doller_symbol, .sale_condition_change_format_2 .format_2_price_value{
  color: black;
}
.sale_condition_change_format_2 {
  padding: 0 !important; 
}
.sale_condition_change_format_2 .format_2_doller_symbol {
 margin-top: 4px;
 padding-left: 5px;
}
.sale_condition_change_format_2 .format_2_offer_value{
  margin-top: 4px !important;
}
.sale_condition_change_format_2 .for_title{
  font-size: 9px;
  line-height: 0.9;
}
.sell_price_format2_wrapper{
  max-height: 35px;
}

.digital_coupon_title{
  font-size: 10px;
  font-weight: 400;
  text-transform: uppercase;
  text-align: left;
  line-height: 1;
  color: black;
}
.price_format_data_1 ,.price_format_data_3,.digital_coupon_doller, .off2_offer > div,.format_2_doller_symbol,.format_2_offer_value{
  font-size: 10px;
  font-weight: 700;
  color: black;
  line-height: 1;
}
.price_format_data_2 ,.digital_coupon_price_value{
  font-size: 28px;
  color: black;
  line-height: 30px;
  font-weight: 800;}
  .price_format_data_3{
margin-left: -3px;
  }
  .price_format_data_1,.price_format_data_3{margin-top: -14px;}
  .digital_coupon_dess{
display: flex;
align-items: center;
font-size: 210%;
font-weight: 400;
color: black;

  }
  .off2_offer{
    display: flex;
    flex-direction: column;
    align-items: baseline;
    justify-content: center;
  }
  .off2_offer:last-child{
    margin-top: 4px;
  }
  .final_price, .digital-note {
    background: #d82027;
    color: white;
}
 .digital-note{
  font-weight: 600;
  font-size: 11px;
  line-height: 1;
  border-bottom-right-radius:10px;
  padding-bottom: 3px;
 }
.final_price_title{
  color: white;
  font-weight: 700;
  font-size: 11px;
    line-height: 1.5;
}
.with_digital_coupon_sub {
  font-size: 10px;
  color: white;
  line-height: 1;
}
.price_format_2 {
  padding: 5px;
  margin: 0 auto;
}
.for_title{
  font-size: 10px;
  color: white;
  font-weight: 600;
  line-height: 0.9;
  display: flex;
  align-items: center;
  justify-content: center;

}
.price_Format_2_dataprice,.format_2_price_value{
  color: white;
  font-size: 29px;
  line-height: 1;
  font-weight: 700;

}
.price_format_1.final_price_value_wrapper {
  justify-content: center;
  padding-top: 5px;
}
.price_format_1.final_price_value_wrapper .price_format_data_1,.price_format_1.final_price_value_wrapper .price_format_data_2,.price_format_1.final_price_value_wrapper .price_format_data_3{
  color: white !important;
}
.price_format_1.final_price_value_wrapper .price_format_data_3{
  margin-left: 1px !important;
}
.format_2_doller_symbol,.format_2_offer_value{
  margin-top: 5px;
}
.format_2_doller_symbol, .format_2_offer_value{
  color: white;
  font-size: 10px;
  line-height: 1;
}
.format_2_doller_symbol{
  padding-left: 10px;
}

.price_cutout svg{
  fill: #ffcf16;
  width: 20px;
}

.digital_coupon_price_value{
  font-size: 20px;
  display: flex;
  align-items: center;
  line-height: 1;
}
.digital_coupon_doller{
display: flex;
align-items: center;
margin-top: -5px;
}
.sell_wrapper_format_1 .price_format_data_1,.sell_wrapper_format_1 .price_format_data_3{
  margin-top: 0;
  font-size: 16px;
}

.offer_text_value .digital_coupon_doller{
  font-size: 11px;
}

.offer_text_value {
  display: flex;
  align-items: baseline;
  gap: 2px;
}
.final_sale_value .price_format_data_2, .final_sale_value .price_format_data_1, .final_sale_value .price_format_data_3{
  margin-top: 0 !important;
}
.sell_wrapper_format_2 .format_2_doller_symbol{
  padding-left: 0;
}
.sell_wrapper_format_2{
  padding: 3px;
}
.final_price_wrraper_format2 .format_2_doller_symbol{padding-left: 1px; font-size: 12px;} */
.sell-price {
  display: flex;
}

.price_format_1,
.price_format_2,
.digital_coupon {
  display: flex;
  position: relative;
}

/* .price_format_1{
  align-items: center;
} */
.price_format_wrapper,
.final_price_format_wrapper {
  display: flex;
  flex-direction: column;
}

/* .price_format_wrapper{
padding-left: 14px;
} */
.price_format_data_2 {
  margin-top: -4px;
}

.for_title,
.price_cutout {
  display: flex;
  flex-direction: column;
}

.digital_coupon_data {
  display: flex;
  position: relative;
}

.Digital_price_main {
  border: 3px solid black;
  width: fit-content;
  position: absolute;
  right: 12px;
  bottom: 15px;

  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.scissors_img {
  width: 50px !important;
}

.use_up_to_wrapper {
  border: 3px solid black;
  width: fit-content;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  position: absolute;
  bottom: 15px;
  left: 5px;
  max-width: 112px;
}

.use_up_to_wrapper h2 {
  background: #ffcf16;
  color: red;
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
  text-align: center;
  font-weight: 700;
  border-top-left-radius: 10px;
}

.price_main_wrapper_cut {
  background-color: #d82027;
}

.price_main_wrapper_cut {
  display: flex;
  gap: 5px;
  justify-content: center;
  align-items: center;
}

.price_main_wrapper_cut h3 {
  font-size: 50px;
  line-height: 50px;
  color: white;
  margin: 0;
  font-weight: 800;
}

.price_cutout span {
  font-size: 14px;
  line-height: 1;
  color: white;
  font-weight: 500;
  padding-top: 2px;

}

.price_format_1.final_price_value_wrapper {
  justify-content: center;
  padding-top: 4px;
}

/* .price_format_1.final_price_value_wrapper .price_format_data_1{
  font-size: 19px;
  line-height: 20px;
} */
.use_up_to_wrapper h6 {
  background-color: #d82027;
  color: white;
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  line-height: 15px;
  padding: 2px;
  text-align: center;
  border-bottom-right-radius: 10px;
}

.price_link_data svg {
  width: 30px !important;
  fill: white;
  /* background-color: #f04451; */
  /* padding: 5px; */
  border-radius: 50%;
  height: 17px;
  line-height: 10px;
  margin-top: 5px;
}

.price_link_data {
  position: absolute;
  top: 3px;
  left: 11px;
  width: 34px;
  height: 32px;
  border-radius: 50px;
  background: #d82027;
}

.sell_title_wrapper {
  display: flex;
  background-color: white;
  justify-content: space-between;
  padding: 5px;
  border-top-left-radius: 10px;

}

.digital_coupon {
  background: #ffcf16;
  align-items: center;
  justify-content: space-between;
  padding: 0 2px;
  max-height: 35px;
}

.sell_title {
  font-size: 11px;
  font-weight: 600;
  text-align: left;
  color: black;
  line-height: 1;
  text-transform: uppercase;
}

.sale_condition_change_format_2 .for_title,
.sale_condition_change_format_2 .price_Format_2_dataprice,
.sale_condition_change_format_2 .format_2_offer_value,
.sale_condition_change_format_2 .format_2_doller_symbol,
.sale_condition_change_format_2 .format_2_price_value {
  color: black;
}

.sale_condition_change_format_2 {
  padding: 0 !important;
}

.sale_condition_change_format_2 .format_2_doller_symbol {
  margin-top: 3px;
  padding-left: 5px;
}

.sale_condition_change_format_2 .format_2_offer_value {
  margin-top: 3px !important;
}

.sale_condition_change_format_2 .for_title {
  font-size: 9px;
  line-height: 0.9;
}

.sell_price_format2_wrapper {
  max-height: 35px;
}

.digital_coupon_title {
  font-size: 10px;
  font-weight: 400;
  text-transform: uppercase;
  text-align: left;
  line-height: 1;
  color: black;
}

.price_format_data_1,
.price_format_data_3,
.digital_coupon_doller,
.off2_offer>div,
.format_2_doller_symbol,
.format_2_offer_value {
  font-size: 13px;
  font-weight: 700;
  color: black;
  line-height: 14px;
}

.price_format_data_2,
.digital_coupon_price_value {
  font-size: 32px;
  color: black;
  line-height: 40px;
  font-weight: 800;
}

/* .price_format_data_3{
margin-left: -3px;
  } */
.price_format_data_1,
.price_format_data_3 {
  margin-top: 4px;
}

.digital_coupon_dess {
  display: flex;
  align-items: center;
  font-size: 210%;
  font-weight: 400;
  color: black;

}

.off2_offer {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  justify-content: center;
}

.off2_offer:last-child {
  margin-top: 4px;
}

.final_price,
.digital-note {
  background: #d82027;
  color: white;
}

.digital-note {
  font-weight: 600;
  font-size: 13px;
  line-height: 15px;
  border-bottom-right-radius: 10px;
  padding-bottom: 3px;
  text-transform: uppercase;
}

.price_format_1.final_price_value_wrapper .price_format_data_2 {
  font-size: 32px;
  line-height: 40px;
}

.final_price_title {
  color: white;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
}

.with_digital_coupon_sub {
  font-size: 12px;
  padding: 0 5px;
  color: white;
  line-height: 1;
  font-weight: 600;
  text-transform: capitalize;
}

.price_format_2 {
  padding: 5px;
  margin: 0 auto;
}

.for_title {
  font-size: 10px;
  color: white;
  font-weight: 600;
  line-height: 0.9;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 4px;
  padding-right: 4px;
}

.price_Format_2_dataprice,
.format_2_price_value {
  color: white;
  font-size: 29px;
  line-height: 1;
  font-weight: 700;

}

.sell_price_format2_wrapper .price_format_1.final_price_value_wrapper {
  justify-content: center;
  padding-top: 5px;
}

.price_format_1.final_price_value_wrapper .price_format_data_1,
.price_format_1.final_price_value_wrapper .price_format_data_2,
.price_format_1.final_price_value_wrapper .price_format_data_3 {
  color: white !important;
}

/* .price_format_1.final_price_value_wrapper .price_format_data_3{
  margin-left: 1px !important;
} */

.format_2_doller_symbol,
.format_2_offer_value {
  color: white;
  font-size: 14px;
  line-height: 14px;
  margin-top: 2px;
}

.format_2_doller_symbol {
  padding-left: 10px;
}

.price_cutout svg {
  fill: white;
  width: 30px;
}

/* .off2_offer:last-child{
  margin-top: -5px;
} */
.digital_coupon_price_value {
  font-size: 34px;
  display: flex;
  align-items: center;
  line-height: 35px;
}

.digital_coupon_doller {
  display: flex;
  align-items: center;
  margin-top: -5px;
}

.sell_wrapper_format_1 .price_format_data_1,
.sell_wrapper_format_1 .price_format_data_3 {
  margin-top: 0;
  font-size: 16px;
}

.offer_text_value .digital_coupon_doller {
  font-size: 15px;
  line-height: 15px;
}

.final_sale_value {
  align-items: normal;
}

.offer_text_value {
  display: flex;
  align-items: baseline;
  gap: 2px;
}

.final_sale_value .price_format_data_2,
.final_sale_value .price_format_data_1,
.final_sale_value .price_format_data_3 {
  margin-top: 0 !important;
}

.sell_wrapper_format_2 .format_2_doller_symbol {
  padding-left: 0;
}

.sell_wrapper_format_2 {
  padding: 3px;
}

.final_price_wrraper_format2 .format_2_doller_symbol {
  padding-left: 1px;
  padding-left: 1px;
  font-size: 17px;
  line-height: 22px;
  margin: 0;
  display: flex;
  align-items: center;
}

.final_price_wrraper_format2 .format_2_price_value,
.final_price_wrraper_format2 .price_Format_2_dataprice {
  font-size: 36px;
  line-height: 40px;
  font-weight: bolder;
}

.final_sale_value .price_format_data_3 {
  font-size: 36px;
  line-height: 40px;
}

.off2_offer>div {
  display: flex;
  text-transform: uppercase;
}

.final_sale_value .price_format_data_1 {
  font-size: 18px;
  line-height: 18px;
  margin-top: -3px !important;
  align-items: center;
  display: flex;
}

.linkSymbol {
  position: absolute;
  top: 3px;
}

@media(max-width:1201px) {
  .use_up_to_wrapper h2 {
    font-size: 13px;
    line-height: 1;
  }

  .price_main_wrapper_cut h3 {
    font-size: 40px;
    line-height: 45px;
  }

  .price_cutout svg {
    width: 17px;
  }

  .price_cutout span {
    font-size: 10px;
  }

  .price_main_wrapper_cut {
    gap: 1px;
  }

  .price_cutout {
    padding-top: 8px;
  }

  .use_up_to_wrapper h6 {
    font-size: 13px;
    line-height: 14px;
    padding: 2px 0;
    border-bottom-right-radius: 6px;
  }

  .sell_title_wrapper {
    padding: 3px;
  }

  .price_Format_2_dataprice,
  .format_2_price_value,
  .digital_coupon_price_value,
  .digital_coupon_price_value,
  .price_Format_2_dataprice,
  .format_2_price_value,
  .price_format_data_2,
  .digital_coupon_price_value,
  .sell_wrapper_format_1 .price_format_data_3 {
    font-size: 24px;
    line-height: 1;
  }

  .sale_condition_change_format_2 .for_title,
  .for_title {
    font-size: 7px;
    line-height: 7px;
  }

  .sale_condition_change_format_2 .format_2_doller_symbol {
    padding-left: 1px;
  }

  .sell_title {
    font-size: 10px;
    line-height: 12px;
  }

  .format_2_doller_symbol,
  .format_2_offer_value {
    font-size: 11px;
    line-height: 12px;
  }

  .digital_coupon {
    max-height: 32px;
  }

  .digital_coupon_title {
    line-height: 11px;
  }

  .digital_coupon_dess {
    font-size: 26px;
  }

  .digital_coupon_doller {
    margin-top: -4px;
  }

  .price_format_data_1,
  .price_format_data_3,
  .digital_coupon_doller,
  .off2_offer>div,
  .format_2_doller_symbol,
  .format_2_offer_value {
    font-size: 11px;
    line-height: 1;
  }

  .final_price_title {
    font-size: 13px;
    line-height: 15px
  }

  .with_digital_coupon_sub {
    font-size: 11px;
    line-height: 11px;
    padding: 0 1px;
  }

  .for_title {
    padding-left: 2px;
    padding-right: 2px;
  }

  .format_2_doller_symbol,
  .format_2_offer_value {

    font-size: 10px;
    line-height: 10px;
    margin-top: 3px;
    font-weight: 500;
  }

  .format_2_doller_symbol {
    padding-left: 3px;
  }

  .sale_condition_change_format_2 .format_2_doller_symbol,
  .sale_condition_change_format_2 .format_2_offer_value {
    margin-top: 6px !important;
  }

  .digital-note {
    font-size: 12px;
    line-height: 12px;
    padding-bottom: 2px;
  }

  .price_format_data_1,
  .price_format_data_3,
  .digital_coupon_doller,
  .off2_offer>div,
  .format_2_doller_symbol,
  .format_2_offer_value,
  .sell_wrapper_format_1 .price_format_data_1 {
    font-size: 10px;
    line-height: 10px;
  }

  .price_format_data_1,
  .price_format_data_3 {
    margin-top: 1px;
  }

  .digital-note {
    border-bottom-right-radius: 6px;
  }

  .sell_wrapper_format_1.price_format_data_1 {
    margin-top: 4px !important;
  }

  .sell_wrapper_format_2 .format_2_offer_value {
    font-weight: 800;

    font-size: 14px;
  }

  .sell_wrapper_format_2 .format_2_doller_symbol,
  .sell_wrapper_format_1 .price_format_data_1 {
    font-size: 15px;
    line-height: 1;
    margin-top: 3px !important;
  }

  .final_sale_value .price_format_data_1 {
    font-size: 18px;
    line-height: 18px;
    margin-top: -3px !important;
    align-items: center;
    display: flex;
  }
}

@media(max-width:992px) {
  .price_format_data_2 {
    margin-top: 0;
  }

  .price_main_wrapper_cut h3 {
    font-size: 30px;
    line-height: 30px;
  }

  .price_cutout span {
    font-size: 8px;
  }

  .use_up_to_wrapper h6 {
    font-size: 11px;
    line-height: 13px;
    padding: 2px 4px;
  }

  .use_up_to_wrapper {
    max-width: 90px;
  }

  .use_up_to_wrapper h2 {
    font-size: 11px;
    line-height: 22px;
  }

  .digital_coupon {
    max-height: 100%;
  }

  .Digital_price_main {
    max-width: 120px;
  }

  .price_Format_2_dataprice,
  .format_2_price_value,
  .digital_coupon_price_value,
  .digital_coupon_price_value,
  .price_Format_2_dataprice,
  .format_2_price_value,
  .price_format_data_2,
  .digital_coupon_price_value,
  .sell_wrapper_format_1 .price_format_data_3 {
    font-size: 16px;
  }

  .digital_coupon_title,
  .sell_title {
    font-size: 9px;
    line-height: 1;
    font-weight: 600;
  }

  .with_digital_coupon_sub {
    font-size: 9px;
    line-height: 9px;

  }

  .digital-note {
    font-size: 11px;
    line-height: 11px;

  }

  .final_sale_value .price_format_data_3 {
    font-size: 24px;
    line-height: 1;

  }

  .final_price_title {

    line-height: 23px;
  }

  .price_format_data_1,
  .price_format_data_3,
  .digital_coupon_doller,
  .off2_offer>div,
  .format_2_doller_symbol,
  .format_2_offer_value,
  .sell_wrapper_format_1 .price_format_data_1 {
    font-size: 9px;
    line-height: 9px;
  }

  .offer_text_value .digital_coupon_doller {
    font-size: 12px;
    line-height: 12px;
  }

  .final_price_wrraper_format2 .format_2_price_value,
  .final_price_wrraper_format2 .price_Format_2_dataprice {
    font-size: 30px;
    line-height: 30px;
  }

  .final_price_wrraper_format2 .format_2_doller_symbol {
    font-size: 14px;
    line-height: 14px;
  }

  .sale_condition_change_format_2 .format_2_offer_value {
    margin-top: 2px !important;
  }

  .sale_condition_change_format_2 .format_2_doller_symbol {
    margin-top: 2px !important;
    padding-right: 1px;
  }

  .final_price_format1_wrapper_doller .price_format_data_3,
  .final_price_format1_wrapper_doller .price_format_data_1 {
    margin-top: 10px !important;
  }
}

@media(max-width:820px) {
  .use_up_to_wrapper {
    max-width: 65px;
  }

  .use_up_to_wrapper h6 {
    font-size: 8px;
    line-height: 9px;

  }

  .Digital_price_main,
  .use_up_to_wrapper {
    bottom: 5px;
    right: 5px;
  }
}

@media screen and (min-width: 1920px) {
  .product-title p {
    line-height: 1.2 !important;
  }
}

/* Hide one tranasaction coupon text */
.use_up_to_wrapper>h6 {
  display: none !important;
}

@media(max-width:497px) {
  .body_content {
    padding-top: 0px;
  }
}

@media(max-width:360px) {
  .body_content {
    padding-top: 0px;
  }
}

/* ====== Authentication Modal Styles ====== */
.blur-backdrop {

  background-color: rgba(0, 0, 0, 0.75) !important;
}

.auth-modal-window .modal-content {
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  border: none;
  overflow: hidden;
}

.auth-modal-window {
  z-index: 1055 !important;
}

.blur-backdrop {
  z-index: 1050 !important;
}