.hide-desktop {
    display: none;
}

@media (max-width: 1023px) {
    .hide-desktop {
        display: block;
    }
}

/* Hide on mobile screens (below 1024px) */
.hide-mobile {
    display: block;
}

@media (max-width: 1023px) {
    .hide-mobile {
        display: none;
    }
}