/* Small and Up */
@media only screen and (min-width: 0px) {
    .sm-hide { display:none; }
    .sm-show { display:block; }
}
/* Medium and Up */
@media only screen and (min-width: 601px) {
    .md-hide { display:none; }
    .md-show { display:block }
} 
/* Large and Up */
@media only screen and (min-width: 993px) {
    .lg-hide { display:none; }
    .lg-show { display:block; }
}