From b7fa311a5af88c457f6f6415d1ca0088ea3ee397 Mon Sep 17 00:00:00 2001
From: razvanaldea89 <razvan.aldea89@yahoo.ro>
Date: Tue, 26 Feb 2019 13:29:01 +0200
Subject: [PATCH] some more responsive fixes

---
 build/css/custom.css             | 11 ++++++++---
 production/calendar.html         |  2 +-
 production/chartjs.html          |  2 +-
 production/chartjs2.html         |  2 +-
 production/contacts.html         |  2 +-
 production/e_commerce.html       |  2 +-
 production/echarts.html          |  2 +-
 production/form.html             |  2 +-
 production/form_advanced.html    |  2 +-
 production/form_buttons.html     |  2 +-
 production/form_upload.html      |  2 +-
 production/form_validation.html  |  2 +-
 production/form_wizards.html     |  2 +-
 production/general_elements.html |  2 +-
 production/icons.html            |  2 +-
 production/inbox.html            |  2 +-
 production/index.html            | 12 ++++++------
 production/index3.html           |  6 +++---
 production/invoice.html          |  2 +-
 production/media_gallery.html    |  2 +-
 production/morisjs.html          |  2 +-
 production/other_charts.html     |  2 +-
 production/plain_page.html       |  2 +-
 production/pricing_tables.html   |  2 +-
 production/profile.html          |  2 +-
 production/project_detail.html   |  2 +-
 production/projects.html         |  2 +-
 production/tables.html           |  2 +-
 production/tables_dynamic.html   |  2 +-
 production/typography.html       |  2 +-
 production/widgets.html          | 18 +++++++++---------
 31 files changed, 53 insertions(+), 48 deletions(-)

diff --git a/build/css/custom.css b/build/css/custom.css
index 9e16fd45..8604acfe 100644
--- a/build/css/custom.css
+++ b/build/css/custom.css
@@ -427,9 +427,6 @@ body .container-fluid.body .right_col {
     .nav-md .container-fluid .right_col {
         width: 100%;
     }
-    .nav > li > a {
-        padding:10px !important;
-    }
 }
 
 @media (max-width: 1200px) {
@@ -442,6 +439,10 @@ body .container-fluid.body .right_col {
         zoom: 85%;
         height: inherit;
     }
+
+    .x_content .nav > li > a {
+        padding:10px !important;
+    }
 }
 
 @media (max-width: 1270px) and (min-width: 192px) {
@@ -3228,6 +3229,10 @@ ul.widget_profile_box li .profile_img {
     margin-top: -28px;
 }
 
+.profile_img img {
+    max-width:100%;
+}
+
 .widget_tally_box p, .widget_tally_box span {
     text-align: center;
 }
diff --git a/production/calendar.html b/production/calendar.html
index f78a9034..58b4bed6 100755
--- a/production/calendar.html
+++ b/production/calendar.html
@@ -290,7 +290,7 @@
 
                                 <div class="col-sm-6 col-12 text-right">
                                     <div class="row">
-                                        <div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
+                                        <div class="offset-xl-7 col-xl-5 col-lg-12 col-md-12 col-sm-5 col-12 form-group pull-right top_search mt-3">
                                             <div class="input-group">
                                                 <input type="text" class="form-control" placeholder="Search for...">
                                                 <span class="input-group-btn">
diff --git a/production/chartjs.html b/production/chartjs.html
index b79a64b5..88505da5 100755
--- a/production/chartjs.html
+++ b/production/chartjs.html
@@ -289,7 +289,7 @@
 
                                 <div class="col-sm-6 col-12 text-right">
                                     <div cass="row">
-                                        <div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
+                                        <div class="offset-xl-7 col-xl-5 col-lg-12 col-md-12 col-sm-5 col-12 form-group pull-right top_search mt-3">
                                             <div class="input-group">
                                                 <input type="text" class="form-control" placeholder="Search for...">
                                                 <span class="input-group-btn">
diff --git a/production/chartjs2.html b/production/chartjs2.html
index 3916f491..01c53cb5 100755
--- a/production/chartjs2.html
+++ b/production/chartjs2.html
@@ -294,7 +294,7 @@
 
                                 <div class="col-sm-6 col-12 text-right">
                                     <div class="row">
-                                        <div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
+                                        <div class="offset-xl-7 col-xl-5 col-lg-12 col-md-12 col-sm-5 col-12 form-group pull-right top_search mt-3">
                                             <div class="input-group">
                                                 <input type="text" class="form-control" placeholder="Search for...">
                                                 <span class="input-group-btn">
diff --git a/production/contacts.html b/production/contacts.html
index 9e8dff13..4cc52dd0 100755
--- a/production/contacts.html
+++ b/production/contacts.html
@@ -285,7 +285,7 @@
 
                                 <div class="col-sm-6 col-12 text-left">
                                     <div class="row">
-                                        <div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
+                                        <div class="offset-xl-7 col-xl-5 col-lg-12 col-md-12 col-sm-5 col-12 form-group pull-right top_search mt-3">
                                             <div class="input-group">
                                                 <input type="text" class="form-control" placeholder="Search for...">
                                                 <span class="input-group-btn">
diff --git a/production/e_commerce.html b/production/e_commerce.html
index 1284e745..9eea2cb0 100755
--- a/production/e_commerce.html
+++ b/production/e_commerce.html
@@ -285,7 +285,7 @@
                                 </div>
                                 <div class="col-sm-6 col-12 text-right">
                                     <div class="row">
-                                        <div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
+                                        <div class="offset-xl-7 col-xl-5 col-lg-12 col-md-12 col-sm-5 col-12 form-group pull-right top_search mt-3">
                                             <div class="input-group">
                                                 <input type="text" class="form-control" placeholder="Search for...">
                                                 <span class="input-group-btn">
diff --git a/production/echarts.html b/production/echarts.html
index f92eb98f..a717c9ea 100755
--- a/production/echarts.html
+++ b/production/echarts.html
@@ -289,7 +289,7 @@
 
                                 <div class="col-sm-6 col-12 text-right">
                                     <div class="row">
-                                        <div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
+                                        <div class="offset-xl-7 col-xl-5 col-lg-12 col-md-12 col-sm-5 col-12 form-group pull-right top_search mt-3">
                                             <div class="input-group">
                                                 <input type="text" class="form-control" placeholder="Search for...">
                                                 <span class="input-group-btn">
diff --git a/production/form.html b/production/form.html
index bfbcf8d6..ad278db1 100755
--- a/production/form.html
+++ b/production/form.html
@@ -307,7 +307,7 @@
 
                                 <div class="col-sm-6 col-12 text-right">
                                     <div class="row">
-                                        <div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
+                                        <div class="offset-xl-7 col-xl-5 col-lg-12 col-md-12 col-sm-5 col-12 form-group pull-right top_search mt-3">
                                             <div class="input-group">
                                                 <input type="text" class="form-control" placeholder="Search for...">
                                                 <span class="input-group-btn">
diff --git a/production/form_advanced.html b/production/form_advanced.html
index 7a77ca14..8f00dabe 100755
--- a/production/form_advanced.html
+++ b/production/form_advanced.html
@@ -303,7 +303,7 @@
 
                                 <div class="text-right col-sm-6 col-12">
                                     <div class="row">
-                                        <div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
+                                        <div class="offset-xl-7 col-xl-5 col-lg-12 col-md-12 col-sm-5 col-12 form-group pull-right top_search mt-3">
                                             <div class="input-group">
                                                 <input type="text" class="form-control" placeholder="Search for...">
                                                 <span class="input-group-btn">
diff --git a/production/form_buttons.html b/production/form_buttons.html
index 585f826e..628f9b75 100755
--- a/production/form_buttons.html
+++ b/production/form_buttons.html
@@ -285,7 +285,7 @@
 
                                 <div class="col-6 text-right">
                                     <div class="row">
-                                        <div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
+                                        <div class="offset-xl-7 col-xl-5 col-lg-12 col-md-12 col-sm-5 col-12 form-group pull-right top_search mt-3">
                                             <div class="input-group">
                                                 <input type="text" class="form-control" placeholder="Search for...">
                                                 <span class="input-group-btn">
diff --git a/production/form_upload.html b/production/form_upload.html
index 46e095a0..88c8e739 100755
--- a/production/form_upload.html
+++ b/production/form_upload.html
@@ -288,7 +288,7 @@
 
                                 <div class="col-sm-6 col-12 text-right">
                                     <div class="row">
-                                        <div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
+                                        <div class="offset-xl-7 col-xl-5 col-lg-12 col-md-12 col-sm-5 col-12 form-group pull-right top_search mt-3">
                                             <div class="input-group">
                                                 <input type="text" class="form-control" placeholder="Search for...">
                                                 <span class="input-group-btn">
diff --git a/production/form_validation.html b/production/form_validation.html
index ade1f5a9..ad645076 100755
--- a/production/form_validation.html
+++ b/production/form_validation.html
@@ -292,7 +292,7 @@
 
                                 <div class="text-right col-sm-6 col-12">
                                     <div class="row">
-                                        <div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
+                                        <div class="offset-xl-7 col-xl-5 col-lg-12 col-md-12 col-sm-5 col-12 form-group pull-right top_search mt-3">
                                             <div class="input-group">
                                                 <input type="text" class="form-control" placeholder="Search for...">
                                                 <span class="input-group-btn">
diff --git a/production/form_wizards.html b/production/form_wizards.html
index 2999d151..cc7cd5c6 100755
--- a/production/form_wizards.html
+++ b/production/form_wizards.html
@@ -285,7 +285,7 @@
 
                                 <div class="col-sm-6 col-12 text-right">
                                     <div class="row">
-                                        <div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
+                                        <div class="offset-xl-7 col-xl-5 col-lg-12 col-md-12 col-sm-5 col-12 form-group pull-right top_search mt-3">
                                             <div class="input-group">
                                                 <input type="text" class="form-control" placeholder="Search for...">
                                                 <span class="input-group-btn">
diff --git a/production/general_elements.html b/production/general_elements.html
index 1e780f40..3298efe0 100755
--- a/production/general_elements.html
+++ b/production/general_elements.html
@@ -296,7 +296,7 @@
 
                                 <div class="col-sm-6 col-12 text-right">
                                     <div class="row">
-                                        <div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
+                                        <div class="offset-xl-7 col-xl-5 col-lg-12 col-md-12 col-sm-5 col-12 form-group pull-right top_search mt-3">
                                             <div class="input-group">
                                                 <input type="text" class="form-control" placeholder="Search for...">
                                                 <span class="input-group-btn">
diff --git a/production/icons.html b/production/icons.html
index 90dd5b74..5d55cbc7 100755
--- a/production/icons.html
+++ b/production/icons.html
@@ -285,7 +285,7 @@
 
                                 <div class="col-sm-6 col-12 text-right">
                                     <div class="row">
-                                        <div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
+                                        <div class="offset-xl-7 col-xl-5 col-lg-12 col-md-12 col-sm-5 col-12 form-group pull-right top_search mt-3">
                                             <div class="input-group">
                                                 <input type="text" class="form-control" placeholder="Search for...">
                                                 <span class="input-group-btn">
diff --git a/production/inbox.html b/production/inbox.html
index 78dfd7c9..b132fa86 100755
--- a/production/inbox.html
+++ b/production/inbox.html
@@ -292,7 +292,7 @@
 
                                 <div class="col-sm-6 col-12 text-right">
                                     <div class="row">
-                                        <div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
+                                        <div class="offset-xl-7 col-xl-5 col-lg-12 col-md-12 col-sm-5 col-12 form-group pull-right top_search mt-3">
                                             <div class="input-group">
                                                 <input type="text" class="form-control" placeholder="Search for...">
                                                 <span class="input-group-btn">
diff --git a/production/index.html b/production/index.html
index 0958ec9b..6830d87b 100755
--- a/production/index.html
+++ b/production/index.html
@@ -294,36 +294,36 @@
                     <div class="right_col col-md-12" role="main">
                         <!-- top tiles -->
                         <div class="row tile_count">
-                            <div class="col-lg-2 col-md-4 col-sm-4 col-6 tile_stats_count">
+                            <div class="col-xl-2 col-lg-3 col-md-4 col-sm-4 col-6 tile_stats_count">
                                 <span class="count_top"><i class="fa fa-user"></i> Total Users</span>
                                 <div class="count">2500</div>
                                 <span class="count_bottom"><i class="green">4% </i> From last Week</span>
                             </div>
-                            <div class="col-lg-2 col-md-4 col-sm-4 col-6 tile_stats_count">
+                            <div class="col-xl-2 col-lg-3 col-md-4 col-sm-4 col-6 tile_stats_count">
                                 <span class="count_top"><i class="fa fa-clock-o"></i> Average Time</span>
                                 <div class="count">123.50</div>
                                 <span class="count_bottom"><i class="green"><i
                                         class="fa fa-sort-asc"></i>3% </i> From last Week</span>
                             </div>
-                            <div class="col-lg-2 col-md-4 col-sm-4 col-6 tile_stats_count">
+                            <div class="col-xl-2 col-lg-3 col-md-4 col-sm-4 col-6 tile_stats_count">
                                 <span class="count_top"><i class="fa fa-user"></i> Total Males</span>
                                 <div class="count green">2,500</div>
                                 <span class="count_bottom"><i class="green"><i
                                         class="fa fa-sort-asc"></i>34% </i> From last Week</span>
                             </div>
-                            <div class="col-lg-2 col-md-4 col-sm-4 col-6 tile_stats_count">
+                            <div class="col-xl-2 col-lg-3 col-md-4 col-sm-4 col-6 tile_stats_count">
                                 <span class="count_top"><i class="fa fa-user"></i> Total Females</span>
                                 <div class="count">4,567</div>
                                 <span class="count_bottom"><i class="red"><i
                                         class="fa fa-sort-desc"></i>12% </i> From last Week</span>
                             </div>
-                            <div class="col-lg-2 col-md-4 col-sm-4 col-6 tile_stats_count">
+                            <div class="col-xl-2 col-lg-3 col-md-4 col-sm-4 col-6 tile_stats_count">
                                 <span class="count_top"><i class="fa fa-user"></i> Total Collections</span>
                                 <div class="count">2,315</div>
                                 <span class="count_bottom"><i class="green"><i
                                         class="fa fa-sort-asc"></i>34% </i> From last Week</span>
                             </div>
-                            <div class="col-lg-2 col-md-4 col-sm-4 col-6 tile_stats_count">
+                            <div class="col-xl-2 col-lg-3 col-md-4 col-sm-4 col-6 tile_stats_count">
                                 <span class="count_top"><i class="fa fa-user"></i> Total Connections</span>
                                 <div class="count">7,325</div>
                                 <span class="count_bottom"><i class="green"><i
diff --git a/production/index3.html b/production/index3.html
index 986df14e..1ebd22e4 100755
--- a/production/index3.html
+++ b/production/index3.html
@@ -352,7 +352,7 @@
                         </div>
                         <div class="row">
                             <div class="col-lg-4 col-md-6 col-sm-6 col-12">
-                                <div class="x_panel fixed_height_320">
+                                <div class="x_panel">
                                     <div class="x_title">
                                         <h4>App Devices
                                             <small>Sessions</small>
@@ -475,7 +475,7 @@
                             </div>
 
                             <div class="col-lg-4 col-md-6 col-sm-6 col-12">
-                                <div class="x_panel fixed_height_320">
+                                <div class="x_panel ">
                                     <div class="x_title">
                                         <h4>Daily users
                                             <small>Sessions</small>
@@ -563,7 +563,7 @@
                             </div>
 
                             <div class="col-lg-4 col-md-6 col-sm-6 col-12">
-                                <div class="x_panel fixed_height_320">
+                                <div class="x_panel">
                                     <div class="x_title">
                                         <h4>Profile Settings
                                             <small>Sessions</small>
diff --git a/production/invoice.html b/production/invoice.html
index ad3f01d3..911f6866 100755
--- a/production/invoice.html
+++ b/production/invoice.html
@@ -287,7 +287,7 @@
 
                                 <div class="col-sm-6 col-12 text-right">
                                     <div class="row">
-                                        <div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
+                                        <div class="offset-xl-7 col-xl-5 col-lg-12 col-md-12 col-sm-5 col-12 form-group pull-right top_search mt-3">
                                             <div class="input-group">
                                                 <input type="text" class="form-control" placeholder="Search for...">
                                                 <span class="input-group-btn">
diff --git a/production/media_gallery.html b/production/media_gallery.html
index a7bc5077..cd8dae1d 100755
--- a/production/media_gallery.html
+++ b/production/media_gallery.html
@@ -295,7 +295,7 @@
 
                                 <div class="col-sm-6 col-12 text-right">
                                     <div class="row">
-                                    <div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
+                                    <div class="offset-xl-7 col-xl-5 col-lg-12 col-md-12 col-sm-5 col-12 form-group pull-right top_search mt-3">
                                         <div class="input-group">
                                             <input type="text" class="form-control" placeholder="Search for...">
                                             <span class="input-group-btn">
diff --git a/production/morisjs.html b/production/morisjs.html
index d52ff474..fb90cebe 100755
--- a/production/morisjs.html
+++ b/production/morisjs.html
@@ -287,7 +287,7 @@
 
                                 <div class="col-sm-6 col-12 text-right">
                                     <div class="row">
-                                        <div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
+                                        <div class="offset-xl-7 col-xl-5 col-lg-12 col-md-12 col-sm-5 col-12 form-group pull-right top_search mt-3">
                                             <div class="input-group">
                                                 <input type="text" class="form-control" placeholder="Search for...">
                                                 <span class="input-group-btn">
diff --git a/production/other_charts.html b/production/other_charts.html
index bf783bb3..2ca88b13 100755
--- a/production/other_charts.html
+++ b/production/other_charts.html
@@ -289,7 +289,7 @@
 
                                 <div class="col-sm-6 col-12 text-right">
                                     <div class="row">
-                                    <div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
+                                    <div class="offset-xl-7 col-xl-5 col-lg-12 col-md-12 col-sm-5 col-12 form-group pull-right top_search mt-3">
                                         <div class="input-group">
                                             <input type="text" class="form-control" placeholder="Search for...">
                                             <span class="input-group-btn">
diff --git a/production/plain_page.html b/production/plain_page.html
index 7db0db79..92df4ce9 100755
--- a/production/plain_page.html
+++ b/production/plain_page.html
@@ -286,7 +286,7 @@
 
                                 <div class="col-sm-6 col-12 text-right">
                                     <div class="row">
-                                        <div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
+                                        <div class="offset-xl-7 col-xl-5 col-lg-12 col-md-12 col-sm-5 col-12 form-group pull-right top_search mt-3">
                                             <div class="input-group">
                                                 <input type="text" class="form-control" placeholder="Search for...">
                                                 <span class="input-group-btn">
diff --git a/production/pricing_tables.html b/production/pricing_tables.html
index b2537c1f..c617e5cc 100755
--- a/production/pricing_tables.html
+++ b/production/pricing_tables.html
@@ -285,7 +285,7 @@
 
                                 <div class="col-sm-6 col-12 text-right">
                                     <div class="row">
-                                        <div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
+                                        <div class="offset-xl-7 col-xl-5 col-lg-12 col-md-12 col-sm-5 col-12 form-group pull-right top_search mt-3">
                                             <div class="input-group">
                                                 <input type="text" class="form-control" placeholder="Search for...">
                                                 <span class="input-group-btn">
diff --git a/production/profile.html b/production/profile.html
index 170e04fb..67e12dda 100755
--- a/production/profile.html
+++ b/production/profile.html
@@ -287,7 +287,7 @@
 
                                 <div class="col-sm-6 col-12 text-right">
                                     <div class="row">
-                                        <div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
+                                        <div class="offset-xl-7 col-xl-5 col-lg-12 col-md-12 col-sm-5 col-12 form-group pull-right top_search mt-3">
                                             <div class="input-group">
                                                 <input type="text" class="form-control" placeholder="Search for...">
                                                 <span class="input-group-btn">
diff --git a/production/project_detail.html b/production/project_detail.html
index 2051935b..dcedfe7d 100755
--- a/production/project_detail.html
+++ b/production/project_detail.html
@@ -289,7 +289,7 @@
 
                                 <div class="col-sm-6 col-12 text-right">
                                     <div class="row">
-                                        <div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
+                                        <div class="offset-xl-7 col-xl-5 col-lg-12 col-md-12 col-sm-5 col-12 form-group pull-right top_search mt-3">
                                             <div class="input-group">
                                                 <input type="text" class="form-control" placeholder="Search for...">
                                                 <span class="input-group-btn">
diff --git a/production/projects.html b/production/projects.html
index f47b1f32..148aab4a 100755
--- a/production/projects.html
+++ b/production/projects.html
@@ -289,7 +289,7 @@
 
                                 <div class="col-sm-6 col-12 text-right">
                                     <div class="row">
-                                        <div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
+                                        <div class="offset-xl-7 col-xl-5 col-lg-12 col-md-12 col-sm-5 col-12 form-group pull-right top_search mt-3">
                                             <div class="input-group">
                                                 <input type="text" class="form-control" placeholder="Search for...">
                                                 <span class="input-group-btn">
diff --git a/production/tables.html b/production/tables.html
index c35fc696..704d9f34 100755
--- a/production/tables.html
+++ b/production/tables.html
@@ -289,7 +289,7 @@
 
                                 <div class="col-sm-6 col-12 text-right">
                                     <div class="row">
-                                        <div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
+                                        <div class="offset-xl-7 col-xl-5 col-lg-12 col-md-12 col-sm-5 col-12 form-group pull-right top_search mt-3">
                                             <div class="input-group">
                                                 <input type="text" class="form-control" placeholder="Search for...">
                                                 <span class="input-group-btn">
diff --git a/production/tables_dynamic.html b/production/tables_dynamic.html
index ee30b7c0..a92988e6 100755
--- a/production/tables_dynamic.html
+++ b/production/tables_dynamic.html
@@ -295,7 +295,7 @@
 
                                 <div class="col-sm-6 col-12 text-right">
                                     <div class="row">
-                                        <div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
+                                        <div class="offset-xl-7 col-xl-5 col-lg-12 col-md-12 col-sm-5 col-12 form-group pull-right top_search mt-3">
                                             <div class="input-group">
                                                 <input type="text" class="form-control" placeholder="Search for...">
                                                 <span class="input-group-btn">
diff --git a/production/typography.html b/production/typography.html
index 16f01fa8..9e1a0716 100755
--- a/production/typography.html
+++ b/production/typography.html
@@ -285,7 +285,7 @@
 
                                 <div class="col-sm-6 col-12 text-right">
                                     <div class="row">
-                                        <div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
+                                        <div class="offset-xl-7 col-xl-5 col-lg-12 col-md-12 col-sm-5 col-12 form-group pull-right top_search mt-3">
                                             <div class="input-group">
                                                 <input type="text" class="form-control" placeholder="Search for...">
                                                 <span class="input-group-btn">
diff --git a/production/widgets.html b/production/widgets.html
index 87f2439e..e7747d23 100755
--- a/production/widgets.html
+++ b/production/widgets.html
@@ -295,7 +295,7 @@
 
                                 <div class="col-sm-6 col-12 text-right">
                                     <div class="row">
-                                        <div class="offset-lg-7 col-lg-5 col-md-12 col-sm-5 col-12 form-group pull-right top_search">
+                                        <div class="offset-xl-7 col-xl-5 col-lg-12 col-md-12 col-sm-5 col-12 form-group pull-right top_search mt-3">
                                             <div class="input-group">
                                                 <input type="text" class="form-control" placeholder="Search for...">
                                                 <span class="input-group-btn">
@@ -394,7 +394,7 @@
 
                                             <br/>
                                             <div class="row row-eq-height">
-                                                <div class="col-lg-3 col-md-6 col-12 widget widget_tally_box col-sm-6">
+                                                <div class="col-xl-3 col-md-6 col-12 widget widget_tally_box col-sm-6">
                                                     <div class="x_panel">
                                                         <div class="x_title">
                                                             <h2>Tally Design</h2>
@@ -471,7 +471,7 @@
                                                 </div>
 
 
-                                                <div class="col-lg-3 col-md-6 col-12 widget widget_tally_box col-sm-6">
+                                                <div class="col-xl-3 col-md-6 col-12 widget widget_tally_box col-sm-6">
                                                     <div class="x_panel ">
                                                         <div class="x_title">
                                                             <h2>Sales Close</h2>
@@ -569,7 +569,7 @@
                                                 </div>
 
 
-                                                <div class="col-lg-3 col-md-6 col-12 widget widget_tally_box col-sm-6">
+                                                <div class="col-xl-3 col-md-6 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">
@@ -602,7 +602,7 @@
                                                 </div>
 
 
-                                                <div class="col-lg-3 col-md-6 col-12 widget widget_tally_box col-sm-6">
+                                                <div class="col-xl-3 col-md-6 col-12 widget widget_tally_box col-sm-6">
                                                     <div class="x_panel ">
                                                         <div class="x_content">
 
@@ -652,7 +652,7 @@
                                                     </div>
                                                 </div>
 
-                                                <div class="col-lg-3 col-md-6 col-12 widget widget_tally_box col-sm-6">
+                                                <div class="col-xl-3 col-md-6 col-12 widget widget_tally_box col-sm-6">
                                                     <div class="x_panel">
                                                         <div class="x_title">
                                                             <h2>Tally Design1</h2>
@@ -742,7 +742,7 @@
                                                 </div>
 
 
-                                                <div class="col-lg-3 col-md-6 col-12 widget widget_tally_box col-sm-6">
+                                                <div class="col-xl-3 col-md-6 col-12 widget widget_tally_box col-sm-6">
                                                     <div class="x_panel">
                                                         <div class="x_title">
                                                             <h2>Tally Design2</h2>
@@ -832,7 +832,7 @@
                                                 </div>
 
 
-                                                <div class="col-lg-3 col-md-6 col-12 widget widget_tally_box col-sm-6">
+                                                <div class="col-xl-3 col-md-6 col-12 widget widget_tally_box col-sm-6">
                                                     <div class="x_panel">
                                                         <div class="x_title">
                                                             <h2>Tally Design3</h2>
@@ -921,7 +921,7 @@
                                                     </div>
                                                 </div>
 
-                                                <div class="col-lg-3 col-md-6 col-12 widget widget_tally_box col-sm-6">
+                                                <div class="col-xl-3 col-md-6 col-12 widget widget_tally_box col-sm-6">
                                                     <div class="x_panel">
                                                         <div class="x_title">
                                                             <h2>Tally Design4</h2>