.hidden-mobile,
.hidden-tablet,
.hidden-desktop {
    display: none !important;
}

.visible-mobile-block,
.visible-mobile-inline,
.visible-mobile-inline-block,
.visible-tablet-block,
.visible-tablet-inline,
.visible-tablet-inline-block,
.visible-desktop-block,
.visible-desktop-inline,
.visible-desktop-inline-block {
    display: none !important;
}

/* use 601 so that android 7" tablet gets mobile version */

.visible-mobile-block {
    @media (max-width: 601px) {
        display: block !important;
    }
}

.visible-mobile-inline {
    @media (max-width: 601px) {
        display: inline !important;
    }
}

.visible-mobile-inline-block {
    @media (max-width: 601px) {
        display: inline-block !important;
    }
}

.visible-tablet-block {
    @media (min-width: 601px) and (max-width: 768px) {
        display: block !important;
    }
}

.visible-tablet-inline {
    @media (min-width: 601px) and (max-width: 768px) {
        display: inline !important;
    }
}

.visible-tablet-inline-block {
    @media (min-width: 601px) and (max-width: 768px) {
        display: inline-block !important;
    }
}

.visible-desktop-block {
    @media (min-width: 768px) {
        display: block !important;
    }
}

.visible-desktop-inline {
    @media (min-width: 768px) {
        display: inline !important;
    }
}

.visible-desktop-inline-block {
    @media (min-width: 768px) {
        display: inline-block !important;
    }
}