@font-face {
    font-family: 'Campton';
    src: url('../fonts/CamptonLight.woff') format('woff'),
         url('../fonts/CamptonLight.ttf') format('ttf'),
         url('../fonts/CamptonLight.eot') format('eot');
    font-weight: 300;
    font-style: normal;
  }
  
  @font-face {
      font-family: 'Campton';
      src: url('../fonts/CamptonBook.woff') format('woff'),
      url('../fonts/CamptonBook.ttf') format('ttf'),
      url('../fonts/CamptonBook.eot') format('eot');
      font-weight: 400;
      font-style: normal;
    }
  
  @font-face {
      font-family: 'Campton';
      src: url('../fonts/CamptonMedium.woff') format('woff'),
      url('../fonts/CamptonMedium.ttf') format('ttf'),
      url('../fonts/CamptonMedium.eot') format('eot');
      font-weight: 500;
      font-style: normal;
  }
  
  @font-face {
      font-family: 'Campton';
      src: url('../fonts/CamptonSemiBold.woff') format('woff'),
      url('../fonts/CamptonSemiBold.ttf') format('ttf'),
      url('../fonts/CamptonSemiBold.eot') format('eot');
      font-weight: 600;
      font-style: normal;
    }
  
    @font-face {
      font-family: 'Campton';
      src: url('../fonts/CamptonBold.woff') format('woff'),
      url('../fonts/CamptonBold.ttf') format('ttf'),
      url('../fonts/CamptonBold.eot') format('eot');
      font-weight: 700;
      font-style: normal;
    }
  /*common-css-start*/
  
  :root{
      --var-green-1: #48B73F;
      --var-green-2: #bce791;
      --var-green-3: #e8f5dc;
      --var-yellow-1: #FBC926;
      --var-yellow-2: #ffdf76;
      --var-yellow-3: #fff9e4;
      --var-gray-1: #fafafa;
      --var-gray-2: #f2f2f2;
      --var-gray-3: #ccc;
      --var-text-color: #000;
      --radius-20: 20px;
      --radius-40: 40px;
      --padding-20: 20px;
      --mt-20: 20px;
      --mb-20: 20px;
  }
  /*background-colors*/
  .theme-green-1{
      background-color: var(--var-green-1);
  }
  .theme-green-2{
      background-color: var(--var-green-2);
  }
  .theme-green-3{
      background-color: var(--var-green-3);
  }
  .theme-yellow-1{
      background-color: var(--var-yellow-1);
  }
  .theme-yellow-2{
      background-color: var(--var-yellow-2);
  }
  .theme-yellow-3{
      background-color: var(--var-yellow-3);
  }
  .t-white{
      color: white;
  }
  
  html, body {
      margin: 0;
      padding: 0;
      height: 100%;
    }  
  body {
    font-family: 'Campton';
    background-color: var(--var-gray-1);
    color: var(--var-text-color);
  }
  form input, form label, button{
      font-family: 'Campton';
  }
  h1, h2, h3, h4, h5, h6{
      font-family: 'Campton';
      font-weight: 500;
      margin: 0;
  }
  h1, h2 {
      font-size: 38px;
  }
  .heading{
      padding-bottom: 40px;
  }
  .heading-cont{
      padding-bottom: var(--padding-20);
  }
  p{
      margin-bottom: 15px;
      margin-top: 0;
      font-size: 16px;
      line-height: 1.5;
  }
  p:last-child,  .mb-0{
      margin-bottom: 0;
  }
  li{
      line-height: 1.5;
  }
  .text-center{
      text-align: center;
  }
  .highlight{
      font-weight: 600;
  }
  a{
      text-decoration: none;
      cursor: pointer;
      color: var(--var-green-1);
  }
  a.b-link {
      font-weight: 500;
      text-decoration: underline;
  }
  a.btn {
      border: 1px solid var(--var-yellow-1);
      background: white;
      padding: 10px 20px 8px 20px;
      border-radius: var(--radius-40);
      display: block;
      width: fit-content;
      font-weight: 600;
      color: black;
      transition: ease-out all 0.2s;
  }
  a.btn:hover {
      background: var(--var-yellow-1);
      border-color: black;
      transition: ease-in all 0.2s;
  }
  p.btn-full {
      border: 1px solid var(--var-yellow-1);
      background: white;
      padding: 10px 20px 8px 20px;
      border-radius: var(--radius-40);
      display: block;
      font-weight: 600;
      text-align: center;
      transition: ease-out all 0.2s;
  }
  p.btn-full:hover{
      background: var(--var-yellow-1);
      border-color: black;
      transition: ease-in all 0.2s;
  }
  p.btn-full a {
      width: 100%;
      display: block;
      color: #000;
  }
  a.site-btn, a.site-btn-2 {
      display: block;
      box-sizing: border-box;
      padding: 14px 24px 12px;
      border: 1px solid var(--var-green-1);
      background: var(--var-green-1);
      width: fit-content;
      border-radius: 10px;
      color: white;
      font-weight: 600;
  }
  a.site-btn-2{
      padding: 10px 18px 8px;
      background: transparent;
      border-color: var(--var-gray-3);
      color: black;
  }
  /*common-css-end*/
  
  /*product-listing-slider-css-start*/
  .product-listing .slick-slide, .related-product-listing .slick-slide {
      margin: 0 15px;
  }
  .product-listing .slick-slide>div{
      height: 100%;
  }
  .prod-list-arrow, .rel-prod-list-arrow {
      position: absolute;
      background: var(--var-yellow-1);
      top: 50%;
      bottom: auto;
      transform: translateY(-50%);
      width: 35px;
      height: 35px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 100%;
  }
  .rel-prod-list-arrow{
      top: -60px;
      bottom: initial;
      transform: none;
  }
  .prod-list-arrow img, .rel-prod-list-arrow img {
      width: 10px;
      height: auto;
  }
  .prod-list-arrow.a-left {
      left: -40px;
      right: auto;
  }
  .prod-list-arrow.a-right {
      left: auto;
      right: -40px;
  }
  
  /*product-listing-slider-css-end*/
  
  /*product-card-css-start*/
  .product-card {
      height: 100% !important;
      display: flex !important;
      flex-direction: column;
  }
  .product-bot{
      margin-top: auto;
  }
  .product-data {
      padding: 25px 0 30px;
  }
  p.product-name {
      font-weight: 500;
      margin-bottom: 0;
      position: relative;
      height: 68px;
      /* height: auto; */
  }
  .product-name-link {
    display: block;
      /* display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical; */
      overflow: hidden;
      /* text-overflow: ellipsis; */
      max-height: calc(1.4em * 3) !important;
      line-height: 1.4em;
      color: black;
      position: relative !important;
      height: auto !important;
  }
  
  /* .loader-spinner {
      border: 6px solid #f3f3f3;
      border-top: 6px solid #3498db; 
      border-radius: 50%;
      width: 50px;
      height: 50px;
      animation: spin 1s linear infinite;
      margin: 50px auto; 
  } */
  
  .loader-spinner {
      position: absolute;
      top: 40%;
      left: 40%;
      transform: translate(-50%, -50%);
      border: 6px solid #f3f3f3; /* Light grey */
      border-top: 6px solid #3498db; /* Blue */
      border-radius: 50%;
      width: 50px;
      height: 50px;
      animation: spin 1s linear infinite;
      z-index: 999; /* On top of content */
  }
  
  @keyframes spin {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
  }
    
  .product-card.bought-before a.BB-link, .product-card.todays-special a.TS-link, .product-card.is_featured a.FD-link, .product-card.half_price a.HP-link, .product-card.organic a.OP-link, .product-card.popular a.PP-link, .product-card.best_seller a.BS-link, .product-card.no_onion_no_garlic a.NONG-link,  .product-card.vegan a.VP-link, .product-card.gluten_free a.GF-link, .product-card.special a.SS-link, .product-details.bought-before a.BB-link, .product-details.todays-special a.TS-link, .product-details.is_featured a.FD-link, .product-details.half_price a.HP-link, .product-details.organic a.OP-link, .product-details.popular a.PP-link, .product-details.best_seller a.BS-link, .product-details.no_onion_no_garlic a.NONG-link,  .product-details.vegan a.VP-link, .product-details.gluten_free a.GF-link, .product-details.special a.SS-link{
      display: block;
  }
  .product-card .quantity_wrapper, .product-card img.prod-list-active, .product-card.cart-active .cart-default, .product-card.list-active img.prod-list{
      display: none;
  }
  .product-card.cart-active .quantity_wrapper, .product-card.list-active img.prod-list-active{
      display: block;
  }
  .sp-links {
      display: flex;
      grid-column-gap: 10px;
      align-items: center;
      min-height: 30px;
  }
  a.BB-link, a.TS-link, a.FD-link, a.HP-link, a.OP-link, a.PP-link, a.BS-link, a.NONG-link, a.VP-link, a.GF-link {
      font-size: 13px;
      display: block;
      color: #8a8a8a;
      text-decoration: underline;
      transition: ease all 0.2s;
      display: none;
  }
  a.SS-link {
      background: var(--var-yellow-1);
      color: black;
      font-size: 13px;
      padding: 5px 10px 3px;
      display: none;
      width: fit-content;
      height: fit-content;
      border-radius: 40px;
      font-weight: 500;
  }
  a.BB-link:hover, a.TS-link:hover, a.FD-link:hover, a.HP-link:hover, a.OP-link:hover, a.PP-link:hover, a.BS-link:hover, a.NONG-link:hover, a.VP-link:hover, a.GF-link:hover {
      color: #000;
  }
  .product-price {
      position: relative;
  }
  span.sale-price {
      display: inline-block;
      font-size: 20px;
      font-weight: 600;
      color: var(--var-green-1);
      line-height: 20px;
      position: relative;
  }
  span.original-price {
      text-decoration: line-through;
      line-height: 16px;
      padding-left: 4px;
      display: inline-block;
      position: relative;
      top: -1px;
  }
  .product-card .unit-price {
      font-size: 12px;
      padding: 10px 0 20px;
  }
  .product-thumbnail {
      background: white;
      border-radius: var(--radius-20);
      border: 1px solid var(--var-yellow-1);
      overflow: hidden;
      position: relative;
  }
  .product-thumbnail img {
      width: 100%;
      height: auto;
      object-fit: cover;
  }
  .product-thumbnail.half-price:before {
      content: 'Half Price';
      position: absolute;
      background: var(--var-green-1);
      transform: rotate(-45deg) translate(-68px, -30px);
      padding: 10px 20px 7px 20px;
      text-transform: uppercase;
      font-size: 13px;
      font-weight: 600;
      line-height: 12px;
      color: white;
      width: 180px;
      text-align: center;
  }
  
  #half-price-products-block .product-thumbnail.popular-prod:before{
      content: 'Half Price';
      position: absolute;
      background: var(--var-green-1);
      transform: rotate(-45deg) translate(-68px, -30px);
      padding: 10px 20px 7px 20px;
      text-transform: uppercase;
      font-size: 13px;
      font-weight: 600;
      line-height: 12px;
      color: white;
      width: 180px;
      text-align: center;
  }
  
  .product-thumbnail.popular-prod:before {
      content: 'Popular';
      position: absolute;
      background: url(../assets/gold-gradient.jpg);
      transform: rotate(-45deg) translate(-68px, -30px);
      padding: 10px 20px 7px 20px;
      text-transform: uppercase;
      font-size: 13px;
      font-weight: 600;
      line-height: 12px;
      width: 180px;
      text-align: center;
      background-size: cover;
      background-position: center;
  }
  
  
  #popular-products-block .product-thumbnail.half-price:before{
      content: 'Popular';
      position: absolute;
      background: url(../assets/gold-gradient.jpg);
      transform: rotate(-45deg) translate(-68px, -30px);
      padding: 10px 20px 7px 20px;
      text-transform: uppercase;
      font-size: 13px;
      font-weight: 600;
      line-height: 12px;
      width: 180px;
      text-align: center;
      color: black;
      background-size: cover;
      background-position: center;
  }
  
  .prod-cart-list {
      display: grid;
      grid-template-columns: calc(100% - 50px) 40px;
      grid-column-gap: 10px;
      align-items: center;
  }
  span.cart-default {
      display: flex;
      align-items: center;
      grid-column-gap: 10px;
      background: black;
      justify-content: center;
      height: 40px;
      border-radius: 40px;
      color: white;
      transition: ease-out all 0.2s;
  }
  span.add-cart-txt {
      font-size: 17px;
      padding-top: 5px;
  }
  a.add-to-list {
      background: var(--var-green-1);
      display: flex;
      width: 40px;
      height: 40px;
      border-radius: 10px;
      justify-content: center;
      align-items: center;
      transition: ease-out all 0.2s;
  }
  a.add-to-list img, span.cart-default img {
      height: 19px;
      width: auto;
  }
  .product-card.cart-active .quantity_wrapper {
      height: 40px;
      border: 1px solid black;
      border-radius: 40px;
      display: flex !important;
      align-items: center;
      justify-content: space-between;
      padding: 7px;
      box-sizing: border-box;
      overflow: hidden;              /* IMPORTANT for iOS */
    -webkit-box-sizing: border-box;
  }
  .quantity_wrapper>button {
      background: black;
      border: none;
      height: 26px;
      width: 26px;
      color: white;
      border-radius: 100%;
      font-size: 16px;
      display: flex;
      justify-content: center;
      align-items: center;
      box-sizing: border-box;
      font-family: monospace;
      padding: 0;
      -webkit-appearance: none;      /* iOS FIX #1 */
    appearance: none;

    flex-shrink: 0;                /* iOS FIX #2 */
    line-height: 1;     
  }
  .product-card .input-box.quantity {
      background: var(--var-green-1);
      border: none;
      text-align: center;
      height: 28px;
      width: 28px;
      border-radius: 5px;
      justify-content: center;
      color: white;

      display: flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;                /* iOS FIX #2 */
    -webkit-appearance: none;      /* Makes size stable */
    line-height: 1;    
  }
  span.cart-default:hover, a.add-to-list:hover {
      background: var(--var-yellow-1);
      transition: ease-in all 0.2s;
      border-color: var(--var-yellow-1);
  }
  a.product-link {
      /* position: absolute; */
      height: 100%;
      width: 100%;
  }
  .out-stock-label {
      display: grid;
      align-items: center;
      grid-template-columns: calc(100% - 50px) 40px;
      grid-column-gap: 10px;
  }
  .out-stock-label p {
      margin-bottom: 0;
      position: relative;
      padding-left: 10px;
      font-size: 14px;
      line-height: 13px;
      padding-top: 2px;
  }
  .out-stock-label p:before {
      content: '';
      position: absolute;
      width: 7px;
      height: 7px;
      background: var(--var-yellow-1);
      border-radius: 100%;
      left: 0;
      top: 2px;
      bottom: 0;
      margin: auto;
  }
  /*product-card-css-end*/
  
  /*header-css-start*/
  a.dropdown-item {
      color: black;
      padding: 10px 20px;
      line-height: 16px;
  }
  a.dropdown-item>span{
      position: relative;
      top: 2px;
  }
  header p{
      line-height: 15px;
  }
  .above-header {
      padding: 12px 0;
  }
  p.head-offer {
      font-size: 15px;
  }
  p.head-offer a{
      color: #000;
  }
  .primary-header {
      padding: 30px 0;
      transition: all 0.3s ease;
  }
  .primary-header>.container {
      display: grid;
      grid-template-columns: 240px auto auto auto auto;
      align-items: center;
      grid-column-gap: 20px;
  }
  .header-logo {
      margin-right: 30px;
      display: flex;
      align-items: center;
  }
  .header-logo img {
      max-width: 210px;
      height: auto;
  }
  .delivery-time-cta {
      background: white;
      border: 1px solid var(--var-gray-2);
      border-radius: var(--radius-40);
      padding: 12px 12px 10px;
      display: flex;
      align-items: center;
      width: fit-content;
      grid-column-gap: 15px;
  }
  p.show-delivery-slot.show-delivery-slot-wrap-text, p.show-delivery-suburb.show-delivery-address-wrap-text {
      font-size: 14px;
      line-height: 17px;
  }
  .delivery-time-cta>div, .h-acct>a, .h-order-list, .mob-search{
      display: flex;
      align-items: center;
      grid-column-gap: 8px;
  }
  .delivery-time-cta img, .search-bar img, .h-qty img {
      height: 20px;
      width: auto;
  }
  .search-bar {
      border: 1px solid var(--var-gray-3);
      border-radius: var(--radius-40);
      padding: 12px 20px;
      background: white;
      display: flex;
      justify-content: space-between;
      align-items: center;
  }
  .header-account {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-column-gap: 25px;
      width: fit-content;
      margin-left: auto;
  }
  .header-account img {
      max-height: 18px;
      width: auto;
  }
  .header-account p {
      font-size: 16px;
      font-weight: 500;
  }
  span.h-small {
      font-weight: 400;
      display: block;
      font-size: 13px;
  }
  .header-quantity{
      border: 1px solid var(--var-gray-3);
      padding: 12px;
      background-color: white;
      border-radius: var(--radius-40);
      display: flex;
      align-items: center;
      grid-column-gap: 10px;
      width: fit-content;
      margin-left: auto;
  }
  .header-quantity>div {
      display: flex;
      align-items: center;
  }
  .h-qty{
      position: relative;
  }
  span.qty-num {
      position: absolute;
      display: flex;
      width: 20px;
      height: 20px;
      justify-content: center;
      border-radius: var(--radius-40);
      color: white;
      align-items: center;
      font-size: 13px;
      top: -10px;
      right: -10px;
      font-family: monospace;
  }
  .below-header {
      background: var(--var-gray-2);
  }
  .navigation-bar {
      display: flex;
      align-items: center;
  }
  .navigation-left {
      border-right: 4px solid white;
      height: 100%;
      padding: 20px 30px 20px 0;
  }
  .navigation-left>a.menu-link {
      display: flex;
      align-items: center;
      width: max-content;
      font-weight: 500;
  }
  a.menu-link.active {
      font-weight: 500;
      color: var(--var-green-1);
  }
  img.menu-cart {
      width: 28px;
      height: auto;
      margin-right: 5px;
  }
  .menu-link img.dropdown-icon {
      height: 7px;
      width: auto;
      margin-left: 5px;
  }
  .navigation-right {
      width: 100%;
      padding: 20px 0 20px 30px;
  }
  ul.menu-list {
      padding: 0;
      margin: 0;
      list-style: none;
      display: flex;
      justify-content: space-between;
  }
  .navigation-bar a{
      color: #000;
      transition: ease-out all 0.2s;
  }
  .navigation-bar a:hover {
      opacity: 0.6;
      transition: ease-in all 0.2s;
  }
  li.hot-offer-menu {
    position: relative;
}
  /*sticky-header-css-start*/
  .primary-header.sticky {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      background: white;
      z-index: 1000;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
      transition: all 0.3s ease;
  }
  /* .more-submenu {
      display: none;
      position: absolute;
      background-color: white;
      box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
      z-index: 1;
      width: 200px;
      top: 100%;
      left: 0;
    } */
    
    .menu-item.more:hover .more-submenu {
      display: block;
    }
    
    .p-0{
      padding: 0 !important;
    }
    .more-submenu li {
      list-style: none;
    }
    
    .more-submenu li a {
      display: block;
      padding: 8px 16px;
      text-decoration: none;
      color: black;
      border-radius: 5px;
    }
    
    .more-submenu li a:hover {
      background: var(--var-gray-2);
    }
    .more-submenu {
        display: none;
        position: absolute;
        background-color: white;
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
        z-index: 1;
        width: 200px;
        top: 100%;
        left: 0;
        padding: 10px;
        border-radius: 10px;
        margin-top: 8px;
    }
  /*header-css-end*/

  /* all filter css start */
  .filter-2.sidebar-filter-active {
        background-color: var(--var-yellow-1) !important;
        color: #000 !important;
        /* padding: 5px 15px;
        border-radius: 20px; */
    }
  /* all filter css end*/
  
  /*mobile-menu-css-start*/
  body.no-scroll {
      overflow: hidden !important;
    }
    #mobile-menu-toggle {
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      width: 16px;
      height: 16px;
      cursor: pointer;
      gap: 1px;
      margin-right: 15px;
      background: var(--var-gray-2);
      padding: 10px;
      border-radius: 100%;
  }
  
  #mobile-menu-toggle span {
      height: 2px;
      background: #000;
      border-radius: 2px;
  }
  #mobile-menu-toggle span:nth-child(2) {
      width: 77%;
  }
    #mobile-menu-sidebar {
      display: block;
      position: fixed;
      top: 0;
      left: -100%;
      width: 80%;
      max-width: 300px;
      height: 100%;
      background: #fff;
      z-index: 9999;
      overflow-y: auto;
      transition: left 0.3s ease-in-out;
    }
  
    #mobile-menu-sidebar.open {
      left: 0;
    }
  
    #mobile-menu-overlay {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background: rgba(0, 0, 0, 0.4);
      z-index: 9998;
    }
  
    #mobile-menu-overlay.active {
      display: block;
    }
  /* Shared panel styling */
  .mobile-menu-panel {
      transition: transform 0.3s ease;
    }
  ul.mobile-menu-list {
      list-style: none;
      margin: 0;
      padding: 20px;
      background: #fff;
      position: relative;
  }
  .mobile-main-list:after, .mobile-second-list:after {
    content: '';
    position: absolute;
    width: calc(100% - 40px);
    height: 1px;
    left: 0;
    right: 0;
    margin: auto;
    background: var(--var-gray-3);
    bottom: 0;
}
  ul.mobile-menu-list li {
      padding-bottom: 10px;
  }
  ul.mobile-menu-list li:last-child {
      padding-bottom: 0;
  }
  ul.mobile-menu-list a.menu-link {
      color: black;
      padding: 14px 15px 12px;
      font-weight: 500;
      display: flex;
      align-items: center;
  }
  .mobile-second-list li a img {
    margin: -5px 10px 0 0;
}
.mobile-third-list a {
    color: #828282 !important;
}
  button.submenu-toggle {
      color: black;
      display: flex;
      align-items: center;
      border: none;
      background: none;
      width: 100%;
      font-size: 14px;
      font-weight: 500;
      font-family: 'Campton';
      padding: 5px 10px;
      text-align: left;
  }
  img.menu-cat-img {
      width: 30px;
      height: auto;
      margin-right: 10px;
  }
  ul.mobile-main-list li:first-child a.menu-link {
      border: 1px solid #ccc;
      border-radius: 10px;
  }
  ul.mobile-menu-list a.menu-link img.arrow-r {
      height: 10px;
      width: auto;
      margin: -2px 0 0 auto;
      transform: rotate(-90deg);
  }
  ul.mobile-menu-list a.menu-link:hover, ul.mobile-menu-list a.menu-link:active, ul.mobile-menu-list a.menu-link:focus, button.submenu-toggl:focus, button.submenu-toggle:hover, button.submenu-toggle:active {
      background: var(--var-yellow-1);
      border-radius: 10px;
  }
    #mobile-main-menu.hidden {
      transform: translateX(-100%);
    }
    .hidden{
      display: none !important;
    }
    .mobile-menu-panel.mobile-submenu {
      position: absolute;
      top: 80px;
      left: 0;
      background: #fff;
      width: 100%;
  }
  span#close-mobile-menu {
      font-size: 28px;
  }
  .has-subcategories {
      position: relative;
      display: block;
  }
  img.arrow-d {
      margin-left: auto;
      height: 7px;
      width: auto;
      transition: ease-out all 0.2s;
  }
  button.submenu-toggle:hover img.arrow-d{
      transform: rotate(180deg);
      transition: ease-in all 0.2s;
  }
  ul.subcategory-list a.menu-link {
      font-weight: 400;
      padding: 10px 15px 8px;
  }
    /* Header + Back Button */
    .mobile-menu-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 20px;
      border-bottom: 1px solid #eee;
      background: #fff;
  }
  #mobile-menu-title {
      display: inline-block;
      font-size: 20px;
      font-weight: 500;
  }
    .back-button {
      background: none;
      border: none;
      font-size: 1.2em;
      cursor: pointer;
      color: #000;
    }
    
    .back-button.hidden {
      display: none;
    }
    ul.subcategory-list {
      list-style: none;
      padding-top: 10px;
  }
  .more-submenu {
      display: none;
  }
  /*mobile-menu-css-end*/  
  /*cart-sidebar-css-start*/
  .cart-sidebar {
      position: fixed;
      right: 0;
      top: 0;
      width: 27%;
      height: 100vh;
      background: white;
      display: flex;
      flex-direction: column;
      z-index: 1000;
      transform: translateX(100%);
      transition: transform 0.3s ease;
    }
    .cart-sidebar.open {
      transform: translateX(0);
    }
    .cart-top {
      padding: 30px 25px 0;
  }
    .cart-mid {
      overflow: clip auto;
      flex: 1;
      /* padding: 0 30px; */
      padding: 0 25px 20px;
      position: relative;
    }
    
    .cart-items-wrapper {
      position: -webkit-sticky;
      position: sticky;
      top: 0; 
      z-index: 3;
      background: var(--var-gray-2); 
      margin-top: 30px;
    }
    
    .cart-bot {
      flex-shrink: 0;
      padding: 30px 25px;
      position: sticky;
      bottom: 0;
      background: white;
      z-index: 3;
      border-top: 1px solid var(--var-gray-3);
    }
    .cart-items {
      padding: 15px 0;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      align-items: center;
      position: relative;
    }
    li.cart-item .product-name{
      font-size: 14px;
    }
  .cart-head {
      display: grid;
      grid-template-columns: calc(100% - 45px) 35px;
      grid-column-gap: 10px;
      position: sticky;
      top: 0;
      background: white;
      z-index: 2;
      align-items: center;
  }
  .cart-head h2, .product-sidebar-header h2, #filter-sidebar-title {
      font-size: 20px;
  }
  button#close-cart-sidebar, button#close-product-sidebar, button#close-search-block {
      width: 30px;
      height: 30px;
      font-size: 30px;
      color: black;
      background: none;
      cursor: pointer;
      border: none;
      padding: 0;
      margin-left: 12px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-family: monospace;
  }
  .cart-loc-time {
      display: flex;
      /* grid-template-columns: 1fr 2fr; */
      align-items: center;
      grid-column-gap: 30px;
      padding: 20px 0;
  }
  .cart-loc {
      display: flex;
      align-items: flex-end;
  }
  .cart-loc-l {
      font-size: 12px;
  }
  span.cart-suburb {
      line-height: 14px;
      font-size: 14px;
      font-weight: 500;
      display: block;
      margin-top: 5px;
  }
  .cart-loc-r img {
      transform: rotate(-90deg);
      max-height: 7px;
      width: auto;
      margin-left: 7px;
  }
  .cart-time {
      display: flex;
      height: 38px;
      padding: 10px 20px;
      border: 1px solid var(--var-gray-3);
      border-radius: 40px;
      justify-content: center;
      align-items: center;
      box-sizing: border-box;
      margin-left: auto;
      font-size: 14px;
  }
  .cart-time img {
      margin-right: 8px;
      width: 18px;
      height: auto;
  }
  .cart-time p {
      font-size: 16px;
      line-height: 16px;
      font-weight: 500;
      position: relative;
      top: 2px;
  }
  p.min-del, p.min-del-active {
      display: flex;
      align-items: center;
      padding: 14px;
      border: 1px solid var(--var-green-1);
      border-radius: 10px;
      grid-column-gap: 10px;
      overflow: hidden;
      font-size: 14px;
  }
  p.min-del-active {
      border-color: #E01922;
      display: none;
  }
  p.min-del::before, p.min-del-active::before{
      content: '';
      position: absolute;
      width: 3px;
      height: 100%;
      left: 0%;
      top: 0;
  }
  p.min-del::before{
      background: var(--var-green-1);
  }
  p.min-del-active::before{
      background: #E01922;
  }
  .cart-notice p {
      position: relative;
  }
  .cart-notice img {
      max-width: 40px;
      height: auto;
  }
  .cart-notice-active .min-del-active{
      display: flex;
  }
  .cart-notice-active .min-del{
      display: none;
  }
  .cart-items {
      background: var(--var-gray-2);
      padding: 15px 0;
      display: grid;
      grid-template-columns: repeat(2,1fr);
      align-items: center;
      position: relative;
      margin-top: 30px;
  }
  .cart-items:before {
      content: '';
      position: absolute;
      background: var(--var-gray-2);
      width: calc(100% + 60px);
      left: -30px;
      height: 100%;
      z-index: -1;
  }
  .cart-items p {
      display: flex;
      align-items: center;
      font-size: 16px;
      font-weight: 500;
  }
  .cart-items p img {
      width: 22px;
      filter: invert(1);
      height: auto;
      margin-right: 10px;
  }
  .filter-dropdown img {
      height: 6px;
      width: auto;
      margin: 0 0 1px 4px;
  }
  .filter-dropdown {
      margin-left: auto;
      font-size: 14px;
  }
  ul.cart-items-list {
      margin: 0;
      padding: 30px 0;
      list-style: none;
  }
  li.cart-item {
      display: grid;
      grid-template-columns: 1fr 3fr 1fr;
      padding-bottom: 25px;
      grid-column-gap: 15px;
  }
  li.cart-item:last-child {
      padding-bottom: 0px;
  }
  li.cart-item span {
      position: relative;
      display: block;
  }
  span.cart-list-1, span.cart-list-1 a {
      position: relative;
  }
  span.cart-list-1 .product-img {
      width: 100%;
      height: auto;
      border-radius: 10px;
      border: 1px solid var(--var-gray-2);
  }
  span.product-name, span.product-name a {
      color: black;
      position: relative;
  }
  /* span.cart-list-2, span.cart-list-3 {
      padding-top: 15px;
  } */
  span.cart-list-2 {
      padding-right: 15px;
  }
  span.cart-prod-cta {
      display: flex !important;
      grid-column-gap: 20px;
      align-items: center;
      padding-top: 10px;
  }
  span.cart-prod-q {
      background: var(--var-gray-2);
      border-radius: 10px;
      border: 1px solid var(--var-gray-3);
      padding: 10px 10px 6px 10px;
      display: flex !important;
      align-items: center;
      grid-column-gap: 10px;
  }
  span.cart-prod-q img {
      height: 8px;
      width: auto;
  }
  a.remove-link {
      color: black;
      font-size: 14px;
  }
  .cart-price, p.cart-tot-txt {
      font-size: 18px;
      font-weight: 500;
  }
  span.cart-saving {
      background: var(--var-green-1);
      color: white;
      border-radius: 40px;
      text-align: center;
      padding: 8px 10px 5px 8px;
      font-size: 13px;
      width: fit-content;
      margin-top: 5px;
      display: flex !important;
      align-items: center;
      gap: 4px;
      line-height: 1;
  }
  .cart-saving span {
      display: inline-block !important;
  }
  span.saving-txt {
      margin-top: -2px !important;
  }
  span.cart-list-3 {
      display: flex !important;
      flex-direction: column;
      align-items: end;
  }
  .cart-tot {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-bottom: 15px;
  }
  .cart-bot .btn.btn-full {
      background: var(--var-yellow-1);
  }
  .cart-tot-amt {
      display: inline-flex;
      align-items: center;
      grid-column-gap: 10px;
  }
  .cart-tot-amt span.cart-saving {
      margin-top: 0;
  }
  /*cart-sidebar-css-end*/
  
  /*products-sidebar-css-start*/
      /* Overlay */
      .sidebar-overlay {
          position: fixed;
          inset: 0;
          background: rgba(0, 0, 0, 0.4);
          z-index: 1000;
          display: none;
        }
    
        .sidebar-overlay.active {
          display: block;
        }
        .product-sidebar {
          position: fixed;
          top: 0;
          left: 0;
          background: white;
          height: 100vh;
          z-index: 1001;
          transform: translateX(-100%);
          transition: transform 0.3s ease;
          display: flex;
          flex-direction: column;
          box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
        }
        
        .product-sidebar.open {
          transform: translateX(0);
        }
        .product-sidebar-header {
          display: flex;
          justify-content: space-between;
          padding: 30px;
          border-bottom: 1px solid var(--var-gray-3);
          align-items: center;
      }
        .product-sidebar-body {
          display: flex;
          align-items: flex-start;
          height: 100%;
          /* overflow-y: auto; */
        }
        
        /* Left column */
        .prod-sidebar-left {
          height: 100%;
          overflow-y: auto;
      }
        .menu-specials, .categories-menu{
          padding: 30px;
        }
        .product-sidebar-body h3 {
          font-size: 16px;
          color: #545454;
          padding-bottom: 15px;
      }
      .categories-menu{
          padding-top: 0;
      }
        ul.sidebar-specials {
          margin: 0;
          padding: 0;
          display: grid;
          grid-template-columns: repeat(2,1fr);
          grid-column-gap: 20px;
          grid-row-gap: 20px;
          list-style: none;
      }
      ul.sidebar-specials img {
          height: 100px;
          width: auto;
          border-radius: 10px;
      }
      ul.sidebar-specials a {
          display: block;
          height: 100px;
      }
        .sidebar-categories {
          list-style: none;
          margin: 0;
          padding: 0;
          display: flex;
          flex-direction: column;
          gap: 10px;
          background: white;
        }
        
        .sidebar-categories li, .submenu-link {
          cursor: pointer;
          padding: 10px 15px;
          border-radius: 7px;
          white-space: nowrap;
          align-items: center;
          display: flex;
          transition: 0.2s all ease-in;
      }
        .sidebar-categories li.active, .sidebar-categories li:hover, .sidebar-subcategories li:hover, .submenu-top a:hover {
          background: var(--var-gray-2);
          font-weight: 500;
          transition: 0.2s all ease-out;
      }
      .sidebar-subcategories li, .submenu-top a{
          border-radius: 7px;
      }
      ul.sidebar-categories img, .sidebar-subcategories img, .submenu-link img {
          width: 35px;
          height: auto;
          margin: -2px 10px 0 0;
      }
        /* Right panel container */
        .sidebar-submenus {
          display: flex;
          flex-direction: column;
          height: 100%;
      }
        
        /* Each submenu */
        .submenu {
          display: none;
          grid-template-columns: repeat(2,1fr);
          height: 100%;
      }
      .submenu.active {
          display: grid;
      }
  
      .submenu-l {
        height: calc(100% - 135px);
        padding: 30px;
        border-right: 1px solid var(--var-gray-3);
        border-left: 1px solid var(--var-gray-3);
        overflow-y: auto;
        position: sticky;
        top: 0;
    }
      ul.sidebar-subcategories {
          margin: 0;
          list-style: none;
          padding: 0;
      }
      .submenu-top {
          border-bottom: 1px solid var(--var-gray-3);
          padding-bottom: 15px;
          margin-top: 15px;
      }
      .submenu-link {
          color: black;
      }
      .submenu-r {
          padding: 30px;
      }
      .featured-prod {
          display: grid;
          grid-row-gap: 20px;
      }
      .featured-tile img{
          width: 200px;
          height: auto;
          border-radius: 10px;
      }
            
  /*products-sidebar-css-end*/
  
  /*home-page-css-start*/
  
  /*banner-css-start*/
  section.banner-row {
      padding-top: 50px;
  }
  .banner-blocks {
      display: grid;
      grid-template-columns: 2fr 1fr;
      /* overflow: hidden; */
      grid-column-gap: 20px;
  }
  .banner-blocks>div {
      display: grid;
      grid-template-rows: 1fr 1fr;
      grid-row-gap: 20px;
  }
  .banner-blocks>div>div {
      height: 100%;
      position: relative;
      border-radius: var(--radius-20);
      overflow: hidden;
  }
  .banner-blocks p{
      margin-bottom: 0;
  }
  .bBlk-1-top {
      display: flex;
      align-items: flex-end;
      justify-content: flex-end;
  }
  .offer-1-txt {
      position: relative;
      width: 75%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: 85%;
  }
  p.offer-1, p.offer-2, p.offer-3 {
      font-size: 40px;
  }
  p.offer-1 {
      padding-left: 60px;
  }
  .offer-1-subtxt {
      z-index: 1;
      position: relative;
      padding-right: 20px;
  }
  p.offer-1-con {
      padding: 0 0 5px 100px;
  }
  p.offer-1-code, .offer-4 {
      border-radius: 40px;
      padding: 12px 20px 7px 20px;
      border: 1px solid black;
      background: #f5c11c;
      grid-column-gap: 10px;
      font-size: 24px;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  .bBlk-1-top:before {
      content: '';
      background: var(--var-yellow-2);
      width: 100%;
      height: 90%;
      position: absolute;
      bottom: 0;
      z-index: -1;
      border-radius: var(--radius-20);
  }
  img.srk-img {
      position: absolute;
      left: -25px;
      bottom: -1px;
      max-width: 420px;
      height: auto;
  }
  /* .bBlk-1-bot:before {
      background: linear-gradient(180deg, var(--var-green-1), #308529);
      content: '';
      width: 100%;
      position: absolute;
      left: 0;
      top: 0;
      height: 90%;
      z-index: -1;
      border-radius: var(--radius-20);
  } */
  .offer-2-txt, .offer-3-txt{
      padding: var(--padding-20);
  }
  p.offer-2-con {
      padding: 10px 0 15px;
      font-size: 19px;
  }
  .offer-3-con a{
      color: black;
  }
  img.offer-3-img {
      position: absolute;
      max-width: 280px;
      height: auto;
      right: 0;
      bottom: 0;
  }
  .bBlk-2 {
      grid-template-rows: 2fr 0.75fr !important;
  }
  .bBlk-2-bot {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
  }
  img.banner-gif {
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .bBlk-3-top img, .bBlk-1-bot img {
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .banner-blocks video {
      object-fit: cover;
      border-radius: 20px;
      max-height: 450px;
  }
  .bBlk-3-bot {
      background-image: url(../assets/homepage/banner-sweets.png);
      background-size: cover;
      background-position: center;
  }
  .offer-4-txt{
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      height: 100%;
  }
  .offer-4-txt p{
      margin-top: 20px;;
  }
  .offer-4-txt .btn{
      margin-bottom: 20px;
  }
  /*banner-css-end*/
  
  /*categories-css-start*/
  .category-blocks img{
      width: 100%;
      height: auto;
  }
  .category-blocks .slick-track{
      text-align: center;
  }
  .category-blocks .slick-slide>div {
      margin: 0 30px 60px;
      height: 100%;
  }
  .category-block {
      transition: ease-out all 0.2s;
  }
  .category-blocks .slick-slide>div:hover .category-block {
      transform: scale(0.9);
      transition: ease-in all 0.2s;
  }
  .category-blocks .slick-slide>div:last-child {
      margin-bottom: 0;
  }
  p.cat-n {
    color: black;
      padding-top: 20px;
      font-weight: 500;
  }
  .cat-arrow {
    position: absolute;
    background: var(--var-yellow-1);
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    z-index: 1;
    bottom: 0;
}
  .cat-arrow img {
      width: 10px;
      height: auto;
  }
  span.cat-arrow.a-left.slick-arrow {
    left: -80px;
    right: 0;
    margin: auto;
}
span.cat-arrow.a-right.slick-arrow {
    right: -80px;
    left: 0;
    margin: auto;
}
  /*categories-css-end*/
  
  /*specials-css-start*/
  .specials-blocks {
      border-radius: var(--radius-20);
      display: flex;
  }
  .specials-block-l {
      width: 30%;
      padding: 30px;
      border-right: 4px solid white;
  }
  .specials-block-r {
      width: 70%;
      padding: 30px 70px;
  }
  .specials-block-r .slick-track{
      margin-left: 0;
      margin-right: 0;
  }
  .specials-h {
      display: flex;
      flex-direction: column;
      height: 100%;
  }
  .specials-h h2 {
      padding: var(--padding-20);
      background: var(
      --var-yellow-2);
      border-radius: var(
      --radius-20);
      display: grid;
      grid-column-gap: 8px;
      font-size: 34px;
      grid-template-columns: 60px calc(100% - 68px);
      height: 100%;
      align-items: center;
  }
  .specials-h h2 img {
      height: 60px;
      width: auto;
  }
  .specials-h .highlight{
      display: block;
  }
  p.specials-offer, p.specials-con {
      font-size: 25px;
      font-weight: 500;
      line-height: 1.4;
  }
  p.specials-con {
      font-weight: 700;
  }
  .specials-txt{
      padding: var(--padding-20) 0;
  }
  /*specials-css-end*/
  
  /*popular-css-start*/
  .popular-blocks {
      display: flex;
      grid-column-gap: 30px;
  }
  .popular-l {
      width: 65%;
      padding: 0 40px;
  }
  .popular-r {
      width: 35%;
      background: var(--var-green-3);
      padding: 30px 30px 10px 30px;
      border-radius: var(--radius-20);
      display: flex;
      flex-direction: column;
  }
  .popular-r>div:nth-child(2) {
      margin-top: auto;
      text-align: right;
      position: relative;
      display: flex;
  }
  .popular-r>div:nth-child(2):before {
      content: '';
      position: absolute;
      width: 100%;
      height: 70%;
      background: var(--var-green-2);
      z-index: 0;
      left: 0;
      right: 0;
      margin: auto;
      bottom: -10px;
      border-radius: 300px 300px 0 0;
  }
  .popular-r img {
      max-width: 300px;
      height: auto;
      z-index: 1;
      position: relative;
  }
  .popular-txt h2 {
      font-size: 44px;
      padding-bottom: 25px;
  }
  /*popular-css-end*/
  
  /*mini-banners-css-start*/
  .mini-banner-blocks{
      grid-column-gap: 30px !important;
  }
  .mini-banner-blocks>div {
      border-radius: var(--radius-20);
      padding: 30px;
      display: flex;
      position: relative;
  }
  .mini-banner-txt {
      width: 80%;
      position: relative;
  }
  p.mini-banner-h {
      font-size: 38px;
      padding-bottom: 30px;
      line-height: 1.2;
  }
  .mini-banner-txt a.b-link {
      font-size: 20px;
  }
  .mini-banner-l .mini-banner-txt {
      padding-bottom: 30px;;
  }
  .mini-banner-r a{
      margin-left: auto;
  }
  .mini-banner-img {
      margin-top: auto;
      width: 100%;
      height: 100%;
  }
  .mini-banner-img img {
      max-width: 400px;
      height: auto;
      position: absolute;
      bottom: 10px;
      right: 30px;
  }
  .mini-banner-r img{
      left: 30px;
  }
  .mini-banner-r .mini-banner-txt{
      text-align: right;
  }
  .mini-banner-l:before, .mini-banner-r:before {
      content: '';
      background: url(../assets/homepage/green-wave.png);
      position: absolute;
      width: 80%;
      height: 100%;
      left: 0;
      right: 0;
      margin: auto;
      z-index: 0;
      background-repeat: no-repeat !important;
      background-size: contain !important;
      background-position: center 50px !important;
  }
  .mini-banner-r:before{
      background: url(../assets/homepage/yellow-wave.png);
  }
  .mini-banner-txt a{
      color: black;
  }
  /*mini-banners-css-end*/
  
  /*delivery-row-css-start*/
  .delivery-blocks{
      display: grid;
      grid-template-columns: 3fr 1.5fr;
  }
  p.del-min-cont {
      padding-right: 90px;
  }
  .del-blk-r {
      margin-left: -100px;
      position: relative;
      padding-top: 40px;
      margin-top: auto;
  }
  .del-blk-r:before {
      content: '';
      position: absolute;
      background: var(--var-yellow-1);
      width: 90%;
      height: calc(100% - 80px);
      bottom: 0;
      z-index: -1;
      border-radius: 300px 300px 0 0;
      right: 0;
      opacity: 0.2;
  }
  img.del-van {
      width: 100%;
      height: auto;
      margin-bottom: -5px;
  }
  /*delivery-row-css-end*/
  
  /*home-page-css-end*/
  
  /*footer-css-start*/
  .abv-foot-top {
      display: grid;
      grid-template-columns: 2fr 3fr 350px;
      align-items: end;
      position: relative;
      grid-gap: 20px;
  }
  img.footer-hero-img {
      margin: -60px 0 0;
      width: 100%;
      height: auto;
  }
  .cart-img-foot {
      position: relative;
      overflow: hidden;
      height: 100%;
  }
  img.footer-cart {
      position: absolute;
      right: 0;
      bottom: -20px;
      width: 280px;
      height: auto;
      transform: rotate(-20deg);
      opacity: 0.55;
      top: 0;
      margin: auto;
      z-index: 1;
  }
  .footer-del {
      display: flex;
      flex-direction: column;
      padding: 60px 0;
  }
  .footer-del h2 {
      font-size: 56px;
  }
  .footer-del-bot {
      padding-top: 50px;
  }
  .footer-del-bot {
      padding-top: 30px;
  }
  .footer-del-bot p {
      font-size: 28px;
      padding-bottom: 20px;
  }
  form.del-zone-form label {
      display: none;
  }
  form.del-zone-form input[type="text"] {
      padding: 15px 20px;
      font-size: 16px;
      border-radius: 40px;
      border: 1px solid var(--var-gray-2);
      min-width: 55%;
      margin-right: 20px;
      box-sizing: border-box;
      height: 50px;
  }
  form.del-zone-form input[type="text"]:focus-visible{
      outline-color: var(--var-yellow-1);
  }
  form.del-zone-form button {
      height: 50px;
      border: 1px solid white;
      background: var(--var-yellow-1);
      padding: 10px 20px 8px 20px;
      border-radius: var(--radius-40);
      font-weight: 600;
      font-size: 16px;
      font-family: 'Campton';
  }
  .abv-foot-bot-wrap{
      background: var(--var-gray-2);
      padding: var(--padding-20) 0;
  }
  .abv-foot-bot {
      display: flex;
      justify-content: space-between;
  }
  .abv-foot-bot a {
      display: grid;
      align-items: center;
      grid-column-gap: 10px;
      font-size: 26px;
      font-weight: 600;
      grid-template-columns: 30px calc(100% - 40px);
  }
  .abv-foot-bot a img {
      width: 30px;
      height: auto;
  }
  span.foot-social-txt {
      padding-top: 4px;
  }
  .prim-footer-top {
      display: grid;
      grid-template-columns: 4fr 1fr;
      padding-top: 70px;
      border-bottom: 1px solid var(--var-gray-2);
      grid-column-gap: 60px;
  }
  .prim-top-l {
      display: grid;
      grid-template-columns: 1fr 2fr 1fr 1fr;
      grid-column-gap: 30px;
      padding-bottom: 50px;
  }
  p.foot-h {
      margin-bottom: 0 !important;
      padding-bottom: 20px;
      font-size: 20px;
      font-weight: 500;
  }
  .foot-list ul {
      padding: 0;
      margin: 0;
      list-style: none;
  }
  .foot-list ul li {
      padding-bottom: 15px;
  }
  .foot-list ul li:last-child {
      padding-bottom: 0;
  }
  .foot-list ul li a {
      color: #545454;
  }
  .foot-list ul li a:hover{
      transition: ease all 0.2s;
      color: var(--var-green-1);
  }
  .prim-top-r {
      display: flex;
      align-items: end;
      justify-content: flex-end;
  }
  .prim-top-r img {
      height: 100%;
      width: auto;
      max-height: 320px;
  }
  .foot-two-list {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-column-gap: 20px;
  }
  .prim-footer-bot {
      display: grid;
      grid-template-columns: repeat(2,1fr);
      align-items: center;
      padding: 30px 0;
  }
  .prim-bot-r {
      display: flex;
      grid-column-gap: 30px;
      margin-left: auto;
      align-items: center;
  }
  .prim-bot-r img {
      max-width: 200px;
      height: auto;
  }
  .below-footer {
      background: var(--var-gray-2);
      padding: 20px 0;
  }
  .below-foot-blocks{
      display: grid;
      grid-template-columns: repeat(2,1fr);
      align-items: center;
  }
  .foot-pay {
      display: flex;
  }
  .foot-pay img {
      margin: 0 0 0 auto;
      max-width: 300px;
      height: auto;
  }
  .prim-bot-l img{
    width: 300px;
    height: auto;
  }
  /*footer-css-end*/
  
  /*product-page-css-start*/
  .product-det-left{
      position: relative;
  }
  .img-half-price {
      position: absolute;
      width: 80px;
      height: 80px;
      z-index: 1;
      border-radius: 100%;
      background: white;
      display: flex;
      justify-content: center;
      align-items: center;
      border: 8px solid var(--var-green-1);
      right: 10px;
      top: 10px;
  }
  .img-half-price p {
      margin-bottom: 0;
      text-align: center;
      font-size: 22px;
      font-weight: 600;
      line-height: 1.3;
      padding-top: 4px;
  }
  .img-half-price span {
      display: block;
  }
  section.product-breadcrumbs {
      padding: 20px 0;
  }
  .breadcrumbs a {
      color: #8a8a8a;
  }
  .breadcrumbs a:hover {
      color: var(--var-yellow-1);
      transition: ease all 0.2s;
  }
  .breadcrumbs .separator {
      color: #8a8a8a;
      margin: 0 5px;
  }
  a.bd-link {
      text-decoration: underline;
  }
  a.bd-active-link {
      color: black;
  }
  .product-details{
      display: flex;
      grid-column-gap: 50px;
  }
  .product-det-right, .product-det-left{
      width: 50%;
  }
  .products-images{
      display: flex;
      gap: 20px;
  }
  .productslides{
      width: 130px;
  }
  .productmain{
      width: calc(100% - 150px);
  }
  .productslides>div>div>div>div{
      padding-right: 1px;
  }
  .productslides .slick-slide.slick-current img {
      border-color: var(--var-green-1);
  }
  .productmain>div>div>div>div{
      padding-right: 2px;
  }
  img.product-image {
      border: 1px solid var(--var-gray-3);
      border-radius: var(--radius-20);
  }
  img.productslide {
      border: 1px solid var(--var-gray-3);
      border-radius: 15px;
      margin-bottom: 15px;
  }
  p.brand-link-text {
      color: var(--var-green-1);
      font-size: 18px;
      padding-bottom: 20px;
  }
  a.brand-link {
      font-weight: 500;
  }
  a.brand-link img {
      height: 13px;
      width: auto;
      margin-left: 2px;
  }
  .product-details h1.product-name {
      font-size: 28px;
      height: auto;
  }
  .product-details .sp-links{
      display: block;
  }
  .product-details .sp-links>div {
      display: inline-block;
      margin: 0 6px 6px 0;
  }
  .product-details .product-price {
      padding: 25px 0 5px;
      display: flex;
      align-items: center;
      gap: 10px;
  }
  .product-details .product-price span:nth-child(1) {
      color: black;
      display: inline-block;
      font-size: 28px;
  }
  .unit-price{
      color: #8a8a8a;
      font-size: 12px;
      padding-top: 10px;
  }
  .prod-det-cart-list, .prod-det-out-stock {
      display: grid;
      grid-column-gap: 25px;
      padding: 25px 0 45px;
      grid-template-columns: 1fr 1fr;
  }
  .prod-det-out-stock p {
      margin-bottom: 0;
      position: relative;
      padding-left: 20px;
      line-height: 16px;
      display: flex;
      align-items: center;
  }
  .prod-det-out-stock p:before {
      content: '';
      position: absolute;
      left: 0;
      top: -2px;
      bottom: 0;
      background: var(--var-yellow-1);
      width: 12px;
      height: 12px;
      border-radius: 100%;
      margin: auto;
  }
  .prod-det-cart-list .add-to-list, .prod-det-out-stock .add-to-list{
      width: auto;
      background: white;
      border: 2px solid var(--var-yellow-1);
      height: 22px;
      padding: 12px 20px;
      border-radius: 40px;
      color: black;
  }
  .prod-det-cart-list .add-to-list img, .prod-det-out-stock .add-to-list img {
      filter: invert(1);
  }
  span.prod-list-txt {
      font-weight: 600;
      padding-top: 2px;
      margin-left: 10px;
  }
  .prod-det-cart-list .cart-default {
      padding: 12px 20px;
      height: 22px;
      background: var(--var-green-1);
      font-size: 16px;
      width: auto;
      border: 2px solid var(--var-green-1);
      font-weight: 600;
  }
  .prod-det-cart-list span.add-cart-txt {
      font-size: 16px;
      padding-top: 3px;
  }
  .prod-det-cart-list .quantity_wrapper {
      padding: 5px 5px;
      border: 2px solid var(--var-green-1);
      display: flex;
      justify-content: space-between;
      height: 36px;
      align-items: anchor-center;
      border-radius: 40px;
  }
  .prod-det-cart-list .quantity_wrapper>button {
      height: 34px;
      width: 34px;
  }
  .product-details.list-active img.prod-list-active{
      display: block;
  }
  .product-details.cart-active .prod-det-cart-list .quantity_wrapper{
      display: flex;
  }
  .product-details.list-active img.prod-list, .product-details.cart-active span.cart-default, .product-details img.prod-list-active,  .product-details .quantity_wrapper{
      display: none;
  }
  .prod-det-why {
      padding-top: 40px;
      border-top: 1px solid var(--var-gray-3);
  }
  h2.prod-det-why-h, .product-det-content h2 {
      font-size: 25px;
  }
  .prod-det-why ul {
      margin: 15px 0 0;
      padding: 30px;
      border-radius: var(--radius-20);
      background: var(--var-gray-2);
      list-style: none;
  }
  .prod-det-why li {
      padding-bottom: 30px;
      display: grid;
      grid-template-columns: 75px calc(100% - 95px);
      grid-column-gap: 20px;
      align-items: center;
  }
  span.why-icon {
      background: var(--var-green-1);
      width: 75px;
      height: 75px;
      border-radius: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  span.why-icon img {
      height: 38px;
      width: auto;
  }
  span.why-h {
      display: block;
      font-weight: 600;
      font-size: 17px;
  }
  .prod-det-why li:last-child {
      padding-bottom: 0;
  }
  .product-det-content h2{
      padding-bottom: 15px;
  }
  .product-details-accordion.accordion-container {
      margin-top: 40px;
    }
    .product-details-accordion .accordion {
      color: #000;
      padding: 20px 0;
      width: 100%;
      text-align: left;
      cursor: pointer;
      transition: 0.3s;
      display: flex;
      align-items: center;
      border-bottom: 1px solid var(--var-gray-3);
      font-size: 18px;
    }
    .product-details-accordion .accordion img {
      height: 12px;
      margin-left: auto;
      width: auto;
      transition: ease-out all 0.2s;
  }
  .product-details-accordion .accordion.open img{
      transform: rotate(180deg);
      transition: ease-in all 0.2s;
  }
    .product-details-accordion .accordion:first-child {
      padding-top: 0;
  }
    
  .product-details-accordion .panel {
      overflow: hidden;
      max-height: 0;
      display: none;
      border-bottom: 1px solid transparent; 
      visibility: hidden;
    }
    .prod-det-content-box {
      padding-top: 30px;
  }
  .product-details-accordion .accordion.open + .panel {
      border-bottom: 1px solid var(--var-gray-3);
      visibility: visible;
    }
    .product-details-accordion .accordion.open {
      border-bottom: none;
      color: var(--var-green-1);
      font-weight: 500;
  }
  .product-tabs.tab-container {
      margin: 40px auto 0;
  }
  .tab-buttons {
      overflow: hidden;
    }
    .product-tabs .tab-buttons button {
      background: none;
      border: none;
      outline: none;
      padding: 12px 24px;
      cursor: pointer;
      transition: 0.3s;
      font-size: 22px;
      border-radius: 15px 15px 0 0;
      align-items: center;
      display: inline-flex;
      grid-column-gap: 7px;
      transition: ease all 0.2s;
      font-family: 'Campton';
      font-weight: 500;
  }
  .product-tabs button.tab-link img {
      transform: rotate(270deg);
      height: 10px;
      width: auto;
  }
  .product-tabs button.tab-link.active img {
      transform: rotate(0deg);
  }
  .product-tabs .tab-buttons button:hover {
      background-color: var(--var-gray-2);
    }
  .product-tabs .tab-buttons button.active {
      background-color: var(--var-gray-2);
    }
    .tab-content {
      display: none;
    }
    .product-tabs .tab-content {
      background: var(--var-gray-2);
      padding: 30px;
      border-radius: 0 15px 15px 15px;
    }
  .tab-content.active {
      display: block;
    }
    .product-tabs #tab2.tab-content.active{
      border-radius: 15px;
    }
    form.prod-del-zone-form {
      display: flex;
      align-items: center;
  }
  .product-tabs form.prod-del-zone-form button {
      width: 50px;
      display: flex;
      align-items: center;
      padding: 0;
      justify-content: center;
  }
  .product-tabs form.prod-del-zone-form button img {
      height: 22px;
      width: auto;
  }
  .product-tabs form.prod-del-zone-form input[type="text"] {
      min-width: calc(100% - 110px);
  }
  div#warehouse-addresses ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
  /*product-page-css-end*/
  
  /*related-product-listing-css-start*/
  .related-products h2{
      padding-bottom: 20px;
  }
  .related-product-listing>.slick-list{
      margin: 0 -15px;
  }
  span.rel-prod-list-arrow.a-left {
      left: auto;
      right: 60px;
      z-index: 9;
  }
  span.rel-prod-list-arrow.a-right {
      right: 0px;
  }
  ul.slick-dots {
      padding: 0 0 0 24px;
      margin: 20px auto 0;
      display: flex;
      /* grid-column-gap: 20px; */
      justify-content: center;
      width: fit-content;
  }
  ul.slick-dots li {
      margin: 0 12px;
  }
  ul.slick-dots li::marker {
      font-size: 40px;
  }
  ul.slick-dots li.slick-active::marker {
      color: var(--var-green-1);
  }
  ul.slick-dots button {
      display: none;
  }
  /*related-product-listing-css-end*/
  
  /*category-page-css-start*/
  /*category-sidebar-css-start*/
  div#category-sidebar-placeholder {
      border-right: 1px solid var(--var-gray-3);
    }
    .category-sidebar {
      height: 100%;
      padding: 0 20px 0 0;
    }
    .category-menu-header {
      margin-bottom: 25px;
  }
  #category-menu-title {
      font-size: 22px;
      margin: 0 0 25px;
      line-height: 1.4;
  }
    a#all-categories-link img, button.category-back-button img {
      height: 10px;
      width: auto;
      margin-right: 8px;
      transform: rotate(180deg);
  }
  a#all-categories-link:hover, button.category-back-button:hover{
      text-decoration: none;
  }
    .category-menu {
      list-style: none;
      padding: 0;
      margin: 0;
    }
    .category-menu li {
      display: flex;
      align-items: center;
      cursor: pointer;
      padding: 12px 20px;
      border-radius: 10px;
      margin: 0 0 0 -20px;
      gap: 20px;
      position: relative;
  }
  .category-menu li span {
      display: flex;
      align-items: center;
      /* line-height: 15px; */
  }
  img.cat-ar-r {
      height: 12px;
      width: auto;
  }
  .category-menu .category-image {
      width: 40px;
      height: auto;
  }
  .category-menu li:hover{
      background-color: var(--var-gray-2);
      transition: ease all 0.2s;
  }
  .category-menu li.active, li.all-category {
      background-color: var(--var-gray-2);
      transition: ease all 0.2s;
      border: 1px solid var(--var-green-1) !important;
  }
  span.cat-menu-name {
      margin-top: 2px;
  }
  button.category-back-button {
      color: var(--var-green-1);
      background: transparent;
      border: none;
      font-size: 16px;
      padding: 0;
      text-decoration: underline;
  }
  span.prod-count {
      background: var(--var-gray-2);
      width: 24px;
      height: 24px;
      justify-content: center;
      display: flex;
      font-size: 14px;
      border-radius: 20px;
      align-items: center;
      padding-top: 2px;
      position: absolute;
      right: 20px;
      top: 0;
      bottom: 0;
      margin: auto;
  }
  .category-menu li:hover span.prod-count, .category-menu li.active span.prod-count {
      background: var(--var-green-1);
      color: white;
  }
  /*category-sidebar-css-end*/
  
  .category-page-block {
      display: grid;
      grid-template-columns: 1fr 4fr;
      padding-top: 20px;
  }
  .category-products-listing {
      display: grid;
      grid-template-columns: repeat(5,1fr);
      grid-column-gap: 20px;
      grid-row-gap: 30px;
  }
  .category-products {
      padding-left: 20px;
  }
  .filters {
      display: flex;
      grid-column-gap: 15px;
      padding: 20px 0 40px;
      align-items: center;
  }
  .filter-blocks {
      display: flex;
      grid-column-gap: 40px;
      align-items: center;
  }
  .filter-block {
      position: relative;
  }
  #filters-1:before {
      content: '';
      position: absolute;
      height: 97%;
      width: 1px;
      background: var(--var-gray-3);
      left: auto;
      right: -20px;
  }
  .filter-block>span {
      background: var(--var-gray-2);
      padding: 6px 17px 4px;
      border-radius: 40px;
      margin-right: 10px;
  }
  .filter-2 img {
      height: 11px;
      margin-right: 7px;
      width: auto;
  }
  .filter-sidebar {
      position: fixed;
      top: 0;
      right: 0;
      height: 100%;
      width: 20%;
      background-color: white;
      box-shadow: 2px 0 10px rgba(0, 0, 0, 0.2);
      transform: translateX(100%);
      transition: transform 0.3s ease;
      overflow-y: auto;
      z-index: 1000;
      display: flex;
      flex-direction: column;
  }
    .filter-sidebar.open {
      transform: translateX(0);
    }
    .filter-sidebar-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 30px;
      border-bottom: 1px solid var(--var-gray-3);
    }
    .filter-close-btn {
      background: none;
      border: none;
      font-size: 30px;
      cursor: pointer;
      color: black;
    } 
    #filter-options {
      display: flex;
      flex-direction: column;
      padding: 30px;
  }
  .filter-option {
      padding-bottom: 20px;
      border-bottom: 1px solid var(--var-gray-3);
  }
    .filter-option input[type="range"] {
      width: 100%;
    }
    
    #price-range-value {
      display: inline-block;
      margin-left: 10px;
      padding-top: 10px;
  }
  
    .filter-accordion {
      padding: 20px 0;
      border-bottom: 1px solid var(--var-gray-3);
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-weight: 500;
      transition: ease-in all 0.2s;
  }
  .filter-accordion:hover{
      opacity: 0.6;
      transition: ease-out all 0.2s;
  }
  .filter-accordion.open{
      border-bottom: none;
  }
  .filter-accordion.open + .filter-panel{
      border-bottom: 1px solid var(--var-gray-3);
  }
  .filter-accordion img {
      height: 10px;
      width: auto;
  }
  .filter-panel label, .filter-option>label {
      display: block;
      padding-bottom: 10px;
  }
  .filter-option>label {
      font-weight: 500;
  }
  .filter-panel label:last-child {
      padding-bottom: 0px;
  }
  div#filter-buttons {
      margin: auto 0 0;
      padding: 30px;
      display: flex;
      justify-content: center;
      grid-column-gap: 30px;
  }
  .filter-button {
      background: var(--var-green-1);
      color: white;
      width: 100%;
      border: none;
      font-size: 16px;
      display: block;
      padding: 12px 20px 10px 20px;
      border-radius: 40px;
      font-family: 'Campton';
      font-weight: 500;
      transition: ease all 0.2s;
  }
  button#apply-filters {
      background: var(--var-green-1);
      color: white;
  }
  .filter-button:hover {
      background: var(--var-yellow-1) !important;
      color: black !important;
  }
    .category-products-head {
      padding-bottom: 20px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 14px;
  }
  .sort-filter img {
      height: 7px;
      width: auto;
      margin-left: 2px;
  }
  .cat-product-count {
      color: #8a8a8a;
  }
  .filter-panel {
      display: none;
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease-out, padding 0.3s ease-out;
    }
    
    .filter-panel.open {
      display: block;
      max-height: 500px; /* Or whatever height is suitable */
    }
    .pagination {
      padding-top: 50px;
      justify-content: center;
      display: flex;
      grid-column-gap: 20px;
      align-items: center;
  }
  span.pagi-num {
      width: 32px;
      height: 30px;
      border-radius: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      padding-top: 2px;
  }
  span.pagi-num.active {
      color: white;
      background-color: #000;
  }
  img.pg-arrow-l, img.pg-arrow-r {
      height: 20px;
      width: auto;
  }
  img.pg-arrow-l{
      transform: rotate(180deg);
  }
  .filter-1:hover, .filter-1:active {
      background: var(--var-yellow-1);
      cursor: pointer;
      transition: ease-in all 0.2s;
  }
  span.filter-close {
      display: none;
  }
  .filter-1:active span.filter-close {
      display: inline;
  }
  /*category-page-css-end*/
  
  /*login | forgot password page-css-start*/
  body.login-page {
      position: relative;
      min-height: 100dvh;
      display: flex;
      flex-direction: column;
  }
  .login-header.container {
    display: grid;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
    grid-template-columns: repeat(3,1fr);
}
.login-header.container a:nth-child(2) {
    text-align: center;
    margin: auto;
}
.login-header.container a:last-child {
    margin-left: auto;
}
  .secondary-page header {
      box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  }
  img.login-logo {
      height: 50px;
      width: auto;
  }
  .login-window-block{
      max-width: 300px;
      margin: auto;
  }
  .login-window-block h2 {
      font-size: 16px;
      padding: 10px 0 20px;
      font-weight: 400;
  }
  .login-window-block h1 {
      font-size: 32px;
  }
  form.login-form, .forgot-password-form {
      /* max-width: 300px; */
      margin: auto;
      display: grid;
      grid-row-gap: 10px;
  }
  form.login-form input, .forgot-password-form input {
      display: block;
      margin: auto;
      /* max-width: 280px; */
      width: 100%;
      background: transparent;
      border-radius: 10px;
      padding: 10px 10px 8px;
      height: 50px;
      box-shadow: none;
      border: 1px solid var(--var-gray-3);
      font-size: 16px;
      box-sizing: border-box;
  }
  a.b-link.forgot-p {
      font-size: 14px;
      padding: 8px 0 20px;
  }
  form.login-form input[type="submit"], .forgot-password-form input[type="submit"] {
      background-color: var(--var-green-1) !important;
      border: none !important;
      height: 50px !important;
      color: white;
      transition: ease-out all 0.2s;
      cursor: pointer;
  }
  form.login-form input[type="submit"]:hover, .forgot-password-form input[type="submit"]:hover {
      background-color: var(--var-yellow-1) !important;
      transition: ease-in all 0.2s;
  }
  p.sign-up-txt {
      font-size: 14px;
      padding-top: 15px;
  }
  .secondary-page footer {
      padding: 20px 0;
      margin-top: auto;
  }
  .login-footer {
      display: flex;
      justify-content: space-between;
      font-size: 14px;
  }
  .reset-txt{
      padding-top: 10px;
  }
  /*login | forgot password page-css-end*/
  
  /*signup-page-css-end*/
  .form-step {
      display: none;
      padding: 50px 80px;
  }
  .form-step.active {
      display: block;
  }
  input.fullFormField {
      display: block;
  }
  .signup-window-block {
      background: var(--var-gray-2);
      border-radius: 20px;
  }
  
  .progress-container {
      width: 100%;
      background-color: var(--var-gray-3);
      height: 5px;
      overflow: hidden;
    }
    .progress-bar {
      height: 100%;
      width: 50%;
      background-color: var(--var-green-1);
      transition: width 0.3s ease;
    }
    .step-name {
      font-weight: 500;
      font-size: 20px;
      padding: 25px 20px 20px;
      text-align: center;
  }
  .form-step h2 {
      font-size: 26px;
      padding-bottom: 5px;
  }
  .form-step h3 {
      font-size: 20px;
      padding-bottom: 10px;
      line-height: 1.6;
  }
  .formField {
      margin-bottom: 20px;
  }
  form#signupForm input[type="text"], form#signupForm input[type="email"], form#signupForm input[type="password"], form#signupForm input[type="phone"] {
      width: 100%;
      box-sizing: border-box;
      border: 1px solid var(--var-gray-3);
      padding: 10px 20px;
      border-radius: 10px;
      height: 50px;
      font-size: 16px;
  }
  span.form-info-txt {
      display: block;
      padding-top: 15px;
      font-size: 14px;
  }
  span.info-icon {
      background: var(--var-yellow-1);
      width: 20px;
      height: 16px;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      padding-top: 4px;
      border-radius: 100%;
      margin-right: 7px;
  }
  .formCheck {
      display: flex;
      align-items: flex-start;
      gap: 5px;
  }
  .formCheck label{
      padding-top: 3px;
  }
  form#signupForm .navigation-buttons {
      padding-top: 40px;
  }
  form#signupForm .navigation-buttons button {
      background: var(--var-green-1);
      border: none;
      border-radius: 10px;
      padding: 14px 24px 12px;
      display: flex;
      align-items: center;
      color: white;
      font-size: 16px;
  }
  form#signupForm .navigation-buttons button img {
      height: 13px;
      width: auto;
      margin: -2px 0 0 10px;
  }
  span.otp-email {
      display: block;
      font-size: 16px;
  }
  .navigation-buttons-2 {
      display: flex;
      gap: 20px;
  }
  form#signupForm select {
      width: 100%;
      background-color: white;
      box-sizing: border-box;
      border: 1px solid var(--var-gray-3);
      border-radius: 10px;
      height: 50px;
      font-size: 16px;
      padding: 10px 20px;
  }
  form#signupForm input[type="text"]:focus, form#signupForm input[type="email"]:focus, form#signupForm input[type="password"]:focus, form#signupForm input[type="phone"]:focus, form#signupForm select:focus {
      outline-color: var(--var-green-1);
  }
  span.l-separator {
      display: block;
      height: 1px;
      width: 100%;
      background: var(--var-gray-3);
      margin-bottom: 20px;
  }
  .password-field {
    margin-bottom: 20px;
}
  /*signup-page-css-end*/
  
  /*checkout-payment-page-css-start*/
  .checkout-row {
      display: flex;
      grid-column-gap: 30px;
  }
  .checkout-details {
      width: 50%;
      display: flex;
      grid-row-gap: 30px;
      flex-direction: column;
  }
  .checkout-details-1, .checkout-details-2 {
      border-radius: 20px;
      background: var(--var-gray-2);
      box-shadow: 0 2px 8px -2px #3a474e26;
      padding: 30px;
      display: grid;
      grid-template-columns: 40px calc(100% - 60px);
      grid-column-gap: 20px;
  }
  .checkout-num {
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 2px solid black;
      border-radius: 100%;
      padding-top: 4px;
      font-weight: 600;
      font-size: 20px;
      box-sizing: border-box;
  }
  span.checkout-comp.checkout-num {
      background: var(--var-green-1);
      border-color: var(--var-green-1);
      color: white;
  }
  .checkout-details-r h2, .checkout-cart-details h2 {
      font-size: 24px;
      padding: 10px 0 20px;
      border-bottom: 1px solid var(--var-gray-3);
      margin-bottom: 20px;
  }
  .checkout-sub-details {
      padding-bottom: 20px;
  }
  p.checkout-h {
      font-weight: 500;
  }
  .checkout-sub-details p {
      margin-bottom: 0;
      padding-bottom: 5px;
  }
  .checkout-cart-details {
      width: 50%;
      border-radius: 20px;
      background: var(--var-gray-2);
      box-shadow: 0 2px 8px -2px #3a474e26;
      padding: 30px;
      display: flex;
      flex-direction: column;
      height: fit-content;
  }
  .checkout-cart-details ul.cart-items-list {
      padding: 0 0 20px;
  }
  .checkout-cart-details a.site-btn {
      width: 100%;
      text-align: center;
      margin-top: auto;
  }
  .payment-row {
      display: flex;
      margin: auto !important;
      justify-content: center;
  }
  .payment-row>div {
      /* width: 50%; */
      border-radius: 20px;
      background: var(--var-gray-2);
      box-shadow: 0 2px 8px -2px #3a474e26;
      padding: 30px;
  }
  .order-summary h1 {
      font-size: 24px;
      padding-bottom: 20px;
  }
  .order-summary span.l-separator{
      margin-bottom: 30px;
  }
  .o-summary-det {
      padding-bottom: 30px;
      display: grid;
      grid-row-gap: 5px;
  }
  .order-h, .delivery-det-h {
      font-weight: 500;
  }
  .coupon-code-form{
      display: flex;
      gap: 20px;
      align-items: center;
  }
  .coupon-code-form input[type="text"]{
      width: 100%;
      box-sizing: border-box;
      border: 1px solid var(--var-gray-3);
      padding: 10px 20px;
      border-radius: 10px;
      height: 50px;
      font-size: 16px;
  }
  .coupon-code-form button {
      border: none;
      background: var(--var-yellow-1);
      box-sizing: border-box;
      border-radius: 10px;
      height: 50px;
      font-size: 16px;
      padding: 14px 24px 12px;
  }
  .trolley-total, .delivery-summary, .order-total, .order-savings {
      display: flex;
      justify-content: space-between;
      align-items: center;
  }
  .order-total p {
      font-size: 20px;
      font-weight: 600;
  }
  span.total-subh {
      font-weight: 400;
      font-size: 16px;
  }
  .payment-summary{
      display: flex;
      flex-direction: column;
  }
  .payment-summary-h2 {
      font-size: 24px;
      background: black;
      border-radius: 10px;
      padding: 14px 24px 12px;
      color: white;
      text-align: center;
      margin-bottom: 30px;
  }
  .payment-summary a.site-btn {
      margin-top: auto;
      width: 100%;
      text-align: center;
  }
  .delivery-summary {
      opacity: 0.55;
  }
  div#user-details-edit-form {
      grid-template-areas: 'edit-fname edit-lname'
          'edit-email edit-email'
          'edit-mobile edit-mobile'
          'confirm-user cancel-user';
      grid-column-gap: 10px;
      grid-row-gap: 10px;
  }
  div#user-details-edit-form input {
      border: none;
      border-radius: 7px;
      padding: 10px 15px 8px;
      font-family: 'Campton';
      font-size: 16px;
  }
  input#edit-fname {
      grid-area: edit-fname;
  }
  input#edit-lname {
      grid-area: edit-lname;
  }
  input#edit-email {
      grid-area: edit-email;
  }
  input#edit-mobile {
      grid-area: edit-mobile;
  }
  button#confirm-user-details {
      grid-area: confirm-user;
      border-color: var(--var-yellow-1);
  }
  button#cancel-user-details {
      grid-area: cancel-user;
      border-color: var(--var-green-1);
      background: var(--var-green-1);
      color: white;
  }
  div#user-details-edit-form button {
      padding: 10px 20px 8px 20px;
      border-radius: 40px;
      font-size: 16px;
      font-weight: 500;
      border-style: solid;
  }
  textarea#delivery-notes-textarea {
      border: none;
      border-radius: 7px;
      padding: 10px 15px 8px;
      font-family: 'Campton';
      font-size: 16px;
      box-sizing: border-box;
      margin-bottom: 15px;
      height: 100px;
  }
  /*checkout-payment-page-css-end*/
  
  /*account-page-css-start*/
  .account-tabs {
      display: grid;
      grid-template-columns: 1fr 3fr;
  }
  .account-tabs-left{
      padding-right: 50px;
      border-right: 1px solid var(--var-gray-3);
  }
  .main-tabs.tab-buttons {
      display: grid;
      grid-row-gap: 5px;
  }
  .main-tabs>button {
      padding: 14px 24px 12px;
      border-radius: 10px;
      border: none;
      font-size: 16px;
      background: none;
      text-align: left;
      display: flex;
      align-items: center;
      gap: 8px;
  }
  span.acct-txt {
      height: fit-content;
      margin-top: 3px;
  }
  .main-tabs>button.active {
      background: var(--var-gray-2);
      border: 1px solid var(--var-green-1);
  }
  .main-tabs-content{
      padding-left: 50px;
  }
  .sub-tabs .tab-buttons {
      border-bottom: 1px solid var(--var-gray-3);
      position: relative;
      overflow: visible;
  }
  .sub-tabs button.tab-link {
      background: none;
      border: none;
      font-size: 16px;
      padding: 12px;
      margin-bottom: -1px;
      position: relative;
  }
  .sub-tabs button.tab-link.active:before {
      content: '';
      position: absolute;
      width: 100%;
      height: 3px;
      bottom: -1px;
      left: 0;
      background: var(--var-yellow-1);
      z-index: 2;
  }
  .sub-tabs .tab-contents {
      padding-top: 40px;
  }
  .tab-content h2 {
      font-size: 26px;
      padding-bottom: 10px;
  }
  .past-orders p{
      margin-bottom: 0;
  }
  .p-order-det {
      display: flex;
      justify-content: space-between;
      align-items: center;
  }
  p.p-order-date {
      display: flex;
      align-items: center;
  }
  p.p-order-date img {
      margin-right: 10px;
  }
  .p-order-det>p{
      font-size: 18px;
      font-weight: 500;
      line-height: 17px;
  }
  .past-order img {
      width: 25px;
  }
  .past-orders .delivery-day, .past-orders .delivery-date{
      margin-top: 6px;
  }
  .past-orders .delivery-date{
      margin-left: 5px;
  }
  .p-order-pl, .p-order-cta {
      padding-top: 20px;
  }
  .p-order-pl p {
      font-size: 14px;
  }
  .p-order-mode, .p-order-suburb{
      font-weight: 500;
  }
  .p-order-pl>p:nth-child(1) {
      padding-bottom: 5px;
  }
  span.p-order-suburb {
      text-transform: uppercase;
  }
  .p-order-cta {
      display: flex;
      grid-column-gap: 20px;
  }
  .p-order-cta a.site-btn-2 {
      padding: 14px 24px 12px;
  }
  .past-order{
      padding-bottom: 30px;
      border-bottom: 1px solid var(--var-gray-3);
      margin-bottom: 30px;
  }
  .p-order-pl p:nth-child(2) {
      display: flex;
      align-items: center;
      gap: 30px;
  }
  span.p-order-num {
      position: relative;
  }
  span.p-order-num:before {
      content: '';
      position: absolute;
      width: 5px;
      height: 5px;
      border-radius: 100%;
      background: var(--var-green-1);
      right: -15px;
      top: -2px;
      bottom: 0;
      margin: auto;
  }
  .saved-address p {
      margin-bottom: 0;
  }
  .saved-address {
      display: grid;
      grid-template-columns: 20px 4fr 2fr;
      grid-column-gap: 15px;
      padding: 30px 0;
      border-bottom: 1px solid var(--var-gray-3);
  }
  .saved-address p.delivery-address {
      padding-bottom: 13px;
      font-weight: 500;
  }
  .saved-address span.delivery-address-sub {
      display: block;
      font-weight: 400;
  }
  .saved-address span.user-f-name, .saved-address span.user-l-name {
      font-weight: 500;
  }
  .saved-address:last-child {
      border-bottom: none;
  }
  div#tab3 {
      width: 60%;
  }
  .saved-address a.b-link{
      margin-left: auto;
  }
  .address-search p {
      font-size: 14px;
      padding-top: 10px;
      color: #848484;
  }
  form.address-search>div {
      display: flex;
      gap: 10px;
      border: 1px solid var(--var-gray-3);
      padding: 5px;
      border-radius: 40px;
      align-items: anchor-center;
  }
  form.address-search>div input {
      width: 100%;
      background: transparent;
      border: none;
      box-sizing: border-box;
      padding: 10px;
  }
  form.address-search {
      padding-bottom: 30px;
      border-bottom: 1px solid var(--var-gray-3);
  }
  .acct-hi{
      color: #848484;
  }
  .account-tabs h1{
      padding-bottom: 30px;
  }
  .sub-details .sub-details-h, .security-details-h {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 20px 0 30px;
  }
  .security-details-h{
      padding-bottom: 20px;
  }
  .sub-details, .security-det {
      padding-bottom: 20px;
      border-bottom: 1px solid var(--var-gray-3);
      margin-bottom: 20px;
  }
  .sub-details:last-child, .past-order:last-child, .security-det:last-child {
      padding-bottom: 0;
      border-bottom: none;
      margin-bottom: 0;
  }
  .sub-det{
      padding-bottom: 20px;
  }
  p.sub-det-h {
      font-weight: 500;
  }
  /*account-page-css-end*/
  
  /*list-page-css-start*/
  .list-header-wrapper {
      margin-bottom: 30px !important;
  }
  .list-header {
      border-radius: 15px;
      padding: 20px 30px;
      display: grid;
      grid-template-columns: 4fr 1fr;
      align-items: center;
      background: var(--var-yellow-1);
  }
  .list-header-right {
      padding: 15px 0 15px 20px;
      border-left: 1px solid white;
  }
  p.list-total {
      display: flex;
      justify-content: space-between;
      font-size: 20px;
      font-weight: 500;
      line-height: 18px;
  }
  .list-header a:hover span.cart-default.add_cart.add_to_cart {
      background: var(--var-green-1);
  }
  /*list-page-css-end*/
  
  /*bought-before-css-start*/
  .multiple-quick-add {
      display: flex;
      justify-content: space-between;
      padding: 20px;
      background: var(--var-green-2);
      border-radius: 15px;
      margin-bottom: 25px;
      align-items: center;
  }
  .multiple-quick-add-l h2 {
      padding-bottom: 5px;
  }
  .multiple-quick-add span.cart-default{
      padding: 4px 20px;
  }
  /*bought-before-css-end*/
  
  /*blog-listing-css-start*/
  .single-post-container img {
    width: 100%;
    height: auto;
    border-radius: 20px;
    margin-bottom: 30px;
}
  .blog-listing-header {
      display: grid;
      gap: 30px;
      width: 100%;
      grid-template-columns: calc(100% - 80px) 50px;
      align-items: center;
      padding: 50px 0;
  }
  form.blog-search {
      display: flex;
      align-items: center;
      gap: 10px;
      background: var(--var-gray-2);
      height: 50px;
      padding: 5px 20px;
      border-radius: 40px;
      box-sizing: border-box;
  }
  form.blog-search input {
      width: 100%;
      background: transparent;
      border: none;
      font-size: 16px;
      margin-top: 3px;
  }
  .blog-sort-toggle {
      display: flex;
      position: relative;
      width: 50px;
      height: 50px;
      background: var(--var-green-1);
      border-radius: 100%;
      align-items: center;
      box-sizing: border-box;
      flex-direction: column;
      justify-content: center;
      gap: 7px;
      padding: 13px;
  }
  .blog-sort-toggle>span {
      display: block;
      position: relative;
      height: 2px;
      background-color: white;
      margin-left: auto;
  }
  .sort-toggle-1, .sort-toggle-3{
      width: 100%;
  }
  .sort-toggle-2{
      width: 65%;
  }
  .blog-listing h1 {
      padding-bottom: 20px;
  }
  .blog-filters {
      display: flex;
      overflow: auto;
      gap: 10px;
      padding-bottom: 15px;
  }
  a.blog-filter {
      background: var(--var-gray-2);
      padding: 12px 24px 10px 24px;
      border-radius: 40px;
      color: black;
      display: flex;
      align-items: center;
      gap: 6px;
      transition: ease-out all 0.2s;
  }
  a.blog-filter.blog-filter-active, a.blog-filter:hover {
      background: var(--var-yellow-1);
      font-weight: 500;
      transition: ease-in all 0.2s;
  }
  a.blog-filter .blog-close {
      display: none;
  }
  a.blog-filter.blog-filter-active .blog-close {
      display: inline;
      font-size: 12px;
  }
  .blog-filters::-webkit-scrollbar-track {
      background: var(--var-gray-2);
      border-radius: 5px;
  }
  .blog-filters::-webkit-scrollbar-thumb {
      background: var(--var-yellow-1);
  }
  .blog-filters::-webkit-scrollbar {
      height: 3px; /* horizontal scrollbar height */
  }
  .blog-listing-body {
      display: grid;
      grid-row-gap: 50px;
  }
  .featured-blog-grid {
      display: grid;
      grid-template-columns: repeat(2,1fr);
      box-sizing: border-box;
      grid-column-gap: 30px;
  }
  img.blog-thumbnail {
      max-height: 250px;
      width: 100%;
      object-fit: cover;
  }
  .featured-blog-r {
      display: grid;
      grid-row-gap: 30px;
  }
  .blog-listing-block{
      border-radius: 20px;
      overflow: hidden;
      background: var(--var-gray-2);
      position: relative;
  }
  .featured-blog-r>div .blog-listing-details {
      display: grid;
      grid-template-columns: 1fr 2fr;
      height: 100%;
  }
  .featured-blog-r>div .blog-listing-details img.blog-thumbnail {
      max-height: none;
      height: 100%;
  }
  .blog-txt {
      padding: 20px 25px 30px;
  }
  p.blog-txt-h {
      font-size: 22px;
      font-weight: 500;
      padding-bottom: 10px;
  }
  .featured-blog-r>div .blog-listing-details p.blog-txt-link {
      display: none;
  }
  p.blog-txt-link {
      display: inline-block;
      align-items: center;
      padding: 8px 17px 6px;
      background: var(--var-green-1);
      border-radius: 40px;
      color: white;
      font-size: 14px;
      margin-top: 20px;
      cursor: pointer;
      transition: ease-out all 0.2s;
  }
  p.blog-txt-link:hover{
      background: var(--var-yellow-1);
      color: black;
      transition: ease-in all 0.2s;
  }
  p.blog-txt-link:hover img{
      filter: invert(1);
  }
  p.blog-txt-link img {
      height: 11px;
      width: auto;
      margin: 0 0 -1px 2px;
  }
  .featured-blog-grid h2{
      padding-bottom: 20px;
  }
  .blog-listing-body h2 {
      font-size: 32px;
  }
  .blog-listing-type-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-bottom: 30px;
  }
  a.blog-head-link {
      text-transform: uppercase;
      border-bottom: 2px solid var(--var-yellow-2);
      padding-bottom: 5px;
      font-weight: 500;
      font-size: 14px;
  }
  span.blog-head-link-img {
      width: 18px;
      height: 18px;
      border: 2px solid;
      display: inline-block;
      text-align: center;
      border-radius: 100%;
      line-height: 20px;
      margin: -1px 0 0 5px;
  }
  span.blog-head-link-img img {
      height: 10px;
      width: auto;
  }
  .blog-listing-grid {
      display: grid;
      grid-template-columns: repeat(3,1fr);
      grid-column-gap: 30px;
      grid-row-gap: 30px;
  }
  a.blog-link {
      position: absolute;
      width: 100%;
      height: 100%;
  }
  /*blog-listing-css-end*/
  
  /*main-categories-page-css-start*/
  .category-listing-blocks {
      display: grid;
      grid-template-columns: repeat(4,1fr);
      grid-column-gap: 30px;
      grid-row-gap: 30px;
  }
  .category-listing-block {
      display: grid;
      grid-template-columns: calc(100% - 80px) 60px;
      grid-column-gap: 20px;
      background: var(--var-gray-2);
      align-items: center;
      border-radius: 15px;
      padding: 10px 10px 10px 20px;
      transition: ease-out all 0.2s;
  }
  .category-listing-block p.cat-n {
      padding-top: 0;
      margin-bottom: 0;
  }
  .category-listing-block img {
      width: 100%;
      height: auto;
  }
  .category-listing-block:hover {
      background: var(--var-yellow-1);
      transition: ease-in all 0.2s;
  }
  /*main-categories-page-css-end*/
  
  /*contact-page-css-start*/
  #otherField{
      display: none;
  }
  h3.sub-h {
      padding-bottom: 10px;
  }
  .contact-details {
      display: grid;
      grid-template-columns: 1fr 1.5fr;
      grid-column-gap: 80px;
      padding-top: 70px;
  }
  ul.contact-list {
      padding: 0;
      margin: 0;
      list-style: none;
  }
  ul.contact-list li{
      padding-bottom: 25px;
  }
  ul.contact-list li:last-child{
      padding-bottom: 0;
  }
  ul.contact-list li {
      display: grid;
      grid-template-columns: 30px calc(100% - 35px);
      grid-column-gap: 10px;
  }
  span.cont-info-h, .cont-social p {
      font-size: 22px;
      font-weight: 500;
      display: block;
      line-height: 20px;
      padding-bottom: 12px;
  }
  span.cont-info-a a {
      color: inherit;
      font-size: 17px;
      line-height: 17px;
  }
  span.cont-info-a {
      font-size: 17px;
      line-height: 17px;
  }
  span.cont-info-a:hover{
      color: var(--var-green-1);
  }
  span.next-line {
      display: block;
  }
  span.cont-info-txt .next-line {
      padding-top: 10px;
  }
  .contact-form{
      background-color: var(--var-gray-2);
      border-radius: var(--radius-20);
      padding: 50px;
  }
  form.cont-form label {
      display: none;
  }
  form.cont-form {
      display: grid;
      grid-row-gap: 30px;
  }
  .form-row {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-column-gap: 30px;
  }
  .form-field input, .form-field textarea {
      color: black;
      background-color: transparent;
      width: 100%;
      border-width: 0 0 1px 0;
      border-color: var(--var-gray-3);
      font-size: 16px;
      font-family: 'Campton';
      padding: 10px 0;
      height: 40px;
      box-sizing: border-box;
  }
  .form-field textarea{
      height: auto;
  }
  .form-field select {
      background: transparent;
      height: 40px;
      align-items: center;
      width: 100%;
      font-size: 16px;
      border-width: 0 0 1px 0;
      padding: 10px 0;
      font-family: 'Campton';
      border-color: var(--var-gray-3);
      color: #757575;
  }
  span.cont-info-a b {
      font-weight: 500;
  }
  ul.contact-list li img {
      width: 24px;
      height: auto;
      margin-top: -1px;
  }
  span.sep {
      color: var(--var-green-1);
      padding: 0 6px;
  }
  .cont-form .form-field input:focus-visible, .cont-form .form-field select:focus-visible {
      outline-width: 0px;
  }
  .cont-form .form-field select:focus-visible{
      color: black;
  }
  .cont-form button {
      background: var(--var-green-1);
      border: none;
      border-radius: 10px;
      padding: 14px 24px 12px;
      display: flex;
      align-items: center;
      color: white;
      font-size: 16px;
      width: fit-content;
      box-sizing: border-box;
  }
  .cont-form button:hover{
      background: var(--var-yellow-1);
  }
  .cont-social {
      padding-top: 40px;
  }
  ul.social-list {
      margin: 0;
      padding: 10px 0 0;
      list-style: none;
      display: flex;
      gap: 20px;
  }
  ul.social-list img {
      width: 30px;
      height: auto;
  }
  /*contact-page-css-end*/
  
  /*return-policy-page-css-start*/
  .policy-block {
      padding: 20px 0;
  }
  .policy-block h2.heading-cont {
      font-size: 24px;
      padding-bottom: 10px;
  }
  .policy-block ul {
      margin: 0;
      padding-bottom: 15px;
  }
  .policy-block ul:last-child {
    padding-bottom: 0;
}
  .policy-block>ul>li {
      padding-bottom: 5px;
  }
  .policy-block>ul>li:last-child {
      padding-bottom: 0;
  }
  .policy-block li b{
      font-weight: 600;
  }
  /*return-policy-page-css-end*/
  
  /* 25-08-2025 start */
  
  .category-header {
      padding: 10px 15px;
      position: relative;
      margin-top: 10px;
  }
  li.category-header:before {
      content: '';
      position: absolute;
      background: #f5f5f5;
      left: -25px;
      top: 0;
      width: calc(100% + 60px);
      display: block;
      height: 100%;
      z-index: -1;
  }
  .category-header h3 {
      margin: 0;
      font-size: 16px;
      font-weight: 600;
      color: #333;
  }
  /* First category header should not have margin top */
  .category-header:first-child {
      margin-top: 0;
  }
  
  .account-dropdown-menu {
      box-shadow: 0 2px 8px rgba(0,0,0,0.08);
      border-radius: 4px;
  }
  .account-dropdown-menu .dropdown-item:hover {
      background: #f5f5f5;
  }
  
  .single-post-container{
      text-align: center;
  }
  .pick_delivery_address_new {
      /* display: flex; */
      /* height: 38px; */
      padding: 10px 20px;
      border: 1px solid var(--var-gray-3);
      border-radius: 40px;
      justify-content: center;
      align-items: center;
      text-align: center;
      cursor: pointer;
      box-sizing: border-box;
  }
  
  
  .hide_confirm_btn_without_slot {
      display: none !important;
  }
  
  .save-shipping-address-btn{
      display: flex;
      justify-content: end;
  }
  
  
  #set-address-box {
      display: none;
  }
  
  .shop-met-click-loc{
      padding: 20px 0 !important;
  }
  .cart-screens {
      position: relative;
      display: flex;
      height: 100%;
      flex-direction: column;
    }
    
  .click_collect_location_options {
      display: none !important;
  }
  
  .delivery_location_options {
      display: none !important; /* Hidden by default */
  }
  
  .cursor-pointer{
      cursor: pointer;
  }
  
  
  .delivery-address-search .hide-all-except-street .hidden-compo {
       /* visibility: hidden; 0*/
       display: none ;
  }
  
  
  
  .delivery-address-search .hide-all-except-street #street_address_autocomplete {
          display: flex !important;
      align-items: center !important;
      width: 100% !important;
      justify-content: space-between !important;
      /* border-radius: 40px !important; */
      /* padding: 10px 20px !important; */
      gap: 10px !important;
  }
  
  .w-100{
      width: 100% ;
  }
  .delivery-address-search .w-100{
      width: 100% !important;
  }
  
  input:focus {
      outline: none;       /* Default blue border remove karta hai */
      box-shadow: none;    /* Agar koi focus shadow ho to remove kare */
      border-color: inherit; /* Optional: border color original state me rahe */
  }
  
  
  .delivery_address_show {
    display: inline-block;   /* ya block bhi chalega */
    max-width: 200px;        /* apni header space ke hisaab se width fix karo */
    white-space: nowrap;     /* ek hi line me text rakhega */
    overflow: hidden;        /* overflow ko hide karega */
    text-overflow: ellipsis; /* ... show karega */
    vertical-align: middle;  /* agar icon ke sath align karna ho */
  }
  
  .delivery_slot_show {
    display: inline-block;   /* ya block bhi chalega */
    max-width: 200px;        /* apni header space ke hisaab se width fix karo */
    white-space: nowrap;     /* ek hi line me text rakhega */
    overflow: hidden;        /* overflow ko hide karega */
    text-overflow: ellipsis; /* ... show karega */
    vertical-align: middle;  /* agar icon ke sath align karna ho */
  }
  
  
  
  
  
  /* .search-block {
      max-width: 1200px;
      display: none;
      margin: auto;
      padding: 30px;
      border-radius: 0 0 20px 20px;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); 
      position: absolute;
      z-index: 9;
      background-color: #fff;
      left: 20%;
      
  } */
  
  
  
  .header-search { position: relative; z-index: 100; }
  
  .searchbar-box {
    display: none; /* hidden by default */
    position: fixed;
    inset: 0;
    z-index: 9999;
  }
  
  .searchbar-box.active { display: block; }
  
  /* dark overlay */
  .search-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.5); /* dark transparent background */
      z-index: 999; /* overlay ko sabse upar lane ke liye */
  }
  
  /* white centered panel */
  .search-block {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 39px;              /* distance from top (adjust as needed) */
    width: calc(100% - 64px);
    max-width: 1000px;      /* panel width */
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 12px 40px rgba(0,0,0,0.25);
    z-index: 999;
    padding: 18px;
    box-sizing: border-box;
  }
  
  /* top row with input and close button */
  .search-block-top { display:flex; gap:12px; align-items:center; justify-content:space-between; margin-bottom:12px; }
  .search-input-container { flex:1; position:relative; }
  
  /* style the single input (you may adapt to your theme) */
  .global_search_input_trigger,
  .global_search_input {
    width:-webkit-fill-available;
    padding:12px 44px 12px 16px;
    border-radius:28px;
    border: 1px solid var(--var-gray-3);
    outline:none;
    font-size:14px;
  }
  
  /* close button */
  #close-search-block {
    background: transparent;
    border: none;
    font-size: 26px;
    line-height: 1;
    cursor: pointer;
  }
  
  
  .search-block.active {
      display: block;
  }
  
  .search-block-top {
      display: flex;
      align-items: center;
      width: 100%;
      gap: 30px;
  }
  .search-block-top .search-bar {
      width: 100%;
  }
  .searc-block-bot {
      padding-top: 30px;
      display: grid;
      grid-row-gap: 30px;
  }
  .search-block-l {
      display: grid;
      grid-template-columns: 3fr 2fr;
      grid-column-gap: 30px;
  }
  ul.suggest-search-list, ul.recent-search-list {
      display: flex !important;
  }
  ul.suggest-search-list li, ul.recent-search-list li {
      border: 1px solid var(--var-gray-3);
  }
  li.recent-search-item.no-recent-item {
      padding: 0;
      border: none;
      color: var(--var-gray-3);
  }
  p.search-h {
      font-weight: 500;
  }
  .search-block ul {
      list-style: none;
      padding: 0;
      margin: 0;
      display: grid;
      gap: 10px;
  }
  .search-block li {
      padding: 10px 20px;
      border-radius: 10px;
      border: 1px solid transparent;
  }
  .search-block-l li:hover {
      border-color: black;
  }
  .search-block-l li a {
      display: flex;
      align-items: center;
      color: black;
      gap: 8px;
  }
  a.clear-recent-search {
      color: black;
      text-decoration: underline;
      padding-top: 20px;
      display: block;
  }
  a.clear-recent-search:hover {
      color: var(--var-green-1);
  }
  a.view-all-link {
      padding-top: 20px;
      display: block;
  }
  ul.like-products-list .product-thumbnail.half-price:before, ul.like-products-list .product-thumbnail.popular-prod:before{
      left: 0;
  }
  ul.like-products-list .product-thumbnail{
      text-align: center;
  }
  ul.like-products-list .product-thumbnail img {
      max-height: 200px;
      width: auto;
      margin: auto;
  }
  li.search-result-item {
      border-color: var(--var-gray-3);
      font-weight: 500;
  }
  .like-products-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      /* visibility: hidden;  */
  }
  .like-products-top.show {
      visibility: visible;    /* jab products aaye to visible */
  }
  .like-products-top img{
      height: 14px;
      width: auto;
      margin: 0 0 -2px 8px !important;
  }
  ul.like-products-list {
      display: grid;
      grid-template-columns: repeat(4,1fr);
      padding: 30px 0 !important;
      grid-column-gap: 20px;
      grid-row-gap: 20px;
  }
  ul.like-products-list .product-price, ul.like-products-list .product-bot, ul.like-products-list .unit-price{
      display: none;
  }
  ul.like-products-list .product-data{
      padding-bottom: 0 !important;
  }
  li.like-product-item {
      padding: 0;
  }
  li.like-product-item p.product-name {
      font-weight: 500;
      margin-bottom: 0;
      padding-bottom: 10px;
      position: relative;
      height: auto;
  }
  /*careers-page-css*/
  .available-jobs-blocks {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-top: 30px;
}

.available-job-block {
    border: 1px solid var(--var-gray-3);
    border-radius: 15px;
    padding: 4px 4px 20px 4px;
}

.available-job-content {
    background: var(--var-gray-2);
    padding: 15px;
    border-radius: 15px;
    margin-bottom: 16px;
}

p.date-posted {
    background: var(--var-green-1);
    width: fit-content;
    color: white;
    line-height: 16px;
    padding: 7px 12px 5px;
    border-radius: 40px;
}

p.position-name {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.4;
}

.job-tags span {
    font-size: 13px;
    border-radius: 40px;
    border: 1px solid var(--var-gray-3);
    display: inline-block;
    margin: 0 8px 8px 0;
    padding: 6px 10px 5px;
    line-height: 13px;
}

a.site-btn.job-apply-btn {
    border-radius: 40px;
    margin: 0 15px;
    font-weight: 500;
    background: var(--var-yellow-1);
    border-color: var(--var-yellow-1);
    color: black;
    padding: 12px 20px 10px;
}

a.site-btn.job-apply-btn:hover {
    background: var(--var-green-1);
    border-color: var(--var-green-1);
    color: white;
}

form.car-form label {
    display: none;
}

form.car-form .resume-field label {
    display: block;
    padding-bottom: 8px;
}

.careers-form {
    margin-top: 30px;
    background: var(--var-gray-2);
    padding: 40px;
    border-radius: 15px;
}

form.car-form {
    display: grid;
    grid-row-gap: 30px;
}

input#resume {
    width: fit-content;
}

.car-form button {
    background: var(--var-green-1);
    border: none;
    border-radius: 10px;
    padding: 14px 24px 12px;
    display: flex;
    align-items: center;
    color: white;
    font-size: 16px;
    width: fit-content;
    box-sizing: border-box;
    margin: auto;
}

.form-field.resume-field,
.form-field.resume-field input {
    color: #757575;
}
/*careers-page-css-end*/

  @media only screen and (max-width:767px){
    .latest-jackpot, .jackpot-block {
        grid-template-columns: 1fr !important;
        background:  var(--var-gray-2);
    }
    .jackpot-det {
        background: var(--var-gray-2);
        padding: 17px 20px 20px !important;
    }
    .jackpots-list {
        grid-template-columns: 1fr !important;
        grid-row-gap: 20px !important;
        padding-top: 20px !important;
    }
    .latest-jackpot img{
        border-radius: 15px;
    }
     p.jackpot-n {
        font-size: 18px !important;
        padding-bottom: 15px !important;
        line-height: 18px !important;
    }
    p.jackpot-dates{
        padding-top: 0 !important;
    }
    .category-menu li {
        padding: 10px;
    }
    div#category-blocks{
        padding-bottom: 60px;
    }
    .delivery-zone-btns {
        gap: 15px;
        width: auto;
        /* padding: 0px !important; */
        padding-bottom: 30px;
        flex-direction: column;
    }
    .delivery-zone-btns div {
        width: auto;
    }
    #delivery-zone-result-box {
        left: 0 !important;
        padding: 15px !important;
        font-size: 16px !important;
        text-align: center;
        width: calc(100% - 40px);
        right: 0;
        margin: auto;
        box-sizing: border-box;
        top: 100px !important;
    }
    .delivery-search-bar {
        top: 20px !important;
        padding: 10px !important;
        right: 0 !important;
        left: 0;
        margin: auto;
        width: calc(100% - 40px);
        box-sizing: border-box;
    }
    .checkout-cart-details span.cart-saving{
        font-size: 11px;
    }
    .checkout-cart-details .quantity_span{
        gap: 4px;
    }
    .payment-summary-h2{
        font-size: 16px;
    }
    .grocerz-wallet-button {
        padding: 13px !important;
        font-size: 14px !important;
    }
    .wallet-buttons {
        flex-direction: column;
    }
    div#user-details-edit-form{
        grid-template-areas: 'edit-fname edit-fname'
        'edit-lname edit-lname'
        'edit-email edit-email'
        'edit-mobile edit-mobile'
        'confirm-user cancel-user';
    }
    div#user-details-edit-form button {
        padding: 8px 20px 6px 20px;
        font-size: 14px;
        margin-top: 10px;
    }
    .form-step .navigation-buttons{
        justify-content: center;
    }
    span.qty-num {
        width: 17px;
        height: 17px;
        font-size: 10px;
    }
    .header-logo>a{
        align-self: center;
        height: 21px;
    }
    .primary-header.sticky .delivery-time-cta{
        display: none;
    }
    p.cat-n {
        padding-top: 10px;
    }
    .prod-list-arrow, .rel-prod-list-arrow, .cat-arrow {
        width: 32px;
        height: 32px;
    }
    .prod-list-arrow img, .rel-prod-list-arrow img, .cat-arrow img {
        width: 8px;
        height: auto;
    }
    .available-jobs-blocks {
        grid-template-columns: repeat(1, 1fr) !important;
        grid-column-gap: 20px !important;
        grid-row-gap: 20px !important;
        padding-top: 15px !important;
    }
    p.position-name {
        font-size: 16px !important;
    }
    .job-tags span {
        font-size: 12px !important;
        line-height: 12px !important;
    }
    form.cont-form .form-row:nth-child(4) {
        grid-template-columns: 1fr !important;
        grid-row-gap: 20px;
    }
    span.sep {
        display: block;
        visibility: hidden;
        height: 5px;
    }
    .blog-sort-toggle {
        width: 40px;
        height: 40px;
        gap: 5px;
        padding: 8px;
    }
    .blog-listing-header {
        gap: 20px;
        grid-template-columns: calc(100% - 60px) 40px;
        padding: 30px 0;
    }
    .blog-filters {
        display: block;
    }
    a.blog-filter {
        display: inline-block;
        margin-left: 7px;
        margin-top: 7px;
    }
    .blog-listing-header {
        grid-template-columns: calc(100% - 60px) 40px;
        padding: 30px 0 20px;
    }
    .blog-sort-toggle {
        width: 40px;
        height: 40px;
        gap: 5px;
        padding: 10px;
    }
    .blog-listing-body h2 {
        font-size: 25px;
    }
    .blog-listing-body h2 {
        font-size: 25px;
    }
    .featured-blog-grid {
        grid-template-columns: repeat(1,1fr);
        grid-row-gap: 20px;
    }
    .featured-blog-r>div .blog-listing-details{
        grid-template-columns: repeat(1,1fr);
    }
    a.blog-head-link {
        padding-bottom: 4px;
        font-size: 13px;
    }
    span.blog-head-link-img {
        width: 15px;
        height: 15px;
        line-height: 19px;
        margin: -3px 0 0 5px;
    }
    .blog-listing-grid {
        grid-template-columns: repeat(1,1fr);
    }
    p.blog-txt-h {
        font-size: 17px;
        padding-bottom: 5px;
    }
    .blog-listing-type:last-child .blog-listing-type-header {
        flex-direction: column;
        gap: 20px;
    }
    form#signupForm .navigation-buttons button {
        margin: auto;
    }
    .foot-two-list{
        grid-template-columns: 1fr;
        grid-row-gap: 15px;
    }
      .multiple-quick-add{
          flex-direction: column;
          justify-content: center;
          text-align: center;
          gap: 15px;
      }
      .list-header {
          padding: 20px;
          grid-template-columns: 1fr;
          text-align: center;
      }
      .list-header-right {
          padding: 15px 0 0;
          border-left: none;
      }
      p.list-total {
          font-size: 18px;
          line-height: 16px;
      }
      .login-modal-content {
          max-width: 300px !important;
          padding: 20px !important;
      }
      .login-modal-content img {
          width: 30px !important;
          margin-bottom: 10px !important;
      }
      .img-half-price p{
          font-size: 15px;
          line-height: 1.1;
          padding-top: 3px;
      }
      .img-half-price{
          width: 50px;
          height: 50px;
          border-width: 5px;
      }
      .global_search_input_trigger {
          width: 50px;
          padding: 0;
          border-radius: 0;
          border: none;
          outline: none;
          font-size: 14px;
          height: 36px;
          background: transparent;
          z-index: 1;
      }
      .global_search_input_trigger::placeholder{
          color: transparent;
      }
      .header-search>div:nth-child(1) img {
          position: absolute;
          height: 16px;
          width: auto;
          top: auto !important;
          right: 0 !important;
          margin: auto !important;
          left: 0 !important;
          z-index: 0;
      }
      img.desk-search-icon{
          display: none;
      }
      p.mb-0.mob-search {
          position: absolute;
          bottom: 0;
          margin: auto;
          left: 0;
          right: 0;
      }
      .search-block {
        max-width: none;
        padding: 20px;
        /* height: 100%; */
        top: 50%;
        width: calc(100% - 40px);
        transform: translateY(-50%);
        left: 0;
        right: 0;
        margin: auto;
        max-height: 70vh;
        overflow: scroll;
    }
      .search-block-top {
          gap: 20px;
          display: grid;
          grid-template-columns: calc(100% - 75px) 35px;
      }
      .searc-block-bot {
          padding-top: 20px;
          grid-template-columns: 1fr;
          grid-row-gap: 20px;
      }
      .search-block-l {
          gap: 15px;
          grid-template-columns: 1fr 1fr;
      }
      ul.suggest-search-list, ul.recent-search-list {
          display: grid !important;
          gap: 7px !important;
      }
      .search-block-l li.search-result-item a{
          flex-direction: column;
          align-items: flex-start;
          font-size: 12px;
      }
      ul.like-products-list .product-thumbnail img{
          max-height: 120px;
      }
      p.search-h {
          font-size: 14px !important;
      }
      .like-products-top{
          padding-bottom: 15px;
      }
      a.clear-recent-search {
          font-size: 13px;
      }
      .search-block li {
          padding: 7px 10px;
          border-radius: 5px;
      }
      ul.like-products-list {
          grid-template-columns: repeat(2,1fr);
          padding: 0 !important;
          grid-column-gap: 15px;
          grid-row-gap: 20px;
      }
      li.like-product-item {
          padding: 0;
      }
  }
  
  
  .global_search_input{
      border-radius: var(--radius-40);
      padding: 12px 20px;
      width: 100%;
      border: 1px solid #000;
      font-size: 16px;
  }
  .global_search_input:focus{
      border-color: none;
  }
  
  
  /* brand dropdown css start */
  
  #overlay-menu {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      /* background: rgba(0,0,0,0.4); light black */
      z-index: 3;
      display: none;
  }
  
  .menu-item {
      position: relative;
  }
  .brand-dropdown {
      display: none;
      position: absolute;
      /* top: 100%; */
      top: 45px;
      left: 0;
      width: max-content;  /* Fixed width */
      background: #fff;
      border: 1px solid #ddd;
      box-shadow: 0 4px 8px rgba(0,0,0,0.1);
      z-index: 999;
      padding: 1.5rem;
  }
  .brand-dropdown.active {
      display: block;
  }
  .brand-grid {
      display: grid;
      grid-template-columns: repeat(5, 1fr); /* 5 columns */
      gap: 40px;
  }
  .brand-grid h3 {
      font-weight: bold;
      margin-bottom: 10px;
  }
  .brand-grid ul {
      list-style: none;
      padding: 0;
      margin: 0;
  }
  .brand-grid li {
      /* margin-bottom: 6px; */
      padding: 10px 0;
  }
  .brand-grid a {
      
      color: #333;
  }
  .brand-grid a:hover {
      text-decoration: none;
      color: var(--var-green-1);
  }
  
  
  /* brand dropdown css end */
  
  /* delivery zone page css start */
  .delivery-zone-btns {
      display: flex;
      gap: 20px;
      justify-content: center;
      margin: auto;
      width: 70%;
      /* padding: 0px !important; */
      padding-bottom: 40px;
  }
  
  .delivery-search-bar{
      background-color: var(--var-green-2);
      position:absolute;
      top:20px;
      padding: 1rem;
      right:20px;
      display:flex; 
      border-radius:10px;
      overflow:hidden;
      z-index:99;
  }
  #delivery-zone-result-box {
      position: absolute;
      top: 20px;
      left: 20px;
      background: #fff;
      padding: 20px 30px 18px;
      border-radius: 12px;
      font-size: 20px;
      font-weight: 500;
      /* color: var(--var-yellow-1); */
      z-index: 99;
  }
  .m-auto{
      margin: auto;
  }
  .delivery-zone-search-btn {
      background: var(--var-yellow-1);
      border: none;
      padding: 12px 20px 8px;
      cursor: pointer;
      font-weight: 500;
      line-height: 16px;
      font-size: 16px;
      display: flex;
      align-items: center;
  }
  .delivery-zone-btns div {
      background-color: var(--var-green-1);
      width: 100%;
      border-radius: 40px;
      /* box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px; */
      display: flex;
      justify-content: center;
      align-items: center;
      color: white;
      padding: 20px 20px 18px;
  }
  .delivery-zone-btns div a{
      color: #fff;
  }
  .delivery-search-bar input, .delivery-search-bar button {
      border-radius: 7px;
  }
  .filter-dropdown {
      position: relative;
      z-index: 1001; /* High z-index for dropdown */
  }
  .filter-options {
      min-width: 180px;
      box-shadow: 0 4px 16px rgba(0,0,0,0.10);
      right: 0;
      top: 35px;
      padding: 0;
      border-radius: 7px;
  }
  ul.grocerz-sort-list{
      box-shadow: 0 4px 16px rgba(0,0,0,0.10);
      right: 0;
      padding: 0;
      border-radius: 7px;
      min-width: 180px;
  }
  li.grocerz-sort-option {
      padding: 10px 15px;
  }
  .cart-sidebar .filter-options .filter-option {
      padding: 10px 15px;
      border-bottom: none;
  }
  li.filter-option.cart-filter-active {
      background: #f5f5f5;
  }
  .filter-options .filter-option:last-child{
      padding-bottom: 0;
  }
  /* delivery zone page css end */
  
  /* Show only street_address input */
  /* .delivery-address-search .hide-all-except-street #street_address_autocomplete {
      display: block !important;
  } */
  
  .quantity_span {
      height: 32px;
      border: 1px solid black;
      border-radius: 40px;
      display: flex !important;
      align-items: center;
      justify-content: space-between;
      padding: 6px;
      width: 100px;
      box-sizing: border-box;
  }
  
      .quantity_span>button {
          background: black;
          border: none;
          height: 22px;
          width: 22px;
          color: white;
          border-radius: 100%;
          font-size: 14px;
          line-height: 13px;
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 0;
          font-family: monospace;
      }
      .quantity_span .input-box.quantity {
          background: var(--var-green-1);
          border: none;
          text-align: center;
          height: 22px;
          width: 22px;
          border-radius: 5px;
          justify-content: center;
          color: white;
          padding: 0;
          font-family: monospace;
      }
  
  /* 25-08-2025 end */

  /*jackpot-listing-css-start*/
  .latest-jackpot img,
  .jackpot-block img {
      width: 100%;
      height: 100%;
      object-fit: cover;
  }

  .jackpot-block img {
      max-height: 200px;
      border-radius: 15px;
  }

  .latest-jackpot img {
      max-height: 350px;
  }

  .latest-jackpot {
      border-radius: 15px;
      overflow: hidden;
  }

  .jackpot-block {
      display: flex;
      flex-direction: column;
      gap: 0;
  }

  .latest-jackpot .jackpot-det {
      background: var(--var-gray-2);
      padding: 30px;
  }

  .jackpot-block .jackpot-det {
      padding: 20px 0 0;
  }

  .latest-jackpot {
      display: grid;
      grid-template-columns: 2fr 1fr;
  }

  .jackpots-list {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-column-gap: 30px;
      grid-row-gap: 40px;
      padding-top: 40px;
  }

  p.jackpot-dates {
      display: flex;
      gap: 6px;
      font-size: 0.8rem;
      padding-top: 10px;
      color: #888;
      line-height: 0.8rem;
  }

  .latest-jackpot p.jackpot-dates {
      padding-top: 30px;
  }

  p.jackpot-n {
      font-size: 1.2rem;
      margin-bottom: 0;
      font-weight: 500;
      line-height: 1.6rem;
  }

  .latest-jackpot p.jackpot-n {
      font-size: 2rem;
      padding-bottom: 20px;
  }

  .jackpot-link {
      text-transform: uppercase;
      font-size: 14px;
  }
  /*jackpot-listing-css-end*/
  
  /* ---- Media screen css ------- */
  @media only screen and (max-width:360px){
    .primary-header>.container {
        grid-column-gap: 10px;
    }
  }
  @media only screen and (max-width:767px){
    .like-products-list>div:last-child{
        display: none !important;
    }
    input{
        font-size: 16px !important;
    }
    .product-card.cart-active .quantity_wrapper{
        gap: 2px;
    }
    .account-dropdown-menu{
        right: -55px !important;
    }
    .login-window-block h2{
        font-size: 14px;
    }
    .multiple-items-modal h2 {
        font-size: 18px;
        padding: 15px 15px 13px !important;
        text-align: left !important;
    }
      .multiple-items-modal .modal-content{
          max-width: calc(100% - 40px) !important;
          padding-bottom: 20px !important;
      }
      .multiple-items-modal .product-item img {
        width: 50px !important;
        height: 50px !important;
        margin-right: 10px !important;
    }
      div#multiple-items-container {
        padding: 20px 20px 0 !important;
    }
    div#multiple-items-container select.qty-select {
        font-size: 12px !important;
    }
    .multiple-items-modal .product-info {
        text-align: left !important;
    }
    div#multiple-items-container a, div#multiple-items-container span.sale-price {
        font-size: 14px !important;
    }
    span.original-price{
        font-size: 12px !important;
        line-height: 12px !important;
    }
      div#filters-1 {
          padding-bottom: 10px;
          display: block;
      }
      .pd-100{
          padding-top: 70px;
          padding-bottom: 70px;
      }
      .pd-top{
          padding-top: 70px;
      }
      .pd-bottom{
          padding-bottom: 70px;
      }
      /*header-css*/
      p.head-offer {
          font-size: 12px;
          line-height: 1.5;
      }
      .primary-header>.container {
          grid-template-columns:none;
          align-items: center;
          grid-template-areas: 'logo search account quantity'
              'del-time del-time del-time del-time';
      }
      .header-logo {
          grid-area: logo;
          margin-right: 0px;
      }
      .delivery-time-cta {
          grid-area: del-time;
          width: auto;
          padding: 12px 20px;
          margin-top: 15px;
      }
      .delivery-time-cta>div {
          width: 50%;
          position: relative;
          grid-column-gap: 10px;
      }
      .delivery-time-cta p {
          font-size: 14px;
          font-weight: 500;
      }
      .head-delivery:after {
          content: '';
          position: absolute;
          height: 100%;
          background: var(--var-gray-3);
          width: 1px;
          right: 0;
      }
      .header-search {
          grid-area: search;
          width: fit-content;
          margin-left: auto;
      }
      .header-account {
          grid-area: account;
          grid-template-columns: none;
      }
      .header-account p {
          font-weight: 400;
      }
  .header-quantity {
      grid-area: quantity;
      padding: 0;
      border: none;
  }
      .h-order-list, span.h-small, .below-header, .banner-row, header .search-bar {
          display: none !important;
      }
      .h-acct>a, .h-order-list, .header-quantity, .mob-search {
          flex-direction: column;
          grid-row-gap: 5px;
          background: none;
      }
      .header-logo img {
          max-width: 90px;
      }
      .mob-search img, .h-qty img, .header-account img{
          height: 16px;
          width: auto;
      }
      .header-account p, .header-search p, .header-quantity p{
          font-size: 12px !important;
      }
      .primary-header {
          padding: 15px 0;
          background: var(--var-gray-2);
      }
  /*---------*/
  h1, h2 {
      font-size: 25px;
  }
  .heading {
      padding-bottom: 20px;
  }
  .category-blocks {
      padding-bottom: 70px;
  }
  .category-blocks .slick-slide>div {
      margin: 0 10px 20px;
  }
  span.cat-arrow.a-left.slick-arrow, .prod-list-arrow.a-left {
    left: -60px !important;
    right: 0 !important;
    margin: auto;
}
  span.cat-arrow.a-right.slick-arrow, .prod-list-arrow.a-right {
    right: -60px !important;
    left: 0 !important;
    margin: auto;
}
  .container.specials-blocks.theme-yellow-3 {
      background: none;
  }
  .specials-blocks {
      flex-direction: column;
      grid-row-gap: 5px;
  }
      .specials-blocks>div{
          background-color: var(--var-yellow-3);
      }
      .specials-blocks>div, .popular-blocks>div {
          width: inherit;
          border-radius: 20px;
      }
      .specials-block-l {
          padding: 20px;
          border-right: none;
      }
      .specials-block-r {
          width: 65%;
          padding: 20px 20px 90px;
      }
      .specials-h h2 {
          font-size: 25px;
      }
      p.specials-offer, p.specials-con {
        font-size: 18px;
        line-height: 1.3;
    }
      .prod-list-arrow {
          top: auto;
          bottom: -65px;
          transform: none;
      }
      .prod-list-arrow.a-left {
          left: 30%;
          right: auto;
      }
      .prod-list-arrow.a-right {
          left: auto;
          right: 30%;
      }
      .product-listing .slick-slide {
          margin: 0 10px;
      }
      .product-listing .slick-list{
          margin: 0 -10px;
      }
      .product-thumbnail.half-price:before, .product-thumbnail.popular-prod:before {
          transform: rotate(-45deg) translate(-68px, -42px);
          padding: 8px 20px 5px 20px;
          font-size: 12px;
          line-height: 11px;
      }
      .product-data {
          padding: 10px 0;
      }
      .product-card .unit-price {
          padding: 5px 0 20px;
      }
      a.BB-link, a.TS-link, a.FD-link, a.HP-link, a.OP-link, a.PP-link, a.BS-link, a.NONG-link, a.VP-link, a.SS-link, a.GF-link{
          font-size: 11px;
      }
      a.SS-link{
          padding: 5px 7px 3px;
      }
      span.sale-price {
          font-size: 18px;
      }
      .prod-cart-list, .out-stock-label {
          grid-template-columns: calc(100% - 46px) 36px;
      }
      .out-stock-label p {
          padding-left: 13px;
          font-size: 12px;
          line-height: 11px;
      }
      .out-stock-label p:before {
          margin: 0;
      }
      span.cart-default {
          grid-column-gap: 7px;
          height: 38px;
      }
      span.add-cart-txt {
          font-size: 16px;
      }
      a.add-to-list img, span.cart-default img {
          height: 18px;
          width: auto;
      }
      a.add-to-list {
          width: 36px;
          height: 36px;
          border-radius: 8px;
      }
      .product-card.cart-active .quantity_wrapper {
          height: 38px !important;
          padding: 5px;
      }
      .quantity_wrapper>button{
          font-size: 15px;
          width: 24px;
          height: 24px;
      }
      .product-card .input-box.quantity {
          height: 22px;
          width: 22px;
      }
      .popular-blocks{
          flex-direction: column-reverse;
      }
      .popular-r {
          padding: 20px 20px 10px 20px;
          grid-row-gap: 20px;
      }
      .popular-txt h2 {
          font-size: 30px;
          padding-bottom: 15px;
      }
      .popular-r>div:nth-child(2) {
          text-align: center;
      }
      .popular-r img {
          max-width: 280px;
      }
      .popular-l {
          padding: 20px 20px 60px;
      }
  
      .mini-banner-blocks {
          display: grid;
          grid-row-gap: 20px;
      }
      .mini-banner-blocks>div {
          padding: 20px;
          flex-direction: column;
      }
      .mini-banner-blocks>div .mini-banner-txt {
          padding-bottom: 20px;
      }
      p.mini-banner-h {
          font-size: 25px;
          padding-bottom: 15px;
      }
      .mini-banner-img img {
          max-width: 300px;
          position: relative;
          bottom: 0;
          right: 0;
      }
      .mini-banner-r {
          flex-direction: column-reverse !important;
      }
      .mini-banner-r .mini-banner-txt {
          text-align: left;
      }
      .mini-banner-r img {
          left: 0;
      }
      .mini-banner-r a {
          margin-left: 0;
      }
      .delivery-blocks {
          grid-template-columns: 1fr;
          grid-row-gap: 20px;
      }
      .del-blk-r {
          margin-left: 0;
          padding-top: 0;
      }
      .mob-banner-blocks {
          display: grid;
          grid-template-columns: repeat(3,1fr);
          text-align: center;
          justify-content: center;
          grid-column-gap: 20px;
          padding: 10px 20px;
      }
      .mob-banner-blk img {
        width: 100%;
        height: auto;
        max-width: 45px;
        margin-bottom: 5px !important;
      }
      .mob-banner-blk{
          position: relative;
      }
      .mob-banner-blk p {
          font-size: 14px;
          font-weight: 500;
      }
      .mob-banner-blk a{
          position: absolute;
          width: 100%;
          height: 100%;
          left: 0;
          top: 0;
      }
      .mob-vid-block {
        padding: 10px 10px 0;
    }
    .mob-vid-block video {
        border-radius: 10px;
    }
      .mob-offers {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-column-gap: 10px;
        padding: 5px 10px 0;
    }
    img.mob-offer-block{
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 7px;
    }
      /*footer-css-start*/
      .abv-foot-top {
        grid-template-columns: 1fr;
        grid-column-gap: 20px;
        grid-gap: 0;
      }
      span.foot-social-txt {
          display: none;
      }
      .prim-footer-top, .prim-footer-bot {
          grid-template-columns: 1fr;
          grid-row-gap: 20px;
      }
      .prim-footer-top {
          padding-top: 40px;
      }
      .footer-del h2 {
          font-size: 25px;
      }
      .footer-del-bot {
          padding-top: 10px;
      }
      .footer-del-bot p {
          font-size: 15px;
          padding-bottom: 15px;
      }
      form.del-zone-form input[type="text"] {
        min-width: 0;
        margin-right: 0;
        height: 40px;
        padding-bottom: 13px;
    }
      form.del-zone-form input[type="submit"] {
          font-size: 14px;
          height: 40px;
      }
      .footer-del {
        height: auto;
        margin-left: 0;
        padding: 40px 0 10px;
    }
      img.footer-hero-img {
        margin: auto auto 0;
        order: 2;
        max-height: 200px;
        width: auto;
    }
    .abv-foot-bot-wrap {
        padding: 12px 0;
    }
    .abv-foot-bot a{
        grid-template-columns: 1fr;
    }
    .abv-foot-bot a img {
        width: 20px;
    }
    p.foot-h {
        padding-bottom: 10px;
        font-size: 18px;
    }
      .prim-top-l {
          grid-template-columns: 1fr 1fr;
          grid-column-gap: 20px;
          padding-bottom: 30px;
          grid-row-gap: 20px;
      }
      .prim-top-l .foot-list:nth-child(2){
          order: 2;
      }
      .foot-list:last-child {
        order: 3;
    }
      .prim-top-r img {
          position: absolute;
          z-index: -1;
          opacity: 0.1;
      }
      .prim-footer-bot {
          padding: 20px 0;
          text-align: center;
      }
      .prim-bot-r {
          display: grid;
          grid-column-gap: 20px;
          margin-left: 0;
          grid-template-columns: 1fr 1fr;
          width: fit-content;
          margin: auto;
      }
      .prim-bot-r img {
          max-width: 120px;
          height: auto;
      }
      .below-foot-blocks {
          grid-template-columns: 1fr;
          grid-row-gap: 20px;
      }
      .copyright {
          order: 2;
          text-align: center;
      }
      .foot-pay img {
          margin: 0 auto;
      }
      .prim-bot-l img {
        max-width: 260px !important;
        height: auto;
    }
    form.del-zone-form {
        display: flex;
        align-items: center;
        gap: 10px;
    }
      /*------*/
      .cart-sidebar {
          width: 100%;
      }
      .cart-top {
          padding: 20px 20px 0;
      }
      .cart-head h2, .product-sidebar-header h2, #filter-sidebar-title {
          font-size: 20px;
      }
      button#close-cart-sidebar {
          width: 25px;
          height: 25px;
          font-size: 25px;
      }
      .cart-loc-time {
          grid-column-gap: 20px;
          padding: 20px 0;
      }
      p.min-del, p.min-del-active {
          padding: 15px;
          font-size: 14px;
      }
      .cart-items-wrapper {
          margin-top: 20px;
      }
      .cart-items {
          padding: 12px 0;
          margin-top: 15px;
          grid-template-columns: auto auto;
      }
      .cart-items p {
          font-size: 14px;
      }
      .cart-items p img {
          width: 23px;
      }
      .filter-dropdown {
          font-size: 14px;
      }
      .filter-dropdown img {
          height: 7px;
          margin-left: 2px;
      }
      ul.cart-items-list {
          padding: 20px 0;
      }
      li.cart-item {
        font-size: 14px;
        grid-template-columns: 50px calc(100% - 170px) 100px;
        overflow: hidden;
        grid-column-gap: 10px;
    }
    span.cart-prod-cta{
        grid-column-gap: 10px;
    }
    li.cart-item .product-name{
        font-size: 13px;
    }
    .quantity_span {
        height: 30px;
        padding: 4px;
    }
      span.cart-prod-q {
          border-radius: 7px;
          padding: 6px 10px 3px 10px;
          grid-column-gap: 7px;
      }
      span.cart-prod-q img {
          height: 6px;
      }
      .cart-price {
          font-size: 18px;
      }
      .cart-bot {
          padding: 20px;
      }
      .cart-time {
        height: auto;
        padding: 8px 20px;
        line-height: 15px;
    }
      .cart-time img {
          width: 20px;
          height: auto;
      }
      .cart-time p {
          font-size: 14px;
          line-height: 14px;
      }
      .cart-loc-l {
          font-size: 12px;
      }
      .cart-loc-r img {
          max-height: 7px;
          margin-left: 6px;
          margin-bottom: -1px;
      }
      body, p{
          font-size: 14px;
      }
      .breadcrumbs a {
          line-height: 1.7;
      }
      .products-images {
          flex-direction: column-reverse;
      }
      .productslides {
          width: auto;
      }
      .productmain {
          width: 100%;
      }
      img.productslide{
          margin: 0;
      }
      .productslides .slick-slide{
          margin: 0 10px;
      }
      .productslides .slick-list{
          margin: 0 -10px;
      }
      .product-details h1.product-name {
          font-size: 20px;
          padding-bottom: 5px;
      }
      p.brand-link-text {
          font-size: 14px;
          padding-bottom: 8px;
      }
      .product-details .product-price {
          padding: 20px 0 5px;
      }
      .product-details .product-price span:nth-child(1) {
          font-size: 20px;
      }
      .product-details span.original-price {
          font-size: 12px;
      }
      .prod-det-content-box {
          padding-top: 25px;
      }
      h2.prod-det-why-h, .product-det-content h2 {
          font-size: 18px;
      }
      .product-det-content h2 {
          padding-bottom: 10px;
      }
      .product-details-accordion.accordion-container {
          margin-top: 20px;
      }
      .product-details-accordion .accordion {
          font-size: 16px;
      }
      .product-details-accordion .accordion img {
          height: 8px;
      }
      .prod-det-why {
          padding-top: 30px;
      }
      .prod-det-why ul {
          padding: 20px;
      }
      .prod-det-why li {
          padding-bottom: 20px;
          grid-template-columns: 50px calc(100% - 65px);
          grid-column-gap: 15px;
      }
      span.why-icon {
          width: 50px;
          height: 50px;
      }
      span.why-icon img {
          height: 26px;
      }
      .product-tabs .tab-buttons button {
          font-size: 16px;
          color: black;
      }
      .product-tabs button.tab-link img {
          height: 7px;
      }
      .product-tabs .tab-content {
          padding: 20px;
      }
      form.prod-del-zone-form input[type="text"] {
          min-width: calc(100% - 100px) !important;
          margin-right: 20px !important;
      }
      .product-tabs form.prod-del-zone-form button {
          width: 40px;
          height: 40px;
      }
      form.prod-del-zone-form button img {
          height: 15px !important;
      }
      .rel-prod-list-arrow {
          top: -53px !important;
          width: 30px;
          height: 30px;
      }
      span.rel-prod-list-arrow.a-left {
          right: 45px;
      }
      .rel-prod-list-arrow img {
          width: 8px;
          height: auto;
      }
      .category-products-listing {
          grid-template-columns: repeat(2,1fr);
      }
      #filters-1:before{
          display: none;
      }
      .filters {
          grid-template-columns: 1fr !important;
          grid-row-gap: 10px;
      }
      span#all-f{
          position: relative;
      }
      span#all-f:before {
          content: '';
          position: absolute;
          height: 70%;
          width: 1px;
          background: var(--var-gray-3);
          left: -20px;
          top: 4px;
          bottom: 0;
      }
      .category-menu li {
          padding: 12px 18px 8px;
          line-height: 14px;
      }
      .filter-sidebar{
          width: 85%;
      }
      .filter-sidebar-header, #filter-options, div#filter-buttons{
          padding: 20px;
      }
      form.del-zone-form button {
        height: 40px;
        padding: 8px 20px 4px 20px;
        font-size: 13px;
        line-height: 13px;
    }
      .step-name {
          font-size: 16px;
          padding: 20px 20px 15px;
      }
      .form-step {
          padding: 20px;
      }
      .form-step h2 {
          font-size: 19px;
      }
      .form-step h3 {
          font-size: 16px;
          line-height: 1.2;
      }
      form#signupForm input[type="text"], form#signupForm input[type="email"], form#signupForm input[type="password"], form#signupForm input[type="phone"], form#signupForm select {
          padding: 10px 12px 8px;
          height: 42px;
          font-size: 14px;
      }
      span.form-info-txt {
          padding-top: 12px;
          font-size: 12px;
          display: grid;
          grid-template-columns: 20px calc(100% - 25px);
          gap: 5px;
          align-items: center;
      }
      .formCheck label {
          padding-top: 0;
          line-height: 1.5;
      }
      form#signupForm .navigation-buttons {
          padding-top: 20px;
      }
      img.login-logo {
          height: 30px;
      }
      div#step2 h3 {
          line-height: 1.6;
          padding-bottom: 20px;
      }
      .login-footer {
          font-size: 12px;
          flex-direction: column;
          align-items: center;
          text-align: center;
          gap: 8px;
      }
      .login-window-block h1 {
          font-size: 22px;
      }
      form.login-form input, .forgot-password-form input {
          height: 40px;
          font-size: 14px;
      }
      form.login-form input[type="submit"], .forgot-password-form input[type="submit"]{
          height: 40px !important;
      }
      a.b-link.forgot-p{
          padding-bottom: 15px;
      }
      .checkout-details-r h2, .checkout-cart-details h2 {
          font-size: 16px;
          line-height: 1.4;
          padding-bottom: 15px !important;
          margin-bottom: 15px;
      }
      .checkout-sub-details {
          padding-bottom: 15px;
      }
      .order-summary h1, .payment-summary h2{
          font-size: 18px;
      }
      .order-total p {
          font-size: 16px;
      }
      .account-tabs {
          grid-template-columns: 1fr;
          grid-row-gap: 20px;
      }
      .account-tabs-left.pd-100 {
          padding: 70px 0 0;
          border-right: none;
      }
      .main-tabs-content.pd-100 {
          padding: 20px;
          background: var(--var-gray-2);
          border-radius: 20px;
          margin-bottom: 70px;
      }
      .account-tabs h1 {
          padding-bottom: 20px;
      }
      .main-tabs.tab-buttons {
          display: inherit;
      }
      .main-tabs>button {
          padding: 10px 16px 10px;
          font-size: 14px;
          display: inline-flex;
          gap: 5px;
          width: fit-content;
          margin: 0 5px 5px 0;
          color: black;
      }
      .tab-content h2 {
          font-size: 20px;
      }
      .sub-tabs .tab-contents {
          padding-top: 20px;
      }
      .p-order-det {
          align-items: flex-start;
      }
      .p-order-det>p {
          font-size: 14px;
      }
      p.p-order-date img {
          width: 25px;
          height: auto;
      }
      form.address-search {
          padding-bottom: 20px;
      }
      .saved-address {
          grid-template-columns: none;
          padding: 20px 0;
          grid-template-areas: 's-add-img s-add-det s-add-det''s-add-btns s-add-btns s-add-btns';
      }
      .saved-address img{
        grid-area: s-add-img;
      }
      .saved-address-details{
        grid-area: s-add-det;
      }
      .saved-add-btns{
        grid-area: s-add-btns;
      }
      .saved-address a.b-link {
        margin: 0;
    }
    .saved-add-btns {
        padding: 10px 0 0;
    }
    .saved-add-btns form button {
        font-size: 14px !important;
    }
      .sub-details .sub-details-h, .security-details-h {
          padding: 10px 0 20px;
      }
      .sub-det {
          padding-bottom: 10px;
      }
      .sub-details, .security-det {
          padding-bottom: 10px;
          margin-bottom: 10px;
      }
      .category-listing-blocks{
          grid-template-columns: repeat(2, 1fr);
      }
      .category-listing-block {
          grid-template-columns: calc(100% - 50px) 40px;
          grid-column-gap: 10px;
          border-radius: 10px;
          padding: 10px;
      }
      p.del-min-cont{
          padding-right: 0;
      }
      .contact-head .heading-cont {
          padding-bottom: 14px;
      }
      .contact-details {
          display: flex;
          flex-direction: column-reverse;
          padding-top: 20px;
          row-gap: 40px;
      }
      .contact-form {
          padding: 20px;
      }
      form.cont-form {
          grid-row-gap: 20px;
      }
      .form-row {
          grid-column-gap: 20px;
      }
      .form-field input, .form-field textarea, .form-field select{
          font-size: 16px;
          line-height: 16px;
      }
      ul.contact-list li {
          grid-template-columns: 20px calc(100% - 30px);
          grid-column-gap: 10px;
      }
      ul.contact-list li img {
          width: 18px;
      }
      span.cont-info-h, .cont-social p {
          font-size: 16px;
          line-height: 16px;
          padding-bottom: 5px;
      }
      span.cont-info-a, span.cont-info-a a {
          font-size: 14px;
          line-height: 14px;
      }
      span.cont-info-txt .next-line {
          padding-top: 5px;
      }
      .cont-social {
          padding-top: 30px;
      }
      ul.social-list img {
          width: 20px;
          height: auto;
      }
      .policy-block {
          padding: 10px 0;
      }
      .policy-block h2.heading-cont {
          font-size: 18px;
          padding-bottom: 10px;
      }
      .policy-block ul {
          margin: 0;
          padding-left: 25px;
      }
  }
  @media only screen and (min-width:768px){
      .mob-search, .mob-banner-row, #mobile-menu-sidebar, #mobile-menu-toggle, #mobile-menu-overlay, img.mob-search-icon {
          display: none !important;
      }
  }
  @media only screen and (min-width: 768px) and (max-width:1023px){
    .latest-jackpot p.jackpot-n {
        font-size: 1.5rem;
        padding-bottom: 15px;
    }
    .breadcrumbs a {
        line-height: 25px;
    }
    .category-menu li span {
        line-height: 20px;
    }
    span#brand-f {
        margin-top: 9px;
    }
    .form-row {
        grid-column-gap: 20px;
    }
    .category-menu li {
        padding: 10px 20px;
    }
    .form-row:nth-child(4) {
        grid-template-columns: 1fr;
        grid-row-gap: 20px;
    }
    p.foot-h {
        padding-bottom: 15px;
        font-size: 18px;
        line-height: 1.3;
    }
    .heading {
        padding-bottom: 28px;
    }
    .delivery-zone-btns{
        width: 100%;
        text-align: center;
        font-size: 14px;
    }
    #delivery-zone-result-box {
        padding: 10px 20px 8px;
        font-size: 18px;
        line-height: 1.4;
        /* color: var(--var-yellow-1); */
        z-index: 99;
        width: 34%;
    }
    .delivery-search-bar {
        top: 20px;
        padding: 10px;
    }
    .banner-blocks {
        grid-template-columns: 1.5fr 1fr;
    }
    .multiple-items-modal .modal-content {
        max-width: 85% !important;
        padding-bottom: 20px !important;
    }
      .multiple-quick-add{
          gap: 20px;
      }
      .multiple-items-modal .modal-close{
        top: 12px !important;
      }
      .multiple-quick-add span.cart-default{
          width: max-content;
      }
      .multiple-items-modal h2{
          font-size: 20px;
          padding: 15px 15px 13px !important;
      }
      div#multiple-items-container {
        padding: 20px 20px 0 !important;
    }
    div#multiple-items-container a, div#multiple-items-container span.sale-price {
        font-size: 16px !important;
    }
    span.original-price {
        font-size: 14px !important;
    }
      div#filters-1 {
          padding-right: 30px;
      }
      .list-header{
          grid-template-columns: 2fr 1fr;
      }
      p.list-total {
          font-size: 19px;
          line-height: 17px;
      }
      p.product-name{
          padding-bottom: 5px;
      }
      .out-stock-label p{
          font-size: 13px;
          line-height: 12px;
      }
      .contact-details {
          grid-template-columns: 1fr 1fr;
          grid-column-gap: 30px;
          padding-top: 40px;
      }
      span.cont-info-h, .cont-social p {
          font-size: 18px;
          line-height: 18px;
          padding-bottom: 5px;
      }
      span.cont-info-a a, span.cont-info-a {
          font-size: 16px;
          line-height: 16px;
      }
      ul.social-list img {
          width: 20px;
          height: auto;
      }
      .contact-form {
          padding: 20px;
      }
      .cart-sidebar{
          width: 60%;
      }
      .cart-items {
          grid-template-columns: 1fr 2fr;
      }
      .submenu {
          grid-template-columns: 1fr;
      }
      .submenu-l {
          border-right: none;
      }
      .submenu-r {
          display: none;
      }
      .primary-header {
          padding: 20px 0;
      }
      .primary-header>.container {
          grid-template-columns: none;
          align-items: center;
          grid-template-areas: 'logo search search search'
              'del-time del-time account quantity';
          grid-row-gap: 15px;
      }
      .header-logo {
          grid-area: logo;
          margin-right: 20px;
      }
      .delivery-time-cta {
          grid-area: del-time;
          width: 100%;
          padding: 12px 20px;
      }
      .delivery-time-cta>div {
          position: relative;
          grid-column-gap: 10px;
      }
      .delivery-time-cta .head-delivery{
        width: 45%;
      }
      .delivery-time-cta .head-time{
        width: 65%;
      }
      .delivery-time-cta p {
          font-size: 14px;
          font-weight: 500;
      }
      .head-delivery:after {
          content: '';
          position: absolute;
          height: 100%;
          background: var(--var-gray-3);
          width: 1px;
          right: 0;
      }
      .header-search {
          grid-area: search;
          width: 100%;
          margin-left: auto;
      }
      .header-account {
          grid-area: account;
          padding-left: 20px;
      }
      .header-account p {
          font-weight: 400;
      }
  .header-quantity {
      grid-area: quantity;
      padding: 0;
      border: none;
  }
  section.banner-row{
    padding-top: 20px;
  }
  .category-blocks .slick-slide>div {
    margin: 0 10px 20px;
}
  span.cat-arrow.a-left {
      left: 42%;
      right: auto;
  }
  span.cat-arrow.a-right {
      right: 42%;
      left: auto;
  }
  .specials-block-l {
      padding: 20px;
      border-radius: 20px 20px 0 0;
      border-right: none;
      border-bottom: 4px solid white;
  }
  h1, h2 {
      font-size: 30px;
  }
  .specials-block-r {
      padding: 20px;
      border-radius: 0 0 20px 20px;
  }
  .specials-blocks {
      display: block;
      background: none;
  }
  .specials-blocks>div, .popular-blocks>div {
      width: calc(100% - 40px);
  }
  .specials-blocks>div{
      background-color: var(--var-yellow-3);
  }
  .specials-h {
      flex-direction: row;
      grid-column-gap: 20px;
  }
  .specials-h h2 {
      font-size: 27px;
      grid-template-columns: 1fr;
      grid-row-gap: 10px;
  }
  p.specials-offer, p.specials-con {
      font-size: 22px;
  }
  .popular-blocks {
      display: none;
  }
  .product-listing .slick-list{
      padding-bottom: 60px;
  }
  .prod-list-arrow {
      top: auto;
      bottom: 0;
      transform: none;
  }
  .prod-list-arrow.a-left {
      left: 42%;
      right: auto;
  }
  .prod-list-arrow.a-right {
      left: auto;
      right: 42%;
  }
  .product-listing .slick-slide {
      margin: 0 10px;
  }
  .popular-l {
      background: var(--var-gray-2);
      padding: 20px;
      border-radius: 0 0 20px 20px;
  }
  .popular-r {
      padding: 40px 20px 20px;
      border-radius: 20px 20px 0 0;
      flex-direction: row;
      border-bottom: 4px solid white;
  }
  .popular-txt h2 {
      font-size: 32px;
      padding-bottom: 20px;
  }
  .popular-r>div:nth-child(2) {
      margin: auto auto -20px;
  }
  .popular-r>div:nth-child(2):before{
      bottom: 0;
  }
  .mini-banner-blocks {
      grid-row-gap: 20px;
      display: grid;
  }
  .mini-banner-blocks>div {
      padding: 20px;
  }
  .mini-banner-l:before, .mini-banner-r:before {
      width: 60%;
      top: 0;
  }
  p.mini-banner-h {
      font-size: 32px;
      padding-bottom: 20px;
  }
  .mini-banner-img img {
      max-width: 350px;
      right: 20px;
  }
  .mini-banner-r img {
      left: 20px;
      width: 300px;
  }
  .del-blk-r {
      margin-left: 0;
      padding-top: 20px;
      text-align: right;
  }
  .del-blk-r:before {
      width: 60%;
      height: calc(100% - 60px);
  }
  .abv-foot-top {
      grid-template-columns: 1.5fr 3fr;
      z-index: 1;
  }
  .footer-del {
      padding: 40px 0;
  }
  .footer-del h2 {
      font-size: 32px;
  }
  .footer-del-bot {
      padding-top: 10px;
  }
  .footer-del-bot p {
      font-size: 20px;
      padding-bottom: 20px;
  }
  img.footer-cart {
      position: relative;
      right: -10px;
      bottom: 0;
      width: 150px;
      transform: rotate(-20deg) translateY(-50%);
      opacity: 0.25;
      top: 50%;
      z-index: 1;
      left: auto;
  }
  .cart-img-foot {
      position: absolute;
      right: 0;
      z-index: -1;
  }
  .abv-foot-bot a {
      grid-column-gap: 7px;
      font-size: 20px;
      grid-template-columns: 25px calc(100% - 32px);
  }
  .abv-foot-bot a img {
      width: 25px;
  }
  .prim-footer-top {
      grid-template-columns: 1fr;
      padding-top: 40px;
      grid-column-gap: 35px;
      position: relative;
  }
  .prim-top-l {
      grid-column-gap: 20px;
      padding-bottom: 40px;
  }
  .prim-top-r img {
      max-height: 270px;
      position: absolute;
      z-index: -1;
      opacity: 0.15;
      bottom: 0;
  }
  .prim-footer-bot {
      padding: 30px 0;
  }
  .prim-bot-l img {
      max-width: 225px;
  }
  .prim-bot-r {
      grid-column-gap: 20px;
  }
  .prim-bot-r img {
      max-width: 180px;
  }
  .foot-pay img {
      max-width: 285px;
  }
  .category-products-listing {
      grid-template-columns: repeat(3,1fr);
  }
  .form-step {
      padding: 30px;
  }
  img.login-logo {
      height: 40px;
  }
  .form-step h2 {
      font-size: 24px;
  }
  .form-step h3 {
      font-size: 18px;
  }
  form#signupForm .navigation-buttons {
      padding-top: 20px;
  }
  .login-window-block {
      max-width: 500px;
  }
  .login-window-block h1 {
      font-size: 25px;
  }
  .main-tabs>button {
      padding: 10px 12px 10px;
      font-size: 15px;
  }
  .account-tabs h1 {
      padding-bottom: 20px;
      font-size: 24px;
  }
  .tab-content h2 {
      font-size: 22px;
  }
  .p-order-det>p {
      font-size: 17px;
  }
  .past-orders .delivery-day, .past-orders .delivery-date {
      margin-top: 10px;
  }
  form.address-search {
      padding-bottom: 20px;
  }
  .saved-address {
      padding: 20px 0;
  }
  .sub-details .sub-details-h, .security-details-h {
      padding: 10px 0 20px;
  }
  .sub-det {
      padding-bottom: 15px;
  }
  .sub-details, .security-det {
      padding-bottom: 15px;
      margin-bottom: 15px;
  }
  .category-listing-blocks {
      grid-template-columns: repeat(3,1fr);
  }
  }
  @media only screen and (min-width: 768px) and (max-width:1365px){
      .pd-100{
          padding-top: 100px;
          padding-bottom: 100px;
      }
      .pd-top{
          padding-top: 100px;
      }
      .pd-bottom{
          padding-bottom: 100px;
      }
      .blog-listing-body h2 {
        font-size: 28px;
    }
    p.blog-txt-h {
        font-size: 18px;
        padding-bottom: 5px;
        line-height: 1.3;
    }
    .blog-txt {
        padding-left: 15px;
        padding-right: 15px;
    }
    p.blog-txt-link {
        margin-top: 15px;
    }
      .more-menu {
          position: relative;
        }
/*       
        .more-submenu {
          display: none;
          position: absolute;
          background-color: white;
          box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
          z-index: 1;
          width: 200px;
          top: 100%;
          left: 0;
        } */
      
        .menu-item.more:hover .more-submenu {
          display: block;
        }
        ul.menu-list>li:nth-child(3), ul.menu-list>li:nth-child(4), ul.menu-list>li:nth-child(5), ul.menu-list>li:nth-child(6){
          display: none;
        }
        ul.menu-list {
          padding: 0;
          margin: 0;
          list-style: none;
          display: flex;
          justify-content: left;
          grid-column-gap: 20px;
      }
      p.brand-link-text {
          font-size: 16px;
          padding-bottom: 15px;
      }
      .product-details h1.product-name {
          font-size: 22px;
          padding-bottom: 10px;
      }
      .product-details .product-price {
          padding: 20px 0 5px;
      }
      .product-details .product-price span:nth-child(1) {
          font-size: 22px;
      }
      .product-details span.original-price {
          text-decoration: line-through;
          font-size: 14px;
      }
      .prod-det-content-box {
          padding-top: 30px;
      }
      h2.prod-det-why-h, .product-det-content h2 {
          font-size: 20px;
      }
      .product-details-accordion .accordion {
          font-size: 17px;
      }
      .product-details-accordion .accordion img {
          height: 9px;
      }
      h2.prod-det-why-h, .product-det-content h2, .product-tabs .tab-buttons button {
          font-size: 20px;
      }
      .prod-det-why ul {
          padding: 20px;
      }
      .product-tabs.tab-container {
          margin: 30px auto 0;
      }
      .product-tabs button.tab-link img {
          height: 8px;
          margin-top: -2px;
      }
      .checkout-details-r h2, .checkout-cart-details h2, .order-summary h1, .payment-summary h2{
          font-size: 20px;
      }
      .order-total p {
          font-size: 18px;
      }
      .account-tabs-left {
          padding-right: 20px;
      }
      .main-tabs-content {
          padding-left: 20px;
      }
  }
  @media only screen and (max-width:1023px){
      .product-det-right, .product-det-left {
          width: 100%;
      }
      .product-details {
          flex-direction: column;
      }
      .product-details-nm-pr {
          padding-top: 20px;
      }
      .prod-det-cart-list, .prod-det-out-stock {
          grid-column-gap: 20px;
          padding: 20px 0 0;
      }
      .unit-price {
          padding-top: 5px;
      }
      .category-page-block {
          display: block;
      }
      .category-sidebar {
          padding: 0;
      }
      div#category-sidebar-placeholder {
          border-right: none;
          margin-top: 20px;
          background: var(--var-gray-2);
          border-radius: 20px;
          padding: 20px;
      }
      #category-menu-title {
          font-size: 18px;
          margin: 0 0 20px;
      }
      .category-menu {
          display: flex;
          gap: 20px;
          overflow-x: auto;
          padding-bottom: 20px;;
      }
      .category-menu li {
          display: flex;
          border-radius: 15px;
          background: var(--var-gray-1);
          line-height: 16px;
          margin: 0;
          min-width: 80px;
          width: 80px;
          max-width: 80px;
          /* height: 78px; */
          text-align: center;
          flex-direction: column;
          gap: 10px;
          justify-content: center;
          border: 1px solid var(--var-gray-2);
      }
      .category-menu .category-image {
          width: 50px;
          height: auto;
      }
      ul#category-menu-list::-webkit-scrollbar-track {
          background: var(--var-gray-1);
      }
      ul#category-menu-list::-webkit-scrollbar-thumb {
          background: var(--var-yellow-1);
      }
      ul#category-menu-list::-webkit-scrollbar {
          height: 3px; /* horizontal scrollbar height */
        }
        
      span.cat-menu-name {
          margin-top: 0;
      }
      .category-products {
          padding-left: 0;
      }
      img.cat-ar-r, span.prod-count{
          display: none !important;
      }
      .category-menu li:hover, .category-menu li.active {
          background-color: var(--var-yellow-1);
          transition: ease all 0.2s;
      }
      #filters-1:before {
          right: 20px;
          top: 0;
          bottom: 0;
      }
      .signup-window-container {
          padding-left: 20px;
          padding-right: 20px;
      }
      .checkout-row{
          flex-direction: column;
          grid-row-gap: 20px;
      }
      .checkout-details, .checkout-cart-details{
          width: 100%;
      }
      .checkout-details-1, .checkout-details-2 {
          padding: 20px;
          grid-template-columns: 30px calc(100% - 50px);
      }
      .checkout-details-r h2, .checkout-cart-details h2 {
          padding: 5px 0 20px;
      }
      .checkout-num {
          width: 30px;
          height: 30px;
          padding-top: 2px;
          font-size: 18px;
      }
      .checkout-cart-details {
          box-sizing: border-box;
          padding: 20px;
      }
      .payment-row {
          flex-direction: column;
          grid-row-gap: 20px;
      }
      .payment-row>div{
          width: 100%;
          padding: 20px;
          box-sizing: border-box;
      }
      .order-summary span.l-separator {
          margin-bottom: 20px;
      }
      .o-summary-det {
          padding-bottom: 20px;
      }
  }
  @media only screen and (min-width:1024px){
      .row-grid, .one-three-grid, .two-three-grid, .three-two-grid{
          display: grid;
      }
      .row-grid{
          grid-template-columns: 1fr 1fr;
      }
      .one-three-grid{
          grid-template-columns: 1fr 3fr;
      }
      .two-three-grid{
          grid-template-columns: 2fr 3fr;
      }
      .three-two-grid{
          grid-template-columns: 3fr 2fr;
      }
      .checkout-details {
          position: sticky;
          top: 120px;
          align-self: flex-start;
      }
  }
  @media only screen and (min-width: 1024px) and (max-width:1365px){
    .latest-jackpot p.jackpot-n {
        font-size: 1.5rem;
        padding-bottom: 10px;
    }
    p.jackpot-n {
        font-size: 1.1rem;
        line-height: 1.5rem;
    }
    .prod-det-why li {
        align-items: flex-start;
    }
    .multiple-quick-add span.add-cart-txt, .list-header span.add-cart-txt {
        padding-top: 1px;
    }
    .filters {
        padding: 15px 0 30px !important;
    }
    .filters>span {
        margin-top: 10px;
    }
    .filter-block>span {
        margin-top: 8px !important;
    }
    .category-menu li{
        margin: 0;
    }
    .category-breadcrumbs .breadcrumbs.container {
        padding-left: 0;
    }
    .header-logo>a{
        height: 28px;
    }
    section.banner-row {
        padding-top: 20px;
    }
    .category-blocks .slick-slide>div {
        margin: 0 10px 15px;
    }

    .delivery-zone-btns{
        width: 80%;
    }
    .available-jobs-blocks {
        grid-template-columns: repeat(2, 1fr);
    }
      .multiple-items-modal .modal-content {
          max-width: 85% !important;
          padding-bottom: 20px !important;
      }
      .multiple-quick-add{
          gap: 20px;
      }
      .multiple-quick-add span.cart-default{
          width: max-content;
      }
      .multiple-items-modal h2{
          font-size: 22px;
          padding: 15px 15px 13px;
      }
      div#multiple-items-container {
          padding: 20px 20px 0;
      }
      div#multiple-items-container a {
        font-size: 16px !important;
    }
      .list-header{
          grid-template-columns: 2fr 1fr;
      }
      p.product-name {
          padding-bottom: 5px;
      }
      .img-half-price {
          width: 60px;
          height: 60px;
          border: 5px solid var(--var-green-1);
      }
      .img-half-price p {
          font-size: 17px;
          line-height: 1.2;
      }
      .out-stock-label p{
          font-size: 13px;
          line-height: 12px;
      }
      .login-window-block {
          max-width: 500px;
      }
      .productslides {
          width: 100px;
      }
      .productmain {
          width: calc(100% - 120px);
      }
      p.brand-link-text {
          font-size: 16px;
          padding-bottom: 10px;
      }
      .product-details h1.product-name {
          font-size: 21px;
          line-height: 1.3;
      }
      .product-details .product-price {
          padding: 20px 0 5px;
      }
      .product-details .product-price span:nth-child(1) {
          font-size: 22px;
          line-height: 22px;
      }
      .prod-det-cart-list, .prod-det-out-stock {
          grid-column-gap: 20px;
          padding: 25px 0 35px;
      }
      .prod-det-why {
          padding-top: 30px;
      }
      .prod-det-why ul {
          padding: 20px;
      }
      .prod-det-why li {
          padding-bottom: 20px;
          grid-template-columns: 60px calc(100% - 80px);
      }
      span.why-icon {
          width: 60px;
          height: 60px;
      }
      span.why-icon img {
          height: 30px;
      }
      h2.prod-det-why-h, .product-det-content h2 {
          font-size: 20px;
      }
      .product-details-accordion .accordion, .product-tabs .tab-buttons button {
          font-size: 16px;
      }
      .product-details-accordion .accordion{
          padding: 15px 0;
      }
      .product-tabs .tab-content {
          padding: 20px;
      }
      .cart-sidebar{
          width: 60%;
      }
      .row-grid, .one-three-grid, .two-three-grid, .three-two-grid{
          grid-column-gap: 20px;
      }
      h1, h2 {
          font-size: 30px;
      }
      .specials-block-r {
          padding: 20px;
          border-radius: 0 20px 20px 0;
      }
      .product-listing .slick-track {
          padding-bottom: 70px;
      }
      .product-data {
          padding: 15px 0 20px;
      }
      .product-card .unit-price {
          padding: 5px 0 20px;
      }
      .specials-block-l {
          padding: 20px;
          border-radius: 20px 0 0 20px;
      }
      .specials-h h2 {
          grid-row-gap: 20px;
          font-size: 28px;
          grid-template-columns: 1fr;
          height: auto;
          text-align: center;
      }
      .specials-h h2 img {
          height: 50px;
          width: auto;
          margin: auto;
      }
      p.specials-offer, p.specials-con {
          font-size: 19px;
      }
      span.sale-price{
          font-size: 18px;
      }
      .prod-list-arrow.a-left {
          left: 42%;
          right: auto;
          z-index: 9;
      }
      .prod-list-arrow.a-right {
          left: auto;
          right: 42%;
      }
      .prod-list-arrow {
          top: auto;
          bottom: 0;
          transform: none;
          width: 30px;
          height: 30px;
      }
      .prod-list-arrow img, .rel-prod-list-arrow img{
          width: 8px;
      }
      .product-listing .slick-slide, .related-product-listing .slick-slide{
          margin: 0 10px;
      }
      .popular-l {
          padding: 20px;
          background: #f2f2f2;
          border-radius: 20px 0 0 20px;
      }
      .popular-blocks {
          grid-column-gap: 0;
      }
      .popular-r {
          padding: 20px 20px 10px 20px;
          border-radius: 0 20px 20px 0;
          border-left: 4px solid white;
      }
      .popular-txt h2 {
          font-size: 34px !important;
      }
      .specials-blocks.theme-yellow-3>div {
          background-color: var(--var-yellow-3);
      }
      .specials-blocks.theme-yellow-3 {
          background: none;
      }
      .popular-r img {
          max-width: 250px;
      }
      .mini-banner-blocks {
          grid-column-gap: 20px !important;
      }
      .mini-banner-blocks>div {
          padding: 20px;
          flex-direction: column;
      }
      .mini-banner-txt {
          width: 100%;
      }
      .mini-banner-l .mini-banner-txt {
          padding-bottom: 20px;
      }
      p.mini-banner-h {
          font-size: 28px;
          padding-bottom: 15px;
      }
      .mini-banner-img img {
          max-width: 220px;
          /* position: relative; */
          bottom: 10px;
          right: 10px;
          left: auto;
      }
      .mini-banner-img {
          height: auto;
      }
      .mini-banner-r {
          flex-direction: column-reverse !important;
      }
      .mini-banner-r .mini-banner-img{
          text-align: right;
      }
      .mini-banner-r img {
          left: 10px;
          max-width: 200px;
      }
      .mini-banner-l:before, .mini-banner-r:before{
          width: 60%;
      }
      .del-blk-l {
          padding-bottom: 50px;
      }
      .del-blk-r {
          padding-top: 0;
          margin-top: auto;
          text-align: center;
          margin-left: 0;
      }
      .del-blk-r:before {
        left: 0;
        margin: auto;
    }
      img.del-van {
        max-width: 800px;
        margin: 0 auto -5px !important;
    }
      .abv-foot-top {
          grid-template-columns: 1.5fr 3fr 250px;
      }
      .footer-del h2 {
          font-size: 34px;
      }
      .footer-del-bot {
          padding-top: 10px;
      }
      .footer-del-bot p {
          font-size: 18px;
          padding-bottom: 18px;
      }
      img.footer-cart {
          width: 180px;
      }
      .abv-foot-bot a {
          font-size: 18px;
          grid-template-columns: 24px calc(100% - 34px);
      }
      .abv-foot-bot a img {
          width: 24px;
      }
      .prim-footer-top {
          grid-template-columns: 4fr 0;
          padding-top: 35px;
          grid-column-gap: 35px;
      }
      .prim-top-r img {
          max-height: 280px;
          position: absolute;
          z-index: -1;
          opacity: 0.2;
      }
      .primary-header{
          padding: 20px 0;
      }
      .prim-footer-bot {
          padding: 20px 0;
      }
      .prim-bot-l img {
          max-width: 200px;
      }
      .prim-bot-r img {
          max-width: 160px;
      }
      p.foot-h {
          padding-bottom: 15px;
          font-size: 18px;
          line-height: 18px;
      }
      .prim-top-l{
          padding-bottom: 35px;
      }
      .header-logo {
          margin-right: 0;
      }
      .header-logo img {
          max-width: 120px;
          height: auto;
      }
      .primary-header>.container {
          grid-template-columns: 130px auto auto auto auto;
      }
      .navigation-left>a.menu-link, .navigation-right a.menu-link{
          font-size: 14px;
      }
      .navigation-right{
          padding: 15px 0 15px 25px;
      }
      .navigation-left{
          padding: 15px 25px 15px 0;
          border-right: 3px solid white;
      }
      img.menu-cart{
          width: 24px;
      }
      .header-account img {
          max-height: 17px;
          width: auto;
      }
      .delivery-time-cta img, .search-bar img, .h-qty img {
          height: 18px;
          width: auto;
      }
      header p, .header-account p {
          font-size: 14px;
      }
      span.h-small {
          font-size: 12px;
      }
      .category-products-listing {
          grid-template-columns: repeat(3,1fr);
      }
      .category-page-block {
          grid-template-columns: 1fr 2.75fr;
          padding-top: 20px;
      }
      div#filters-1 {
          padding-right: 30px;
      }
      #filters-1:before {
          right: 20px;
          top: 0;
          bottom: 0;
      }
      .filter-sidebar {
          width: 38%;
      }
      .filter-sidebar{
          width: 45%;
      }
      .signup-window-container {
          padding-left: 50px;
          padding-right: 50px;
      }
      .form-step {
          padding: 50px;
      }
      .checkout-row {
          grid-column-gap: 20px;
      }
      .checkout-details{
          grid-row-gap: 20px;
      }
      .checkout-details-1, .checkout-details-2 {
          padding: 20px;
          grid-template-columns: 35px calc(100% - 55px);
      }
      .checkout-num {
          width: 35px;
          height: 35px;
          font-size: 20px;
      }
      .checkout-details-r h2, .checkout-cart-details h2 {
          font-size: 20px;
          line-height: 1.4;
          padding: 5px 0 20px;
      }
      .checkout-cart-details {
          padding: 20px;
      }
      .order-summary, .payment-summary h2 {
          font-size: 20px;
      }
      .banner-blocks{
          grid-template-columns: 1.5fr 1fr;
      }
      .bBlk-1-bot:before {
          height: 96%;
      }
      p.offer-1, p.offer-2, p.offer-3 {
          font-size: 28px;
          line-height: 28px;
      }
      p.offer-2-con {
          padding: 5px 0 10px;
          font-size: 17px;
      }
      img.offer-3-img {
          max-width: 240px;
          right: 10px;
      }
      p.offer-3 {
          padding-bottom: 10px;
      }
  }
  @media only screen and (max-width:1365px){
    .delivery-blocks {
        grid-template-columns: 1fr;
    }
    p.del-min-cont {
        padding-right: 0;
    }
    .single-post-container img {
        margin-bottom: 20px;
    }
    span.cont-info-a:hover {
        color: black;
    }
    span.cont-info-b {
        display: block;
        padding-top: 5px;
    }
    span.sep{
        display: none;
    }
    .featured-blog-grid {
        grid-column-gap: 20px;
    }
    .featured-blog-r{
        grid-row-gap: 20px;
    }
    .blog-listing-grid {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }
    .blog-listing-header {
        gap: 20px;
        grid-template-columns: calc(100% - 70px) 50px;
        padding: 30px 0;
    }
    .blog-listing-body {
        grid-row-gap: 30px;
    }
    .blog-txt {
        padding: 15px 20px 20px;
    }
    .available-jobs-blocks {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }
    .featured-blog-grid{
        padding-top: 20px;
    }
    p.position-name {
        font-size: 18px;
    }
      .container{
          max-width: 100%;
          padding-left: 20px;
          padding-right: 20px;
      }
      .filters {
          display: grid;
          grid-column-gap: 15px;
          padding: 20px 0 30px;
          align-items: flex-start;
          grid-template-columns: 1fr 9fr;
      }
      .filter-blocks {
          display: block;
      }
      .filter-block {
          display: inline;
      }
      .filter-block>span {
          display: inline-block;
          margin: 0 8px 0 0;
      }
      .grocerz-sort-dropdown img {
        width: 12px !important;
        height: auto;
    }
      .login-header.container {
          padding: 20px;
      }
      div#tab3{
          width: 100%;
      }
      .category-listing-blocks {
          grid-column-gap: 20px;
          grid-row-gap: 20px;
      }
  }
  @media only screen and (min-width:1366px){
      .pd-100{
          padding-top: 120px;
          padding-bottom: 120px;
      }
      .pd-top{
          padding-top: 120px;
      }
      .pd-bottom{
          padding-bottom: 120px;
      }
      .more-menu {
          display: none; /* Hide the "More" menu */
      }
      .signup-window-container{
          max-width: 700px;
          margin: auto;
      }
      div#multiple-items-container a{
          font-size: 16px;
      }
  }
  @media only screen and (min-width: 1366px) and (max-width:1599px){
    .prod-sidebar-left {
        height: calc(100% - 90px);
    }
    .del-blk-l{
        padding-bottom: 40px;
    }
    .search-block-top {
        gap: 0;
    }
    .search-block-top img {
        right: 16px !important;
        top: 9px !important;
    }
      .multiple-items-modal h2{
          font-size: 25px;
      }
      .primary-header>.container{
          grid-template-columns: 200px auto 300px auto auto;
      }
      p.show-delivery-slot.show-delivery-slot-wrap-text, p.show-delivery-address.show-delivery-address-wrap-text {
          font-size: 13px;
          line-height: 16px;
      }
      .header-logo img {
          max-width: 175px;
          height: auto;
      }
      .primary-header{
          padding: 20px 0;
      }
      .delivery-time-cta {
          padding: 9px 12px;
          grid-column-gap: 15px;
      }
      .h-total p, .navigation-left a, .navigation-right li {
          font-size: 14px;
          line-height: 14px;
      }
      .global_search_input_trigger, .global_search_input {
          padding: 9px 44px 9px 16px;
          font-size: 14px;
          height: 38px;
          box-sizing: border-box;
      }
      .delivery-time-cta img, .search-bar img, .h-qty img {
          height: 18px;
          width: auto;
      }
      span.qty-num {
          width: 15px;
          height: 15px;
          font-size: 9px;
          top: -7px;
          right: -7px;
          line-height: 9px;
      }
      .cart-loc-time{
          grid-template-columns: 1fr 1fr;
      }
      .header-account p {
          font-size: 14px;
          line-height: 14px;
      }
      .header-quantity {
          padding: 9px 12px;
      }
      .header-search>div>img {
          top: 11px;
          width: 16px;
          height: auto;
      }
      .navigation-left{
          padding: 15px 30px 15px 0;
      }
      .navigation-right {
          padding: 15px 0 15px 30px;
      }
      .menu-link img.dropdown-icon {
          height: 7px;
      }
      img.menu-cart {
          width: 22px;
      }
      p.offer-1, p.offer-2, p.offer-3{
          font-size: 32px;
          line-height: 32px;
      }
      .banner-blocks{
          grid-template-columns: 1.5fr 1fr;
      }
      .banner-blocks video {
          max-height: none;
      }
      p.mini-banner-h {
          font-size: 28px;
          padding-bottom: 20px;
          line-height: 1.2;
      }
      .mini-banner-img img {
          max-width: 270px;
      }
      .mini-banner-l:before, .mini-banner-r:before{
          width: 65%;
      }
      .heading-cont {
          padding-bottom: 12px;
      }
      h1, h2 {
          font-size: 32px;
          line-height: 1.3;
      }
      .footer-del h2 {
          font-size: 34px;
          line-height: 34px;
      }
      .footer-del-bot p {
          font-size: 19px;
          padding-bottom: 20px;
      }
      form.del-zone-form button {
          height: 40px;
          font-size: 14px;
          line-height: 14px;
      }
      form.del-zone-form input[type="text"] {
          padding: 15px 20px 14px;
          line-height: 14px;
          font-size: 14px;
          height: 40px;
      }
      img.footer-hero-img {
          margin: -20px 0 0;
      }
      img.footer-cart {
          width: 220px;
      }
      .abv-foot-bot-wrap {
          padding: 15px 0;
      }
      .abv-foot-bot a {
          font-size: 20px;
          grid-template-columns: 20px calc(100% - 30px);
          line-height: 20px;
      }
      .abv-foot-bot a img {
          width: 22px;
          height: auto;
      }
      p.foot-h {
          padding-bottom: 12px;
          font-size: 18px;
      }
      .foot-list ul li {
          padding-bottom: 10px;
          font-size: 14px;
      }
      .del-blk-r {
          padding-top: 70px;
      }
      .del-blk-r:before {
          height: calc(100% - 120px);
      }
      .specials-block-l, .popular-r {
          width: 38%;
      }
      p.specials-offer, p.specials-con {
          font-size: 21px;
          line-height: 1.6;
      }
      .specials-h h2 {
          font-size: 30px;
          height: auto;
          justify-content: center;
          text-align: center;
          display: block;
      }
      .specials-block-r, .popular-l {
          width: 62%;
      }
      .popular-txt h2 {
          font-size: 34px;
      }
      .prod-list-arrow, .rel-prod-list-arrow {
          width: 30px;
          height: 30px;
      }
      .prod-list-arrow img, .rel-prod-list-arrow img {
          width: 7px;
          height: auto;
      }
      span.cart-default {
          height: 38px;
      }
      a.add-to-list img, span.cart-default img {
          height: 19px;
          width: auto;
      }
      span.add-cart-txt {
          font-size: 17px;
          padding-top: 4px;
      }
      .product-card.cart-active .quantity_wrapper {
          height: 38px !important;
      }
      a.add-to-list {
          width: 36px;
          height: 36px;
          border-radius: 7px;
      }
      .product-data {
          padding: 20px 0;
      }
      .product-card .unit-price {
          padding: 10px 0 15px;
      }
      ul.social-list img {
          width: 25px;
          height: auto;
      }
      .container{
          max-width: 1200px;
          margin: auto;
      }
      .payment-row.container{
          width: 1200px;
      }
      .row-grid, .one-three-grid, .two-three-grid, .three-two-grid{
          grid-column-gap: 50px;
      }
      .prim-footer-bot {
          padding: 20px 0;
      }
      .prim-bot-l img {
          max-width: 200px;
          height: auto;
      }
      .prim-bot-r img {
          max-width: 160px;
          height: auto;
      }
      .foot-pay img{
          max-width: 245px;
      }
      .below-footer{
          padding: 10px 0;
      }
      .prim-footer-top {
          padding-top: 50px;
      }
      .category-page-block {
          grid-template-columns: 1fr 3.5fr;
      }
      .category-products-listing {
          grid-template-columns: repeat(4,1fr);
      }
      .filter-sidebar {
          width: 25%;
      }
      div#tab3 {
          width: 80%;
      }
      .cart-sidebar{
          width: 40%;
      }
      .cart-top {
          padding: 20px 20px 0;
      }
      .cart-head h2, .product-sidebar-header h2, #filter-sidebar-title {
          font-size: 22px;
          line-height: 22px;
          margin-bottom: 0px;
      }
      span.cart-suburb {
          line-height: 13px;
          font-size: 15px;
      }
      .cart-notice p {
          font-size: 14px;
      }
      p.min-del, p.min-del-active{
          padding: 15px;
      }
      .cart-items p, .filter-dropdown {
          font-size: 14px;
      }
      .cart-items p img {
          width: 21px;
      }
      .cart-price {
          font-size: 18px;
      }
      .cart-mid {
          padding: 0px 20px 20px;
      }
      ul.cart-items-list, .cart-loc-time {
          padding: 20px 0;
      }
      .cart-bot {
          padding: 20px;
      }
      .product-sidebar-header {
          padding: 20px 25px;
      }
      .menu-specials, .categories-menu {
          padding: 30px 25px;
      }
      #category-menu-title {
          font-size: 18px;
          margin: 0 0 15px;
      }
      .category-menu li {
          padding: 12px 15px;
      }
      .filter-sidebar-header {
          padding: 25px;
      }
      #filter-options {
          padding: 25px;
      }
      .product-details {
          grid-column-gap: 35px;
      }
      p.brand-link-text {
          font-size: 16px;
          padding-bottom: 15px;
      }
      a.brand-link img {
          height: 9px;
      }
      .product-details h1.product-name {
          font-size: 24px;
      }
      .product-details .product-price {
          padding: 20px 0 5px;
      }
      .product-details .product-price span:nth-child(1) {
          font-size: 24px;
      }
      .prod-det-cart-list, .prod-det-out-stock {
          grid-column-gap: 20px;
          padding: 25px 0 35px;
      }
      .prod-det-cart-list .add-to-list, .prod-det-cart-list .cart-default, .prod-det-out-stock .add-to-list{
          height: 18px;
      }
      .prod-det-why {
          padding-top: 30px;
      }
      h2.prod-det-why-h, .product-det-content h2 {
          font-size: 22px;
      }
      .prod-det-content-box {
          padding-top: 20px;
      }
      .prod-det-why li {
          grid-template-columns: 65px calc(100% - 85px);
      }
      span.why-icon {
          width: 65px;
          height: 65px;
      }
      span.why-icon img {
          height: 30px;
      }
      .product-tabs .tab-buttons button{
          font-size: 18px;
          line-height: 18px;
          padding: 15px 20px 10px;
      }
      .product-tabs button.tab-link img {
          height: 8px;
      }
      .product-tabs .tab-content{
          padding: 30px 20px;
      }
      .product-tabs form.prod-del-zone-form button {
          height: 40px !important;
          width: 40px !important;
      }
      .product-tabs form.prod-del-zone-form button img {
          height: 16px;
          width: auto;
      }
      .product-tabs form.prod-del-zone-form input[type="text"] {
          min-width: calc(100% - 60px);
      }
      .checkout-details-1, .checkout-details-2 {
          padding: 25px;
          grid-template-columns: 35px calc(100% - 50px);
          grid-column-gap: 15px;
      }
      .checkout-num {
          width: 35px;
          height: 35px;
          padding-top: 2px;
          font-size: 18px;
      }
      .checkout-details-r h2, .checkout-cart-details h2 {
          font-size: 22px;
          padding: 5px 0 20px;
      }
      .checkout-cart-details, .payment-row>div {
          padding: 25px;
      }
      .order-summary h1 {
          font-size: 22px;
          padding-bottom: 15px;
      }
      .order-total p {
          font-size: 18px;
      }
      .o-summary-det {
          padding-bottom: 25px;
      }
      .order-summary span.l-separator {
          margin-bottom: 25px;
      }
      .cart-notice img {
          max-width: 28px;
      }
      .sub-details .sub-details-h, .security-details-h {
          padding: 20px 0 20px;
      }
      .sub-det {
          padding-bottom: 15px;
      }
      ul.contact-list li img {
          width: 22px;
          margin-top: 0;
      }
      span.cont-info-h, .cont-social p {
          font-size: 20px;
          line-height: 20px;
          padding-bottom: 8px;
      }
      span.cont-info-a a {
          font-size: 16px;
          line-height: 16px;
      }
      .policy-block h2.heading-cont {
          font-size: 20px;
      }
  
      /* hide the 3rd feature sidebar start */
      /* .submenu {
          grid-template-columns: 1fr !important;
      }
  
      .submenu-r {
          display: none !important;
      } */
      /* hide the 3rd feature sidebar end */
  }
  @media only screen and (min-width:1600px){
      .container{
          max-width: 1440px;
          margin: auto;
      }
      .header-search {
          min-width: 420px;
      }
      .row-grid, .one-three-grid, .two-three-grid, .three-two-grid{
          grid-column-gap: 80px;
      }
      .multiple-items-modal h2{
          font-size: 30px;
      }
      .del-blk-l {
        padding-bottom: 70px;
    }
  }