Basic responsive CSS

style.css

/**
 * @file
 * Main responsive stylesheet file.
 *
 * Created by: Topsitemakers
 * http://www.topsitemakers.com/
 */


/*****************************************************************************
 * Desktop
 ****************************************************************************/
@media (min-width: 980px) {
  .show-mobile {
    display: none!important;
  }
  .show-desktop {
    display: inline!important;
  }
}
/* Desktop end */


/*****************************************************************************
 * mobile
 ****************************************************************************/
@media (max-width: 980px) {
  .show-mobile {
    display: inline!important;
  }
  .show-desktop {
    display: none!important;
  }
}
/* mobile end */


/*****************************************************************************
 * Various other styles
 ****************************************************************************/

/* Various other styles end */