fixed issues with chat modal on xs and sm

less/mobile.less

@@ -12,7 +12,27 @@
 	display: none;
 }
 
-@media (max-width: 980px) {
+@media (max-width: @screen-sm-max) {
+	.chat-modal {
+		width: 100%;
+		height: 100%;
+		top: 0px !important;
+		left: 0px !important;
+
+		.modal-dialog {
+			margin: 0;
+			height: 100%;
+			width: 100%;
+
+			.modal-content {
+				height: 100%;
+			}
+		}
+
+	}
+}
+
+@media (max-width: @screen-md-max) {
 	body {
 		padding-top: 0;
 		padding-bottom: 0;

less/style.less

@@ -170,24 +170,6 @@ a:hover, .btn-link:hover, .btn-link:active, .btn-link:focus {
 	z-index: 100001;
 }
 
-@media (max-width: 760px) {
-	.chat-modal {
-		width: 100%;
-		height: 100%;
-		top: 0px !important;
-		left: 0px !important;
-
-		.modal-dialog {
-			margin: 0;
-			height: 100%;
-			.modal-content {
-				height: 100%;
-			}
-		}
-
-	}
-}
-
 .maintenance {
 	.well {
 		white-space: pre-line;

templates/chat.tpl

@@ -5,7 +5,7 @@
 
 			<div class="modal-header">
 				<button id="chat-close-btn" type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
-				<button type="button" class="close" data-action="maximize"><span aria-hidden="true"><i class="fa fa-expand"></i></span><span class="sr-only">[[modules:chat.maximize]]</span></button>
+				<button type="button" class="close hidden-xs hidden-sm" data-action="maximize"><span aria-hidden="true"><i class="fa fa-expand"></i></span><span class="sr-only">[[modules:chat.maximize]]</span></button>
 
 				<!-- IF showUserInput -->
 				<div class="users-tag-container inline-block">