rtl with mobile view

packages/Webkul/Admin/publishable/assets/mix-manifest.json

@@ -1,4 +1,4 @@
 {
     "/js/admin.js": "/js/admin.js?id=94da304c8b02ad3ba649",
-    "/css/admin.css": "/css/admin.css?id=60588d55d329ae945e75"
+    "/css/admin.css": "/css/admin.css?id=e719aa1cc3765e6ee319"
 }

packages/Webkul/Admin/src/Resources/assets/sass/partials/_default.scss

@@ -105,10 +105,10 @@ body {
                 color: #a2a2a2;
             }
 
-            .profile-info-div{
+            .profile-info-div {
                 display: flex;
 
-                .profile-info-icon{
+                .profile-info-icon {
                     height: 31px;
                     width: 30px;
                     background: #3c41ff;
@@ -546,7 +546,6 @@ body {
 }
 
 .content-container {
-    padding-left: 56px;
     height: calc(100% - 60px);
     width: 100%;
     margin-top: 60px;
@@ -883,6 +882,26 @@ body {
     .switch-dark {
         width: 100%;
     }
+
+
+    .padding-container-navbar-not-expand {
+        padding-left: 0 !important;
+    }
+
+    .padding-container-navbar-expand {
+        padding-left: 0 !important;
+    }
+
+    .rtl {
+        .padding-container-navbar-not-expand {
+            padding-right: 0 !important;
+        }
+
+        .padding-container-navbar-expand {
+            padding-right: 0 !important;
+        }
+    }
+
 }
 
 @media only screen and (max-width: 411px) {

packages/Webkul/Admin/src/Resources/assets/sass/partials/_mobile.scss

@@ -144,6 +144,7 @@ $toggleColor: #3c41ff;
       }
     }
   }
+
   
   .nav-items{
     position: fixed;
@@ -179,6 +180,11 @@ $toggleColor: #3c41ff;
             color:#000;
             display: block;
             padding: 5px;
+
+            .arrow-icon{
+              position: absolute;
+              right: 0;
+            }
         }
 
         ul{
@@ -213,6 +219,59 @@ $toggleColor: #3c41ff;
   }        
 }
 
+.rtl{
+  .nav-container{  
+
+    .close{
+      left:13px;
+      right: auto !important;
+    }
+    
+    &.is-active {
+      .nav-toggle {
+        &:before, &:after {
+          box-shadow: none;
+        }
+      }
+      
+      .nav-items,.nav-top {
+        transform: translate(0, 0);
+      }
+  
+      .overlay{
+        display: block;
+      }
+    }
+
+    .nav-top{
+      right: 0;
+      left: 100%;
+      transform: translate(calc(100% + 50px), 0);
+
+      .pro-info{
+        .profile-info-desc{
+          margin-left: 0px;
+          margin-right: 40px;
+        }
+      }
+    }
+    .nav-items{
+      right: 0;
+      left: 100%;
+      transform: translate(calc(100% + 50px), 0);
+
+
+        a{
+            .arrow-icon{
+              position: absolute;
+              right: auto;
+              left: 20px;
+            }
+        }
+    }
+  }
+}
+
 @media only screen and (max-width: 768px){
     .nav-container {
       display: inline-block;

packages/Webkul/Admin/src/Resources/assets/sass/partials/_rtl.scss

@@ -27,7 +27,6 @@
     }
 
     .content-container {
-        padding-right: 90px;
         padding-left: 0px;
 
         .content .page-header {