@media (max-width: 768px) {
    .hero-title {
        font-size: 2rem;  
    }

    .hero-subtitle {
        font-size: 1rem; 
    }

    .hero-section {
        padding: 60px 15px;  
    }
    .input-container button {
        position: absolute;
        right: 0 !important;
        top: 0;
        height: 100%;
        border: none;
        background-color: #67C701;
        color: white;
        padding: 0 15px;
        cursor: pointer;
        width: 185px;
    }
    .benefit-card  img{
        width: 100%;
    }
   
}

@media (max-width: 576px) {
    .hero-title {
        font-size: 1.75rem;  
    }

    .hero-subtitle {
        font-size: 0.875rem;  
    }
} 
 
.desktop-only {
    display: block;
  }
  
  .mobile-only {
    display: none;
  }
 
  @media (max-width: 767px) {
    /* Hide on desktop, show on mobile */
    .desktop-only {
      display: none;
    }
  
    .mobile-only {
      display: block;
    }
    .custom_col {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .deliverySec {
        display: flex;
    }    
  }
  @media (max-width: 767.98px) {
    .overlay-image {
        transform: translate(-50%, 50%);
        max-width: 50%;
    }
    .padding_blocks {
        padding-block-end: 38px;
        padding-block-start: 38px;
    }
    .fs-45{
        font-size: 26px;
    }
    .naturalTextCOntent {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: baseline;
    }
    .mt-24 {
        margin-top: 12px;
    }
    .naturaltextSec {
        display: flex;
        justify-content: center;
    }
    br{
        display: none;
    }
    button.btn_shop.btn_bg{
        width: 100%;
    }
    .ratingSec.d-flex {
        justify-content: center;
    }
    .marquee a{
        padding-right: 2.4rem;
    }
    .fs-20{
        font-size: 16px;
    }
    .padding_top {
        padding-top: 29px;
    }
    .sea-moss-benefits{
        text-align: left;
       }
       button.btn.btn-primary.Shopnow{
        border: 2px solid #00333E !important;
       }
       .row.no-gutters {
        padding: 21px 0px;
    }
    .faq_section a.mobile-only{
     
        display: flex;
        justify-content: center;
        margin-top: 22px;
    }
    .bundle_imaeg{
        width: 100%;
        margin: auto;
    }
    .bundle_imaeg img{
        width: 100%;
        margin: auto;
    }
 
}