diff --git a/modules/core/client/less/media-hide.less b/modules/core/client/less/media-hide.less
new file mode 100644
index 00000000..f7d43b38
--- /dev/null
+++ b/modules/core/client/less/media-hide.less
@@ -0,0 +1,25 @@
+@import (reference) "mt-var.less";
+
+@media (max-width: @screen-xs-max) {
+    .xs-hide {
+        display: none;
+    }
+}
+
+@media (min-width: @screen-sm) and (max-width: @screen-sm-max) {
+    .sm-hide {
+        display: none;
+    }
+}
+
+@media (min-width: @screen-md) and (max-width: @screen-md-max) {
+    .md-hide {
+        display: none;
+    }
+}
+
+@media (min-width: @screen-lg) {
+    .lg-hide {
+        display: none;
+    }
+}