/* Hide on small screens, visible on medium and large */
@media only screen and (max-width: 767px) {
    .hide-on-small {
        display: none !important;
    }
}

/* Hide on medium screens, visible on small and large */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hide-on-medium {
        display: none !important;
    }
}

/* Hide on large screens, visible on small and medium */
@media only screen and (min-width: 992px) {
    .hide-on-large {
        display: none;
    }
}

/* Show only on small screens */
@media only screen and (max-width: 767px) {
    .show-on-small {
        display: block;
    }
}

.hide-on-medium.show-on-small,
.hide-on-large.show-on-small {
    display: none;
}

/* Show only on medium screens */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .show-on-medium {
        display: block;
    }
}

.hide-on-small.show-on-medium,
.hide-on-large.show-on-medium {
    display: none;
}

/* Show only on large screens */
@media only screen and (min-width: 992px) {
    .show-on-large {
        display: block;
    }
}

.hide-on-small.show-on-large,
.hide-on-medium.show-on-large {
    display: none;
}