diff --git a/resources/js/Global/components/Dividers/SectionTitle.vue b/resources/js/Global/components/Dividers/SectionTitle.vue
index a7bf05f..ca13a38 100644
--- a/resources/js/Global/components/Dividers/SectionTitle.vue
+++ b/resources/js/Global/components/Dividers/SectionTitle.vue
@@ -1,5 +1,5 @@
 <template>
-    <v-flex :class='"lg"+colSize+" RTL text-lg-right WM-Subtitle"'>
+    <v-flex :class='"xl"+colSize+" lg2 md2 sm4 xs12  RTL text-lg-right WM-Subtitle"'>
         <div :class='"Step En color-"+color+""' v-text="number"></div>
         <div class="Title">
             <div class="FA" v-text="titleFa"></div>
diff --git a/resources/js/Global/components/Drawer/SideBar.vue b/resources/js/Global/components/Drawer/SideBar.vue
index b93ec06..64528f7 100644
--- a/resources/js/Global/components/Drawer/SideBar.vue
+++ b/resources/js/Global/components/Drawer/SideBar.vue
@@ -178,7 +178,6 @@ export default {
 .Time {
 	text-align: center;
 	color: #fff;
-	margin-top: -10px;
 }
 .Header {
 	padding-bottom: 0px;
diff --git a/resources/js/Global/scss/Modify.scss b/resources/js/Global/scss/Modify.scss
index e603579..5ad4ca6 100644
--- a/resources/js/Global/scss/Modify.scss
+++ b/resources/js/Global/scss/Modify.scss
@@ -6,10 +6,16 @@
     font-family: "iranyekan-regular", "Montserrat-Regular" !important;
     font-weight: 100;
 }
-
+.v-application--is-rtl .v-list-item__action:first-child, .v-application--is-rtl .v-list-item__icon:first-child {
+    margin-left: 2px;
+}
 .container {
     width: 100%;
     max-width: 100%;
+    padding: 5px 0px 0px 0px;
+}
+.Tile {
+    margin: 0px 0px 10px 0px;
 }
 
 a:-webkit-any-link {
diff --git a/resources/js/Global/scss/Responsive.scss b/resources/js/Global/scss/Responsive.scss
new file mode 100644
index 0000000..62da3ab
--- /dev/null
+++ b/resources/js/Global/scss/Responsive.scss
@@ -0,0 +1,15 @@
+/* --------------------------------------------------------
+                        Borders :: Begin
+-------------------------------------------------------- */
+
+@media screen and (max-width: 600px) and (min-width: 50px) {
+    .Tile {
+        padding: 20px 4%;
+    }
+}
+
+
+
+/* --------------------------------------------------------
+                        Labels :: Begin
+-------------------------------------------------------- */
diff --git a/resources/js/Global/scss/Tile.scss b/resources/js/Global/scss/Tile.scss
index 61cc58e..3ed79c2 100644
--- a/resources/js/Global/scss/Tile.scss
+++ b/resources/js/Global/scss/Tile.scss
@@ -8,7 +8,7 @@
 }
 
 .WM-Tile:hover {
-    border: 5px solid #000;
+    border: 1px solid #000;
 }
 
 .WM-Tile.Shadowed {
@@ -81,4 +81,4 @@
     text-decoration-color: #ee3552;
     color: #ee3552;
     margin-top: -5px;
-}
+}
\ No newline at end of file
diff --git a/resources/js/Global/scss/style.scss b/resources/js/Global/scss/style.scss
index eb5ec16..c3beb3b 100644
--- a/resources/js/Global/scss/style.scss
+++ b/resources/js/Global/scss/style.scss
@@ -286,4 +286,5 @@ input:-internal-autofill-selected {
 @import 'Inputs.scss';
 @import 'SizeAndPositioning.scss';
 @import 'Colors.scss';
+@import 'Responsive.scss';
 @import 'Modify.scss';