diff --git a/htdocs/takepos/css/pos.css b/htdocs/takepos/css/pos.css
index 62a0865482f..45b74d2f6c0 100644
--- a/htdocs/takepos/css/pos.css
+++ b/htdocs/takepos/css/pos.css
@@ -27,7 +27,6 @@ button.calcbutton {
 	cursor: pointer;
 	vertical-align: middle;
 	text-align: center;
-	font-size:180%;
 	overflow: visible; /* removes extra width in IE */
 	width:24%;
 	height:24%;
@@ -41,7 +40,6 @@ button.calcbutton2 {
 	cursor: pointer;
 	vertical-align: middle;
 	text-align: center;
-	font-size:120%;
 	overflow: visible; /* removes extra width in IE */
 	width:24%;
 	height:24%;
@@ -59,7 +57,6 @@ button.calcbutton3 {
 	overflow: visible; /* removes extra width in IE */
 	width:12%;
 	height:24%;
-
 }
 
 button.actionbutton {
@@ -70,7 +67,6 @@ button.actionbutton {
 	cursor: pointer;
 	vertical-align: middle;
 	text-align: center;
-	font-size:100%;
 	overflow: visible; /* removes extra width in IE */
 	width:32%;
 	height:32%;
@@ -109,7 +105,6 @@ div.description{
 	/* styling bellow */
 	background-color:black;
 	font-family: 'tahoma';
-	font-size:100%;
 	color:white;
 	opacity:0.8; /* transparency */
 	filter:alpha(opacity=80); /* IE transparency */
@@ -127,3 +122,57 @@ p.description_content{
 	margin:0px;
 
 }
+
+@media screen and (min-width: 892px) {
+	.calcbutton{
+		font-size: 18px;
+	}
+	.calcbutton2{
+		font-size: 14px;
+	}
+	.actionbutton{
+		font-size: 13px;
+	}
+	div.description{
+		font-size: 15px;
+	}	
+	.invoice{
+		font-size: 14px;
+	}	
+}
+
+@media (max-width: 891px) and (min-width: 386px) {
+	.calcbutton{
+		font-size: 12px;
+	}
+	.calcbutton2{
+		font-size: 9px;
+	}
+	.actionbutton{
+		font-size: 12px;
+	}
+	div.description{
+		font-size: 13px;
+	}
+	.invoice{
+		font-size: 12px;
+	}	
+}
+
+@media screen and (max-width: 385px){
+	.calcbutton{
+		font-size: 8px;
+	}
+	.calcbutton2{
+		font-size: 7px;
+	}
+	.actionbutton{
+		font-size: 10px;
+	}
+	div.description{
+		font-size: 11px;
+	}
+	.invoice{
+		font-size: 10px;
+	}	
+}
\ No newline at end of file
diff --git a/htdocs/takepos/invoice.php b/htdocs/takepos/invoice.php
index ed98f8b0033..ef829863a17 100644
--- a/htdocs/takepos/invoice.php
+++ b/htdocs/takepos/invoice.php
@@ -249,7 +249,7 @@ function TakeposPrinting(id){
 }
 </script>
 <?php
-print '<div class="div-table-responsive-no-min">';
+print '<div class="div-table-responsive-no-min invoice">';
 print '<table id="tablelines" class="noborder noshadow" width="100%">';
 print '<tr class="liste_titre nodrag nodrop">';
 print '<td class="linecoldescription">'.$langs->trans('Description').'</td>';