/** Shopify CDN: Minification failed

Line 614:12 Unexpected "{"
Line 1244:12 Unexpected "{"
Line 2553:30 Expected ":"
Line 4125:0 Unexpected "}"
Line 4860:10 Expected identifier but found whitespace
Line 4860:12 Unexpected "{"
Line 4860:21 Expected ":"
Line 4860:46 Expected ":"

**/

/* ===========================================
   Responsive
=========================================== */


@media screen and (min-width: 1600px) {

 .customer-testimonials .slick-prev{
  left:-80px;
}
 .customer-testimonials  .slick-next{
  right:-80px;
}
.sodastream-step--bundle > div.sodastream-cards.sodastream-cards--bundles > article:nth-child(2) .sodastream-products {
    margin-bottom: 68px;
}
}

@media screen and (min-width: 768px) {

h3.step-title.for-mobile {
    display: none;
}
aside#main-collection-filters {
    position: sticky;
    top: 130px;
}
img.hero-mobile-image {
    display: none;
}
 .product-template .custom-multicolumn .multicolumn-card__image-wrapper {
    display: none;
}

 .product-template .custom-multicolumn .mobile-icons-only {
    display: none;
}
.icon-sec.mobile-view{
  display:none;
}
}
@media screen and (max-width: 989px) {
.footer-block__details-content .list-menu__item--link {
        padding-top: 0rem;
        padding-bottom: 0.5rem !important;
    }
header .list-menu__item {
    padding: 4px 0;
}
.menu-drawer__navigation {
    padding: 3rem 20px !important;
}

.footer-block__details-content{
    margin-bottom: 0rem !important;
}
}
@media screen and (max-width: 767px) {
    
h2.totals__total, p.totals__total-value {
    font-size: 18px !important;
;
}
.predictive-search__heading {
    font-size: 15px !important;
}
    .sodastream-step.sodastream-step--bundle {
   
    margin-top: 22px;
}
       .template-page-faq .custom-hero .hero-inner {
        
        top:0px;
       
    }
.refills-simple__delivery-divider {
    height: 103px;
}
span.custom-blog__badge {
    font-size: 10px;
    padding: 6px 4px;
    left: 10px;
    top: 10px;
}
.template-page-about .hero-badge span, .template-page-faq .hero-badge span {
    background: #f4f6f6;
    color: #3199b0;
}
    .custom-hero .overlay-sec {
        position: relative;

        padding-bottom: 20px;
        background: #f4f6f6;
    }
    .utility-bar__grid.page-width {
    padding: 0 0  !important;
}
aside.sod-faq__sidebar.is-sticky {
    position: fixed;
    top: 67px;
    left: 0;
    padding: 10px;
    background: #3199b0;
    z-index: 9999;
}
p.announcement-bar__message.h5 {
    padding: 4px 10px;
}
    .custom-benefits-bar__container {
    padding: 22px 6px 22px !important;
}
.main-contact-se .contact {
    padding: 20px;
}

.main-contact-se {
    gap: 20px;
}
.left-side-content {
    text-align: center;
}
.custom-benefits-bar__text {
    padding-right: 6px;
}
.template-page-contact .custom-benefits-bar__item:after {
    right: 16px;
}
.footer__content-top.page-width {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}
.custom-blog {
      padding-top: 25px;
      padding-bottom: 35px;
    }

    .custom-blog__title {
      font-size: 26px;
    }

    .custom-blog__filters {
      gap: 6px;
      padding-right: 0;
    }

    .blog-filter {
      padding: 7px 10px;
      font-size: 10px;
    }

    .custom-blog__grid {
      grid-template-columns: 1fr;
      gap: 15px;
    }

    .custom-blog__sort {
      width: 100%;
    }

    .custom-blog__sort select {
      width: 100%;
    }
        .custom-blog__grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .custom-blog__filters {
      padding-right: 0;
    }

    .custom-blog__sort {
      position: static;
      margin-top: 15px;
    }
.newsletter .newsletter__wrapper {
    flex-direction: column;
    gap: 10px;
    padding-bottom: 20px;
}

.newsletter .newsletter__wrapper .icon-img {
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center;
    gap: 10px;
}

.newsletter .newsletter__wrapper .right-side-input {
    width: 100%;
    text-align: center;
    justify-content: center;
}

.newsletter .newsletter__wrapper h2 {
    text-align: center;
    max-width: 100%;
}

.newsletter-form__field-wrapper .field {
    flex-direction: column;
}

.newsletter .newsletter__wrapper .right-side-input button#Subscribe {
    width: 100%;
    margin-bottom: 10px;
}

ul.pagination__list.list-unstyled {
    gap: 4px;
}

.pagination__list>li:not(:last-child) {
    margin: 0 !important;
    flex: 1 0 3.4rem;
    max-width: 3.4rem;
}

.pagination__item, .pagination__item {
    height: 3.4rem !important;
    width: 3.4rem !important;
}

.custom-blog__content {
    padding: 13px;
}

.custom-blog__card-title a {
    font-size: 18px;
    line-height: 20px;
}

.custom-blog__excerpt {
    font-size: 14px;
}

span.blog-clock svg {
    width: 14px;
}
.custom-blog__meta {
    font-size: 12px;
    flex-wrap: wrap;
    line-height: 15px;
}

/*collection page css*/
.template-collection .multicolumn-list {
    flex-wrap: wrap;
}

.template-collection .multicolumn-list li {
    width: 48%;
}
.template-collection .custom-multicolumn .multicolumn-card__info .inline-richtext {
    font-size: 16px;
}

.template-collection .custom-multicolumn .rte p {
    width: 100%;
}
.template-collection .custom-multicolumn .multicolumn-card.content-container .media {
    width: 80px;
    height: 80px;
}
.template-collection .bundle-comparison {
    padding-bottom: 0;
}

.template-collection .multicolumn-card-spacing {
    padding-top: 0;
}
.template-collection .image-with-text__text-item .icon-text, .template-collection .image-with-text__text-item .left-side-content {

    padding-bottom: 20px;
    margin-top: 0;
}



.bundle-comparison__header {
    margin-bottom:0px !important;
}
.template-collection .img-text .ready-section .image-with-text__content {
    padding: 0 0 0 0px;
}
.card-product-link {position: relative;}

.card.card--card {
    min-height: auto;
}

.template-collection .multicolumn .title {
    text-align: center;
}

.template-collection .custom-multicolumn .multicolumn-card__info .cust-icon-mobile {
    text-align: center;
    width: 100%;
}

.template-collection .custom-multicolumn .multicolumn-card__info ul {
}

aside#main-collection-filters {
    width: 100%;
    padding: 15px !important;
}

span#ProductCount {
    font-size: 12px;
}

span.mobile-facets__open {
    color: #3199b0;
    letter-spacing: 0px !important;
}

span.mobile-facets__open-label {
    font-size: 15px;
    letter-spacing: 0;
    font-weight: 600 !IMPORTANT;
}

.facets-container {
    padding-top: 0px;
}

ul#product-grid {
    flex-direction: column;
    width: 100%;
}

/* form#FacetSortForm, div#ProductGridContainer {
    width: 100%;
} */

div#ProductGridContainer {
    margin-top: 30px;
}

.card--card.card--media>.card__content {
    padding-left: 10px;
    padding-right: 10px;
}

.card-product-link a {
    font-size: 16px;
    height: 40px;
}

    .template-collection .why-choose-section .why-grid {
        display: flex;
        flex-wrap: wrap;
        margin-top: 10px;
    }
.template-collection .why-choose-section .why-grid .why-item {
        width: 50%;
        margin-bottom: 13px;
    }
.template-collection .why-choose-section .why-grid .why-item:nth-child(5){
      width: 100%;
}
.template-collection section.why-choose {
    padding-top: 20px;
    padding-bottom: 30px;
}

.template-collection .image-with-text__content {
    flex-direction: column;
}

.template-collection .image-with-text__text-item .left-side-content {
    width: 100%;
    padding: 0;
    border: 0px;
    margin: 0;
    text-align: center;
}

.template-collection .img-text .ready-section.page-width {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}
aside#main-collection-filters {
    margin-top: 0;
}

.page-width.value-table.color-scheme-1.gradient {
    padding-bottom: 0;
    padding-top: 0;
}
.template-collection .image-with-text__text-item .icon-text {
    width: 100%;
}
.template-collection .img-text .ready-section .image-with-text__media-item {
    width: 100%;
    max-width: 185px;
}

.template-collection .why-choose-section .why-grid img {
    width: 60px;
}

.template-collection .image-with-text__text-item .icon-text .icon-box span {
    text-align: center;
    font-size: 14px;
    line-height: 18px;
}

.template-collection .image-with-text__text-item .left-side-content p {
    max-width: 100%;
}


/*collection page css*/


.sodastream-bundle-prices {
    margin: 18px auto 18px 38px;
    max-width: 237px;
}
.sodastream-step.sodastream-step--bundle>div.sodastream-cards.sodastream-cards--bundles>article:nth-child(2) .sodastream-bundle-prices {
   
        margin: 18px auto 18px 38px;
}
.custom-hero .overlay-sec {
    position: relative;
}

img.hero-desktop-image {
    display: none;
}

    div.sodastream-text-button a {
    font-size: 12px;
}
img.hero-mobile-image {
    width: 100%;
    height:auto;
}
  
    a.circle-button {
        padding: 0px 22px;
        height: 38px;
    }
.sodastream-comparison__button {
    font-size: 12px;
    padding: 0 10px;
    height: 38px;
}
.custom-hero .hero-inner {
    min-height: auto;
    position: relative;
    top: 0;
    padding: 0 14px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    justify-content: center;
}

.custom-hero .page-width {
    padding: 0;
    flex-direction: column;
    gap: 20px;
}
.custom-hero {
    background-image: none !important;
    height: auto;
}
   .btn-primary, .btn-secondary {
        padding: 0px 7px;
        font-size: 12px;
        height: 38px;
        line-height: 38px;
        display: flex;
        align-items: center;
    }
.template-index .hero-heading {
    max-width: 290px;
    width: 100%;
    margin: auto;
}
    .hero-buttons {
        gap: 4px;
        align-items: center;
        justify-content: center;
        margin-top: 10px;
    }
    .hero-heading {
        font-size: 25px !important;
        line-height: 32px !important;
    }
span.with-star:before {
    display: none;
}

svg.animated-line {
    width: 80px;
}

.video-overlay {

    opacity: 0.6;
    display: block !important;
}
.hero-description {
    margin-top: 10px;
    font-size: 14px;
    max-width: 100%;
    line-height: 20px;
    margin-bottom: 0;
}
.hero-description p {
    margin: 0;
}
.hero-badge {
    margin-bottom: 5px;
    font-size: 12px;
    height: 30px;
    line-height: 28px;
    padding: 0;
}
.how-heading {
    margin-bottom: 20px !important;
    max-width: 230px;
    margin-left: 0;
    margin-right: 0;
    margin: auto;
}

.refills-simple__delivery-icon-image {
    display: block;
    width:35px;
    height: 35px;
    object-fit: contain;
}

    .step-image img {
        height: 97px;
        object-fit: scale-down;
        width: auto;
        justify-content: flex-end;
        float: right;
    }

    .step-image {
        width: 100%;
    }

.number-sec {
        padding: 7px;
        position: relative;
    }

.step-number {
    font-size: 50px;
}
    .step-title {
        font-size: 12px;
        max-width: 78px;
        min-height: auto;
    }
 .custom-atc-bottom {
    margin-top: 7px;
    padding-top: 7px;
}
.template-product-custom-tank-exchange legend.form__label{
    margin-bottom: 10px !important;
}
 legend.form__label {
font-size: 16px;
margin-bottom: 10px;
}
 .tank-group {
    margin-bottom: 14px;
}
.product__info-container>*+* {
    margin: 1rem 0 !important;
}
 variant-selects {
    width: 100%;
    margin-top: 14px !important;
    margin-bottom: 0 !important;
}
     .footer-block__details-content.footer-block-image.center .img-bottom-text p {
        font-size: 14px;
        color: #403E3E;
        line-height: 19px;
        text-align: center;
        max-width: 310px;
        margin: auto;
        margin-top: 10px;
    }

 .footer-block__details-content.footer-block-image.center .img-bottom-text p br {
    display: none;
}
  .tank-grid,
  .why-grid,{
    grid-template-columns: repeat(2,1fr);
  }

  .why-item:nth-child(2)::after {
    display: none;
  }

}
@media screen and (max-width: 749px) {
.product-media-container.constrain-height .media {
    padding-top: min(var(--constrained-height), var(--ratio-percent));
    padding-top: 100% !important;
}
}
@media screen and (max-width: 767px) {
    .payment-box .boxes {
    flex-direction: column;
    text-align: center;
    align-items: center;
}
.template-product-custom-tank-exchange legend.form__label{
    margin-bottom: 10px !important;
}
.product__media-list {
    margin: 0 !important;
}

media-gallery [id^="Slider-Thumbnails-"] .slick-slide {
    padding: 0 5px;
    border-radius: 0px;
    overflow: hidden;
}
media-gallery [id^="Slider-Thumbnails-"] .slick-slide img {
    width: 100%;
    display: block;
    border-radius: 5px;
}

.product__title {
    margin-top: 0 !important;
}
.thumbnail {
    border-radius: 0px !important;
}
.product__media-wrapper slider-component:not(.thumbnail-slider--no-slide) {
    margin: 0 !important;
}

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

.breadcrumbs__item:not(:last-child):after {
    margin-left: 2px !important;
    margin-right: 10px !important;
}

.thumbnail-slider {
    width: 100%;
}

media-gallery [id^="Slider-Thumbnails-"].slick-slider {
    width: 100%;
}

.product__info-container {
    margin-top: 20px !important;
    display: inline-block;
}
div.sodastream-step.sodastream-step--bundle>div.sodastream-cards.sodastream-cards--bundles>article:nth-child(1)>div.sodastream-products>div:nth-child(5) .sodastream-product-item__label {
    min-width: auto;
}
.sodastream-plus-icon {
    margin-top: 5%;
}
.template-blog .hero-content {
    max-width: 630px;
    top: 0px;
    position: relative;
}
    p {
    font-size: 14px !important;
    line-height: 20px !important;
}

.bc-card__feature-text {
    font-size: 12px !important;
}
    .template-collection .hero-content h1.hero-heading {
    width: 100%;
    line-height: 35px !important;
    margin-bottom: 10px !important;
    display: inline-block;
}

.template-collection .img-text .ready-section .page-width {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}
.template-collection span.with-star svg.animated-line {
    width: 160px;
}

.custom-icon-text {
    display: none;
}
div#ProductGridContainer {
    width: 100%;
}

    .refills-simple__step-title {
        font-size: 12px;
    }
    
    .how-card {
        width: 32%;
        min-height: 180px;
        border-radius: 10px !important;
        justify-content: flex-start;
    }

.how-card:hover {
    transform: translateY(0px);
    box-shadow: 0 15px 35px #00000014;
}
    .mff-how-it-works .how-grid.columns-3 {
        gap: 5px;
        display: flex;
        flex-wrap: wrap;
    }
    .how-card:last-child img {
    height: 78px;
}
.sodastream-machine-card {
    min-height: auto;
    padding: 10px;
    align-items: self-start;
    width: 50%;
    flex-direction: column;
}
.sodastream-machine-card__image-wrap {
        width: 100%;
        flex: inherit;
    }
    .sodastream-machine-card__image {
        height: 70px;
    }

.sodastream-machine-card__content {
    padding-left: 0;
}
    .sodastream-machine-card__description li {
        font-size: 12px;
        padding-left: 20px;
        margin-bottom: 4px;
        line-height: 16px;
    }

.sodastream-price__value {
    font-size: 18px;
}
.sodastream-machine-card__description ul {
    min-height: 80px;
}
.sodastream-machine-card__description li:before {
        width: 15px;
        height: 15px;
        background-size: 100%;
        top: 0px;
    }

.sodastream-price {
    justify-content: center;
}
    .sodastream-button {
        height: 38px;
        font-size: 12px;
        padding: 0 10px;
        width: auto;
    }
.sodastream-comparison {
    margin-top: 20px;
    margin-bottom: 20px;
}

.sodastream-connector__text {
    font-size: 12px;
}

div.sodastream-step.sodastream-step--bundle > div.sodastream-cards.sodastream-cards--bundles {
    flex-direction: column;
    row-gap: 40px;
}

.img-text .ready-section .image-with-text__content h2 {
    margin-top: 10px;
}
div.sodastream-step.sodastream-step--bundle > div.sodastream-cards.sodastream-cards--bundles article.sodastream-card.sodastream-bundle-card {
    min-width: 100%;
    padding: 20px 15px;
    height: auto;
    display: inline-block;
    min-height: auto;
}

.sodastream-product-item__image {
    width: 60px;
    height: 60px;
}

.sodastream-bundle-price strong {
    font-size: 18px;
}

.sodastream-bundle-price span {
    font-size: 16px;
}

.sodastream-plus-icon__placeholder svg {
    width: 20px;
}

.sodastream-product-item__label span {
    font-size:9px;
    padding: 0px 0;
    height: auto;
}

.sodastream-product-item {
    min-width: 62px;
}

div.sodastream-cards.sodastream-cards--bundles > article:nth-child(2) .sodastream-products {
    flex-wrap: wrap;
    height: auto;
}

.sodastream-bundle-badge {
    top: 20px;
    right: 20px;
    width: 55px;
    height: 55px;
}

.sodastream-bundle-badge p {
    font-size: 12px;
}

.sodastream-bundle-badge p {
    font-size: 12px !important;
    line-height: 18px !important;
}
.sodastream-bundle-card .sodastream-card__title {
    font-size: 20px;
    text-align: left;
    margin-top: 0;
}

.sodastream-bundle-card__subtitle {
    text-align: left;
    font-size: 14px;
}

div.sodastream-cards.sodastream-cards--bundles>article:nth-child(2) .sodastream-product-item img {
    width: 60px;
    height: 60px;
}

article:nth-child(2) > div.sodastream-products > div:nth-child(7) {
    width: 100% !important;
}

.refills-simple__process {
    flex-direction: column;
    gap: 16px;
    margin-top: 10px;
    padding: 0px;
}

.refills-simple__delivery {
    width: 93%;
    padding: 5px 10px;
    text-align: center;
    margin: auto;
}

.refills-simple__delivery-icon, .refills-simple__pickup-icon {
    margin: auto;
}

.refills-simple__delivery-title {
    margin-top: 0;
    margin-bottom: 0;
}

.refills-simple__delivery-description {
    font-size: 14px;
    margin-top: 0;
    padding: 0 10px;
}

.refills-simple__steps {
    border: 0px;
    gap: 10px;
    justify-content: center;
    overflow: scroll;
    padding-bottom: 0;
}

.refills-simple__arrow {
    width: 20px;
    flex: 0 0 20px;
}

.page-width.refills-simple__container {
    padding: 0;
}

.refills-simple__step-icon {
    width: 80px;
    height: 80px;
}

#refills-made-simple-template--21582698414245__custom_icons_PbcRMi > div > div.refills-simple__process > div.refills-simple__steps > div:nth-child(6) {
    display: none;
}

.refills-simple__step-title {
    font-size: 14px;
}

.refills-simple {
    padding: 30px 0 !important;
}

.refills-simple__step {
    flex: 0 1 85px;
    min-width: 72px;
}

.refills-simple__buttons {
    margin: 20px 0;
    padding: 0 1.5rem;
    margin-bottom: 0;
}

.refills-simple__button {
    font-size: 11px;
    padding: 13px 10px;
    width: 100%;
}
.sparkling-benefit {
    flex-direction: column;
    width: 33%;
    padding: 0 !important;
    gap: 10px;
}
.sparkling-benefits__items {
    display: flex;
    align-items: self-start;
}


.sparkling-benefits__heading {
    margin-bottom: 8px;
}

.section-more-sparkling-water {
    padding-bottom:0px;
}

.sodaizer-comparison {
    padding-top: 30px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 30px !important;
}

.sodaizer-comparison__heading {
    margin-bottom: 20px;
}

table.sodaizer-comparison__table {
    width: 100%;
    overflow: scroll;
}

.sodaizer-comparison__table-wrap {
    overflow: scroll;
}

.sodaizer-comparison__table td {
    padding: 10px;
    font-size: 12px;
}

    .sodaizer-comparison__table th {
        padding: 10px;
        font-size: 12px;
    }

span.comparison-status.comparison-status--cross svg {
    width: 16px;
    height: 16px;
}
.sodaizer-comparison__table td svg {
    width: 20px;
    height: 20px;
}
.sodaizer-comparison__note {
    width: 100%;
    font-size: 13px;
    position: sticky;
}

.sparkling-benefits {
    padding-top: 30px !important;
}

.sparkling-benefit__content {
    text-align: center;
}

.flexible-pay {
    padding: 20px 0 !important;
}

.flexible-pay__description p {
    margin-bottom: 20px;
}

.flexible-pay__methods {
    gap: 6px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}

.flexible-pay__method:first-child {
    min-width: 110px;
}

.flexible-pay__method {
    width: 140px;
    padding: 6px;
}

.flexible-pay__method:first-child .flexible-pay__method-title {
    font-size: 14px;
}

.sodastream-product-item__label {
    margin-top: 7px;
    width: auto;
    padding: 0 5px;
}

div.sodastream-cards.sodastream-cards--bundles>article:nth-child(2) .sodastream-plus-icon {
    margin-top: 20px;
}

.sodastream-text-button {
    width: 100%;
    flex-direction: row;
    height: auto;
}

.sodastream-products {
    height: auto;
    display: flex;
    margin-bottom: 20px;
}

.hero-content {
    text-align: center;
    width: 100%;
}

.refills-simple__icon-image {
    width: 40px;
    height: 40px;
}

.custom-hero-section {
    margin-top: 20px;
}
.refills-simple__arrow-image {
    width: 34px;
}

.sparkling-benefit__icon-image {
    width: 40px;
    height: 40px;
}

.sparkling-benefit__icon {
    width: 70px !important;
    height: 70px !important;
    flex: inherit;
}

.sparkling-benefit__content h3 {
    font-size: 14px;
}
.how-card:hover .step-image img {
    transform: translateY(0px) scale(1.03);
}
.right-side {
    position: absolute;
    top: -70px;
    right: 0;
}
/* .how-card:nth-child(3) .number-sec {
    width: 100%;
    position:absolute;
}

.how-card:nth-child(3) .number-sec h3.step-title {
    max-width: 50%;
} */
    .hero-badge span {
    padding: 0 8px;
}
.mff-how-it-works {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.video-circle {
    background: no-repeat;
    width: 100%;
    height: auto;
}

.video-content {
    padding: 0 10px;
}

.video-banner {
    min-height: auto;
    padding: 20px 0;
}

.circle-inner {
    background: no-repeat;
    height: auto;
    width: 100%;
    padding: 0;
}

button.video-play {
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
    transform: inherit;
    width: 40px;
    height: 40px;
    margin-top: 20px;
}

.video-content {
    flex-direction: column;
}

.circle-description {
    font-size: 15px;
    max-width: 290px;
    margin: auto;
    line-height: 20px;
    margin-bottom: 20px;
}

.featured-logos__heading {
    margin-bottom: 10px;
}

.featured-logos {
    padding-bottom: 20px !important;
}

.sodastream-step__label span {
    font-size: 12px;
}

.sodastream-step__heading {
    margin-bottom: 3px;
}

.section-sodastream-machine-selector {
    padding: 30px 0;
}

p {
    font-size: 14px;
}

.sodastream-cards {
    margin-top: 20px;
}

    .sodastream-cards {
        display: flex;
        gap: 10px;
    }
.sodastream-card__title {
    font-size: 18px;
    margin-top: 14px;
    margin-bottom: 3px;
    text-align: center;
}
.mff-how-it-works {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
 .tank-note.empties {
    font-size: 14px;
    margin-top: 10px;
    line-height: 20px;

        margin-bottom: 14px;
}

 .tank-note {
    font-size: 14px;
    margin-top: 10px;
    line-height: 20px;
}
  .tank-grid,
  .why-grid,{
    grid-template-columns: 1fr;
  }

  .why-item::after {
    display: none;
  }

  .tank-eligibility,
  .why-choose,
  .customer-testimonials {
    padding: 50px 0;
  }

  .tank-eligibility h2,
  .why-choose h2,
  .customer-testimonials h2 {
    font-size: 28px;
  }



   .utility-bar--bottom-border span {
    font-size: 12px;
}

.cart-count-bubble {
    left: 10px;
    width: 20px;
    height: 20px;
    top: -7px;
}
 .header__icons {
    width: 100px;
    gap: 20px;
}

  header-drawer {
    width: 90px;
}

 a.header__heading-link {
    width: 81%;
    padding: 5px;
}

 a.header__heading-link img {
    width: 133px;
}

 .header__icon, .header__icon--cart .icon {
    width: 20px;
    height: 20px;
}

  .header-wrapper--border-bottom {
    border-bottom: 0;
}

 section#MainProduct-template--21582699036837__main {
    padding-top: 10px;
    padding-bottom:40px;
}

 .product-media-container.constrain-height {
    max-width: 100% !important;
    width: 100% !important;
}

 .product__title h1 {
    font-size: 22px;
    line-height:28px;
}

.product__info-wrapper ul li {
    font-size: 14px;
    padding-left: 28px;
}
 span.loox-rating-label {
    font-size: 14px;
}

div#price-template--21582699036837__main {
    margin: 0 !important;
}

 .tank-group-title {
    font-size: 16px;
}

 .product-form__input.product-form__quantity {
    margin-top: 0 !important;
}
 .tank-eligibility .tank-grid.tank-slider-mobile {
    margin-bottom: 0;
    display:inline;
}
 .tank-note.empties {
    font-size: 14px;

        margin-top: 5px;
    line-height: 20px;
}
 .tank-group .tank-grid {
    gap: 8px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(109px, 1fr));
}

 .tank-box .tank-title,  .tank-price,  .tank-rate {
  
        font-size: 12px;
        line-height: 16px;
}

 .tank-group.tank-group-bottom .tank-grid {
    grid-template-columns: repeat(auto-fit, minmax(79px, 1fr));
}
 .tank-box {
    padding: 10px !important;
}

 .tank-group .badge {
    font-size: 10px;
    width: 67px;
    padding: 6px 0;
}

 .product-form__input.product-form__quantity {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

 .product-form__input label.quantity__label.form__label {
    margin: 0;
    font-size: 16px;
}

 .product-form__input quantity-input.quantity input,  .product-form__input quantity-input.quantity button {
    height: 42px;
}

 .product-form__input quantity-input.quantity {
    min-height: 42px;
}

 .custom-add-to-cart-box {
    padding: 8px;
}

 .variant-refill,  .variant-eligible {
    font-size: 12px !important;
    line-height: 20px;
}

 .variant-price {
    font-size: 18px;
    letter-spacing: 0;
}

 .custom-atc-bottom p {
    font-size: 12px;
    margin: 0;
    text-align: left;
    line-height: 15px;
}

 .bottom-content p {
    font-size: 14px;
    line-height: 22px;
}

 .bottom-content {
    margin-bottom: 18px;
}

     .product-form__submit {
        height: 40px;
        font-size: 15px;
    }

 p.product__text.inline-richtext {
    font-size: 14px;
}

product-form.product-form {
    margin-bottom: 0 !important;
}

 .product__info-container ul.icon-with-text li.icon-with-text__item span.h4.inline-richtext {
    font-size: 13px;
    text-align: center;
}

 .product__info-container ul.icon-with-text li.icon-with-text__item {
    flex-direction: column;
    padding:0px;
    align-items: center;
    width: 46%;
}

 .product__info-container ul.icon-with-text {
    margin-top: 18px;
    margin-bottom: 0;
}

 .product__info-container ul.icon-with-text img {
    margin-bottom: 0;
    width: 32px;
    height: 32px;
}
.video-circle .wave-sec svg {
    width: 100px;
}

.circle-inner h2 {
    margin-bottom: 10px;
}
 h2 {
    font-size: 22px !important;
    line-height:26px !important;
}

 .exchange-works {
    padding: 25px 0px 30px;
}

 .exchange-step__image {
    width: auto;
    height: auto;
    border: 0px;
}

 .exchange-step__image img {
    width: 38px;
    height: 38px;
}

 .variant-title {
    font-size: 15px;
    margin-top: 4px;
}
.custom-atc-right {
    width: 52%;
}

 .variant-eligible {
    text-align: right;
    line-height: 20px;
}

 .custom-atc-top {
    align-items: self-start;
    gap: 10px;
}

 .exchange-step:nth-child(2):after,  .exchange-step:nth-child(odd):after {
    width: 35px;
    background-size: 100%;
}
 .exchange-step__badge {
    font-size: 12px;
    padding: 0 12px;
}

 .exchange-step__desc p {
    display: none;
}

 .exchange-step h3 {
    font-size: 12px;
    margin-top: 4px;
}

 .exchange-works__wrapper {
    gap: 0px;
}

 .exchange-step {
    width: 21%;
}
.icon-sec.mobile-view {
    text-align: right;
    position: absolute;
    right: 7px;
    top: 7px;
}

.icon-sec.mobile-view img {
    width: 27px;
}

 .tank-eligibility .tank-card {
    position: relative;
}
 .exchange-step:nth-child(2):after {
    right: -29px;
    top: 10px;
    background: url(/cdn/shop/files/mobile-bottom.png?v=1785322921);
    background-repeat: no-repeat;
}

 .exchange-step:nth-child(odd):after {
    right: -23px;
    top: 10px;
    background: url(/cdn/shop/files/mobile-top.png?v=1785322921);
    background-repeat: no-repeat;
}

 .product-template .custom-multicolumn .page-width {
    padding: 29px 1.5rem 25px;
}
.cust-icon-mobile {
    width: 80%;
}
     .product-template .custom-multicolumn .multicolumn-card__info {
        padding: 0;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between;
        width: 80%;
    }
 .product-template .custom-multicolumn ul li {
    border: 1px solid #3199B0;
    margin-bottom: 16px;
    border-radius: 20px;
    padding: 13px;
}

 .product-template .custom-multicolumn ul {
    border: 0;
    padding: 0;
}

 .product-template .custom-multicolumn ul .multicolumn-card.content-container {
    display: flex;
}

 .product-template .custom-multicolumn ul .multicolumn-card.content-container .multicolumn-card__image-wrapper {
    padding: 0 !important;
    margin: 0 !important;
    width: 100px;
}

 .product-template .custom-multicolumn ul .multicolumn-card.content-container .multicolumn-card__image-wrapper .media {
    border: 1px solid #EBEBEB;
    width: 80px;
    height: 80px;
    border-radius: 100px;
    display: flex;
    padding: 0 !important;
    align-items: center;
    justify-content: center;
}

 .product-template .custom-multicolumn ul .multicolumn-card.content-container .multicolumn-card__image-wrapper .media img {
    position: relative;
    width: 50px !important;
    height: 50px !important;

}

 .product-template .custom-multicolumn ul li a.link.animate-arrow {
    display: none;
}

 .product-template .custom-multicolumn ul li h3 {
    font-size: 16px;
    margin: 0;
    margin-bottom: 8px;
}
 .product-template .custom-multicolumn ul li p {
    font-size: 14px;
    letter-spacing: 0;
    line-height:20px;
    font-weight: 400 !important;
}

 .product-template .custom-multicolumn .mobile-icons-only svg {
    width: 15px;
}
 .product-template .custom-multicolumn ul li p strong:last-child, #Slide-template--21582699036837__multicolumn_zhf6pw-1 > div > div.multicolumn-card__info > div.cust-icon-mobile > div > p > strong:nth-child(4) {
    margin-top: 11px;
}
 .product-template .custom-multicolumn ul li p strong {
    width: 100%;
    display: inline-block;
    font-weight: 500 !important;
}

 .product-template .custom-multicolumn ul li p>br:nth-child(2) {
}

 .product-template .custom-multicolumn ul li .rte {
    margin-top: 0;
}

 .tank-price {
    margin: 5px 0 !important;
}
 .cust-icon-mobile {
    width: 210px;
}

 .tank-eligibility .slick-list.draggable {
    margin: 0 -8px;
}

 .tank-eligibility .tank-card {
    margin: 0 8px;
}

 .tank-content .icon-sec {
    display: none;
}

 .tank-card img {
    height: auto;
}

 .tank-content .content-sec {
    width: 100%;
}

 .tank-content p {
    font-size: 14px;
    line-height: 20px;
}

 .tank-content {
    padding: 15px;
    height: 134px;
}

 .tank-eligibility .slick-dots li button,
 .testimonial-slider .slick-dots li button {
    background: #D9D9D9;
    width: 6px;
    border-radius: 100px;
    height: 6px;
    padding: 0;
}

 .tank-eligibility .slick-dots li button::before,
 .testimonial-slider .slick-dots li button::before  {
    display: none;
}

 .tank-eligibility .slick-dots li,
 .testimonial-slider .slick-dots li {
    width: auto;
    height: auto;
}

 .tank-eligibility .slick-dots li.slick-active button,
 .testimonial-slider .slick-dots li.slick-active button {
    background: #3199B0;
}



 .why-choose h2 {
    max-width: 274px;
    margin: auto;
}

 .why-item {
    padding: 0;
}

 .why-item h3 {
    font-size: 16px;
        margin: 0 0 5px;
    line-height: 20px;
}

 .why-item p {
    font-size: 14px;
    line-height: 20px;
}

 .why-item img {
    width: 41px;
    height: auto;
}

 .why-grid {
    gap: 10px;
    margin-top: 27px;
}

 .why-choose {
    padding: 0 0 30px;
}

 .tank-eligibility {
    padding-bottom: 36px;
}

 .customer-testimonials {
    padding: 22px 0;
}

 section.customer-testimonials h2 {
    margin-bottom: 25px;
}

 .testimonial-slider .testimonial-card {
    margin: 0 9px;
    padding: 15px 15px;

    min-height: 230px;
}

 .testimonial-review p {
    font-size: 14px;
    line-height: 20px;

    min-height: 70px;
}

 .customer-info {
    margin-left: 10px;
    padding-right: 10px;
}

 .customer-info h4 {
    font-size: 15px;
}

 .customer-info p {
    font-size: 14px;
}

 .customer-image img {
    width: 45px;
    height: 45px;
}
 .verified-text {
    font-size: 14px;
    padding-left: 10px;
    margin-left: 0;
    font-weight: 500 !important;
}
 .testimonial-slider .slick-list.draggable {
    margin: 0 -9px;
    padding-left: 0 !important;
    padding-right: 15% !important;
}
 .collapse-faq .accordion summary {
    padding: 12px 0;
}

 .collapse-faq .accordion {
    padding: 0 13px;
}

 .collapse-faq span.count {
    font-size: 18px;
}

 .collapse-faq h3 {
    font-size: 16px;
}

 .collapse-faq summary .icon-caret {
    width: 16px;
    height: 16px;
}

 .collapse-faq .accordion details[open]>summary .icon-caret {
    top: 20px;
}

 .collapse-faq summary .icon-caret {
    top: 18px;
}
a.button::after {
    display: none !important;
}
 .collapse-faq p {
    font-size: 14px;
    line-height: 20px;
}

.img-text .ready-section .image-with-text__media-item {
    width: 148px !important;
    max-width: 148px;
    margin: auto;
}

.img-text .ready-section .image-with-text__content {
    padding: 0;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}

.img-text .ready-section .image-with-text__content p {
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    margin:auto;
    max-width: 246px;
}

.sodastream-machine-card a.sodastream-button {
    width: 100%;
}
.img-text .ready-section .image-with-text__content a.button.button--primary {
    height: 38px;
    font-size: 12px;
    padding: 0 10px;
    min-height:38px;
    margin-top: 10px;
}

     .footer__content-top {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        padding-bottom: 0;
    }

 .footer__blocks-wrapper {
    display: flex !important;
    flex-wrap: wrap;
}

  .footer-block.grid__item:first-child {
    width: 100% !important;
}
 .footer-block__heading {
    font-size: 16px !important;
    margin-bottom: 0 !important;
}

 .footer-block__details-content .list-menu__item--link {
    font-size: 14px !important;
    line-height: 20px;
}
 ul.slick-dots {
    bottom: 0;
    position: relative;
    margin-top: 6px;
}

 .testimonial-slider {
    margin-bottom: 0 !important;
}
 .footer-block__details-content.footer-block-image.center {
    margin: 0;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 24px;

        margin-bottom: 10px;
}
 footer.footer {
    padding-bottom: 10px !important;
}
 .footer-block__details-content {
    margin-bottom: 21px;
}
  .copyright__content , small.copyright__content {
    font-size: 14px;
}

 .footer .footer-block.grid__item {
        width: 40%;
        margin: 0 !important;
    }
}


@media (min-width:750px) and (max-width:767px) {
.page-width {
    padding: 0 3.2rem;
}

.product__info-wrapper {
    padding-left: 2rem !important;
}

 .product-template .custom-multicolumn ul {
    flex-wrap: nowrap;
    gap: 10px;
}

 .product-template .custom-multicolumn ul li {
    width: 50%;
}

 .why-choose h2 {
    max-width: 100%;
}

.img-text .ready-section.page-width {
    max-width: 556px;
}

.img-text .ready-section .image-with-text__media-item {
    width: 188px !important;
    max-width: 188px !important;
}

.img-text .ready-section .image-with-text__content {
    padding-left: 40px;
    align-items: self-start;
    text-align: left;
}

.img-text .ready-section .image-with-text__content p {
    text-align:left;
}
     .footer .footer-block.grid__item {
        width: 22%;
        margin: 0 !important;
    }
         .footer-block__heading {
        font-size: 15px !important;
        margin-bottom: 0 !important;
    }
         .testimonial-slider .slick-list.draggable {
        margin: 0 -9px;
        padding-left: 0 !important;
        padding-right: 50% !important;
    }
         .header__icons {
        width: 90px;
        gap: 10px;
    }
    nav.menu-drawer__navigation {
    padding: 30px;
}

nav.menu-drawer__navigation a {
    padding: 10px 0px !important;
}
}


@media (min-width:768px) and (max-width:989px) {

.video-circle {
    background-image: none;
    background: #00000061;
}
       ul#product-grid .grid__item {
        width: 47% !important;
        max-width: 47% !important;
    }
  .bundles-listing {
    padding: 10px;
}

.meta-box img {
    width: 100%;
    height: 70px;
    object-fit: scale-down;
}

.bundles-listing p {
    font-size: 12px !important;
}

.template-product .product span.price-item.price-item--sale.price-item--last {
    font-size: 22px !important;
    margin-right: 1px;
}

.template-product .product s.price-item.price-item--regular.compare-price-product {
    font-size: 18px !important;
    margin-right: 5px;
}

.template-product .product span.price-save-badge {
    font-size: 10px;
    padding: 5px 5px;
}

.template-product .product .price__container {
    margin-bottom: 20px;
}

.template-product .product ul.icon-with-text {
    flex-wrap: wrap;
}

.template-product .product ul.icon-with-text li.icon-with-text__item {
    padding: 0;
}

.template-product .product ul.icon-with-text li.icon-with-text__item span.h4.inline-richtext p strong {
    margin-bottom: 0 !important;
}

.product-form__input .form__label {
    margin-bottom: 10px !important;
}

.template-product .product ul.icon-with-text li.icon-with-text__item {
    width: 48%;
}
.payment-box .boxes {
    flex-wrap: wrap;
}

.template-page-about .custom-icon-text {
        width: 100%;
    }
.template-page-about .hero-content {
    width: 366px;
}
.our-promise-new .our-promise-content {
    flex: 1;
    width: 100%;
    text-align: center;
}
.about-page-sec .image-with-text__heading {
    font-size: 30px;
    line-height: 40px;
}

    .our-promise-new .our-promise-card {
        width: 100%;
        align-items: self-start;
        gap: 10px;
        padding: 26px 7px;
        flex-direction: column;
        align-items: center;
    }
.our-promise-new .our-promise-grid {
    gap: 10px;
}

.our-promise-new .our-promise-icon {
    width: 110px;
    height: 110px;
}

.our-promise-new .our-promise-icon img {
    width: 60px;
    height: 60px;
}

section.our-promise-section.our-promise-new {
    padding: 34px 0;
}

.template-page-about .why-choose .why-grid {
    gap: 7px;
}

.why-item p {
    font-size: 14px;
    line-height: 20px;
}

.why-item h3 {
    font-size: 16px;
}

.sodarizer-sec .our-promise-grid .our-promise-card {
    flex-direction: column;
    text-align: center;
    justify-content: center;
    gap: 10px;
}

.sodarizer-sec .our-promise-grid .our-promise-card:after {
    display:none
}

.our-promise-description p {
    max-width: 100%;
    font-size: 14px;
}

.custom-img-sec.more-product .image-with-text__content {
    padding-left: 20px;
}

.custom-img-sec .image-with-text .grid {
    align-items: self-start;
}

.custom-img-sec .image-with-text .grid .image-with-text__media-item {
    position: sticky;
    top: 100px;
}

.custom-img-sec h2.image-with-text__heading {
    font-size: 28px;
    line-height: 30px;
}

.custom-img-sec ul li {
    font-size: 14px;
}

.custom-img-sec ul li:before {
    top: 1px;
}

.custom-img-sec p.image-with-text__text span {
    font-size: 13px;
    padding: 5px 10px;
}
    .template-page-about .custom-icon-text {
    align-items: self-start;
    margin-top: 30px;
    gap: 7px !important;
    justify-content: flex-start;
}
.template-page-about .custom-icon-text .icon-text {
    width: 18%;
}
.template-page-about .custom-icon-text .text {
    width: 100%;

        font-size: 11px;
}


.about-page-sec .image-with-text__content {
    padding: 0 20px;
    padding-right: 0;
}

    .custom-blog__content {
    padding: 10px;
}

.custom-blog__card-title a {
    font-size: 18px;
    line-height: 24px;
}

.custom-blog__excerpt {
    font-size: 14px;
}

.custom-blog__meta {
    font-size: 14px;
    gap: 7px;
}

span.blog-clock svg {
    width: 15px;
}

span.custom-blog__reading-time {
    gap: 5px;
}
    .custom-blog__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.custom-blog__sort {
    margin-top: 0;
}

.newsletter .newsletter__wrapper .icon-img {
    width: 50%;
    flex-direction: column;
    text-align: center;
    gap: 10px;
}

.newsletter .newsletter__wrapper h2 {
    text-align: center;
    font-size: 21px;
}

.newsletter .newsletter__wrapper .right-side-input {
    width: 65%;
}

.newsletter .newsletter__wrapper .right-side-input input {
    width: 80%;
}
    .card.card--card {
    min-height: 470px;
}
.template-blog .hero-content {
    max-width: 330px;
    top: -10px;
    position: relative;
}
  ul#product-grid .grid--1-col-tablet-down .grid__item {
        width: 47%;
        max-width: 48%;
    }
    .facet-filters__field .select {

    width: 208px !important;
 
    padding: 0 8px !important;
}

.custom-icon-text .icon-text {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.custom-icon-text {
    width: 80%;
}

.custom-icon-text .text {
    width: 100%;
}

.template-collection img.hero-desktop-image {
    height: 420px;
    object-fit: cover;
}
.template-collection span.with-star svg.animated-line {
    width: 124px;
    right: 0;
    left: unset;
    bottom: -14px;
}
    .template-collection .custom-multicolumn ul {
        display: flex;
        padding: 0 !important;
        gap: 10px;
        justify-content: center;
    }
span.with-star svg.animated-line {
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100px;
}
.template-index .hero-heading {
    max-width: 340px;
    width: 100%;
}
.card__heading a {
    font-size: 16px;
}

.card--card.card--media>.card__content {
    padding: 6px 10px 15px;
}

.short-des {
    font-size: 14px;
    line-height: 18px;
}

.custom-meta-box .bottles .f-bottle svg {
    width: 12px;
}

.custom-meta-box .bottles .f-bottle p {
    font-size: 12px;
}
.template-collection .custom-multicolumn ul li {
    width: 23%;
    max-width: 23%;
}

.template-collection .custom-multicolumn .multicolumn-card.content-container .media {
    width: 100px;
    height: 100px;
}

.template-collection .custom-multicolumn .rte p {
    max-width: 100%;
    font-size: 14px;
}

aside#main-collection-filters {
    padding: 14px !important;
}

.facets-layout-list--text input[type=checkbox], .facet-checkbox>svg {
    width: 20px !important;
    height: 20px !important;
}

.facet-checkbox {
    font-size: 12px;
}

span.facet-checkbox__text {
    font-size: 13px;
}

h2#verticalTitle, .facets__summary span {
    font-size: 16px;
}

/* form#FacetSortForm, div#ProductGridContainer {
    width: 830px;
} */
.refill-program-card {
    padding: 10px 10px;
    border-radius: 10px;
}

.refill-program-description {
    font-size: 13px;
    line-height: 20px;
}

.template-collection .why-item h3, .template-collection .why-item p {
    font-size: 14px;
    line-height: 19px;
}

.template-collection .img-text .ready-section .image-with-text__media-item {
    width: 100%;
    max-width: 135px;
}

.template-collection .image-with-text__content {
    padding-left: 20px;
}

.template-collection .image-with-text__text-item .left-side-content {
    width: 400px;
    margin-right: 10px;
    padding-right: 10px;
}

.template-collection .image-with-text__text-item .icon-text .icon-box span {
    font-size: 12px;
    text-align: center;
    line-height:18px;
}

.template-collection .image-with-text__text-item .icon-text {
    width: 83%;
}

.img-text .image-with-text__content p {
    line-height: 20px;
    font-size: 14px;
}

.template-collection .img-text .ready-section.page-width {
    padding-top: 40px;
    padding-left: 3.2rem;
    padding-right: 3.2rem;
}
    .custom-icon-text .icon {
    width: 50px;
    height: 50px;
}

.custom-icon-text .text {
    font-size: 13px;
}

.template-collection .hero-content h1.hero-heading {
    max-width: 500px;
}


div.sodastream-cards.sodastream-cards--bundles>article:nth-child(2) .sodastream-plus-icon {
    margin-top: 11%;
}


div.sodastream-step.sodastream-step--bundle>div.sodastream-cards.sodastream-cards--bundles>article:nth-child(1)>div.sodastream-products>div:nth-child(5) .sodastream-product-item__label {
    min-width: auto;
}
.sodastream-plus-icon {
    margin-top: 10%;
}
.custom-icon-text {
    margin-bottom: 12px;
}
.sodastream-bundle-prices {
    margin: 38px auto 28px 40px;
    max-width: 237px;
}
.sodastream-step.sodastream-step--bundle>div.sodastream-cards.sodastream-cards--bundles>article:nth-child(2) .sodastream-bundle-prices {
    width: 300px;
    margin-left: 20px;
}
.hero-heading {
    font-size: 32px !important;
    line-height: 38px !important;
}
    .hero-badge {
        margin-bottom: 5px;
        font-size: 14px;
        height: 30px;
        line-height: 28px;
    }
.hero-description {
    margin-top: 10px;
    font-size: 16px;
    line-height: 22px;
    max-width: 400px;
    margin-bottom: 10px;
}

    .custom-blog__grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

.custom-blog__sort {
    margin-top: 0;
}
.hero-description p {
    margin: 0;
}

.hero-content {
    max-width: 490px;
}
.btn-primary, .btn-secondary {
    height: 44px;
    padding: 0 10px;
    line-height: 44px;
    font-size: 14px;
}

/* .custom-hero {
    height: 41vh;
    background-size: cover !important;
} */

/* .how-grid.columns-3 {
    flex-wrap: nowrap;
    display: flex;
    overflow: scroll;
} */

.how-card {
   width:100%;
}
.mff-how-it-works {
    padding-top: 20px !important;
}

.how-heading {
    margin: 0 0 25px;
}
.step-title {
    max-width: 170px;
}
.number-sec {
    padding: 20px;
}
.step-image {
    width: 190px;
}
h3.step-title {
    font-size: 19px;
}
.step-number {
    font-size: 60px;
}

button.video-play {
    left: 90%;
}

.featured-logo-image {
    height: 40px;
    width: 100px;
}

.featured-logos {
    padding-bottom: 30px !important;
}

section.customer-testimonials {
    padding-bottom: 30px;
}

.sodastream-cards.sodastream-cards--machines {
    gap: 10px;
}


.refills-simple__delivery-icon-image {
    width: 40px;
    height: 40px;
}

.refills-simple__step-icon {
    width: 60px;
    height: 60px;
}

.refills-simple__step {
    flex: 0 1 101px;
    min-width: 100px;
}

.refills-simple__step-title {f;font-size: 14px;}

.refills-simple__arrow {
    width: 20px;
    flex: 0 0 20px;
}

.refills-simple__arrow-image {
    width: 50px;
}

.refills-simple__steps {
    gap: 9px;
}

.refills-simple__delivery-title {
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 0px;
}

.refills-simple__delivery-description {
    font-size: 13px;
}

.refills-simple__delivery-divider {
    height: 120px;
}
.refills-simple__process {
   gap:10px;
}

div.refills-simple__steps > div:nth-child(6) {
    display: none;
}

.refills-simple__delivery {
        width: 41%;
        padding: 10px;
        gap: 20px;
    }

.sparkling-benefit__content h3 {
    font-size: 16px;
}

.sparkling-benefit__content div {
    font-size: 14px;
}

.sparkling-benefit {
    padding: 4px 10px;
}

.sparkling-benefit__icon {
    width: 80px !important;
    height: 80px !important;
    flex: inherit;
}

.sodastream-machine-card__image {
    max-width: 110px;
}

.sodastream-machine-card__image-wrap {
    width: 27%;
    flex: 0 0 27%;
}

span.with-star:before {
    display: none;
}

    .sodastream-product-item__image {
        width: 35px;
        height: 81px;
    }
div.sodastream-cards.sodastream-cards--bundles article.sodastream-card.sodastream-bundle-card {
    padding: 27px 10px;
}

.right-side {
    position: absolute;
    top: -40px;
    right: 20px;
}

.sodastream-plus-icon__placeholder svg {
    width: 20px;
    height: 20px;
}
div.sodastream-step.sodastream-step--bundle>div.sodastream-cards.sodastream-cards--bundles>article:nth-child(1)>div.sodastream-products>div:nth-child(5) .sodastream-product-item__label {
    min-width: 70px;
}

.sodastream-product-item__label span {
        font-size: 8px;
        height: auto;
        padding: 3px 5px;
        word-break: break-word;
        line-height: 12px;
    }

.sodastream-product-item__label {
    padding: 0;
}

.sodastream-products {
 
    gap: 3px;

}
div.sodastream-cards.sodastream-cards--bundles > article:nth-child(1) h3 {
    text-align: left;
}


header, .page-width {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

div.sodastream-cards.sodastream-cards--bundles > article:nth-child(1) .sodastream-bundle-card__subtitle {
    text-align: left;
}

.sodastream-bundle-card__subtitle {
    font-size: 15px;
}
    .sodastream-product-item {
        min-width: 60px;
    }
div.sodastream-cards.sodastream-cards--bundles>article:nth-child(2) .sodastream-product-item img {
        width: 40px;
        height: 83px;
    }
    .sodastream-text-button {
        margin-top: -10px;
        width: 75px;
        gap: 0;
        padding: 0 0px;
        height: 99px;
    }

div.sodastream-text-button>p:nth-child(2) {
    font-size: 16px;
    margin: 0;
}
.sodastream-bundle-price strong {
  
    font-size: 18px;
 
}

    div.sodastream-text-button a {
        font-size: 10px;
        width: 70%;
        margin: auto;
        height: 20px;
    }
.sodastream-text-button p {
    font-size: 12px;
    margin: 3px 0;
    line-height: 20px;
}

.sodastream-machine-card__description li {
    padding-left: 29px;
    font-size: 14px;
}

article.sodastream-card.sodastream-machine-card {
    padding: 20px 10px;
}

.sodastream-step__label span {
    font-size: 14px;
}

span.sod-top-text {
    z-index: 999999;
}

.footer-block__details-content.footer-block-image.center .footer-block__image-wrapper {
    width: 100%;
    text-align: center;
    align-items: center;
    max-width: 100% !important;
}

.footer-block__details-content.footer-block-image.center .img-bottom-text p br {
    display: none;
    text-align: center;
}

.footer-block__details-content.footer-block-image.center .img-bottom-text p {
    text-align: center;
}

.footer-block__image-wrapper img {
    margin: auto;
}

.footer__content-bottom {
    padding-top: 10px !important;
}

footer.footer {
    padding-bottom: 30px !important;
}

.header__icons {
    width: 120px;
}

header-drawer {
    width: 120px;
}


 .tank-box {
    padding: 10px !important;
}

 .tank-price,  .tank-rate,  .tank-box .tank-title {
    font-size: 10px;
}

 .tank-group .badge {
    font-size: 10px;
    width: 70px;
    padding: 3px 3px;
    top: -14px;
}

 .tank-price {
    margin: 4px !important;
}

 .tank-group.tank-group-bottom .tank-group .tank-grid {
    grid-template-columns: repeat(auto-fit, minmax(102px, 1fr));
    gap: 6px;
}


 .tank-group.tank-group.tank-group-bottom .tank-grid {
    grid-template-columns: repeat(auto-fit, minmax(75px, 1fr));
}

 .tank-note,  .tank-note {
    line-height: 20px;
    font-size: 14px;
}

 .tank-group {
    margin-bottom: 20px;
}

 .variant-refill,  .variant-eligible {
    font-size: 10px;
    line-height: 20px;
}

 .variant-title {
    font-size: 14px;
}

 p.product__text.inline-richtext,  .bottom-content p {
    font-size: 14px;
    line-height: 17px;
}

 span.loox-rating-label {
    font-size: 14px;
}


   .tank-group .tank-grid {
    grid-template-columns: repeat(auto-fit, minmax(102px, 1fr));
    gap: 6px;
}
.page-width {
    padding-left: 3.2rem;
    padding-right: 3.2rem;
}

 .tank-note {
    font-size: 14px;
}

.product__info-wrapper {
    padding-left: 34px !important;
}

 .custom-add-to-cart-box {
    padding: 20px;
}

 .variant-price {
    font-size: 18px;
    letter-spacing: 0;
}

 .product__info-container ul.icon-with-text li.icon-with-text__item span.h4.inline-richtext {
    font-size: 14px;
}

 .exchange-step:nth-child(odd)::after,  .exchange-step:nth-child(2)::after {
    width: 65px;
    height: 10px;
    background-size: 100%;
    right: -43px;
}


 .exchange-works__wrapper {
    gap: 12px;
}

 .exchange-step__image {
    width: 100px;
    height: 100px;
}

 .product-template .custom-multicolumn ul li {
    width: 50%;
}

 .product-template .custom-multicolumn ul {
    padding: 0;
}

 .product-template .custom-multicolumn .page-width {
        padding-left: 3.2rem;
        padding-right: 3.2rem;
        padding-bottom: 40px;
}

 .product-template .custom-multicolumn .multicolumn-card__info {
    padding: 20px;
}

 .product-template .custom-multicolumn ul li a.link.animate-arrow {
    height: auto;
    line-height: 23px;
    padding: 10px 10px;
    text-align: center;
    width: 100%;
}

 .tank-card img {
    height: auto;
}

 .tank-content {
    height: 160px;
}

 .tank-content .icon-sec img,  .tank-content .icon-sec {
    width: 26px;
}

 .why-item {
    padding: 10px;
}

 .why-grid {
    gap: 20px;
}
    .testimonial-slider .slick-list.draggable {

        padding-left: 0 !important;
        padding-right:40% !important;
    }
     .tank-eligibility .slick-dots li button,
 .testimonial-slider .slick-dots li button {
    background: #D9D9D9;
    width: 6px;
    border-radius: 100px;
    height: 6px;
    padding: 0;
}

 .tank-eligibility .slick-dots li button::before,
 .testimonial-slider .slick-dots li button::before  {
    display: none;
}

 .tank-eligibility .slick-dots li,
 .testimonial-slider .slick-dots li {
    width: auto;
    height: auto;
}

 .tank-eligibility .slick-dots li.slick-active button,
 .testimonial-slider .slick-dots li.slick-active button {
    background: #3199B0;
}

 .customer-testimonials ul.slick-dots {
    position: relative;
}

 .footer .footer-block.grid__item:first-child {
    width: 100%;
    text-align: center;
    align-items: center;
}

 .footer-block__details-content.footer-block-image.center {
    justify-content: center;
}

.footer__content-top .grid {
    gap: 20px;
}

 .footer-block__heading {
    font-size: 16px;
    margin-bottom: 5px;
}

 .footer-block__details-content .list-menu__item--link {
    line-height: 20px;
}
}


@media (min-width:990px) and (max-width:1199px) {
    .img-text .ready-section .image-with-text__content h2 {
   
    font-size: 26px;

}

.testimonial-slider .testimonial-card {
    padding: 26px 30px;
}
  .bundles-listing {
    padding: 10px;
}

.meta-box img {
    width: 100%;
    height: 70px;
    object-fit: scale-down;
}

.bundles-listing p {
    font-size: 12px !important;
}

.template-product .product span.price-item.price-item--sale.price-item--last {
    font-size: 22px !important;
    margin-right: 1px;
}

.template-product .product s.price-item.price-item--regular.compare-price-product {
    font-size: 18px !important;
    margin-right: 5px;
}

.template-product .product span.price-save-badge {
    font-size: 10px;
    padding: 5px 5px;
}

.template-product .product .price__container {
    margin-bottom: 20px;
}

.template-product .product ul.icon-with-text {
    flex-wrap: wrap;
}

.template-product .product ul.icon-with-text li.icon-with-text__item {
    padding: 0;
}

.template-product .product ul.icon-with-text li.icon-with-text__item span.h4.inline-richtext p strong {
    margin-bottom: 0 !important;
}

.product-form__input .form__label {
    margin-bottom: 10px !important;
}

.template-product .product ul.icon-with-text li.icon-with-text__item {
    width: 48%;
}
div.sodastream-cards.sodastream-cards--bundles>article:nth-child(2) .sodastream-plus-icon {
    margin-top: 11%;
}

.about-page-sec .image-with-text__heading {
    font-size: 30px;
    line-height: 40px;
}

.our-promise-new .our-promise-card {
    flex-direction: column;
    text-align: center;
    justify-content: center;
    padding: 13px;
    gap: 10px;
}

.our-promise-new .our-promise-grid {
    gap: 10px;
}

.our-promise-new .our-promise-icon {
    width: 110px;
    height: 110px;
}

.our-promise-new .our-promise-icon img {
    width: 60px;
    height: 60px;
}

section.our-promise-section.our-promise-new {
    padding: 34px 0;
}

.template-page-about .why-choose .why-grid {
    gap: 7px;
}

.why-item p {
    font-size: 14px;
    line-height: 20px;
}

.why-item h3 {
    font-size: 16px;
}

.sodarizer-sec .our-promise-grid .our-promise-card {
    flex-direction: column;
    text-align: center;
    justify-content: center;
    gap: 10px;
}

.sodarizer-sec .our-promise-grid .our-promise-card:after {
    display:none
}

.our-promise-description p {
    max-width: 100%;
    font-size: 14px;
}

.custom-img-sec.more-product .image-with-text__content {
    padding-left: 20px;
}

.custom-img-sec .image-with-text .grid {
    align-items: self-start;
}

.custom-img-sec .image-with-text .grid .image-with-text__media-item {
    position: sticky;
    top: 100px;
}

.custom-img-sec h2.image-with-text__heading {
    font-size: 28px;
    line-height: 30px;
}

.custom-img-sec ul li {
    font-size: 14px;
}

.custom-img-sec ul li:before {
    top: 1px;
}

.custom-img-sec p.image-with-text__text span {
    font-size: 13px;
    padding: 5px 10px;
}
    .card.card--card {
    min-height: 470px;
}
.article-search {
    position: relative;
    width: 100%;
    max-width: 316px;
}
.newsletter .newsletter__wrapper h2 {
    font-size: 22px;
}
.custom-benefits-bar__text {
    font-size: 14px;

}

.custom-benefits-bar__title {
    font-size: 16px;
}
.newsletter .newsletter__wrapper .right-side-input input {
    width: 370px;
}

.template-blog .hero-content {
    max-width: 630px;
    top: -20px;
    position: relative;
}

.custom-blog__content {
    padding: 10px;
}

.custom-blog__card-title a {
    font-size: 18px;
    line-height: 24px;
}

.custom-blog__excerpt {
    font-size: 14px;
}

.custom-blog__meta {
    font-size: 14px;
    gap: 7px;
}

span.blog-clock svg {
    width: 15px;
}.template-page-about .sodarizer-sec .our-promise-grid {
    width: 80%;
    margin: auto;
}
.template-page-about .custom-icon-text {
    flex-wrap: wrap;
    row-gap: 10px;
}
span.custom-blog__reading-time {
    gap: 5px;
}
aside#main-collection-filters {

    width: 240px;
}
    /* .custom-icon-text .icon-text {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
} */

.custom-icon-text {
    width: 80%;
}

.custom-icon-text .text {
    width: 100%;
}

.template-collection img.hero-desktop-image {
    height: 500px;
    object-fit: cover;
}
    .template-collection .custom-multicolumn ul {
        display: flex;
        gap: 10px;
        justify-content: center;
    }

.template-index .hero-heading {
    max-width: 430px;
    width: 100%;
}
.template-collection .custom-multicolumn ul li {
    width: 23%;
    max-width: 23%;
}

.template-collection .custom-multicolumn .multicolumn-card.content-container .media {
    width: 100px;
    height: 100px;
}

.template-collection .custom-multicolumn .rte p {
    max-width: 100%;
    font-size: 14px;
}

aside#main-collection-filters {
    padding: 14px !important;
}

.facets-layout-list--text input[type=checkbox], .facet-checkbox>svg {
    width: 20px !important;
    height: 20px !important;
}

.facet-checkbox {
    font-size: 12px;
}

span.facet-checkbox__text {
    font-size: 13px;
}

h2#verticalTitle, .facets__summary span {
    font-size: 16px;
}

.refill-program-card {
    padding: 10px 10px;
    border-radius: 10px;
}

.refill-program-description {
    font-size: 13px;
    line-height: 20px;
}

.template-collection .why-item h3, .template-collection .why-item p {
    font-size: 14px;
    line-height: 19px;
}

.template-collection .img-text .ready-section .image-with-text__media-item {
    width: 100%;
    max-width: 225px;
}

.template-collection .image-with-text__content {
    padding-left: 20px;
}

.template-collection .image-with-text__text-item .left-side-content {
    width: 400px;
    margin-right: 30px;
    padding-right: 30px;
}

.template-collection .image-with-text__text-item .icon-text .icon-box span {
    font-size: 12px;
    text-align: center;
}

.template-collection .image-with-text__text-item .icon-text {
    width: 40%;
}

.img-text .image-with-text__content p {
    line-height: 20px;
    font-size: 14px;
}

.mission-vision-section .mission-vision-heading p {
    font-size: 19px !important;
    line-height: 1.15;
   
}
.template-collection .img-text .ready-section.page-width {
    padding-top: 40px;
    padding-left: 3.2rem;
    padding-right: 3.2rem;
}

.card__heading a {
    font-size: 16px;
}

.card--card.card--media>.card__content {
    padding: 6px 10px 15px;
}

.short-des {
    font-size: 14px;
    line-height: 18px;
}

.custom-meta-box .bottles .f-bottle svg {
    width: 12px;
}

.custom-meta-box .bottles .f-bottle p {
    font-size: 12px;
    line-height: 16px;
}

.custom-meta-box .bottles {
    gap: 10px;
}

.custom-icon-text {
    margin-bottom: 10px;
}

.template-collection .hero-heading {
    max-width: 550px;
}

.template-collection .hero-description {
    margin-bottom: 12px;
}
.sodastream-bundle-prices {
  
    max-width: 317px;
    margin: 38px auto 28px 60px;
}
.sodastream-step.sodastream-step--bundle>div.sodastream-cards.sodastream-cards--bundles>article:nth-child(2) .sodastream-bundle-prices {
    width: 300px;
    margin-left: 20px;
}
svg.animated-line {
    width: 100px;
}
 .tank-box {
    padding: 10px !important;
}

 .tank-price,  .tank-rate,  .tank-box .tank-title {
    font-size: 14px;
    line-height: 22px;
}

 .tank-group .badge {
    font-size: 10px;
    width: 70px;
    padding: 3px 3px;
    top: -14px;
}

 .tank-price {
    margin: 4px !important;
}

 .tank-group.tank-group-bottom .tank-group .tank-grid {
    grid-template-columns: repeat(auto-fit, minmax(102px, 1fr));
    gap: 6px;
}


 .tank-group.tank-group.tank-group-bottom .tank-grid {
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}

 .tank-note,  .tank-note {
    line-height: 20px;
    font-size: 14px;
}

 .tank-group {
    margin-bottom: 20px;
}

 .variant-refill,  .variant-eligible {
    font-size: 10px;
    line-height: 20px;
}

 .variant-title {
    font-size: 16px;
}

 p.product__text.inline-richtext,  .bottom-content p {
    font-size: 16px;
    line-height: 31px;
}

 span.loox-rating-label {
    font-size: 14px;
}


   .tank-group .tank-grid {
    grid-template-columns: repeat(auto-fit, minmax(102px, 1fr));
    gap: 6px;
}

 .custom-atc-bottom p {
    line-height: 20px;
    font-size: 15px;
}
 header ul.list-menu.list-menu--inline {
    gap: 19px;
}
 .header__icons {
    gap: 5px;
    width: 150px;

}
 .custom-add-to-cart-box {
    padding: 20px;
}

 .variant-price {
    font-size: 27px;
}

 .product__info-container ul.icon-with-text li.icon-with-text__item span.h4.inline-richtext {
    font-size: 14px;
}

 .exchange-step {
    width: 22%;
}

 .exchange-step:nth-child(odd)::after,  .exchange-step:nth-child(2)::after {
    width: 80px;
    background-size: 100%;
    right: -60px;
}

 .product-template .custom-multicolumn .multicolumn-card__info {
    padding: 30px 20px;
}

 .product-template .custom-multicolumn ul li a.link.animate-arrow {
    font-size: 14px;

        padding: 0 10px;
}

 .footer-block__heading {
    font-size: 15px !important;
    margin-bottom: 10px !important;
}

 .footer-block__details-content .list-menu__item--link {
    line-height: 20px;
}

.hero-heading {
    font-size: 40px;
    max-width: 440px;
    margin-bottom: 15px;
    margin-top: 5px;
    line-height:55px;
}
    .hero-badge {
        margin-bottom: 10px;
        font-size: 14px;
        height: 30px;
        line-height: 28px;
    }

.hero-description {
    margin-top: 7px;
    font-size: 17px;
    line-height: 23px;
    max-width: 400px;
}

.hero-description p {
    margin: 0;
}

.hero-content {
    max-width: 490px;
}

.btn-primary, .btn-secondary {
    height: 50px;
    padding: 0 20px;
    line-height: 50px;
}

.step-image {
    position: relative;
    width: 170px;

}

.number-sec {
    padding: 20px;
}

.step-number {
    font-size: 100px;
}

button.video-play {
    left: 78%;
}

.featured-logo-image {
    height: 40px;
    width: 100px;
}

.featured-logos {
    padding-bottom: 30px !important;
}

section.customer-testimonials {
    padding-bottom: 30px;
}

.sodastream-cards.sodastream-cards--machines {
    gap: 10px;
}

.sodastream-cards.sodastream-cards--bundles {
    display: flex;
    gap: 10px;
    overflow-x: scroll;
    overflow-y: visible !important;
    padding-top: 20px;
}

.refills-simple__process {
    gap: 20px;
}

div.refills-simple__steps > div:nth-child(6) {
    display: none;
}

.refills-simple__delivery {
    width: 280px;
    padding: 0 20px;
    gap:20px;
}

.sparkling-benefit__content h3 {
    font-size: 16px;
}

.sparkling-benefit__content div {
    font-size: 14px;
}

.sparkling-benefit {
    padding: 4px 10px;
}

.sparkling-benefit__icon {
    width: 80px !important;
    height: 80px !important;
    flex: inherit;
}

.sodastream-machine-card__image {
    max-width: 110px;
}

.sodastream-machine-card__image-wrap {
    width: 27%;
    flex: 0 0 27%;
}

span.with-star:before {
    display: none;
}

.sodastream-product-item__image {
    width: 70px;
    height: 112px;
}

div.sodastream-cards.sodastream-cards--bundles article.sodastream-card.sodastream-bundle-card {
    min-width: 460px;
    padding: 27px 20px;
}

.right-side {
    position: absolute;
    top: -40px;
    right: 20px;
}

.sodastream-plus-icon__placeholder svg {
    width: 20px;
    height: 20px;
}

.sodastream-product-item__label span {
    font-size: 10px;
    height: auto;
    padding: 3px 2px;
}

.sodastream-product-item__label {
    padding: 0;
}

.sodastream-product-item {
    min-width: 81px;
}

div.sodastream-cards.sodastream-cards--bundles>article:nth-child(2) .sodastream-product-item img {
    width: 60px;
    height: 102px;
}
.sodastream-text-button {
    margin-top: -10px;
    width: 98px;
    gap: 0;
    padding: 4px 10px;
    height: 112px;
}
div.sodastream-text-button>p:nth-child(2) {
    font-size: 14px;
    margin: 0;
}

div.sodastream-text-button a {
        font-size: 10px;
        height: 20px;
        width: 80%;
        margin: auto;
    }

.sodastream-text-button p {
    margin: 3px 0;
}

.sodastream-machine-card__description li {
    padding-left: 29px;
    font-size: 14px;
}

article.sodastream-card.sodastream-machine-card {
    padding: 20px 10px;
}

.sodastream-step__label span {
    font-size: 14px;
}

span.sod-top-text {
    z-index: 999999;
}

.footer-block__details-content.footer-block-image.center .footer-block__image-wrapper {
    width: 100%;
    text-align: center;
    align-items: center;
    max-width: 100% !important;
}

.footer-block__details-content.footer-block-image.center .img-bottom-text p br {
    display: none;
    text-align: center;
}

.footer-block__details-content.footer-block-image.center .img-bottom-text p {
    text-align: center;
}

.footer-block__image-wrapper img {
    margin: auto;
}

.footer__content-bottom {
    padding-top: 10px !important;
}

footer.footer {
    padding-bottom: 30px !important;
}

.header__icons {
    width: 120px;
}

header-drawer {
    width: 120px;
}


.template-collection .img-text .ready-section .page-width {

    padding: 0 1rem;
}
.page-width, .header:not(.drawer-menu).page-width {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.refills-simple__step-icon {
    width: 90px;
    flex: inherit;
    height: 90px;
}

.refills-simple__step {
    flex: 0 1 142px;
    min-width: 141px;
}

.footer .footer-block.grid__item {
    width: 15% !important;
}

.footer .footer-block.grid__item:first-child {
    width: 23% !important;
}
.slick-next {
    right: -15px !important;
}
.slick-prev {
    left: -15px !important;
}
}


@media (min-width:1200px) and (max-width:1299px) {

.bc-card__savings-amount {
    font-size: 21px;
}
.template-collection .hero-content {
    max-width: 756px;
}
  /* .template-collection .hero-heading {
        font-size: 52px;
        line-height: 60px;
        max-width: 640px;
        line-height:60px;
    } */
span.with-star:before {
    content: "";

    top: -2px;
    right: -2px;
}
/* .hero-heading {
    font-size: 52px;
    line-height: 60px;
    max-width: 490px;
} */
.btn-primary, .btn-secondary {
    height: 50px;
    padding: 0 20px;
    line-height: 50px;
}

/* .custom-hero {
    height: 65vh;
    background-size: cover !important;
} */



.how-card {
    min-width: 360px;
}

.number-sec {
    padding: 20px;
}

.step-number {
    font-size: 100px;
}

button.video-play {
    left: 68%;
}

.featured-logo-image {
    height: 40px;
    width: 100px;
}

.featured-logos {
    padding-bottom: 30px !important;
}

section.customer-testimonials {
    padding-bottom: 30px;
}

.sodastream-cards.sodastream-cards--machines {
    gap: 10px;
}

.sodastream-cards.sodastream-cards--bundles {
    gap: 10px;
}

.refills-simple__process {
    gap: 20px;
}

div.refills-simple__steps > div:nth-child(6) {
    display: none;
}

.refills-simple__delivery {
    width: 42%;

    padding: 0 20px;
}

.sparkling-benefit__content h3 {
    font-size: 16px;
}

.sparkling-benefit__content div {
    font-size: 14px;
}

.sparkling-benefit {
    padding: 4px 10px;
}

.sparkling-benefit__icon {
    width: 80px !important;
    height: 80px !important;
    flex: inherit;
}

.sodastream-machine-card__image {
    max-width: 170px;
}

.sodastream-machine-card__image-wrap {
    width: 37%;
    flex: 0 0 37%;
}

.sodastream-product-item__image {
    width: 70px;
    height: 112px;
}

.right-side {
    position: absolute;
    top: -40px;
    right: 20px;
}

.sodastream-plus-icon__placeholder svg {
    width: 20px;
    height: 20px;
}

.sodastream-product-item__label span {
    font-size: 10px;
    height: auto;
    padding: 3px 2px;
}

.sodastream-product-item__label {
    padding: 0 4px;
    width: auto;
}

.sodastream-product-item {
    min-width: 81px;
}

div.sodastream-cards.sodastream-cards--bundles>article:nth-child(2) .sodastream-product-item img {
    width: 60px;
    height: 102px;
}

.sodastream-text-button {
    margin-top: -10px;
    width: 100px;
    gap: 0;
    padding: 0 10px;
    height: 112px;
}

div.sodastream-text-button>p:nth-child(2) {
    font-size: 16px;
    margin: 0;
}

div.sodastream-text-button a {
    font-size: 12px;
}

.sodastream-text-button p {
    margin: 3px 0;
}

.sodastream-machine-card__description li {
    padding-left: 33px;
    font-size: 16px;
}

article.sodastream-card.sodastream-machine-card {
    padding: 20px 10px;
}

.sodastream-step__label span {
    font-size: 14px;
}

span.sod-top-text {
    z-index: 2;
}

.footer-block__details-content.footer-block-image.center .footer-block__image-wrapper {
    width: 100%;
    text-align: center;
    align-items: center;
    max-width: 100% !important;
}

.footer-block__details-content.footer-block-image.center .img-bottom-text p br {
    display: none;
    text-align: center;
}

.footer-block__details-content.footer-block-image.center .img-bottom-text p {
    text-align: center;
}

.footer-block__image-wrapper img {
    margin: auto;
}

.footer__content-bottom {
    padding-top: 10px !important;
}

footer.footer {
    padding-bottom: 30px !important;
}

.header__icons {
    width: 120px;
}

header-drawer {
    width: 120px;
}


.page-width, .header:not(.drawer-menu).page-width {
    padding-left: 3rem;
    padding-right: 3rem;
}

.refills-simple__step-icon {
    width: 90px;
    flex: inherit;
    height: 90px;
}

.refills-simple__step {
    flex: 0 1 142px;
    min-width: 141px;
}

.footer .footer-block.grid__item {
    width: 15% !important;
}

.footer .footer-block.grid__item:first-child {
    width: 23% !important;
}
.slick-next {
    right: -15px !important;
}
.slick-prev {
    left: -15px !important;
}

.hero-badge {
    margin-bottom: 0;
}

.hero-buttons {
    margin-top: 0;
}


.hero-description {
   margin-top: 10px;
    margin-bottom: 20px;
}


 .tank-box {
    padding: 10px !important;
}

 .tank-price,  .tank-rate,  .tank-box .tank-title {
    font-size: 14px;
    line-height: 22px;
}

 .tank-group .badge {
    font-size: 10px;
    width: 70px;
    padding: 3px 3px;
    top: -14px;
}

 .tank-price {
    margin: 4px !important;
}

 .tank-group.tank-group-bottom .tank-group .tank-grid {
    grid-template-columns: repeat(auto-fit, minmax(102px, 1fr));
    gap: 6px;
}


 .tank-group.tank-group.tank-group-bottom .tank-grid {
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}

 .tank-note,  .tank-note {
    line-height: 20px;
    font-size: 14px;
}

 .tank-group {
    margin-bottom: 20px;
}

 .variant-refill,  .variant-eligible {
    font-size: 10px;
    line-height: 20px;
}

 .variant-title {
    font-size: 16px;
}

 p.product__text.inline-richtext,  .bottom-content p {
    font-size: 16px;
    line-height: 31px;
}

 span.loox-rating-label {
    font-size: 14px;
}


   .tank-group .tank-grid {
    grid-template-columns: repeat(auto-fit, minmax(102px, 1fr));
    gap: 6px;
}

 .custom-atc-bottom p {
    line-height: 20px;
    font-size: 15px;
}
 .product-template .custom-multicolumn ul li a.link.animate-arrow {
    font-size: 14px;
}

 .exchange-step:nth-child(odd)::after,  .exchange-step:nth-child(2)::after {
    width: 115px;
    height: 17px;
    background-size: 100%;
    right: -73px;
}

 .verified-text {
    font-size: 14px;
    padding-left: 10px;
}

 .customer-info p {
    font-size: 14px;
}

 .customer-info {
    margin-left: 10px;
    padding-right: 10px;
}
e
}








@media (min-width:1300px) and (max-width:1399px){

/* div#ProductGridContainer {
    width: 959px;
}
form#FacetSortForm {
    width: 959px;
} */
.template-collection .hero-content {
    max-width: 836px;
}
.sodastream-bundle-prices {
    max-width: 337px;
    margin: 38px auto 28px 60px;
}
.sodastream-step.sodastream-step--bundle>div.sodastream-cards.sodastream-cards--bundles>article:nth-child(2) .sodastream-bundle-prices {
    width: 290px;
    margin-left: 60px;
}

div.sodastream-step.sodastream-step--bundle>div.sodastream-cards.sodastream-cards--bundles>article:nth-child(1)>div.sodastream-products>div:nth-child(5) {
    width: 110px;
}

/* .custom-hero {
    height: 65vh;
    background-size: cover !important;
} */



.how-card {
    min-width: 360px;
}

.number-sec {
    padding: 20px;
}

.step-number {
    font-size: 100px;
}

button.video-play {
    left: 68%;
}

.featured-logo-image {
    height: 40px;
    width: 100px;
}

.featured-logos {
    padding-bottom: 30px !important;
}

section.customer-testimonials {
    padding-bottom: 30px;
}

.sodastream-cards.sodastream-cards--machines {
    gap: 30px;
}

.sodastream-cards.sodastream-cards--bundles {
    gap: 30px;
}

.refills-simple__process {
    gap: 20px;
}

div.refills-simple__steps > div:nth-child(6) {
    display: none;
}

.refills-simple__delivery {
    width: 42%;
    padding: 0 20px;
}

.sparkling-benefit__content h3 {
    font-size: 16px;
}

.sparkling-benefit__content div {
    font-size: 14px;
}

.sparkling-benefit {
    padding: 4px 10px;
}

.sparkling-benefit__icon {
    width: 80px !important;
    height: 80px !important;
    flex: inherit;
}

.sodastream-machine-card__image {
    max-width: 200px;
}

.sodastream-machine-card__image-wrap {
    width: 37%;
    flex: 0 0 37%;
}


#sodastream-machine-selector-template--21582698414245__custom_bundle_d9wzY8>div>div>div.sodastream-step.sodastream-step--bundle>div.sodastream-cards.sodastream-cards--bundles>article:nth-child(2)>div.sodastream-products>div:nth-child(4) {
    right: -2px;
}
.sodastream-step.sodastream-step--bundle>div.sodastream-cards.sodastream-cards--bundles>article:nth-child(2)>div.sodastream-products>div:nth-child(6) {
    right: 1px;
    position: relative;
}

    .sodastream-product-item__image {
        width: 188px;
        height: 178px;
    }

    .right-side {
        position: relative;
        top: -10px;
        right: 0;
    }
.sodastream-plus-icon__placeholder svg {
    width: 20px;
    height: 20px;
}

.sodastream-product-item__label span {
    font-size: 10px;
    height: auto;
    padding: 3px 2px;
}

.sodastream-product-item__label {
    padding: 0;
}

.sodastream-product-item {
    min-width: 81px;
}
div.sodastream-step.sodastream-step--bundle>div.sodastream-cards.sodastream-cards--bundles>article:nth-child(1)>div.sodastream-products>div:nth-child(5) .sodastream-product-item__label {
    min-width: 80px;
}
    div.sodastream-cards.sodastream-cards--bundles>article:nth-child(2) .sodastream-product-item img {
        width: 103px;
        height: 178px;
    }
.sodastream-products {
    display: flex;

    margin-bottom: 38px;
}

    .sodastream-text-button {
        margin-top: 38px;
        width: 100px;
        gap: 0;
        padding: 17px 10px;
        height: 139px;
    }
div.sodastream-text-button>p:nth-child(2) {
    font-size: 16px;
    margin: 0;
}

div.sodastream-text-button a {
    font-size: 12px;
}

.sodastream-text-button p {
    margin: 3px 0;
}

.sodastream-machine-card__description li {
    padding-left: 33px;
    font-size: 16px;
}

article.sodastream-card.sodastream-machine-card {
    padding: 20px 10px;
}

.sodastream-step__label span {
    font-size: 14px;
}

span.sod-top-text {
    z-index: 2;
}

.footer-block__details-content.footer-block-image.center .footer-block__image-wrapper {
    width: 100%;
    text-align: center;
    align-items: center;
    max-width: 100% !important;
}

.footer-block__details-content.footer-block-image.center .img-bottom-text p br {
    display: none;
    text-align: center;
}

.footer-block__details-content.footer-block-image.center .img-bottom-text p {
    text-align: center;
}

.footer-block__image-wrapper img {
    margin: auto;
}

.footer__content-bottom {
    padding-top: 10px !important;
}

footer.footer {
    padding-bottom: 30px !important;
}

.header__icons {
    width: 120px;
}

header-drawer {
    width: 120px;
}


/* .page-width, .header:not(.drawer-menu).page-width {
    padding-left: 3rem;
    padding-right: 3rem;
} */

.refills-simple__step-icon {
    width: 90px;
    flex: inherit;
    height: 90px;
}

.refills-simple__step {
    flex: 0 1 142px;
    min-width: 141px;
}

.footer .footer-block.grid__item {
    width: 15% !important;
}

.footer .footer-block.grid__item:first-child {
    width: 23% !important;
}
.slick-next {
    right: -15px !important;
}
.slick-prev {
    left: -15px !important;
}

.hero-badge {
    margin-bottom:10px;
}

.hero-buttons {
    margin-top: 0;
}

.hero-description {
   margin-top: 20px;
    margin-bottom: 20px;
}

.template-collection .image-with-text__text-item .left-side-content {
  
    padding-right: 25px;
    margin-right: 25px;
}

}
@media (min-width:1400px) and (max-width:1599px){
.template-collection .image-with-text__text-item .left-side-content {

    padding-right: 20px;
    margin-right: 20px;
}
.template-index .hero-heading {
    max-width: 520px;
    width: 100%;
}
.template-index span.with-star:before {
  
    top: -9px;
    right: -10px;
}

.sodastream-step.sodastream-step--bundle>div.sodastream-cards.sodastream-cards--bundles>article:nth-child(2) .sodastream-bundle-prices {
    width: 280px;
    margin-left: 100px;
}
}
  @media (min-width:375px) and (max-width:767px){
    .step-title {
        font-size: 11px;
        max-width: 100px;
        min-height: auto;
    }
        .how-card:last-child img {
        height: 88px;
    }

    .step-image img {
        height: 90px;
    }
  }
  @media (max-width:374px){
    .step-image img {
        height: 77px;
    }
        .how-card {
        width: 32%;
        min-height: 164px;
        border-radius: 10px !important;
        justify-content: flex-start;
    }
    .step-title {
        font-size: 9px;
        max-width: 78px;
        min-height: auto;
    }
        .sodastream-price__value {
        font-size: 16px;
    }
    .refills-simple__buttons {
        margin: 20px 0;
        padding: 0 1.5rem;
        flex-direction: column;
        margin-bottom: 0;
    }
    .sodastream-card__title {
        font-size: 16px;
    }
        .sodastream-product-item {
        min-width: 50px;
    }
    div.sodastream-step.sodastream-step--bundle > div.sodastream-cards.sodastream-cards--bundles article.sodastream-card.sodastream-bundle-card {
        min-width: 100%;
        padding: 10px 8px;
        height: auto;
        display: inline-block;
        min-height: auto;
    }    .sodastream-products {

        gap: 2px;
    }
        .sodastream-product-item__label span {
        font-size: 9px;
        padding: 3px 0;
        height: auto;
        line-height: 12px;
    }
        .hero-heading {
        font-size: 25px !important;
        line-height: 30px !important;
    }
    h2 {
        font-size: 22px !important;
        line-height: 27px !important;
    }
    .btn-primary, .btn-secondary {
        padding: 0px 7px;
        font-size: 11px;
        height: 41px;
        line-height: 40px;
    }
     .tank-group .tank-grid {
        gap: 8px;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(75px, 1fr));
    }
     .tank-group.tank-group-bottom .tank-grid {
        grid-template-columns: repeat(auto-fit, minmax(66px, 1fr));
    }
         .tank-box {
        padding: 5px !important;
    }
         .tank-box .tank-title,  .tank-price,  .tank-rate {
        font-size: 10px;
        line-height: 12px;
    }
         .tank-price {
        margin: 5px 0 !important;
        margin-bottom: 0 !important;
    }
         .product-form__input label.quantity__label.form__label {
        margin: 0;
        font-size: 12px;
    }
         .variant-title {
        font-size: 13px;
        margin-top: 4px;
    }
     .variant-price {
        font-size: 18px;
        letter-spacing: 0;
    }

 .custom-atc-bottom {
    margin-top: 7px;
    padding-top: 7px;
}
     .custom-atc-bottom p {
        font-size: 12px;
      
        line-height: 16px;
    }
         .product__info-container ul.icon-with-text li.icon-with-text__item span.h4.inline-richtext {
        font-size: 10px;
        text-align: center;
    }
     .exchange-step__badge {
        font-size: 10px;
        padding: 0 12px;
    }
       .product-template .custom-multicolumn ul .multicolumn-card.content-container .multicolumn-card__image-wrapper .media {
      border: 1px solid #EBEBEB;
      width: 60px;
      height: 60px;
      }
     .product-template .custom-multicolumn .multicolumn-card__info {
        padding: 0;
        width: 77%;
        padding-left: 11px;
    }
         .footer-block__heading {
        font-size: 12px !important;
        margin-bottom: 0 !important;
    }
     .why-item h3 {
        font-size: 14px;
    }
         .why-item p {
        font-size: 12px;
        line-height: 17px;
    }
.footer-block__details-content p,  .footer-block__details-content .list-menu__item--link {
    font-size: 12px;
}
     .testimonial-slider .slick-list.draggable {
        margin: 0 -9px;
        padding-left: 0 !important;
        padding-right: 5% !important;
    }
         .verified-text {
        font-size: 12px;
        }
         .tank-note.empties, .tank-note
         {
        font-size: 12px;
        }
             .tank-group .badge {
        font-size: 8px;
        width: 58px;
        padding: 4px 0;
        top: -13px;
    }
  }




@media (min-width:490px) and (max-width:767px){
   
        table.sodaizer-comparison__table, .sodaizer-comparison__note {
        width: 100%;
        overflow: scroll;
    }
}



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

h3.step-title.for-desktop {
    display: none;
}
    .bundles-listing {
    padding: 10px;
}

.meta-box img {
    width: 100%;
    height: 70px;
    object-fit: scale-down;
}

.bundles-listing p {
    font-size: 12px !important;
}

.template-product .product span.price-item.price-item--sale.price-item--last {
    font-size: 22px !important;
    margin-right: 1px;
}

.template-product .product s.price-item.price-item--regular.compare-price-product {
    font-size: 18px !important;
    margin-right: 5px;
}

.template-product .product span.price-save-badge {
    font-size: 10px;
    padding: 5px 5px;
}

.template-product .product .price__container {
    margin-bottom: 20px;
}

.template-product .product ul.icon-with-text {
    flex-wrap: wrap;
}

.template-product .product ul.icon-with-text li.icon-with-text__item {
    padding: 0;
}

.template-product .product ul.icon-with-text li.icon-with-text__item span.h4.inline-richtext p strong {
    margin-bottom: 0 !important;
}

.product-form__input .form__label {
    margin-bottom: 0 !important;
}
    .grid--peek.slider .grid__item:first-of-type {
        margin-left: 0;
    }
variant-selects {
    margin-top: 10px !important;
    display: inline-block;
}
.slider.slider--mobile {
    gap: 0;
}
.template-product section.why-choose .why-grid {
    grid-template-columns: repeat(2, 1fr);
}

.template-product section.why-choose {
    padding-top: 30px;
}
    .about-page-sec .image-with-text__media-item {
    order: 2;
}

.about-page-sec {
    background: #f5f0ec;
    margin-top: 20px;
    margin-bottom: 30px;
    padding-bottom: 30px;
}
    .our-promise-new .our-promise-grid {
        flex-wrap: wrap;
        display: flex !important;
        gap: 10px;
    }

.custom-img-sec ul li {
    font-size: 14px;
}
.template-page-about .why-choose {
    padding-top: 28px;
}
    .our-promise-new .our-promise-card {
        width: 100%;
        align-items: self-start;
        gap: 10px;
        padding: 14px;
    }

    .template-page-about .why-choose .why-grid {
               display: flex;
        flex-wrap: wrap;
        gap: 10px;
        row-gap: 20px;
    }

.template-page-about .why-choose .why-grid .why-item {
        width: 48%;
    }
.template-page-about .why-choose .why-grid .why-item:nth-child(5){
    width: 60%;
    margin: auto;
}
.custom-img-sec .image-with-text .grid {
    flex-direction: column;
    gap: 20px;
}

.custom-img-sec .image-with-text__text-item.grid__item {
    width: 100%;
    order: 1;
}

.custom-img-sec .image-with-text__media-item {
    width: 100%;
    order: 2;
}

    .sodarizer-sec .our-promise-grid {
        flex-wrap: wrap;
    }
.our-promise-title {
        font-size: 16px;
        margin-bottom: 2px;
    }
.sodarizer-sec .our-promise-grid .our-promise-card {
    width: 48%;
    flex-direction: column;
    align-items: self-start;
    text-align: center;
    justify-content: center;
    margin-bottom: 10px;
}

.sodarizer-sec .our-promise-grid .our-promise-card:after {
    display: none;
}

section.our-promise-section.sodarizer-sec {
    padding: 0px;
}

.about-page-sec .image-with-text__content {
    padding: 20px 0;
}

.template-page-about .custom-icon-text {
    display: none;
}


.about-page-sec {
    padding-bottom: 10px;
    padding-top: 30px;
}

.mission-vision-section .mission-vision-quote {
    width: 40%;
    font-size: 16px;
    padding-top: 6px;
    line-height: 18px;
}

.mission-vision-section .mission-vision-description {
    width: 100%;
    padding-right: 0px;
}


.mission-vision-section .mission-vision-eyebrow {
    font-size: 14px !important;
}

.mission-vision-section .mission-vision-heading p {
    margin-bottom: 1px;
}

.our-promise-new .our-promise-icon {
    width: 60px;
    height: 60px;
}

.our-promise-new .our-promise-icon img {
    width: 40px;
    height: 40px;
}

h2.our-promise-heading {
    margin-bottom: 20px;
}

section.our-promise-section.our-promise-new {
    padding: 0 0;
}

.template-page-about .why-choose .why-grid .why-item img {
    width: 90px;
}

.sodarizer-sec .our-promise-grid .our-promise-card .our-promise-icon {
    width: 80px;
    height: 80px;
    margin: auto;
}

.sodarizer-sec .our-promise-grid .our-promise-card .our-promise-icon img {
    width: 40px;
    height: 40px;
}

.sodarizer-sec .our-promise-content {
    width: 100%;
}

.sodarizer-sec h2.our-promise-heading {
    margin-bottom: 30px;
}

.custom-img-sec.more-product .image-with-text__content {
    padding: 0;
    text-align: left;
    align-items: self-end;
}

.custom-img-sec.more-product .image-with-text__content .left-side-content {
    text-align: left;
}

.custom-img-sec.out-purpose .image-with-text__content {
    padding: 0;
}
    .mission-vision-section .mission-vision-wrapper {
      grid-template-columns: 1fr !important;
      gap: {{ section.settings.mobile_gap }}px !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
    }

    .mission-vision-section .mission-vision-card {
      flex-direction: column;
    }

    .mission-vision-section .mission-vision-content,
    .mission-vision-section .mission-vision-image {
      width: 100%;
    }

    .mission-vision-section .mission-vision-content {
      order: 1;
    }

    .mission-vision-section .mission-vision-image {
      order: 2;
      height: 260px;
      min-height: 0;
    }
      .our-promise-wrapper {
    padding: 25px 15px;
  }

  .our-promise-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .our-promise-card {
    min-height: 95px;
  }
  }