Basic responsive setup

gistfile1.css

.visible-desktop {
  display: inherit;
}

.visible-tablet {
  display: none !important;
}

.visible-mobile {
  display: none !important;
}

.visible-wide-mobile {
  display: none !important;
}


/* Tablet :: Inherits from default styles */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .visible-desktop {
    display: none !important;
  }

  .visible-tablet {
    display: inherit !important;
  }
}

/* Mobile :: Inherits from default styles */
@media only screen and (max-width: 767px) {
  .visible-desktop {
    display: none !important;
  }

  .visible-mobile {
    display: inherit !important;
  }
}

/* Wide Mobile :: Inherits from default styles and Mobile styles */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .visible-wide-mobile {
    display: none !important;
  }
}