@media (max-width: 374px) {
/* Old / ultra-budget phones */
}

@media (min-width: 375px) and (max-width: 389px) {
/* iPhone SE, older narrow phones */
}

@media (min-width: 390px) and (max-width: 411px) {
/* iPhone 12–14, Galaxy S22+, Pixel 6–8 */
}

@media (min-width: 412px) and (max-width: 429px) {
/* Galaxy A series, iPhone 11/XR */
}

@media (min-width: 430px) and (max-width: 479px) {
/* iPhone Pro Max models */
}

@media (min-width: 480px) and (max-width: 575px) {
/* Foldables, landscape mode phones (optional) */
}

@media (max-width: 575px) {
    .hero-desk {
      display: none;
    }
  
    .hero-mob {
      display: block;
    }

    .hero-text {
        display: flex;
        align-items: center;
        height: 100%;
      }
      
    .hero-intro {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 8px;
        padding-top: clamp(12px, 4vh, 40px) !important;
        padding-bottom: clamp(12px, 4vh, 40px) !important;
        max-width: 55%;
    }
    
    .hero-text h1 {
        font-size: clamp(16px, 5vw, 24px) !important;
        line-height: 1.2;
        margin: 0;
        word-break: break-word;
    }
    
    .hero-text p {
        font-size: clamp(10px, 1.2vw, 14px) !important;
        line-height: 1.3;
        margin: 0;
        max-width: 90%;
    }
      
}

@media (max-width: 340px) {
    .hero-text h1 {
      font-size: 14px;
    }
  
    .hero-text p {
      font-size: 10px;
      line-height: 1.2;
    }
}

@media (max-width: 768px) {
    .main-content-row{
      padding-top: 0 !important;
    }
    form#builder-form{
      margin-bottom: -15px !important;
    }
}