diff --git a/dev/Styles/@Main.less b/dev/Styles/@Main.less
index 8baca072d..fec200532 100644
--- a/dev/Styles/@Main.less
+++ b/dev/Styles/@Main.less
@@ -90,4 +90,5 @@
 @import "SettingsThemes.less";
 
 @import "Animations.less";
+@import "Responsive.less";
 @import "_End.less";
diff --git a/dev/Styles/Responsive.less b/dev/Styles/Responsive.less
new file mode 100644
index 000000000..4bb241ae7
--- /dev/null
+++ b/dev/Styles/Responsive.less
@@ -0,0 +1,158 @@
+html.ssm-state-mobile {
+    &.rl-message-fullscreen.rl-left-panel-disabled {
+        #rl-right {
+            .RL-MailMessageView {
+                #rl-sub-right {
+                    right: 0px;
+                    width:20px;
+                    left:0px;
+                    .messageView {
+                        .toolbar {
+                            display: block!important;
+                            z-index:105;
+                            max-width: 200px;
+                            position:absolute;
+                            left:0px;
+                            right:70px;
+                            .dropdown-menu {
+                                left:auto;
+                                right:0px;
+                            }
+                        }
+                        .b-content {
+                            z-index:100;
+                            top:45px;
+                            width:auto;
+                            .buttonUnFull {
+                                top:10px;
+                                right:5px;
+                                opacity:0.7;
+                            }
+                            .buttonUp {
+                                display:none;
+                            }
+                        }
+                    }
+                }
+            }
+            .RL-MailMessageList {
+                #rl-sub-left {
+                    .messageList {
+                        .toolbar {
+                            display:none!important;
+                        }
+                    }
+                }
+            }
+        }
+    }
+    
+    
+    #rl-right {
+        .RL-MailMessageView {
+            .messageView {
+                .toolbar {
+                    display:none!important;
+                }
+                .b-content {
+                    right:0px;
+                    width:500px;
+                    .messageItem {
+                        .buttonFull {
+                            z-index: 101;
+                            top:60px;
+                            right:0px;
+                            height:100%;
+                            width:35px;
+                            bottom:10px;
+                            opacity:1.0;
+                            border:none;
+                            border-radius:0px;
+                            background:none;
+                            &:hover {
+                                background:#FFFFFF;
+                                opacity:0.5;
+                            }
+                            i {
+                                display:none;
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+    #rl-sub-left {
+        width:auto;
+        right:35px;
+        .messageList {
+            .b-message-list-wrapper {
+            }
+        }
+    }
+    
+    #rl-sub-right {
+        right:0px;
+        left:auto;
+        width:35px;
+    }
+    
+    #rl-center {
+        min-width: 0px;
+    }
+}
+
+
+
+
+/*
+
+
+
+
+
+
+html.ssm-state-mobile .b-compose.modal, html.ssm-state-mobile .b-contacts-content.modal, html.ssm-state-tablet .b-compose.modal, html.ssm-state-tablet .b-contacts-content.modal {
+  width: 90%;
+  max-width: 700px;
+}
+
+.b-compose .cke_chrome {
+  width:100%!important;
+}
+
+html.rl-left-panel-disabled #rl-right {
+  left: 15%!important;
+}
+html.ssm-state-mobile #rl-sub-left {
+  width:100%;
+}
+
+html.ssm-state-mobile #rl-sub-right {
+  right:0px;
+  left:auto;
+  width:35px;
+}
+html.ssm-state-mobile .messageView .b-content  {
+    right:0px;
+    width:500px;
+}
+
+html.ssm-state-mobile #rl-center {
+  min-width: 0px;
+}
+
+
+html.ssm-state-mobile #rl-sub-left .messageList .inputSearch {
+  width:80%;
+}
+
+.messageList .second-toolbar .form-inline {
+  margin-right:40px;
+}
+
+html.ssm-state-mobile .messageList .toolbar .dropdown-menu {
+  left:auto;
+  right:0px;
+}
+*/