Remove/replace rl-mobile where possible

dev/Styles/AnimationsUser.less

@@ -1,10 +1,4 @@
 
-.rl-strip-animation(@rgba, @stripOpacity) {
-	background-image: linear-gradient(135deg, rgba(@rgba, @rgba, @rgba, @stripOpacity) 25%, transparent 25%,
-		transparent 50%, rgba(@rgba, @rgba, @rgba, @stripOpacity) 50%, rgba(@rgba, @rgba, @rgba, @stripOpacity) 75%,
-		transparent 75%, transparent);
-}
-
 @keyframes highlight-folder-row {
 	0% { transform: scale(1); }
 	50% { transform: scale(1.1); }
@@ -22,12 +16,13 @@
 	100% {background-position: 60px 0;}
 }
 
-html {
-	.e-strip-animation {
-		background-size: 60px 60px;
-		.rl-strip-animation(0, 0.1);
-		animation: animate-stripes 2s linear infinite;
-	}
+.e-strip-animation {
+	background-size: 60px 60px;
+	background-image: linear-gradient(135deg, #000 25%, #fff 25%,
+		#fff 50%, #000 50%, #000 75%,
+		#fff 75%, #fff);
+	animation: animate-stripes 2s linear infinite;
+	opacity: 0.25;
 }
 
 @media screen and (min-width: 1000px) {
@@ -65,7 +60,9 @@ html {
 
 	.b-compose.loading .b-header-toolbar {
 		background-size: 60px 60px;
-		.rl-strip-animation(255, 0.2);
+		background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%,
+			transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%,
+			transparent 75%, transparent);
 		animation: animate-stripes 2s linear infinite;
 	}
 }

dev/Styles/Compose.less

@@ -80,10 +80,6 @@
 		background-color: #eee;
 		color: #333;
 
-		html.rl-mobile &{
-			overflow: auto;
-		}
-
 		.e-identity {
 
 			color: #333;
@@ -107,14 +103,7 @@
 
 		.e-label {
 			text-align: right;
-			width: 1%;
-			min-width: 70px;
 			padding: 6px 10px;
-
-			html.rl-mobile &{
-				min-width: 50px;
-				padding: 6px 10px 6px 0;
-			}
 		}
 
 		.e-value {
@@ -180,3 +169,9 @@
 	margin-right: 15px;
 	cursor: pointer;
 }
+
+@media screen and (max-width: 700px) {
+	.b-compose .b-header .e-label {
+		padding-left: 0;
+	}
+}

dev/Styles/Contacts.less

@@ -305,7 +305,7 @@
 }
 
 
-html.rl-mobile {
+@media screen and (max-width: 700px) {
 	.b-contacts-content {
 		.b-list-content, .b-list-toolbar, .b-list-footer-toolbar {
 			width: 170px;

dev/Styles/FolderList.less

@@ -273,12 +273,3 @@ html.rl-left-panel-disabled {
 		visibility: hidden;
 	}
 }
-
-html.rl-mobile {
-	.btn.buttonCompose {
-		width: auto;
-	}
-	.btn.buttonContacts {
-		display: none;
-	}
-}

dev/Styles/MessageList.less

@@ -173,14 +173,9 @@ html.rl-no-preview-pane {
 		}
 
 		.listSearchDesc {
-			font-size: 18px;
-			padding: 15px;
+			font-size: 16px;
+			padding: 12px;
 			border-bottom: 1px solid #eee;
-
-			html.rl-mobile &{
-				font-size: 16px;
-				padding: 12px;
-			}
 		}
 
 		.listThreadUidDesc {

dev/Styles/MessageView.less

@@ -124,16 +124,12 @@
 
 		.informationShort {
 			margin: 4px 50px 0 5px;
+			overflow: hidden;
+			text-overflow: ellipsis;
 
 			a {
 				.g-ui-link;
 			}
-
-			html.rl-mobile &{
-				text-overflow: ellipsis;
-				overflow: hidden;
-				white-space: nowrap;
-			}
 		}
 
 		.informationShortWrp {
@@ -246,7 +242,7 @@
 		}
 
 		.line-loading {
-			height: 0;
+			height: 5px;
 		}
 
 		.showImages, .readReceipt, .pgpSigned, .pgpEncrypted {
@@ -575,10 +571,6 @@ html.rl-bottom-preview-pane:not(.rl-mobile) .messageView {
 	}
 }
 
-html .messageItem .line-loading {
-	height: 5px !important;
-}
-
 html.rl-message-fullscreen {
 
 	#rl-left {