/** Shopify CDN: Minification failed

Line 394:17 Expected ":"
Line 394:18 Expected identifier but found "12px"

**/
@media screen and (max-width:786px) {
   
    html, body{
        overflow-x: hidden!important;
    }






.h1{
     font-size:28px;
   }
     .h2{
     font-size:24px;
   }
      .h3{
     font-size:22px;
   }
    .h4{
     font-size:20px;
   }
   .h5{
     font-size:16px;
   }
  .h6{
     font-size:16px;
   }
   
   .body1-bold{
     font-size:16px;
     font-weight:600;
     line-height:160%;
     letter-spacing:0%;
     color:#000;
   }
     .body1{
     font-size:16px;
     font-weight:400;
     line-height:160%;
     letter-spacing:0%;
     color:#000;
   }
   .body2{
     font-size:14px;
     font-weight:400;
     line-height:160%;
     letter-spacing:0%;
     color:#000;
   }
   .body3{
     font-size:12px;
     font-weight:400;
     line-height:160%;
     letter-spacing:0%;
     color:#000;
   }

   .radius-standard {
    border-radius:16px;
   }
   .Standard-corner-radius {
    border-radius:8px;
   }
   .radius-button {
    border-radius:8px;
   }
   .Tab-Button-Radius {
    border-radius:999px;
   }
    .Label-Radius {
    border-radius:999px;
   }
















 
    .right-panel{
        order: -1;
    }
     .issues{
        flex-direction: column!important;
    }
     .issue{
        width: fit-content!important;
    }
    .left-panel p{
        font-weight: 400!important;
    }
    .tracker-container{
        flex-direction: column!important;
        padding: 0 24px 0 24px;
    }
     .content-section{
        text-align: center;
    }
     .profile-images{
        justify-content: center;
    }

     .story-info{
        text-align: center;
    }
     .code-section{
        padding: 32px 24px 32px 24px!important;
    }
     .arw1,
   .arw2,
     .arw3,
    .arw4{
        display: none!important;
    }
   .mokku-section{
        padding: 32px 24px 32px 24px;
    }
     .main-tab{
        display: flex!important;
    }
     .compare-toggle{
        flex-wrap: wrap;
    }
     .compare-toggle .h4{
           width: 100%;
           max-width: 100%;
    }
  
   
   .container-accordion{
        flex-direction: column!important;
    }
    .faq-content{
        order: -1!important;
    }
    /* #shopify-section-template--26013117186312__faq_section_KdEF4H {
        padding: 32px 24px 32px 24px;
    } */
     .faq-section{
        padding:32px 24px !important;
     }
     .faq-image{
    height: 342px !important;
    object-fit: cover;
     }
    .breathe-better img{
        width: 40%;
    }
  .breathe-better{
    position: absolute;
    right: -146px;
    bottom: 40%;
    z-index: 1;
    }

 
    #shopify-section-template--26013117186312__175474556497fe48de{
        padding: 32px 24px 32px 24px;
    }
    .frt1{
    bottom: -22px;
    right: 197px;

    }
    .timeline-content h2{
        font-size: 26px;
        padding-top: 20px;
    }
     .frt3 {
    right: -26px;
    bottom: 154px;
    }
  .frt4 {
    right: -44px;
    bottom: 81px;
    }


    /* home banner */
    .container-quit .container{
  padding:0;
 }
 .quit-section{
  padding:24px 24px 0 24px !important;
 }
 .container-quit{
  align-items:normal !important;
  gap: 24px !important;
 }
 .rating{
  display:block !important;
  text-align:center;
 }
 .container-quit h1{
  text-align:center;
  margin:0 ;
 }
 .container-quit .subtitle{
  text-align:center;
  margin: 8px 0 16px 0;
 }
 .container-quit .features{
  flex-wrap: wrap;
      justify-content: center;
      margin-bottom:16px;
 }
 .container-quit .btn{
  display: block !important;
  margin-bottom: 16px;
  text-align:center;
 }
 .decorative-elements img{
  margin-bottom:-10px;
 }

 /* IMG TEXT */
.shopify-section .container-before{
        flex-direction:column-reverse;
        padding:32px 24px;  
    }
    .custom-bg-image{
        z-index: -1;
    }
    .slider-controls-s{
        width: 95% !important;
    }

    /* IMAGE TEXT 2 */
    .code-section{
        gap:32px !important;
    }
    .botom-right .benefit{
        margin:0px !important;
        flex-direction:row !important;
        gap:16px;
    }
    .benefit img{
        width:28px !important;
    }

    /* RWVIEWS */
    .stories-section{
         flex-direction: column!important;
         padding: 16px 0 !important;
    }
    .main-s{
        padding:32px 24px !important;
    }
    .main-s .test-s{
        padding:0;
    }
    .stories-right{
        padding:0px !important;
    }
    .stories-left{
        padding:0 0 24px 0 !important;
        min-width:100% !important;
        width: 100%;
    align-items: center;
    }
   .slider-container .card-s{
        flex: 0 0 calc(100% /1.2) !important;
        padding:16px !important;
        gap:70px;
        margin-right:25px;
    }
    .leaves,
    .orange,
    .strwa{
        display:none;
    }
    .stories-right .slider-track{
        padding-left:16px;
    }
    .stories-right .customer{
        gap:8px;
    }
    .stories-right .customer .body3{
        font-size:10px;
    }
    .card-s .benfits-ps .tag{
        font-size:12px;
    }

    /* Feature product */
     .featured-product.product {
        flex-direction:column;
        gap:16px !important;
    }
    .ps-n .page-width{
        padding:24px !important;
    }
    .ps-n .natural{
        margin-bottom:16px !important;
    }
    .natural .seller{
        font-size:12px !important;
    }
    .ps-n .product__info-container>*+*{
        margin:0;
    }
    .rating-display{
        margin:16px 0 !important
    }
    .d-head{
        margin-bottom:8px !important;
    }
    .discript{
        margin-bottom:16px !important;
    }
    .monyback{
        margin-bottom:8px !important;
    }
    .ps-n .product-form__submit{
        margin-bottom:0 !important;
    }
    .ps-n .product-form{
        margin:8px 0 !important
    }
    .faq-question-n{
        padding:16px 0 !important;
    }


    /* //PRODUCT  */
    .product-images{
        width: 100%;
    }
    .product__info-wrapper{
            max-width: 100% !important;
            width: 100% !important;
    }

    /* chellenge */
    .or2{
            left: 9% !important;
    bottom: 17% !important;
    top: 35%;
    }
    .or1{
            right: 6% !important;
    top: 21% !important;
    }
    .or4{
        top: 32% !important;
        right: 0 !important;
    }
    .or5{
            right: 6% !important;
    top: 3% !important;
    }
    .or1,
    .or2,
    .or3,
    .or4,
    .or5{
        width:50px !important;
    }
    .content-section h2{
        margin:16px 0px 16px !important;
    }
    .content-section p{
        margin:0 0 16px 0 !important;
    }
    .mokku-layout .mokku-center{
        order:-1;
    }
   .section-subtitle{
    margin-bottom:32px;
   }
    /* Flavore */
    .flavor-head{
        padding:0 24px;
    }
    .rev-info .flavor-quote {
        font-size;12px;
    }

    /* table */
    .section-container{
        padding:32px 24px !important;
    }
    .first-row img[alt="Other Product"]{
        width:65px !important;
        height:65px;
    }
    .first-row img[alt="Mokku"]{
        width:65px !important;
    }
    .c-box{
        padding: 32px 0 !important;
    }
    .first-row{
        width:150px;
    }
    .transformation-timeline{
        margin:32px 24px !important;
        flex-direction:column-reverse;
        padding:16px !important;
    }

     .quantity-label{
        width: 47% !important;
     }


  .sticky-product-info{
    display:none!important;
  }
  .sticky-btn{
    width:100%;
  }
  .overflow-hidden-tablet .sticky-atc-bar{
    display:none;
  }
.sticky-add-btn{
    width:100%;
}
.list-menu__item{
    padding:10px 15px!important;
}
#menu-drawer{
    width:80%;
}
  .menu-drawer__menu-item--active{
            background-color: #03906C !important;
        color: white !important;

  }




}