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..d8111eea6
--- /dev/null
+++ b/dev/Styles/Responsive.less
@@ -0,0 +1,170 @@
+html.ssm-state-mobile {
+
+ &.rl-message-fullscreen {
+ #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;
+ top:85px;
+ .messageItem {
+ .buttonFull {
+ z-index: 101;
+ top:90px;
+ right:0px;
+ width:35px;
+ bottom:10px;
+ height:auto;
+ opacity:1.0;
+ border:none;
+ border-radius:0px;
+ background:none;
+ &:hover {
+ background:#FFFFFF;
+ opacity:0.5;
+ color:#000000;
+ }
+ i {
+ position:absolute;
+ bottom:5px;
+ right:1px;
+ background:#F5F5F5;
+ border:1px solid #B7B7B7;
+ border-radius:4px;
+ padding:7px;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ #rl-sub-left {
+ width:auto;
+ right:35px;
+ .messageList {
+ .toolbar {
+ right:50px;
+ .btn-group {
+ margin-bottom:5px;
+ .dropdown-menu {
+ left:auto;
+ right:0px;
+ }
+ #move-dropdown-id + .dropdown-menu {
+ left:0px;
+ right:auto;
+ }
+ }
+ }
+ .b-message-list-wrapper {
+ top:80px;
+ .second-toolbar {
+ .form-inline {
+ .input-append {
+ width:90%;
+ .inputSearch {
+ width:80%;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+
+ #rl-sub-right {
+ right:0px;
+ left:auto;
+ width:35px;
+ }
+
+ #rl-center {
+ min-width: 0px;
+ }
+
+
+ .b-compose.modal,
+ .b-contacts-content.modal,
+ .b-compose.modal,
+ .b-contacts-content.modal,
+ .b-advanced-search-content.modal {
+ width: 95%;
+ max-width: 700px;
+ }
+
+ .b-compose.modal {
+ .b-header {
+ max-height:130px;
+ padding-bottom:10px;
+ overflow:auto;
+ }
+ .cke_top {
+ max-height:30px;
+ overflow:auto;
+
+ }
+ }
+
+ .b-advanced-search-content.modal {
+ .control-label {
+ width:60px;
+ }
+ .controls {
+ margin-left:70px;
+ }
+ }
+
+}
diff --git a/rainloop/v/0.0.0/app/templates/Index.html b/rainloop/v/0.0.0/app/templates/Index.html
index be13a044d..3156455f5 100644
--- a/rainloop/v/0.0.0/app/templates/Index.html
+++ b/rainloop/v/0.0.0/app/templates/Index.html
@@ -3,7 +3,7 @@
-
+