wt updated

app/assets/stylesheets/CRM.scss

@@ -69,11 +69,11 @@
     z-index: 1100;
 }
 
-#sxModal-Content {  
+#sxModal-Content {
   position: relative;
   left: 42%;
   top: 30%;
-  background-color: #32ad1a;  
+  background-color: #32ad1a;
   color: #fff;
   text-align: center;
     width: 200px;
@@ -92,7 +92,7 @@
 #videoElement {
     width: 480px;
     height: 375px;
-    
+
 }
 
 .cashier_number{
@@ -243,7 +243,7 @@ i.logout_icon{
   span.round-tab:hover{
       color: white;
       border: 1px solid #fff;
-      background-color:#2196F3; 
+      background-color:#2196F3;
   }
   .wizard .nav-tabs > li {
       width: 25%;
@@ -268,4 +268,55 @@ i.logout_icon{
       font-size: 14px;
       color: #FFFFFF;
   }
-/*customer modal UI */
+/*customer modal UI */
+
+@media screen and (max-width: 785px) {
+  section.content{
+    margin: 80px 15px 0 225px;
+  }
+
+  .mbl_view{
+    display: none;
+  }
+
+  .navbar-brand-txt{
+    margin-top: -15px;
+  }
+
+  .toggle_mbl {
+    text-align: right;
+  }
+
+  .toggle_mbl img{
+    width: 24px;
+    margin-bottom: 14px;
+  }
+
+  .toggle_mbl a:hover, a:focus{
+    background-color: unset;
+  }
+
+  .col-mbl-view{
+    width: 50%;
+  }
+
+  .info-box .icon{
+    display: none;
+  }
+
+  .mbl_product_div{
+    display: none;
+  }
+
+  .sidebar .menu{
+    top: 10px;
+  }
+
+  .page-header{
+    width: 100%;
+  }
+
+  .ls-closed .bars:after, .ls-closed .bars:before{
+    top: 14px;
+  }
+}