.tagline.product-page-version.mobile-only {display:none}
.blog-inner-content .center .jump-to-recipe-wrap {display: none;}
.blog-inner-content .recipe-grid {scroll-margin-top: 90px;}

@media screen and (max-width: 1800px) {

  .tile-item figure {margin-bottom: 40px;}
  .tile-item article {padding: 0 20px;}
  .delivery-feat-item p {padding-top: 0px;}
  .delivery-feat-item p strong {font-size: 45px;}
  .grid-4 {margin: -200px auto 50px;}
}
@media screen and (max-width: 1700px) {

  .blog-content .wrapper-med .guides .guide-item {grid-gap: 10px;}
  .blog-content .wrapper-med .guides .guide-item figure {width: 70px; height: 70px;}
  .blog-content .wrapper-med .guides .guide-item figure div { width: 40px; height: 40px;}
  .blog-content .wrapper-med .guides .large .guide-item {grid-template-columns: 70px 1fr; padding: 30px 25px; grid-gap: 20px;}
  .blog-content .wrapper-med .guides .large .guide-item:first-child figure div { height: 45px;}
  .blog-content .wrapper-med .guides .large .guide-item:nth-child(2) figure div { width: 40px; height: 40px;}


}
@media screen and (max-width: 1500px) {
  .home-banner {height: 70vh;}
  .header-bottom ul a {font-size: 15px;}
  .tagline {font-size: 16px;}
  .tagline img {margin-top: -5px}
  .slider .swiper-slide article p {font-size: 18px;}
  .productSwiper1 {margin: 70px 0 0px !important;}
  .grid article {padding: 50px;}
  .grid p {font-size: 18px;}
  .tile-item article {padding: 0 20px;}
  .tile-item article h3 {font-size: 30px;}
  .tile-item article p {font-size: 15px;}
  .home-banner.office p {font-size: 15px;}
  .home-banner.office h2 {font-size: 60px;}
  .delivery-feat-item {grid-template-columns: 1fr 1fr;}
  .delivery-feat-item p strong {font-size: 35px; margin-top: 5px;}
  .faqs .accordion-item h4 {font-size: 35px;}
  .faqs .accordion-item h4 span::after {top: 40%;}
  .faqs .panel article {padding: 0 85px;}
  footer .footer-bottom .left p, footer .footer-bottom .left a {font-size: 13px;}
  footer .footer-bottom .left img {margin-right: 10px;}
  footer .footer-bottom .left, footer .footer-bottom .right {grid-gap: 10px;}
  footer .footer-bottom > p {font-size: 13px;}
  footer .footer-bottom .right img {margin-right: 0px;}

  .how-it-works.grid {width: calc(95% - -60px);}

  .content.slider {margin-bottom: 50px;}
  .content.how-it-works-new {margin: 50px 0 0;}

  .blog-content .newsletter-block article span {font-size: 18px;}
  .blog-content .newsletter-block input {padding: 15px 20px !important; font-size: 17px !important;}
  .blog-content .newsletter-block input::placeholder {font-size: 17px!important}

  .blog-content .wrapper-med .guides .large .guide-item {padding: 30px 20px;}

}

@media screen and (max-width: 1400px) {

  .home-banner h1 {font-size: 18px;}
  .home-banner h2 {font-size: 70px;}
  .home-banner h2 ~ p {font-size: 18px;}
  .home-banner.new h2 {font-size:50px;}
  .home-banner.new p {font-size:15px;}

  .home-banner.blog h2 {max-width: 950px;}

  .product-inside-container article .pricing-container .box-options-item .button {width: 32%;}
  .tile-item figure {height: 35vh;}
  .tiles.overflow {margin: -150px auto 50px !important;}
  .content.story .grid {grid-gap: 50px;}
  .content.story .grid article {padding: 0px;}
  .content.story:nth-child(4) .grid article {padding: 30px;}
  .grid-3.story {margin: 50px auto 0;}
  .grid-4 {margin: -200px auto 50px;}
  footer .footer-bottom > p {width: 100%; order: 3; text-align: center; margin-top: 25px;}
  .delivery-feat-item {padding: 15px;}
  .product-grid article .pricing-container .payment-item input[type="number"] {margin-bottom:0px!important;}
  .added-container {max-width: 100%!important;}
  .added-container .upsell-pop-products-item {max-height: none!important;}
  .added-container .upsell-pop-products-item .checkout-product-item:last-child {margin-bottom: 0px;}

  .how-works-step-container.works .wrapper {width: 100%;}
  .cat-main--flex {grid-template-columns: repeat(3,1fr);}

  .recommended-container .cat-main--flex {grid-template-columns: repeat(4,1fr);}

  .product-box article {padding: 15px 0;}

  .monthly-recipe.content .grid-3 > * > figure {padding-bottom: 75%;}

  .monthly-recipe.content h4 {font-size: 18px;}
  .monthly-recipe.content p {font-size: 18px;}

  .blog-content .wrapper-med h2 {font-size: 22px; margin-bottom: 20px;}
  .blog-content .wrapper-med article {max-width: 450px; }
  .blog-content .wrapper-med .guides {padding: 35px 30px;}
  .blog-content .wrapper-med .guides .large .guide-item {grid-template-columns: 60px 1fr;}
  .blog-content .wrapper-med .guides .guide-item figure { width: 60px; height: 60px; }
  .blog-content .wrapper-med .guides .guide-item figure div, .blog-content .wrapper-med .guides .large .guide-item:nth-child(2) figure div { width: 35px; height: 35px; }
  .blog-content .wrapper-med .guides .large .guide-item:first-child figure div { height: 35px; }

  .search.search--blog input[type="text"], .home-banner.blog .search-bar .select-wrapper select {font-size: 15px;}
  .recipes-redesign .recipes .item .tags p {font-size: 11px;}
  .recipes-redesign .recipes .item article h2 {font-size: 15px;}
  .recipes-redesign .recipes .item article .date {font-size: 12px;}

}

@media screen and (max-width: 1300px) {
  h3 {font-size: 30px;}
  .tile-item figure {height: 30vh;}
  .grid.small {margin: 25px auto 50px;}
  .inner-content {margin-top: 50px}
  /* .grid h4 {font-size: 30px;} */
  .testimonials {margin-bottom: 50px; margin-top: 25px;}
  .product-grid {grid-template-columns: 1fr 1fr; max-width: 95%;}
  .wrapper-product.redesign {max-width: 95%;}

  .orders-box .table-header {padding: 20px 31px;}

  .redesign-2023 > .cart.wrapper > .addresses {grid-template-columns: 25% 73%; grid-gap: 2%;}
  .redesign-2023 > .cart.wrapper > .addresses article .sub-item {padding: 10px 15px; margin-bottom: 15px;}

  .redesign-2023 > .cart.wrapper > .addresses .orders-wrapper > div > article {padding: 15px;}

  .redesign-2023 .one, .redesign-2023 .two, .redesign-2023 .three, .redesign-2023 .four, .redesign-2023 .five, .redesign-2023 .six { font-size: 13px; line-height: 1.5; }

  .redesign-2023 .cart .account-nav {margin-bottom: 25px!important}

  .redesign-2023 .details-box p,
  .redesign-2023 .cart .account-nav a,
  .redesign-2023 > .cart.wrapper > .addresses article .button-orange,
  .orders-wrapper .button-orange {font-size: 13px;}
  .redesign-2023 .details-box h2 {font-size: 16px;}
  .redesign-2023 .details-box .ni {font-size: 20px;}
  .orders-box .table-header > div {font-size: 10px;}

  .orders-title {flex-direction: column; padding: 15px 25px;}
  .orders-title > div {justify-content: center; margin-bottom: 10px;}
  .orders-title > div:last-child {margin-bottom: 0px;}

  .orders-wrapper {width: 100%; overflow-x: scroll;}
  .orders-wrapper > div {width: 800px;}
  .orders-wrapper > .table-header, .orders-wrapper > .table-header ~ article {width: 800px;}

  .redesign-2023 > .cart.wrapper > .addresses > div:only-child {grid-column: 1;}
  .grid-4 {margin: -150px auto 50px;}

  .delivery-feat-item p strong {font-size: 25px;}

  .intro-banner.footer-banner.new figure {display:none;}
  .intro-banner.footer-banner.new article {width: 100%!important;margin: 0 auto; padding: 6rem;}


  .faqs .accordion-item h4 {font-size: 30px;}
  .faqs .accordion-item h4 span {height: auto;}
  .faqs .panel article { padding: 0 55px 0 85px; }
  .faqs figure {height: 100%;}
  .faqs figure img {width: 100%; height: 100%; object-fit: cover;}

  .corporate.content .grid-3 {grid-template-columns: repeat(3,1fr);}
  .testimonial .cream-bg {padding: 40px}
  .testimonial .cream-bg h4 {font-size: 30px;}

  .corporate .product-box figure span {font-size: 20px;}
  .corporate .product-box article p strong {font-size: 22px;}
  .corporate .product-box article p em {font-size: 18px;}

  .how-it-works.grid {grid-template-columns: 1fr 1.6fr;}
  .how-it-works.grid .swiper-slide figure {border-radius: 70px 16px 16px 16px;}

  .faq-accordion #accordion h2 {font-size: 16px; line-height: 20px;}
  .faq-accordion #accordion > div { padding: 0 0 30px;}
  .faq-accordion #accordion > div div { padding: 10px 0;}

  .how-it-works-features .block::after {width: 25px; height: 25px;}

  .content.wholesale {padding: 50px 0;}
  .content.wholesale + .corporate {margin-top: 0;}

  .office.corp ~ .content .grid article {padding: 50px 0;}
  .office.corp ~ .content .grid article h4 {font-size: 2vw; margin-bottom: 20px; max-width: 30vw;}
  .testimonial .cream-bg h4::before {margin-bottom: 20px; height: 15px;}
  .testimonial .cream-bg p {font-size: 17px; max-width: 350px;}
  .testimonial .cream-bg .white-bg p {max-width: 100%;}

  .office.corp ~ .wholesale .wrapper-1200 {max-width: 767px;}

  #corporateform div:last-child .flex-row {display: grid; grid-template-columns: 1fr 1fr; grid-gap: 15px;}
  #corporateform div:last-child .flex-row label:nth-child(3) input {margin-left: 0;}

  .office.corp ~ .intro > h3 {font-size: 30px;}
  .office.corp ~ .intro > h3 ~ p {font-size: 17px; text-wrap: balance; width: 100%;}

  .blog-content .newsletter-block img {border-radius: 90px 15px 15px 15px;}

  .recipes-redesign .recipes .item .tags {top: 10px; left: 10px; width: calc(100% - 20px);}

  .blog-inner-redesign .breadcrumbs p, .blog-inner-redesign .breadcrumbs a {font-size: 12px;}

  .blog-inner-content .recipe-grid {grid-template-columns: 350px 1fr;}

  .blog-inner-content .ingredients { padding: 35px 30px 30px;}
  .blog-inner-content .ingredients > p:first-child, .blog-inner-content .method > p:first-child, .shop-this-recipe > h3:first-child {margin-bottom: 30px;}
  .blog-inner-content .ingredients h2, .blog-inner-content .ingredients h3 {font-size: 22px;}
  .blog-inner-content .method > p:first-child { margin-top: 35px;}

  .blog-inner-content .method ul li {font-size: 17px; min-height: 35px; padding-left: 60px;}
  .blog-inner-content .method ul li::before {width: 40px; height: 40px;}
  .blog-inner-content .method ul li::after {font-size: 15px; top: 10px; left: 10px;}

  .shop-this-recipe > h3:first-child {margin-top: 60px;}

}

@media screen and (max-width: 1200px) {
  .wrapper {width: 85%;}
  .tagline {font-size: 15px; padding: 25px 25px 23px;}
  .tagline img { width: 20px; height: 20px;}
  .grid article { padding: 50px 10px;}
  .slider .swiper-slide article p strong {font-size: 15px; line-height: 1.3;}
  .tile-item article { padding: 0px; }
  .delivery-feat-item {grid-template-columns: 1fr 1fr;}

  .header-bottom ul > li > a {font-size: 16px;}

  .grid-4 {grid-gap: 20px; margin: 30px auto;}
  .grid-4 figure {border-radius: 10px;}

  .how-works-step-container.benefits {grid-template-columns: repeat(3,1fr); grid-gap: 50px;}
  .how-works-step-container.benefits p strong {font-size: 20px;}
  .how-works-step-container.benefits p {font-size: 18px;}

  .how-it-works.grid article {padding: 50px;}
  .how-it-works.grid .swiper-slide article h4 {font-size: 30px;}
  .how-it-works.grid .swiper-slide article p { font-size: 16px;}

  .monthly-recipe.content .grid-3 {gap: 30px; display: flex; justify-content: center; flex-wrap: wrap;}
  .monthly-recipe.content .grid-3 > * {width: calc(50% - 15px);}
  .monthly-recipe.content .grid-3 > * > article p {font-size: 5vw;}

  .monthly-recipe.content h4 {font-size: 16px;}
  .monthly-recipe.content p {font-size: 16px;}

  .how-it-works-features {grid-template-columns: 1fr 1fr; padding: 2vw;}

  .how-it-works-features .block {border-top: 1px solid #70707017; padding: 2vw;}
  .how-it-works-features .block:nth-child(2) {border-top: 0;}
  .how-it-works-features .block:nth-child(3) {border-left: 0;}
  .how-it-works-features .block::after {top: 3vw;}

  .how-it-works-features > a {bottom: 2vw; right: 2vw;}

  .office.corp ~ .content .cream-bg .wrapper-1200 {width: 100%;}
  .office.corp ~ .content .cream-bg .wrapper-1200 article:first-child {margin: 0 auto;}

  .ideas .grid-4 {grid-template-columns: 1fr 1fr;}
  .idea-item figure {border-radius: 0;}

  .guides-wrapper {grid-template-columns: 1fr;}


  .blog-content .wrapper-med .guides .guide-item p.title, .blog-content .wrapper-med .guides .large .guide-item p.title {font-size: 15px;}
  .blog-content .wrapper-med .guides .large .guide-item p {font-size: 17px; max-width: 100%;}

  .blog-content .newsletter-block article span, .blog-content .newsletter-block article h2{margin-bottom: 15px;}
  .blog-content .newsletter-block article p {margin-bottom: 30px;}

  .blog-content .newsletter-block article {position: relative; top: auto; transform: none; left: auto; padding: 5vw; max-width: 45vw;}
  .blog-content .newsletter-block article h2 {font-size: 35px; }
  .blog-content .newsletter-block article p {}
  .blog-content .newsletter-block figure {position: absolute; height: 100%; width: 100%;}
  .blog-content .newsletter-block img { height: 100%; object-fit: cover;}

  footer { margin-bottom: 50px !important;}
  footer .footer-top {padding: 75px 50px;}
  footer .footer-top ul strong {font-size: 13px;}
  footer .footer-top ul li {font-size: 13px;}
  footer .wrapper-lrg {width: 100%; grid-gap: 25px;}
}

@media screen and (max-width: 1000px) {

  .works .wrapper > div {width: 90%; margin:0 auto;}
  .works .choose:after, .works .pick:after, .works .box:after, .works .deliver:after {display: none}
  .works figure img {width: 50px;}

  .how-it-works.grid article {padding: 30px;}
  .how-works-step-container.benefits {margin: 30px;}

  .office.corp ~ .content .grid article {padding: 25px 0;}
  .office.corp ~ .content .grid article h4 {font-size: 20px; max-width: 300px;}

  .office.corp ~ .wholesale .wrapper-1200 {max-width: 600px;}

  .testimonial-mobile {display:none}

  .content.wholesale + .corporate {margin: 0 auto;}

}



@media screen and (max-width: 900px) {

  .home-banner.new.active article {top:55%;}
  .home-banner.new.active article.birthday {top:45%;}

  .home-banner article.large-text p strong {font-size: 40px !important;}

  .home-banner article .home-banner-home-page {font-size: 36px !important; margin: 0 auto;}

  .gift_card_section {display: flex; flex-direction: column;}
  .gift_card_section .wrapper.grid {order:2;margin-top: 20px;}
  .gift-card-slider-container {order:1;}
  .gift-card-item label {display:none;}

  .testimonial-desktop {display:none}
  .testimonial-mobile {display:block}

  .tagline.product-page-version {display:none}
  .tagline.product-page-version.mobile-only {display:block; max-width: 95%; margin: 20px auto}

  .intro { padding: 50px 0 20px;}

  .recommended-container {margin-top: 5vw;}

  .slider > h3 {text-align:center !important; font-size: 24px;}

  .content { padding: 25px 0!important;}

  .scrolling-content {animation: scroll 5s linear infinite!important;}

  .buy-group {opacity: 1; transform: translateY(0); max-height: 100px; margin-bottom: 15px;}
  .bb.product-box article {margin-bottom:20px;}

  .cat-main--flex {grid-template-columns: repeat(2,1fr);}

  .product-grid article .pricing-container .box-options-item .button.box-selected {font-size:16px!important;}
  .product-grid article .pricing-container .box-options-item .button {font-size:15px!important;}

  .home-section h1 {padding:0px;}




  :root {
    --border-radius: 20px;
    --bottom-right: 40px 40px 100px 40px;
    --bottom-right-square: 00px 40px 100px 00px;
    --top-left: 100px 40px 40px 40px;
    --top-right: 40px 100px 40px 40px;
  }
  h3 {font-size: 20px;}
  .header-main {background: #fff9; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); position: relative; z-index: 2;}
  .header-bottom {display: none;}
  .header-main .logo img {width: 100px; height: 50px;}
  .header-main .logo span {margin-top: 10px;}

  .hamburger {display: block;}
  .menu-items a {display: none;}
  .menu-items .cart {display: block;}
  .menu-items .mobile-login {display: block;}
  .menu-items > a, .menu-items > .icon.cart {margin: 35px 8px 32px 0px !important;}
  .search-prompt {padding: 5px 5px 5px 0;}
  .grid.small {grid-template-columns: 100%;}
  .home-banner {height: 80dvh;}
  .home-banner article {width: 85%;}
  .home-banner figure.desktop {display: none;}
  .home-banner figure.mobile {display: block;}
  .home-banner p {font-size: 18px; line-height: 1.4; max-width: 80%; margin: 0 auto}
  .home-banner h1, .home-banner.office p, .home-banner.office h1 {font-size: 12px; margin-bottom: 10px;}
  .home-banner h2 { font-size: 45px;}
  .home-banner.office p {font-size: 14px; margin-bottom: 5px;}
  .home-banner.office h2 {font-size: 30px;}
  .home-banner .tag-row {padding: 0 15px;align-items: center;}
  .home-banner .button {padding: 10px 20px 12px;margin-top:20px}
  .grid-3 {grid-template-columns: 100%; grid-gap: 0px;}
  .tiles.large.wholesale {grid-template-columns: 100%; grid-gap: 30px;}
  .tiles.large.wholesale .tile-item article h3 {font-size: 25px;}
  .content h1 {line-height: 1.3; font-size: 24px;}
  .button {font-size: 14px;}
  .tagline {line-height: 1.3;}
  .tagline img {margin: auto 10px auto auto;}
  .productSwiper1 {margin: 40px 0 0px !important;}
  .productSwiper1 .swiper-slide article {padding-bottom: 0px;}
  .productSwiper2.swiper {margin-top: 25px;}
  .slider .swiper-wrapper {margin-bottom: 25px;}
  .testimonials .wrapper-sml {width: 100%;}
  .testimonials h4 {font-size: 12px;}
  .testiSwiper .swiper-slide h3 {font-size: 25px;}
  .testiSwiper.swiper {margin-top: 25px;}
  .testiSwiper .swiper-wrapper { margin-bottom: 25px;}
  .feature {height: 50vh; width: 85%; margin: 50px auto 0;}
  .feature.office {margin: 0 auto;}
  .feature.office article {width: 75%;}
  .feature img {height: 100%; object-fit: cover;}
  .feature article {width: 85%;}
  .feature article h3 { font-size: 40px; margin-bottom: 20px; max-width: 320px; }
  .feature article p {font-size: 18px; margin-bottom: 25px;}
  .feature.story article {top: 50%;}
  .feature.story article p {max-width: 350px;}
  .content.alternative {padding: 40px 10px; box-sizing: border-box;}
  .grid {grid-template-columns: 100%; grid-gap: 0px;}
  .grid article { padding: 25px 0; }
  .grid h4 {margin-bottom: 20px;}
  .grid h4:last-child {margin-bottom: 0px;}
  .accordion-item h4 {margin: 0;}
  .tile-item {padding: 25px; height: auto;}
  .tile-item article {padding: 0px;}
  .tile-item figure {margin-bottom: 30px;}
  .tile-item article h3 { font-size: 22px;}
  .featured-image-desktop {display: block!important;}
  .story-container {margin-top: 0px;}
  .featured-slider-container .featured-slider-item article {padding: 0px;}
  .featuredSlider .swiper-button-prev {right: 75px !important; left: auto !important;}
  .featuredSlider .swiper-button-next, .featuredSlider .swiper-button-prev {top: 96%;}
  .our-difference.intro article {width: 100%;}

  .feature.newsletter {height: auto; margin: 0px auto 50px;}
  .feature.newsletter figure {position: absolute; filter: blur(2px);}
  .feature.newsletter article {position: relative; top: auto; left: auto; transform: none; box-sizing: border-box; padding: 50px 0;}
  .feature.newsletter article h4 {font-size: 10px; margin-bottom: 20px;}
  .feature.newsletter article h3 {font-size: 35px; line-height: 1.1; margin-bottom: 20px;}
  .feature.newsletter article p { max-width: 95%; margin: 0 auto 25px; }

  .signup-pop {max-width: 95%;}

  .product-inside-container figure .productThumbslider .swiper-slide {height:70px!important;}
  .product-inside-container article .pricing-container .cart-options-item .button:nth-child(1), .product-inside-container article .pricing-container .cart-options-item .button {font-size: 15px;}
  .product-inside-container article .pricing-container .cart-options-item .button img {margin-right: 0px;}

  .product-inside-container article .pricing-container .box-options-item {flex-wrap: wrap;}
  .product-inside-container article .pricing-container .box-options-item .button {padding: 15px 0; width: 32%;}

  .stock-out-container span {width: 100%;}
  .stock-out-buttons.flex-row .button { padding: 15px 25px !important; text-align: center; box-sizing: border-box; width: auto !important; }

  .upsell-container p {margin: 15px auto!important;}
  .check-row {margin-bottom: 25px;}
  .check-row p {margin: 10px 0 5px; width: 100%;}
  .content > h3 {margin: 0px;}
  .form-container input[type="radio"] {margin-left: 0px;}
  #add-cart-popup.upsell-container { padding: 0px !important; border-radius: 10px; overflow: scroll; width: 95% !important; height: auto!important; max-height: 95dvh !important;}
  #add-cart-popup.upsell-container .button {box-sizing: border-box; text-align: center;}
  .added-container h2 {font-size: 20px;}

  .upsell-flex p {margin: 0!important;}

  .search-form-container .form-wrapper {width: 50%;}
  .search-prompt img {margin-top: 0px!important;}

  .product-grid {grid-template-columns: 100%;}
  .product-grid > figure, .product-grid article {margin-bottom: 0px;}
  .product-grid > figure {position: relative; top: auto;}
  .product-grid figure .productThumbslider .swiper-slide { height: auto !important;}
  .product-grid article {padding-top: 0px;}

  .redesign-2023 > .cart.wrapper > .addresses {grid-template-columns: 100%;}

  .redesign-2023 > .cart.wrapper > .addresses.details {grid-template-columns: 100%;}
  .redesign-2023 > .cart.wrapper > .addresses.details #systemMessage {grid-column: span 1;}

  .grid-3.story {margin: 30px auto 0;}

  .content.story:nth-child(4) .grid article {padding: 0px; max-width: 100%;}
  .content.story:last-of-type {padding-bottom: 50px;}

  .tiles.overflow {margin: 50px auto 0!important;}
  .intro.faqs {padding: 50px 0 0;}
  .intro.faqs + .content {padding: 20px 0 50px}
  .intro > h3, .office.corp ~ .intro > h3 { font-size: 20px; max-width: 80%; margin: 0 auto;}
  .intro > h3 ~ p {font-size: 16px; max-width: 80%; margin: 15px auto 0;}

  .location-features-container {padding: 0px; margin: 30px auto;}

  .faqs .accordion-item h4 { font-size: 22px; padding-left: 55px;}
  .faqs .accordion-item h4 span {width: 35px;}
  .faqs .accordion-item h4 span::after {width: 34px; height: 34px; top: 50%;}
  @-moz-document url-prefix() {
    .faqs .accordion-item h4 span::after {top: 43%;}
  }
  .faqs .panel article { padding: 0 30px 0 0px; }
  .faqs figure { height: 40vh; margin-top: 30px;}

  .dropdowns-container.wrapper-lrg#faqs .sub-info-title {padding-top: 50px; margin-bottom: 30px;}

  .dropdowns-container.wrapper-lrg#faqs {margin-top: 10px; padding-bottom: 40px;}
  .feature-products-slider-container.redesign-2024 .content {padding-bottom: 70px;}

  .corporate.content .grid-3 {grid-template-columns: 1fr 1fr; width: 90%; grid-gap: 10px;}

  .office.corp ~ .corporate.content > h3 {font-size: 18px; margin-bottom: 20px;}

  .office.corp ~ .deadline, .testimonial .cream-bg {width: 90%!important;}
  .office.corp ~ .deadline {text-align: center; grid-gap: 15px; flex-direction: column; margin-bottom: 25px; padding: 20px 5%;}
  .deadline h3 {margin-bottom: 10px;}
  .deadline h3, .deadline p {font-size: 16px; line-height: 1.3;}

  .feature.corporate {height: auto;}
  .feature.corporate article {width: 100%; left: auto; position: relative; top: auto; transform: none; padding: 8vw; box-sizing: border-box;}
  .feature.corporate article h3 {margin-bottom: 15px; font-size: 8vw;}
  .feature.corporate article p {max-width: 90%; margin-bottom: 15px;}
  .feature.corporate article .button:last-child {margin: 0!important;}
  .feature.corporate > img {position: absolute;}

  .testimonials {margin: 0 auto;}
  .testimonials + .content + .content {padding: 0px;}
  .testimonials + .content + .content .swiper-scrollbar {bottom: 20px;}
  .testimonials + .content + .content + .content {padding-top: 20px;}
  .testimonials + .content + .content + .content article {order: 2;}
  .testimonials + .content .grid article {padding-bottom: 0px;}

  .testiSwiper .swiper-slide p {font-size: 28px;}

  .slider > p {font-size: 18px; padding-top: 0px;}

  .home-heading {margin-bottom: 10px!important;}
  .home-heading + .accordion {margin-bottom: 10px;}
  .home-heading + .accordion .accordion-item {padding: 20px 0 15px;}
  .home-heading + .accordion h4 {line-height: 1; font-size: 22px;}
  /* .home-heading + .accordion .panel p {font-size: 18px;} */

  .productSwiper3 {margin-top: 40px;}

  .intro-banner article h2 {text-align: center;}

  .new-margin-container {margin-top: 0px;}

  .faq-wrapper {padding: 20px 0 50px;}
  .faq-wrapper h3 {margin-bottom: 10px;}
  .faq-wrapper #accordion > div {padding-top: 0px;}
  .faq-wrapper #accordion h2 {padding: 15px 40px 15px 0; font-size: 26px;}
  .faq-wrapper #accordion h2.ui-accordion-header-active {font-weight: normal;}
  .faq-wrapper #accordion h2::after {top: 50%; transform: translateY(-50%);}

  .faq-wrapper #accordion h3 {font-size:18px;}

  .intro-banner.footer-banner.new article {padding: 3rem}
  .intro-banner.footer-banner.new article h2 {text-align: center!important;}

  .location-features-container .location-item {border-radius: 10px;}

  .cart-bx h3, .addresses h3 {padding-top: 0px; font-size: 16px; margin: 0;}

  .redesign-2023 .cart .account-nav {display: grid; grid-template-columns: 1fr 1fr; padding: 25px 20px 0;}

  .feature.story {margin: 10px auto 30px;}
  .feature.story article {width: 85%!important}
  .feature.story article h2, .feature.story article h3,{margin-bottom: 15px;}
  .feature.story article p {font-size: 14px;}

  .home-section.how-it-works {padding-bottom: 0px; margin-bottom: -30px;}
  .home-section.how-it-works h1 {margin-bottom: 10px;}

  .product-inside-container + .slider.wrapper-product {padding: 30px 0 0!important}
  .product-inside-container + .slider.wrapper-product #reviewsio-carousel-widget {margin-top: 30px!important}

  .recommendedSwiper {margin-top: 30px;}

  .shop-content {padding: 0; margin-top: 30px;}

  .redesign-2023 > .cart.wrapper > .addresses article p {margin-bottom: 20px!important;}

  .redesign-2023 > .cart.wrapper > .addresses article p:last-child {margin-bottom: 0px;}

  .redesign-2023 > .cart.wrapper > .addresses article .sub-item:last-of-type {padding: 5px;}

  .redesign-2023 > .cart.wrapper > .addresses .orders-wrapper article .button-orange {margin-top: 0px!important;}

  .address-row {display: grid; grid-template-columns: 75px 1fr 2.5fr 140px; align-items: center;}
  .address-row + input {margin-top: 30px;}
  .address-row p {margin-bottom: 0px!important;}
  .address-row .one, .address-row .two, .address-row .four, .address-row .five {width: 100%;}
  .address-row .three {display: none;}

  .mobile-table {display: block;}
  .orders-wrapper > div {width: 100%;}
  .orders-wrapper > .table-header, .orders-wrapper > .table-header ~ article, .sub-table > .table-header, .sub-table > .table-header ~ article, .sub-table > article {display: none;}

  /* .orders-title ~ .orders-wrapper > article {display: none} */
  .redesign-2023 > .cart.wrapper > .addresses .orders-wrapper > div > article:only-child, .mobile-table article:only-child {border:0!important;}

  .how-it-works.grid h3 {max-width: 100%;}

  .content .grid article h1 {margin-bottom: 15px;}

  .how-it-works-features {padding: 15px 15px 25px;}
  .how-it-works-features .block {padding: 10px;}
  .how-it-works-features .block p {max-width: 100%; font-size: 14px;}
  .how-it-works-features .block p strong {font-size: 15px; line-height: 18px; box-sizing: border-box; padding-right: 15px;}
  .how-it-works-features .block:first-child {}
  .how-it-works-features .block:nth-child(2) {}

  .how-it-works-features .block::after { width: 18px; height: 18px; top: 10px; right: 8px; }

  .how-it-works-features > a {bottom: 15px; right: 20px; font-size: 14px;}

  .wrapper-product .how-it-works-features, .love-your-fruit-block {padding: 15px;}
  .love-your-fruit-block::after {width: 30px; height: 30px;}

  footer .footer-top { padding: 40px; }
  footer .footer-bottom {grid-gap: 20px;}
  footer .footer-bottom > p {margin-top: 0px; order: 1;}
  footer .footer-bottom .left, footer .footer-bottom .right {width: 100%; flex: auto; justify-content: center;}
  footer .wrapper-lrg {grid-template-columns: 50% 50%; grid-gap: 25px;}
  footer .footer-bottom .left {order: 2; text-align: center;}
  footer .footer-bottom .right {order: 3; flex-direction: column;}
  footer .footer-bottom .right img {margin: 0 auto;}

  .cart-upsell {margin-top: 30px;}
  .cart-upsell .wrapper {width: 95%;}

  .cartupsellSwiper {margin-top: 30px;}

  .cart-full {z-index: 999999; top: 0; width: 100%;}
  .cart-full .swiper {margin-top: 20px;}
  .cart-full .cart-container {max-height: 90dvh; max-width: calc(100% - 40px); width: 100%;}
  .cart-full .cart-container .cart-header, .cart-full .cart-container .cart-footer {max-width: 100%; width: 900px;}
  .cart-full .cart-container .cart-item .remove {top: 10px;}
  .cart-full .cart-container .cart-item {grid-template-columns: 1fr 3fr;}
  .cart-full .cart-container .cart-item article .upsell-flex, .cart-full .cart-container .cart-item article .quantity-wrapper {margin: 5px 0;}
  .cart-full .cart-container .cart-header {padding: 15px 0 10px;}
  .cart-full .cart-container .cart-header h4 {font-size: 25px;}
  .cart-full .cart-container .cart-item article p {font-size: 14px;}
  .cart-full .cart-container .cart-item article h4 {font-size: 14px;}
  .cart-full .cart-container .cart-item {margin: 20px 0; padding: 0 20px;}
  .cart-full .cart-container .cart-footer {padding: 20px 20px 10px;}
  .cart-full .cart-container .cart-footer .button {margin-top: 15px; display: block;}
  .cart-full .cart-container .custom-navigation {margin-top: 15px;}
  .also-bought {padding: 20px 0;}
  .cart-item a {display: block;}

  .cart-full .cart-container .cart-content {padding-bottom: 190px;}

  .menu-items .icon img {margin-top: -3px;}

  header.sticky .cart-full .cart-container {height: 100dvh;}

  .monthly-recipe.content {margin: 25px 0;}
  .monthly-recipe.content .grid {grid-gap: 30px;}
  .monthly-recipe.content .grid-3 > * {width: 100%;}
  .monthly-recipe.content .grid-3 > * > article p {font-size: 10vw; }
  .monthly-recipe.content article {max-width: 100%;}
  .monthly-recipe.content h3 {font-size: 30px;}
  .monthly-recipe.content h4 { font-size: 14px; }

  .content h4 {font-size:22px;}
  .content.form h4 {font-size:32px;}
  .office_order article {order:2;}
  .office_order figure {order:1;margin-bottom: 30px;}

  .feature.office {height:70vh!important;}

  .signup-pop .left {border-radius: 20px !important;}

  .featured-banner figure {height: 50vh}
  .featured-banner article h3 {font-size: 25px;}

  .recommended-container .cat-main--flex {grid-template-columns: 1fr 1fr;}

  .love-content {padding: 30px; width: 90%;}

  .content.how-it-works-new {padding: 0!important; margin: 50px 0 25px;}

  #accordion h3 {font-size: 17px; line-height: 1.3;}

  #accordion > div div { padding: 10px 0;}

  .testimonial .cream-bg {padding: 0 20px 20px;}
  .testimonial .cream-bg .wrapper-1200 {width: 100%!important; grid-gap: 20px;}

  .testimonial .white-bg {padding: 30px !important;}

  .office.corp ~ .content .grid article {order: 2; padding-bottom: 0;}
  .feature.corporate {margin: 25px auto 50px;}

  .content.form#contact-form .grid .form-container {order: 2;}

  .ideas .grid-4 {grid-template-columns: 1fr;}
  .ideas .center p {text-wrap: balance;}

  .home-banner.blog .search-bar {width: 100%;}
  .home-banner.blog .search-bar {grid-template-columns: 1fr;}
  .home-banner.blog .search form button {margin: 0;}

  .recipes-redesign, .blog-content {margin: 50px 0; padding: 0!important;}

  .home-banner.blog + .recipes-redesign {margin-top: 30px;}
  .home-banner.blog + .recipes-redesign .breadcrumbs {margin-bottom: 25px;}

  #recipeResults {scroll-margin-top: 100px;}

  .recipes-redesign .grid.recipes {grid-template-columns: 1fr 1fr;}
  .recipes-redesign .grid.recipes .search__body {grid-column: span 2; margin: 0;}

  .recipes .item {margin: 0;}
  .recipes-redesign .recipes .item figure {margin-bottom: 15px;}

  .blog-content .wrapper-med {max-width: 90%;}
  .blog-content .wrapper-med article {max-width: 100%; padding: 0;}

  .blog-content .wrapper-med .guides .grid {grid-template-columns: 1fr 1fr;}
  .blog-content .wrapper-med .guides .grid.large {grid-template-columns: 1fr;}

  .blog-content .newsletter-block article {max-width: 100%; box-sizing: border-box; padding: 60px 30px 30px;}

  .blog-content .newsletter-block {margin-top: 30px;}

  .blog-inner-redesign .breadcrumbs {margin: 25px 0; gap: 10px;}

  .blog-inner-content .center h1 {font-size: 40px; margin: 30px auto; max-width: 85%;}

  .blog-images {margin: 30px 0;}

  .blog-inner-content .center .extras {gap: 5px;}
  .blog-inner-content .center .extras div {font-size: 12px; padding: 12px 15px 12px 40px;}
  .blog-inner-content .center .extras div::before {width: 15px; height: 15px; left: 12px;}

  .blog-inner-content .introduction { max-width: 500px; margin: 30px auto; font-size: 17px; top: 150px;}

  .blog-inner-content .center span {font-size: 13px; margin: 0;}

  .blog-inner-content .center .extras {flex-wrap: wrap; margin-bottom: 30px;}

  .method {max-width: 90%; margin: 0 auto;}
  .blog-inner-content .method ul li {margin-bottom: 20px;}

  .blog-images.three, .blog-images.two {grid-gap: 10px;}

}
@media screen and (max-width: 767px) {

  .cat-main-flex > .cat-main-flex {grid-template-columns: repeat(1,1fr);}
  .product-box {max-width: 100%;}

  .how-it-works.grid {grid-template-columns: 1fr; width: 100%;}
  .how-it-works.grid .overflow .swiper::before {left: 0px; width: 30px; background: linear-gradient(90deg,rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);}
  .how-it-works.grid .overflow .swiper::after {right: 0px; width: 30px;background: linear-gradient(270deg,rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);}
  .how-it-works.grid .overflow .swiper {margin-top: 30px; padding-left: 0;}
  .how-it-works.grid .swiper-slide article h4 {margin: 30px 0 20px;}

  .how-works-step-container.benefits {grid-gap: 20px; grid-template-columns: repeat(2,1fr);}
  .how-works-step-container.benefits p { font-size: 16px;}
  .how-works-step-container.benefits p strong { font-size: 18px; }
  .how-works-step-container.benefits .benefit-tile figure { margin-bottom: 15px;}

  .cart-full .cart-container .cart-header, .cart-full .cart-container .cart-footer {width: 767px;}

  .faq.grid {grid-template-columns: 1fr; grid-gap: 30px;}
  .faq.grid figure {padding-bottom: 100%;}

  .how-it-works.grid h2 {font-size: 16px; margin-bottom: 15px;}
  .how-it-works.grid h3, .faq.grid .faq-accordion > h2 {max-width: 100%; font-size: 30px; line-height: 1.2;}

  #reminder-popup {width: 90% !important; height: auto !important;}

  .wrapper-product.redesign.breadcrumbs a, .wrapper-product.redesign.breadcrumbs strong {font-size: 10px;}

  .office.corp ~ .content .grid article h4 {font-size: 5.5vw; max-width: 85vw;}

  .blog-inner-content .recipe-grid {grid-template-columns: 1fr}
  .blog-inner-content .ingredients {position: relative; top:auto; max-width: 100%; width: 100%;}

  .blog-inner-redesign article.center p, .blog-inner-redesign article.center p a strong, .blog-inner-redesign .content article.center p a, .blog-inner-redesign article.center p {font-size: 17px;}

  .blog-inner-content .ingredients > p:first-child, .blog-inner-content .ingredients > h2:first-child, .blog-inner-content .method > p:first-child, .blog-inner-content .method > h2:first-child, .blog-inner-content .method > h3:first-child, .shop-this-recipe > h3:first-child {font-size: 14px; margin-bottom: 30px;}

  .blog-inner-content .ingredients p + h2, .blog-inner-content .ingredients p + h3 {font-size: 14px;}

  .blog-inner-redesign .recipe-grid + .center {margin: 30px auto 0;}

  .blog-inner-content .center .jump-to-recipe-wrap {display: block; text-align: center; margin: 0 0 20px;}
  .blog-inner-content .center .button.jump-to-recipe {background: #d7e2d6;}
  .blog-inner-content .center .button.jump-to-recipe:hover {background: var(--yellow); color: #004935 !important;}

}
@media screen and (max-width: 500px) {

  .menu-items .icon img {width: 20px;}
  .menu-items .mobile-login img {width: 26px;}

  .signup-pop + .slider.wrapper {margin-bottom: 10px!important}

  .feature.newsletter article h3 {font-size: 30px; max-width: 90%; margin: 0 auto 20px;}
  .feature.newsletter article p {max-width: 90%; font-size: 18px;}

  .cart-full .cart-container .cart-item {grid-template-columns: 1fr 2fr;}

  .cart-full .cart-container .cart-header, .cart-full .cart-container .cart-footer {width: 500px;}

  footer {margin-bottom: 10px!important;}
  footer .footer-top ul li {font-size: 15px;}
  footer .footer-bottom > p {line-height: 1.3; width: 90%;}
  footer .footer-bottom .left {flex-direction: column; gap: 20px;}
  footer .footer-bottom .left img { margin-right: 0px; width: 80px; }
}

@media screen and (max-width: 400px) {

  header .swiper .swiper-slide p {padding: 15px; font-size: 13px; box-sizing: border-box; width: 100%;}



}