diff --git a/build/css/custom.css b/build/css/custom.css
index 75232652..25579d08 100644
--- a/build/css/custom.css
+++ b/build/css/custom.css
@@ -879,7 +879,7 @@ a:hover, a:focus {
     display: block;
     height: 55px;
     margin: 0;
-    padding-left: 10px;
+  /*  padding-left: 10px;*/
 }
 
 .site_title:hover, .site_title:focus {
@@ -1504,7 +1504,7 @@ table.jambo_table tbody tr.selected td {
 }
 
 .dataTables_filter {
-    width: 50%;
+   /* width: 50%;*/
     float: right;
     text-align: right;
 }
@@ -2121,6 +2121,12 @@ h4.graph_title {
     background-clip: padding-box;
     background: #FFF;
     transition: all 300ms ease-in-out;
+    padding-left:10px;
+    padding-right:10px;
+}
+
+.tile-stats h3 {
+    padding-left:10px;
 }
 
 .tile-stats:hover .icon i {
@@ -3159,10 +3165,11 @@ ul.social li {
     margin-top: 0;
 }
 
-.widget {
+/* TODO to be deleted */
+/*.widget {
     min-width: 250px;
     max-width: 310px;
-}
+}*/
 
 .widget_tally_box .btn-group button {
     text-align: center;
@@ -4851,3 +4858,11 @@ ul.notifications {
         right: 0;
     }
 }
+
+
+@media (max-width:510px) {
+    .dataTables_filter {
+        float:none;
+        width:100%;
+    }
+}
\ No newline at end of file
diff --git a/production/invoice.html b/production/invoice.html
index 57cb315f..4b078e8b 100755
--- a/production/invoice.html
+++ b/production/invoice.html
@@ -334,10 +334,10 @@
                                                 <div class="row">
                                                     <div class="col-12 col-lg-12 invoice-header">
                                                         <h1 class="row">
-                                                            <div class="col-lg-6 text-left">
+                                                            <div class="col-lg-6 text-left col-6">
                                                                 <i class="fa fa-globe"></i> Invoice.
                                                             </div>
-                                                            <div class="col-lg-6 text-right">
+                                                            <div class="col-lg-6 text-right col-6">
                                                                 <small class="pull-right">Date: 16/08/2016</small>
                                                             </div>
                                                         </h1>
diff --git a/production/widgets.html b/production/widgets.html
index fab4e267..872ae257 100755
--- a/production/widgets.html
+++ b/production/widgets.html
@@ -395,7 +395,7 @@
 
                                             <br/>
                                             <div class="row row-eq-height">
-                                                <div class="col-md-3 col-12 widget widget_tally_box">
+                                                <div class="col-md-3 col-12 widget widget_tally_box col-sm-6">
                                                     <div class="x_panel">
                                                         <div class="x_title">
                                                             <h2>Tally Design</h2>
@@ -472,7 +472,7 @@
                                                 </div>
 
 
-                                                <div class="col-md-3 col-12 widget widget_tally_box">
+                                                <div class="col-md-3 col-12 widget widget_tally_box col-sm-6">
                                                     <div class="x_panel ">
                                                         <div class="x_title">
                                                             <h2>Sales Close</h2>
@@ -570,7 +570,7 @@
                                                 </div>
 
 
-                                                <div class="col-md-3 col-12 widget widget_tally_box">
+                                                <div class="col-md-3 col-12 widget widget_tally_box col-sm-6">
                                                     <div class="x_panel ui-ribbon-container ">
                                                         <div class="ui-ribbon-wrapper">
                                                             <div class="ui-ribbon">
@@ -603,7 +603,7 @@
                                                 </div>
 
 
-                                                <div class="col-md-3 col-12 widget widget_tally_box">
+                                                <div class="col-md-3 col-12 widget widget_tally_box col-sm-6">
                                                     <div class="x_panel ">
                                                         <div class="x_content">
 
@@ -653,7 +653,7 @@
                                                     </div>
                                                 </div>
 
-                                                <div class="col-md-3 col-12 widget widget_tally_box">
+                                                <div class="col-md-3 col-12 widget widget_tally_box col-sm-6">
                                                     <div class="x_panel">
                                                         <div class="x_title">
                                                             <h2>Tally Design1</h2>
@@ -743,7 +743,7 @@
                                                 </div>
 
 
-                                                <div class="col-md-3 col-12 widget widget_tally_box">
+                                                <div class="col-md-3 col-12 widget widget_tally_box col-sm-6">
                                                     <div class="x_panel">
                                                         <div class="x_title">
                                                             <h2>Tally Design2</h2>
@@ -833,7 +833,7 @@
                                                 </div>
 
 
-                                                <div class="col-md-3 col-12 widget widget_tally_box">
+                                                <div class="col-md-3 col-12 widget widget_tally_box col-sm-6">
                                                     <div class="x_panel">
                                                         <div class="x_title">
                                                             <h2>Tally Design3</h2>
@@ -922,7 +922,7 @@
                                                     </div>
                                                 </div>
 
-                                                <div class="col-md-3 col-12 widget widget_tally_box">
+                                                <div class="col-md-3 col-12 widget widget_tally_box col-sm-6">
                                                     <div class="x_panel">
                                                         <div class="x_title">
                                                             <h2>Tally Design4</h2>