diff --git a/htdocs/takepos/css/pos.css b/htdocs/takepos/css/pos.css
index b21d6d9ae05..3cbbd25520b 100644
--- a/htdocs/takepos/css/pos.css
+++ b/htdocs/takepos/css/pos.css
@@ -26,6 +26,17 @@ button.calcbutton2.poscolordelete {
 }
 
 button.calcbutton {
+	display: inline-block;
+	position: relative;
+	padding: 0;
+	line-height: normal;
+	cursor: pointer;
+	vertical-align: middle;
+	text-align: center;
+	overflow: visible; /* removes extra width in IE */
+	width: calc(25% - 2px);
+	height: 24%;
+	font-weight: bold;
     background-color: #8c907e;
     color: #fff;
     /* border-color: unset; */
@@ -37,9 +48,6 @@ button.calcbutton2 {
     color: #fff;
     background-color: #5555AA;
     border-width: 0px;
-}
-
-button.calcbutton {
 	display: inline-block;
 	position: relative;
 	padding: 0;
@@ -48,22 +56,8 @@ button.calcbutton {
 	vertical-align: middle;
 	text-align: center;
 	overflow: visible; /* removes extra width in IE */
-	width:24%;
-	height:24%;
-	font-weight: bold;
-}
-
-button.calcbutton2 {
-	display: inline-block;
-	position: relative;
-	padding: 0;
-	line-height: normal;
-	cursor: pointer;
-	vertical-align: middle;
-	text-align: center;
-	overflow: visible; /* removes extra width in IE */
-	width:24%;
-	height:24%;
+	width: calc(25% - 2px);
+	height: 24%;
 	font-weight: bold;
 }
 
@@ -77,8 +71,8 @@ button.calcbutton3 {
 	text-align: center;
 	font-size:120%;
 	overflow: visible; /* removes extra width in IE */
-	width:24%;
-	height:24%;
+	width: calc(25% - 2px);
+	height: 24%;
 }
 
 button.actionbutton {
@@ -100,6 +94,9 @@ button.actionbutton {
 	height:24%;
 }
 
+.takepospay {
+	font-size: 1.5em;	
+}
 
 .fa.fa-trash:before {
     font-size: 1.5em;
@@ -380,11 +377,37 @@ div.description_content {
 	}
 }
 
-@media screen and (max-width: 767px){
+/* For small screens */
+
+@media screen and (max-width: 767px) {
+	div.container {
+		overflow-x: scroll;
+	}
 	div.wrapper {
 		width: 50%;
 	}
 	div.wrapper2 {
 		width: 25%;
 	}
+	
+	div.div1, div.div2, div.div3 {
+		width: 100%;
+	}
+	
+	div.row1 {
+		height: unset;
+	}
+	
+	div.div2 {
+		min-height: unset;
+	}
+	
+	button.calcbutton, button.calcbutton2 {
+	    min-height: 30px;
+	}
+	
+	.takepospay {
+		font-size: 1.2em;	
+	}
+	
 }
diff --git a/htdocs/takepos/pay.php b/htdocs/takepos/pay.php
index 47930f91e59..f9e5b70b558 100644
--- a/htdocs/takepos/pay.php
+++ b/htdocs/takepos/pay.php
@@ -211,23 +211,23 @@ else print "var received=0;";
 <div style="position:absolute; top:2%; left:5%; height:30%; width:91%;">
 <center>
 <div class="paymentbordline paymentbordlinetotal">
-<center><span style='font-family: verdana,arial,helvetica; font-size: 200%;'><font color="white"><?php echo $langs->trans('TotalTTC'); ?>: </font><span id="totaldisplay" class="colorwhite"><?php echo price($invoice->total_ttc, 1, '', 1, -1, -1) ?></span></font></span></center>
+<center><span class="takepospay"><font color="white"><?php echo $langs->trans('TotalTTC'); ?>: </font><span id="totaldisplay" class="colorwhite"><?php echo price($invoice->total_ttc, 1, '', 1, -1, -1) ?></span></font></span></center>
 </div>
 <?php if ($remaintopay != $invoice->total_ttc) { ?>
 <div class="paymentbordline paymentbordlineremain">
-<center><span style='font-family: verdana,arial,helvetica; font-size: 200%;'><font color="white"><?php echo $langs->trans('RemainToPay'); ?>: </font><span id="remaintopaydisplay" class="colorwhite"><?php echo price($remaintopay, 1, '', 1, -1, -1) ?></span></font></span></center>
+<center><span class="takepospay"><font color="white"><?php echo $langs->trans('RemainToPay'); ?>: </font><span id="remaintopaydisplay" class="colorwhite"><?php echo price($remaintopay, 1, '', 1, -1, -1) ?></span></font></span></center>
 </div>
 <?php } ?>
 <div class="paymentbordline paymentbordlinereceived">
-    <center><span style='font-family: verdana,arial,helvetica; font-size: 200%;'><font color="white"><?php echo $langs->trans("Received"); ?>: </font><span class="change1 colorred"><?php echo price(0) ?></span><input type="hidden" id="change1" class="change1" value="0"></font></span></center>
+    <center><span class="takepospay"><font color="white"><?php echo $langs->trans("Received"); ?>: </font><span class="change1 colorred"><?php echo price(0) ?></span><input type="hidden" id="change1" class="change1" value="0"></font></span></center>
 </div>
 <div class="paymentbordline paymentbordlinechange">
-<center><span style='font-family: verdana,arial,helvetica; font-size: 200%;'><font color="white"><?php echo $langs->trans("Change"); ?>: </font><span class="change2 colorwhite"><?php echo price(0) ?></span><input type="hidden" id="change2" class="change2" value="0"></font></span></center>
+<center><span class="takepospay"><font color="white"><?php echo $langs->trans("Change"); ?>: </font><span class="change2 colorwhite"><?php echo price(0) ?></span><input type="hidden" id="change2" class="change2" value="0"></font></span></center>
 </div>
 </center>
 </div>
 
-<div style="position:absolute; top:33%; left:5%; height:55%; width:91%;">
+<div style="position:absolute; top:33%; left:5%; height:55%; width:91%; display: inline-table;">
 <?php
 $action_buttons = array(
 	array(
diff --git a/htdocs/takepos/takepos.php b/htdocs/takepos/takepos.php
index 0dfbb669ba7..94e87ba2425 100644
--- a/htdocs/takepos/takepos.php
+++ b/htdocs/takepos/takepos.php
@@ -797,7 +797,7 @@ $menus[$r++]=array('title'=>'<span class="fa fa-sign-out-alt paddingrightonly"><
 					<div class="description_content" id="catdesc<?php echo $count; ?>"></div>
 				</div>
 				<?php } ?>
-				<div class="catwatermark" id='catwatermark<?php echo $count; ?>'>+</div>
+				<div class="catwatermark" id='catwatermark<?php echo $count; ?>'>...</div>
 			</div>
 	    <?php
         $count++;
@@ -832,7 +832,7 @@ $menus[$r++]=array('title'=>'<span class="fa fa-sign-out-alt paddingrightonly"><
     					<div class="description_content" id="prodesc<?php echo $count; ?>"></div>
     				</div>
     				<?php } ?>
-    				<div class="catwatermark" id='prowatermark<?php echo $count; ?>'>+</div>
+    				<div class="catwatermark" id='prowatermark<?php echo $count; ?>'>...</div>
     			</div>
         <?php
         $count++;