/* Hide on Mobile (< 768px) */
@media (max-width: 767px) {
    .hide-mobile {
        display: none !important;
    }
}

/* Hide on Tablet (768px - 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
    .hide-tablet {
        display: none !important;
    }
}

/* Hide on Desktop (> 1024px) */
@media (min-width: 1025px) {
    .hide-desktop {
        display: none !important;
    }
}

/* Show only on Mobile */
@media (min-width: 768px) {
    .show-mobile-only {
        display: none !important;
    }
}

/* Show only on Tablet */
.show-tablet-only {
    display: none !important;
}
@media (min-width: 768px) and (max-width: 1024px) {
    .show-tablet-only {
        display: block !important;
    }
}

/* Show only on Desktop */
@media (max-width: 1024px) {
    .show-desktop-only {
        display: none !important;
    }
}

/* Hide on Mobile and Tablet */
@media (max-width: 1024px) {
    .hide-mobile-tablet {
        display: none !important;
    }
}

/* Hide on Tablet and Desktop */
@media (min-width: 768px) {
    .hide-tablet-desktop {
        display: none !important;
    }
}