/* width ≥ 1024px (Tailwind's lg) */
@media (min-width: 1024px) {
    .custom-header {
        padding: 0;
    }
}

/* height < 800px: force no padding (laptops with short viewports) */
@media (max-height: 799px) {
    .custom-header {
        padding: 0;
    }
}

/* If you want BOTH wide and tall (like lg + tall) to apply together */
@media (min-width: 1024px) and (min-height: 800px) {
    .custom-header {
        padding: 0;
        /* padding: 47px 175px; */
    }
}

/* Responsive hiding of line */
@media (max-width: 1024px) {
    .connecting-line {
        display: none;
    }
}