.btn-demo.text-decoration-none span.font-inter {
    white-space: nowrap;
}
   @media (min-width: 1300px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1230px;
    }
       .patent-card {
    margin-top: 60px;
}
}
   @media (max-width: 1300px) {
.logo{

padding-left:10px;}
}
@media only screen and (max-width: 1399px) and (min-width: 1100px)  {
section.app-section .app-tittl {
    font-size: 30px;
    }
img.img-fluid.appimg {
 
    left: -43px;
}
.app-bg-img-container {
    max-width: 650px;
}
  .container, .container-md, .container-sm {
        max-width: 1000px!important;
  }
  #patentsec .bg-yellow {
    padding-top: 60px;
}
.banner-content .banner-title {
    font-size: 3rem;
    }
    .we-know-section .we-know-content h2 {
    font-size: 2.0rem;
    }
    .we-know-content span.font-inter {
    font-size: 1.0rem;
    }
    .feature-box-content h3 {
    font-size: 1.4rem;

}
    .feature-box {
        min-height: 260px;
    }
        .pricing-header {
        margin-bottom: 40px;
    }
        .pricing-header {
        margin-bottom: 50px;
    }
    .pricing-header h2 {
    padding-bottom: 10px;
}
.pricing-cards{

flex-wrap: nowrap;
}
.price-main {
    font-size: 1.5rem;
}
.price-old {
    font-size: 1.0rem;
    }
    .price-period sup{
    font-size: 0.8rem;
    }
    .pricing-card-green .pricing-btn{
        font-size: 13px;
    }
    .pricing-features li {
    font-size: 13px;
    }
    .pricing-features li::before{
        height: 22px;
    width: 22px;
        top: -1px;
    }
    .pricing-card{
    height: 790px;
    }
    .pricing-cards{
        gap: 15px;
    }
    }
    @media only screen and (max-width: 1299px) and (min-width: 999px){
    #pricesec h6 {
    margin-top: 15px;
}
    .pricing-cards{
        flex-direction: row;
    margin-top: 50px;
        flex-wrap: nowrap;
    }
    .app-section{
    padding-top: 150px
    }
    #contactsec {
    margin-top: 75px;
}
    section.app-section .app-tittl {
    font-size: 30px;
    }
img.img-fluid.appimg {
 
    left: -43px;
}
.app-bg-img-container {
    max-width: 650px;
}
  .container, .container-md, .container-sm {
        max-width: 1000px!important;
  }
    .banner-content .banner-title {
    font-size: 2.2rem;
    }
    .banner-content .banner-text {
    font-size: 1.1rem;
    }
    }
       @media only screen and (max-width: 999px) and (min-width: 700px){
       img.play-icon{
           left: 90px;
       }
        .col-sm-12.col-md-12.col-lg-6.joy-video {
             width: 75%;
        }
       
       }
@media (min-width: 800px) {
    .container, .container-md, .container-sm {
        max-width: 880px;
    }
}
@media (min-width: 781px) {
    .container, .container-md, .container-sm {
        max-width: 780px;
    }
}

@media (min-width: 780px) {
    .container, .container-md, .container-sm {
        max-width: 740px;
    }
}



   @media (max-width: 1499px) {
 .patent-card{
    width:100%;}
    }
   @media (max-width: 1380px) {
   .pricing-header {
    margin-bottom: 0px;
}
.center-slider-img img{
    height: 201px;
    padding-top: 16px;
    }
    .patent-card {
    margin-top: 0px;
}
    
    .patent-card{
    width:auto;
       height: auto;
               min-height: 275px;

    }
}

   @media (min-width: 900px) {
   .accomplishment-desc{
   
   white-space:normal;
   }
   
 .joy-content{
    margin-bottom: 200px;
 }

  }
  
    @media (max-width: 1000px) {
 
  section#banner .row.align-items-start>div:last-child {
    /* justify-content: center !important; */
    text-align: center;
}
    
    .tittle-black{
    font-size:32px;line-height:40px;}
    .banner-content .banner-text,.banner-content .banner-subtext {
    font-size: 16px;}
    .banner-content .banner-title{
            font-size: 32px;
    
    }
    .banner-section{
    padding-bottom:90px;}
    img.img-fluid.banner-image {
    width: 50%;
}
    .feature-title{
    font-size:14px;}
    .feature-desc{
    font-size:12px}
    section.app-section .app-tittl{
        font-size: 32px;
    text-align: left;
    padding-bottom: 38px}
   
    .faq #accordionPanelsStayOpenExample{
    
    
        width: 80%;}
    .faq h6{
        font-size: 18px;}
    .faq h2, .pricing-section h2{
    
    font-size: 32px;}
    footer#footersec {
    padding: 12px 20px;
}
    section#banner .row.align-items-center>div {
    margin: auto;
    text-align: center;
}

.banner-content {
        margin: auto;
    }

    .app-section{
        padding-top: 15px;
            padding-bottom: 50px;
    width: 90%;
    margin: auto;}
    img.img-fluid.appimg{
    
    display:none;}
    .pricing-card.pricing-card-white.pricing-card-green
    .joy-video{
    width:80%;
    }
    .howit-label{
        font-size: 12px;
    }
    .howit-desc {
 font-size:16px;
}
.feature-icon img {
    width: 45px;
    height: 45px;
    }
    .family-approved-text p{
    fonnt-size:12px;}
    .feature-icon{
    width: 90px;
    height: 90px;
    }
    .family-approved-text{
    flex: 1 1 230px;
    }
    .video-slider button.slick-next.slick-arrow{
        right: 37%;
    }
    .family-approved-text h2 br{
    display:none;}
    .family-approved-text h2{
    font-size:32px;        margin-bottom: 10px;}
    .family-approved-section::before{
    display:none;}
    .joy-subtitle{
        margin: 22px auto 8px;
        line-height: 27px
    }
        .accomplishment-desc {
        font-size: 12PX;
        WHITE-SPACE: normal;
        
    }
    .patent-section .grey-subtittle {
    padding-bottom: 50px;
      padding-top: 30px;
      font-size:18px;        line-height: 26px;
}
      .patent-card {
        width: auto;
        height: auto;
    }
   
       .banner-content {
     max-width: 100%;
}
.patent-card h3{
    font-size: 18px;
}
.patent-card li {
    font-size: 16px;
    }
    
    }

  @media (max-width: 600px) {
  .faq .accordion-button {
    line-height: 30px;
}
  .accomplishment-card {
    padding: 0px 8px;
}
  .footer-right li{
  
  font-size:14px;}
  .how-it-work-section {
  
    min-height: 233px;
}

  .accomplishment-desc{
    line-height: 21px;
    font-size: 15PX;
    padding: 3px;
  }
  footer#footersec .col-sm-6.d-flex.justify-content-between.pt-5.mt-4 {

    border-bottom: 1px solid gainsboro;
    border-top: 1px solid gainsboro;
    margin-top: 20px !important;
}
  .col-12.d-flex.bottom-footer .col-6{
          display: none !important;
  }
  .community-section .banner-buttons.bt-sec,.banner-buttons.bt-sec{
      white-space: nowrap;
  }
.footer-tittl
{
font-size: 13px;

}
footer ul li a{
font-size: 12px;
    margin-bottom: 8px;
}
  .banner-buttons .btn-subscribe{
      padding: 10px 10px;
  }
      img.img-fluid.banner-image {
        width: 92%;
    }
      .patent-section h2.patent-title.tittle-black {
        line-height: 44px;
    }
      .contact-question-section {
        width: 100%;
    }
  .faq #accordionPanelsStayOpenExample {
        width: 100%;
    }
  .pricing-header .banner-buttons.bt-sec {
    padding: 3px 10px!important;
    margin-bottom: 35px;
    margin-top: 35px;
}
  .pricing-card, .pricing-card.pricing-card-white.pricing-card-green{
  width:100%;
  }
      .patent-card {
        width: auto;
        height: 699px;
    }
  .joy-features {
    padding-top: 0px;
}
      .patent-section {
        padding: 68px 0 40px 0;
    }

  .patent-section .grey-subtittle {
    padding-bottom: 80px;
    padding-top: 40px;
}
  div#priceModal .everest-forms-submit-button.button.evf-submit {
  
    margin-left: 0px;
}
  div#priceModal .evf-field-container .evf-frontend-grid {
    width: 100%;
    margin: auto;
    padding-left: 16px;
    padding-right: 16px;
}
  .col-12.d-flex.bottom-footer .col-6 {
    display: none;
    width: 100%;
    /* flex-direction: column; */
    gap: 5px !important;
}
.evf-submit-container button{
    margin-left: 8px;
    }
    .col-12.d-flex.bottom-footer> .col-sm-2.ps-4.pt-3 {
    padding-left: 0px !important;
    margin-bottom: 10px;
}

  .col-12.d-flex.bottom-footer .col-6 {
    display: none;
}
  .col-12.d-flex.bottom-footer {
    flex-direction: column;
}
 
      .accomplishments-cards {
      flex-direction: column;
      padding: 24px 0;
    }
    .accomplishment-divider {
      width: 80%;
      height: 1px;
      min-height: 0;
      margin: 24px auto;
      background: #d1b07a;
    }
    .patent-section .grey-subtittle {
        padding-bottom: 70px;
    }
    .patent-section h2.patent-title.tittle-black {
    line-height: 58px;
}
    .container{
        padding-left: 16px;
        padding-right: 16px;
    }
.feature-box-content{
    padding-bottom: 4.5rem;
}
.joy-section h2.tittle-black {
    line-height: 50px;
}
.tittle-black{
    line-height: 40px;
}
    .accomplishment-card {
        justify-content: flex-start;
        padding: 8px 0;
    }
.grey-subtittle{
           max-width: 500px;
        padding-top: 1rem;
        width: auto;
        font-size: 1.0rem;
        line-height: 26px;
}
section.patent-section .bg-yellow{
    padding:40px 16px;
}
.pleasure-section h2.tittle-black {
    line-height: 60px;
}
section.accomplishments-section .container {
    padding: 12px 0px;
}
.patent-card{
     margin-top: inherit;
    width: 100%;
    height: auto;
    padding-bottom: 40px;
}
.pleasure-section{
    padding: 50px 16px;
}
.accomplishment-card,.accomplishments-cards>div:nth-child(2){
    width:100%;
    border: 0px solid #C7A776;
}
    .accomplishment-number {
        font-size: 40px;
    }
    
.accomplishments-cards>div:nth-child(2){
        padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
    text-align: center;
          border-right: 1px solid #C7A776;
        border-left: 1px solid #C7A776;
}

    .accomplishment-desc {
        font-size: 12PX;
        }
        .accomplishments-cards
        {
        flex-direction:row;
        }
.joy-subtitle{
    margin-bottom: 20px;
}
.joy-features {
    padding-top: 20px;
}
  .joy-title {
      font-size: 1.5rem;
    }
    .joy-subtitle {
      font-size: 1rem;
    }
    .joy-feature img {
      width: 80px;
      height: 80px;
    }
    .joy-cooking-section{
        padding-top: 60px;
    }
    .community-section {
    padding: 50px 16px;
            padding-top: 0px;
}

 .pricing-header h2 {
                /* font-size: 2rem; */
    line-height: 50px;
            margin-bottom: 26px;
    }
    .pricing-header p {
      font-size: 0.95rem;
    }
    .pricing-card {
      padding: 18px 8px 18px 8px;
      padding: 30px 22px;
    }
    .pricing-price {
      font-size: 1.3rem;
    }
    .price-main {
      font-size: 1.3rem;
    }
    .howit-label{
        margin-top: 15px;
    }
    .video-slider{
           padding: 60px 0px 185px;
    }
    .video-img video {
    width: 100%;
}
section.how-it-works .container {
    padding-left: 20px;
    padding-right: 20px;
}

.family-approved-text{
padding-left:25px;}
.video-slider button.slick-prev.slick-arrow{
        left: 28%;
}
.family-approved-text{
    flex:inherit;
}
   .family-approved-text h2 {
      font-size: 1.8rem;
              line-height: 40px;
    }
    .family-approved-text p {
      font-size: 1.5rem;
    }
    img.play-icon{
        left:153px;
    }
    .feature-box{
        padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 5px;
    }
        .feature-box-content {
      padding-top: 40px;
        padding-bottom: 40px;
    }
    #weknow .row {
    flex-direction: column-reverse;
}
    .feature-item{
              box-shadow: 1px 1px 4px 2px #ededed;
        border: 0px solid #e2e2e2;
                width: 90%;
        padding: 30px 12px;
        border-radius: 8px;
    }
    .patent-card{
        margin-bottom: 0px;
        margin-top: 0;
        min-height: 230px;
    }
        .feature-icon img {
        width: 72px;
        height: 72px;
    }
    .features-section{
            padding-bottom: 2rem;
    }
    .faq{
        padding-top: 38px;
    }
    .faq #accordionPanelsStayOpenExample{
        padding:0px 0px;
        padding-bottom: 40px;
    }
        .contact-avatars img {
        width: 200px;
        height: 100px;
    }
    .app-section{
        padding-top: 60px;
    }
    img.img-fluid.appimg{
        display: none;
    }
    .banner-content{
        max-width: 610px;
        width: 100%;
    }
    .center-slider .slick-current.slick-active{
        width: 100%;
    }
    img.flower-icon{
        opacity: 0.1;
    }
    img.side-line{
        display: none;
    }
        footer.bg-darkgreen .col-sm-5.d-flex.justify-content-between.pt-5.mt-4.pe-0 {
    flex-direction: column;
}
   footer .col-12.d-flex.bottom-footer.ps-0.pe-0 {
    flex-direction: column;
}

   footer .col-sm-10.d-flex.mt-3.pe-0 {
    padding-left: 14px;
    flex-direction: column;
    padding-top: 16px;
} 
footer .col-sm-4.footer-right.ps-0 {
    padding-left: 15px !important;
}
.menu-right.nav{
       position: absolute;
    top: 24px;
    right: 70px;
}
  
button.menu-toggle {
                  border: 1px solid #046e1b;
    width: 30px;
    padding: 5px 5px;
    background-color: white;
    position: absolute;
    right: 23px;
    top: 24px;
}
   .menu-main-1-container {
    display: none;
}
 .toggled .menu-menu-1-container{
        display: block;
    }

  .toggled .menu-main-1-container {
    display: block;
}
.logo {      
                   padding: 0px;
    width: 138px;
    position: absolute;
    top: 24px;
    left: 25px;
    height: auto;
}
.menu-left a{
font-size:15px;
}
  ul#primary-menu {
     padding-top: 21px;
    border-top: 1px solid gainsboro;
    margin-top: 0px;
    /* width: 84%; */
    text-align: left;
    display: block !important;
    padding-left: 33px!important;
    padding-bottom: 44px!important;
}  

   .menu-left li{
        margin-bottom: 18px;
   } 

header#masthead {
    position: absolute;
    top: 10px;
    left: 0px;
    right: 0px;
    width: 100%;
}
.banner-section 
{
    padding: 110px 0 160px;
}
header#masthead{
        top: 0px;
}
  #masthead .bg-lightgreen {
         background-color: #f5fff700; 
    }
      .toggled .menu-menu-1-container{
            height: 100vh;
    display: block;
    padding-top: 80px;
            background-color: #F5FFF7;
    }
  header#masthead .d-flex.justify-content-between.align-items-center {
  
  display: block !important;
   
    padding:0px;
}
.toggled .menu-menu-1-container{
            height: 100vh;
    display: block;
    padding-top: 80px;
            background-color: #F5FFF7;
    }
    nav#site-navigation .menu-main-1-container {
           background-color: #F5FFF7;
    height: 100vh;
    padding-top: 67px;
}
.menu-right button{
padding: 8.5px 8px;
    font-size: 12px;
    margin-right:0px;
}
    .banner-section {
        padding: 110px 0 120px;
    }
        .patent-section h2.patent-title.tittle-black {
        line-height: 41px;
    }
        .pleasure-section h2.tittle-black {
        line-height: 41px;
    }
      section#patentsec .banner-buttons .btn-subscribe, section#community .banner-buttons .btn-subscribe {
    padding: 10px 10px;
    font-size: 14px;
}

.webhomepopup .modal-content video{
height:auto!important;
}
.webhomepopup .modal-header {
    top: 0px;
    right: 0px;
    opacity: 1;
}
.video-slider{

        padding-top: 105px ;
        }
        section.family-approved-section::after{
        
            left: -99px;
        }
        .patent-card h3{
        
        font-size: 1.67rem;}
        .patent-card li{
            font-size: 1.069rem;
        }
        .accomplishments-cards{
                padding: 12px;
                        padding: 8px 6px;
        }
        .video-slider button.slick-next.slick-arrow{
       width: 52px;
    height: 52px;
    right: 33%;
        bottom: -79px;
}

.col-sm-12.ps-4.pt-0.bottom-footer-first {
    text-align: left !important;
    padding-left: 0 !important;
    margin-top: 10px;
}
.col-sm-4.footer-right,footer#footersec .col-sm-6.d-flex.justify-content-between.pt-5.mt-4 {
    padding: 0px;
}
footer#footersec .col-sm-6.d-flex.justify-content-between.pt-5.mt-4{
        margin-bottom: 18px !important;
}
.faq .accordion-button:not(.collapsed){
line-height: 28px;
}
  }