.whiteframedemoBasicClassUsage {
  /* For breakpoint `-xs` */
  /* For breakpoint `-sm` */
  /* For breakpoint `-md` */
  /* For breakpoint `-gt-md` */
}
.whiteframedemoBasicClassUsage md-whiteframe {
  margin: 30px;
  height: 100px;
}
@media (max-width: 599px) {
  .whiteframedemoBasicClassUsage md-whiteframe {
    margin: 7px;
    height: 50px;
  }
  .whiteframedemoBasicClassUsage md-whiteframe > span {
    font-size: 0.4em;
  }
}
@media (min-width: 600px) and (max-width: 959px) {
  .whiteframedemoBasicClassUsage md-whiteframe {
    margin: 20px;
    height: 75px;
  }
  .whiteframedemoBasicClassUsage md-whiteframe > span {
    font-size: 0.6em;
  }
}
@media (min-width: 960px) and (max-width: 1279px) {
  .whiteframedemoBasicClassUsage md-whiteframe {
    margin: 20px;
    height: 90px;
  }
  .whiteframedemoBasicClassUsage md-whiteframe > span {
    font-size: 0.9em;
  }
}
@media (min-width: 1280px) {
  .whiteframedemoBasicClassUsage md-whiteframe {
    margin: 25px;
    height: 100px;
  }
  .whiteframedemoBasicClassUsage md-whiteframe > span {
    font-size: 1em;
  }
}