responsive 70%

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>

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;

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 {

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
+-------------------------------------------------------- */

resources/js/Global/scss/Tile.scss

@@ -8,7 +8,7 @@
 }
 
 .WM-Tile:hover {
-    border: 5px solid #000;
+    border: 1px solid #000;
 }
 
 .WM-Tile.Shadowed {

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';