diff --git a/src/theme/media/layout.scss b/src/theme/media/layout.scss
new file mode 100644
index 0000000000000000000000000000000000000000..d0da543e249253b755b5d94b24aa944546a5a34e
--- /dev/null
+++ b/src/theme/media/layout.scss
@@ -0,0 +1,29 @@
+@import './index.scss';
+
+/* The page width is less than 576px
+------------------------------- */
+@media screen and (max-width: $xs) {
+	.el-message-box {
+		width: 80% !important;
+	}
+}
+
+/* The page width is less than 768px
+------------------------------- */
+@media screen and (max-width: $sm) {
+	.layout-navbars-breadcrumb-hide {
+		display: none;
+	}
+	.layout-view-link {
+		a {
+			max-width: 80%;
+			text-align: center;
+		}
+	}
+	.layout-search-dialog {
+		.el-autocomplete {
+			width: 80% !important;
+		}
+	}
+}
+
diff --git a/src/theme/media/media.scss b/src/theme/media/media.scss
new file mode 100644
index 0000000000000000000000000000000000000000..2ec98c40f7bd7de2c25a974fd51c7de9b9daf0cb
--- /dev/null
+++ b/src/theme/media/media.scss
@@ -0,0 +1,4 @@
+@import './login.scss';
+@import './error.scss';
+@import './layout.scss';
+@import './home.scss';
\ No newline at end of file