diff --git a/assets/script/pc_style.css b/assets/script/pc_style.css
index 58f5c60..7d660b6 100644
--- a/assets/script/pc_style.css
+++ b/assets/script/pc_style.css
@@ -139,6 +139,10 @@ a {
   overflow-y: auto;
   overflow-x: hidden;
 }
+.admin-menu-container.show {
+  display: block;
+  z-index: 999;
+}
 .admin-menu-container a {
   color: #fff;
 }
@@ -446,10 +450,6 @@ a {
   background-position: -330px -88px;
 }
 
-.admin-header-container .menu-hide {
-  margin-left: 30px;
-}
-
 /* Bán hàng */
 .page-input {
   width: 100%;
@@ -666,7 +666,7 @@ a {
   height: 100%;
   top: 0;
   left: 0;
-  background: rgba(0, 0, 0, 0.6);
+  background: rgba(0, 0, 0, 0.2);
   z-index: 9;
   display: none;
 }
@@ -778,21 +778,6 @@ a {
   body {
     font-size: 18px;
   }
-  .admin-menu-container {
-    width: 300px;
-  }
-  .admin-content-container {
-    margin-left: 300px !important;
-  }
-  .menu-list .item {
-    line-height: 50px !important;
-  }
-  .admin-menu-container .sub-menu a {
-    font-size: 16px;
-  }
-  .admin-menu-container .hover-menu a {
-    line-height: 30px;
-  }
 }
 @media (min-width: 1920px) {
   .text-custom-14 {
diff --git a/assets/script/pc_style.css.map b/assets/script/pc_style.css.map
index f07e392..44e831d 100644
--- a/assets/script/pc_style.css.map
+++ b/assets/script/pc_style.css.map
@@ -1 +1 @@
-{"version":3,"sources":["pc_style.css","pc_style.scss"],"names":[],"mappings":"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","file":"pc_style.css"}
\ No newline at end of file
+{"version":3,"sources":["pc_style.css","pc_style.scss"],"names":[],"mappings":"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","file":"pc_style.css"}
\ No newline at end of file
diff --git a/assets/script/pc_style.scss b/assets/script/pc_style.scss
index 7bcb25b..f10335f 100644
--- a/assets/script/pc_style.scss
+++ b/assets/script/pc_style.scss
@@ -121,6 +121,10 @@ a {
         overflow-y: auto;
         overflow-x: hidden;
     }
+    &.show {
+        display: block;
+        z-index: 999;
+    }
     a {
         color: #fff;
     }
@@ -439,12 +443,6 @@ a {
     }
 }
 
-.admin-header-container {
-    .menu-hide {
-        margin-left: 30px;
-    }
-}
-
 /* Bán hàng */
 .page-input {
     width: 100%;
@@ -672,7 +670,7 @@ a {
     height: 100%;
     top: 0;
     left: 0;
-    background: rgba(0, 0, 0, 0.6);
+    background: rgba(0, 0, 0, 0.2);
     z-index: 9;
     display: none;
     &.active {
@@ -785,24 +783,6 @@ a {
     body {
         font-size: 18px;
     }
-    .admin-menu-container {
-        width: 300px;
-    }
-    .admin-content-container {
-        margin-left: 300px !important;
-    }
-
-    .menu-list {
-        .item {
-            line-height: 50px !important;
-        }
-    }
-    .admin-menu-container .sub-menu a {
-        font-size: 16px;
-    }
-    .admin-menu-container .hover-menu a {
-        line-height: 30px;
-    }
 }
 
 @media (min-width: 1920px) {
diff --git a/template/customer/customer_contact.html b/template/customer/customer_contact.html
index 0bbf87e..6696716 100644
--- a/template/customer/customer_contact.html
+++ b/template/customer/customer_contact.html
@@ -1,27 +1,25 @@
-<div class="w-[100%]">
-    <div
-        class="m-[15px] px-[15px] py-[20px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
-        <h1 class="text-[24px] font-[700]">Khách hàng liên hệ</h1>
+<div class="m-[15px_0_15px_15px] px-[15px] py-[20px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)]">
+    <h1 class="text-[24px] font-[700]">Khách hàng liên hệ</h1>
 
-        <form action=""
-            class="flex items-center p-[15px] rounded-[10px] shadow-[0_1px_1px_0_rgba(0,0,0,0.10)] mt-[15px] border-[1px] border-[#F6F6F6]">
-            <input type="text" name=""
-                class="w-[375px] h-[35px] px-[10px] rounded-[4px] border-[#D8D8D8] border-[1px] mr-[10px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"
-                placeholder="Tìm kiếm">
-            <button type="submit" class="px-[8px] py-[6px] rounded-[4px] text-white bg-[#0041E8]">Tìm kiếm</button>
-        </form>
+    <form action=""
+        class="flex items-center p-[15px] rounded-[10px] shadow-[0_1px_1px_0_rgba(0,0,0,0.10)] mt-[15px] border-[1px] border-[#F6F6F6]">
+        <input type="text" name=""
+            class="w-[375px] h-[35px] px-[10px] rounded-[4px] border-[#D8D8D8] border-[1px] mr-[10px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]"
+            placeholder="Tìm kiếm">
+        <button type="submit" class="px-[8px] py-[6px] rounded-[4px] text-white bg-[#0041E8]">Tìm kiếm</button>
+    </form>
 
 
-        <div class="list-filter flex items-center justify-between mt-[15px] mb-[20px]">
-            <p>Tổng hợp các liên hệ của khách hàng từ form liên hệ trên trang <a href="" class="text-[#0041E8]">liên
-                    hệ</a> của website</p>
-            <select name="" id=""
-                class="w-[180px] h-[35px] p-[5px] border-[1px] border-[#D8D8D8] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
-                <option value="">Chọn bộ lọc</option>
-            </select>
-        </div>
-
+    <div class="list-filter flex items-center justify-between mt-[15px] mb-[20px]">
+        <p>Tổng hợp các liên hệ của khách hàng từ form liên hệ trên trang <a href="" class="text-[#0041E8]">liên
+                hệ</a> của website</p>
+        <select name="" id=""
+            class="w-[180px] h-[35px] p-[5px] border-[1px] border-[#D8D8D8] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
+            <option value="">Chọn bộ lọc</option>
+        </select>
+    </div>
 
+    <div class="lg:max-w-[1600px] xl:max-w-[1600px] md:max-w-[1600px] sm:max-w-[1600px] 2xl:max-w-full overflow-x-auto">
         <table class="table">
             <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
                 <tr>
@@ -29,7 +27,7 @@
                     <th>Thời gian</th>
                     <th>Khách hàng</th>
                     <th>Thông tin</th>
-                    <th class="w-[340px]">Nội dung liên hệ</th>
+                    <th class="w-[340px] whitespace-nowrap">Nội dung liên hệ</th>
                     <th class="w-[200px]">Ghi chú</th>
                     <th class="w-[120px]">Trạng thái</th>
                 </tr>
@@ -37,18 +35,18 @@
             <tbody>
                 <tr>
                     <td>1</td>
-                    <td>09-08-2023, 11:24 am</td>
+                    <td class="whitespace-nowrap">09-08-2023, 11:24 am</td>
                     <td>Đức Anh</td>
-                    <td>
+                    <td class="whitespace-nowrap xl:w-[340px] md:w-[340px] sm:w-[340px] 2xl:w-auto">
                         <p>- Email: ducanhnguyen199x@gmail.com</p>
                         <p>- Tel: 0976642092</p>
                         <p>- Mobile: 0976642092</p>
                     </td>
-                    <td>
+                    <td class="xl:w-[340px] md:w-[340px] sm:w-[340px] 2xl:w-auto table-cell">
                         Trả góp sản phẩm: HHWS AMD RYZEN 9 3900XT | 16G | NVIDIA RTX 2060 6G - Tên: no name - SĐT:
                         0147258369 - Nội dung: fsfdf
                     </td>
-                    <td>
+                    <td class="xl:w-[200px] md:w-[200px] sm:w-[200px] 2xl:w-auto">
                         <textarea name="" id=""
                             class="w-[100%] h-[40px] rounded-[4px] p-[5px] border-[1px] border-[#D8D8D8] mb-[5px]"></textarea>
                         <a href="" class="btn w-[100px] h-[35px] min-h-[35px] rounded-[4px] bg-[#0041E8] text-white">Cập
@@ -56,7 +54,7 @@
                     </td>
 
 
-                    <td>
+                    <td class="xl:w-[120px] 2xl:w-auto">
                         <select name="" id=""
                             class="w-[100%] h-[30px] mb-[10px] border-[1px] border-[#F6F6F6] rounded-[4px] shadow-[0px_2px_4px_0px_#0000001F]">
                             <option value="">Trạng thái</option>
@@ -75,6 +73,5 @@
                 </tr>
             </tbody>
         </table>
-
     </div>
 </div>
\ No newline at end of file
diff --git a/template/customer/home.html b/template/customer/home.html
index e729075..4d9bafa 100644
--- a/template/customer/home.html
+++ b/template/customer/home.html
@@ -50,77 +50,79 @@
                 </a>
             </div>
         </div>
-
-        <table class="w-[100%] mt-[15px] table">
-            <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
-                <tr>
-                    <th>STT</th>
-                    <th>ID</th>
-                    <th>Khách hàng</th>
-                    <th>Thông tin</th>
-                    <th>Tỉnh/TP</th>
-                    <th>Trạng thái</th>
-                    <th>Số đơn hàng</th>
-                    <th>Tổng giá trị</th>
-                    <th>Thời gian</th>
-                    <th>Chỉnh sửa</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>1</td>
-                    <td>1767</td>
-                    <td>Đức Anh</td>
-                    <td>
-                        <p>- Email: ducanhnguyen199x@gmail.com</p>
-                        <p>- Tel: 0976642092</p>
-                        <p>- Mobile: 0976642092</p>
-                    </td>
-                    <td>
-                        Hà Nội
-                    </td>
-                    <td>
-                        <span class="w-[14px] h-[14px] bg-[#FFC700] block mx-auto my-0 rounded-[50%]"></span>
-                    </td>
-                    <td>
-                        <span class="text-[#0041E8]">0</span><span class="ml-[5px]">Thành công</span>
-                    </td>
-                    <td>
-                        <span class="text-[#0041E8]">0</span><span class="ml-[5px]">Thu</span>
-                    </td>
-                    <td>
-                        <p>
-                            - Tham gia: 06-10-2023, 10:46 am
-                        </p>
-                        <p>
-                            - Đăng nhập cuối: Chưa bao giờ
-                        </p>
-                    </td>
-                    <td>
-                        <div class="flex items-center">
-                            <a href="/admin/product/form?id={{item.id}}" title="Form sản phẩm"
-                                class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
-                                <i class="icons icon-edit"></i>
-                            </a>
-                            <a href="{{item.request_path}}" title="Xem tại web" target="_blank"
-                                class="w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
-                                <i class="fa-solid fa-lock text-[#0041E8]"></i>
-                            </a>
-                        </div>
-                        <div class="flex items-center">
-                            <a href=""
-                                class="w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
-                                <i class="fa-solid fa-globe text-[#9E9E9E]"></i>
-                            </a>
-                            <a href=""
-                                class="w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
-                                <i class="icons icon-remove"></i>
-                            </a>
-                        </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
+        <div
+            class="lg:max-w-[1600px] xl:max-w-[1600px] md:max-w-[1600px] sm:max-w-[1600px] 2xl:max-w-full overflow-x-auto whitespace-nowrap">
+            <table class="w-[100%] mt-[15px] table">
+                <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
+                    <tr>
+                        <th>STT</th>
+                        <th>ID</th>
+                        <th>Khách hàng</th>
+                        <th>Thông tin</th>
+                        <th>Tỉnh/TP</th>
+                        <th>Trạng thái</th>
+                        <th>Số đơn hàng</th>
+                        <th>Tổng giá trị</th>
+                        <th>Thời gian</th>
+                        <th>Chỉnh sửa</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td>1</td>
+                        <td>1767</td>
+                        <td>Đức Anh</td>
+                        <td>
+                            <p>- Email: ducanhnguyen199x@gmail.com</p>
+                            <p>- Tel: 0976642092</p>
+                            <p>- Mobile: 0976642092</p>
+                        </td>
+                        <td>
+                            Hà Nội
+                        </td>
+                        <td>
+                            <span class="w-[14px] h-[14px] bg-[#FFC700] block mx-auto my-0 rounded-[50%]"></span>
+                        </td>
+                        <td>
+                            <span class="text-[#0041E8]">0</span><span class="ml-[5px]">Thành công</span>
+                        </td>
+                        <td>
+                            <span class="text-[#0041E8]">0</span><span class="ml-[5px]">Thu</span>
+                        </td>
+                        <td>
+                            <p>
+                                - Tham gia: 06-10-2023, 10:46 am
+                            </p>
+                            <p>
+                                - Đăng nhập cuối: Chưa bao giờ
+                            </p>
+                        </td>
+                        <td>
+                            <div class="flex items-center">
+                                <a href="/admin/product/form?id={{item.id}}" title="Form sản phẩm"
+                                    class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                    <i class="icons icon-edit"></i>
+                                </a>
+                                <a href="{{item.request_path}}" title="Xem tại web" target="_blank"
+                                    class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                    <i class="fa-solid fa-lock text-[#0041E8]"></i>
+                                </a>
+                            </div>
+                            <div class="flex items-center">
+                                <a href=""
+                                    class="w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                    <i class="fa-solid fa-globe text-[#9E9E9E]"></i>
+                                </a>
+                                <a href=""
+                                    class="w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                    <i class="icons icon-delete"></i>
+                                </a>
+                            </div>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
 
         <div class="paging">
             <a href="">
diff --git a/template/home/home.html b/template/home/home.html
index 6700321..874d755 100644
--- a/template/home/home.html
+++ b/template/home/home.html
@@ -1,4 +1,4 @@
-<div class="content-holder gap-[16px] max-[1620px]:gap-[10px] grid grid-cols-10">
+<div class="content-holder xl:gap-[16px] 2xl:gap-[10px] grid 2xl:grid-cols-10">
 
     <!-- col-left -->
     <div class="2xl:col-span-7 grid grid-cols-4 max-[1620px]:gap-[10px] gap-[16px]  xl:col-span-10">
diff --git a/template/javascript/global.html b/template/javascript/global.html
index fadccfb..b4afe5b 100644
--- a/template/javascript/global.html
+++ b/template/javascript/global.html
@@ -3,7 +3,8 @@
 
         // Sự kiện click để hiển thị menu
         $('#js-show-menu').click(function () {
-            AdminFunctions.toggleMenuVisibility(false);
+            $('#js-menu-big').toggleClass('show');
+            $('#overlay').addClass('active');
         });
 
         // Sự kiện click để ẩn menu
@@ -19,6 +20,13 @@
 
     })
 
+
+    function clickBackground() {
+        $('#js-menu-big').removeClass('show');
+        $('#overlay').removeClass('active');
+    }
+
+
     function formatCurrency(a) {
         var b = parseFloat(a).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, "$1.").toString();
         var len = b.length;
diff --git a/template/product/addon.html b/template/product/addon.html
index 9534407..018a896 100644
--- a/template/product/addon.html
+++ b/template/product/addon.html
@@ -16,50 +16,53 @@
             </a>
         </div>
 
-        <table class="mt-[15px] table">
-            <thead class="bg-[#f6f6f6] text-[#000] text-[14px]">
-                <tr>
-                    <th>STT</th>
-                    <th>Thông tin</th>
-                    <th>Giá</th>
-                    <th>Sản phẩm</th>
-                    <th>Cập nhật</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>1</td>
-                    <td>
-                        <div class="flex items-center">
-                            <span>[8]</span>
-                            <a href="" class="name ml-[5px]">Bộ phím chuột không dây Kenoo KM600 trị giá 249.000 VND
-                                (KBKN002)</a>
-                        </div>
-                        <p>Ghi chú: KM màn hình 27 1</p>
-                        <p>Tạo lúc: 04-06-2022, 8:28 am, cập nhật: 04-06-2022, 8:28 am</p>
-                    </td>
-                    <td>3.849.000 vnd</td>
-                    <td class="w-[90px]"><a href=""
-                            class="block btn w-[86px] h-[30px] min-h-[30px] leading-[28px] text-center text-white bg-[#0041E8] rounded-[4px]">Xem
-                            SP</a></td>
-                    <td class="w-[150px]">
-                        <div class='list-btn flex items-center'>
-                            <a href=""
-                                class='w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
-                                    class='icons icon-edit'></i></a>
-                            <a href=""
-                                class='w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
-                                    class='fa fa-plus text-[#0041E8]'></i></a>
-                            <a href=""
-                                class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
-                                    class="fa-regular fa-eye-slash text-[#9E9E9E]"></i></a>
-                            <a href=""
-                                class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
-                                    class='icons icon-delete'></i></a>
-                        </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
+        <div
+            class="lg:max-w-[1600px] xl:max-w-[1600px] md:max-w-[1600px] sm:max-w-[1600px] 2xl:max-w-full overflow-x-auto whitespace-nowrap">
+            <table class="mt-[15px] table">
+                <thead class="bg-[#f6f6f6] text-[#000] text-[14px]">
+                    <tr>
+                        <th>STT</th>
+                        <th>Thông tin</th>
+                        <th>Giá</th>
+                        <th>Sản phẩm</th>
+                        <th>Cập nhật</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td>1</td>
+                        <td>
+                            <div class="flex items-center">
+                                <span>[8]</span>
+                                <a href="" class="name ml-[5px]">Bộ phím chuột không dây Kenoo KM600 trị giá 249.000 VND
+                                    (KBKN002)</a>
+                            </div>
+                            <p>Ghi chú: KM màn hình 27 1</p>
+                            <p>Tạo lúc: 04-06-2022, 8:28 am, cập nhật: 04-06-2022, 8:28 am</p>
+                        </td>
+                        <td>3.849.000 vnd</td>
+                        <td class="w-[90px]"><a href=""
+                                class="block btn w-[86px] h-[30px] min-h-[30px] leading-[28px] text-center text-white bg-[#0041E8] rounded-[4px]">Xem
+                                SP</a></td>
+                        <td class="w-[150px]">
+                            <div class='list-btn flex items-center'>
+                                <a href=""
+                                    class='w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
+                                        class='icons icon-edit'></i></a>
+                                <a href=""
+                                    class='w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
+                                        class='fa fa-plus text-[#0041E8]'></i></a>
+                                <a href=""
+                                    class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
+                                        class="fa-regular fa-eye-slash text-[#9E9E9E]"></i></a>
+                                <a href=""
+                                    class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
+                                        class='icons icon-delete'></i></a>
+                            </div>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
     </div>
 </div>
\ No newline at end of file
diff --git a/template/product/config_group.html b/template/product/config_group.html
index fa231bc..e67aa31 100644
--- a/template/product/config_group.html
+++ b/template/product/config_group.html
@@ -18,37 +18,39 @@
                 class="inline-block	 w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#0041E8] text-center leading-[11px] text-[#0041E8] mb-[2px]">+</span>
             <span class="text-[#0041E8] font-[500]">Thêm nhóm cấu hình</span>
         </a>
-
-        <table class="table mt-[15px]">
-            <thead class="bg-[#f6f6f6] text-[#000] text-[14px]">
-                <tr>
-                    <th>STT</th>
-                    <th>Thông tin</th>
-                    <th>Cập nhật</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td class="w-[40px]">1</td>
-                    <td>
-                        <a href="">Máy In Canon Pixma IX6870-In Phun Mầu</a>
-                        <p>
-                            <span>Tạo lúc: 28-12-2023, 11:34 am,</span>
-                            <span>cập nhật: 28-12-2023, 11:34 am</span>
-                        </p>
-                    </td>
-                    <td class="w-[90px]">
-                        <div class='list-btn flex items-center justify-center'>
-                            <a href=""
-                                class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
-                                    class='icons icon-edit'></i></a>
-                            <a href=""
-                                class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
-                                    class='icons icon-remove'></i></a>
-                        </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
+        <div
+            class="lg:max-w-[1600px] xl:max-w-[1600px] md:max-w-[1600px] sm:max-w-[1600px] 2xl:max-w-full overflow-x-auto whitespace-nowrap">
+            <table class="table mt-[15px]">
+                <thead class="bg-[#f6f6f6] text-[#000] text-[14px]">
+                    <tr>
+                        <th>STT</th>
+                        <th>Thông tin</th>
+                        <th>Cập nhật</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td class="w-[40px]">1</td>
+                        <td>
+                            <a href="">Máy In Canon Pixma IX6870-In Phun Mầu</a>
+                            <p>
+                                <span>Tạo lúc: 28-12-2023, 11:34 am,</span>
+                                <span>cập nhật: 28-12-2023, 11:34 am</span>
+                            </p>
+                        </td>
+                        <td class="w-[90px]">
+                            <div class='list-btn flex items-center justify-center'>
+                                <a href=""
+                                    class='w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
+                                        class='icons icon-edit'></i></a>
+                                <a href=""
+                                    class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
+                                        class='icons icon-delete'></i></a>
+                            </div>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
     </div>
 </div>
\ No newline at end of file
diff --git a/template/product/list_competitor.html b/template/product/list_competitor.html
index bab8119..ea54002 100644
--- a/template/product/list_competitor.html
+++ b/template/product/list_competitor.html
@@ -24,61 +24,62 @@
                 <option value="">Bộ lọc</option>
             </select>
         </div>
-
-        <table class="table">
-            <thead class="bg-[#f6f6f6] text-[#000] text-[14px]">
-                <tr>
-                    <th>STT</th>
-                    <th>Sản phẩm (Tổng số: 53)</th>
-                    <th>Cập nhật</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td class="w-[40px]">1</td>
-                    <td>
-                        <a href="" class="name">Ổ Cứng SSD KINGMAX 120GB SMV32</a>
-                        <p>- Giá: <b>499.000</b></p>
-                        <p>-Mã kho: OCKM0008</p>
-                        <p>- Cập nhật: 25-01-2024, 9:46 am (29 ngày)</p>
-                    </td>
-                    <td class="w-[130px]">
-                        <a href=""
-                            class="block btn w-[100px] bg-[#0041E8] h-[35px] leading-[35px] min-h-[35px] text-center text-white rounded-[4px]">Cập
-                            nhật</a>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="w-[40px]">1</td>
-                    <td>
-                        <a href="" class="name">Ổ Cứng SSD KINGMAX 120GB SMV32</a>
-                        <p>- Giá: <b>499.000</b></p>
-                        <p>-Mã kho: OCKM0008</p>
-                        <p>- Cập nhật: 25-01-2024, 9:46 am (29 ngày)</p>
-                    </td>
-                    <td class="w-[130px]">
-                        <a href=""
-                            class="block btn w-[100px] bg-[#0041E8] h-[35px] leading-[35px] min-h-[35px] text-center text-white rounded-[4px]">Cập
-                            nhật</a>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="w-[40px]">1</td>
-                    <td>
-                        <a href="" class="name">Ổ Cứng SSD KINGMAX 120GB SMV32</a>
-                        <p>- Giá: <b>499.000</b></p>
-                        <p>-Mã kho: OCKM0008</p>
-                        <p>- Cập nhật: 25-01-2024, 9:46 am (29 ngày)</p>
-                    </td>
-                    <td class="w-[130px]">
-                        <a href=""
-                            class="block btn w-[100px] bg-[#0041E8] h-[35px] leading-[35px] min-h-[35px] text-center text-white rounded-[4px]">Cập
-                            nhật</a>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-
+        <div
+            class="lg:max-w-[1600px] xl:max-w-[1600px] md:max-w-[1600px] sm:max-w-[1600px] 2xl:max-w-full overflow-x-auto whitespace-nowrap">
+            <table class="table">
+                <thead class="bg-[#f6f6f6] text-[#000] text-[14px]">
+                    <tr>
+                        <th>STT</th>
+                        <th>Sản phẩm (Tổng số: 53)</th>
+                        <th>Cập nhật</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td class="w-[40px]">1</td>
+                        <td>
+                            <a href="" class="name">Ổ Cứng SSD KINGMAX 120GB SMV32</a>
+                            <p>- Giá: <b>499.000</b></p>
+                            <p>-Mã kho: OCKM0008</p>
+                            <p>- Cập nhật: 25-01-2024, 9:46 am (29 ngày)</p>
+                        </td>
+                        <td class="w-[130px]">
+                            <a href=""
+                                class="block btn w-[100px] bg-[#0041E8] h-[35px] leading-[35px] min-h-[35px] text-center text-white rounded-[4px]">Cập
+                                nhật</a>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class="w-[40px]">1</td>
+                        <td>
+                            <a href="" class="name">Ổ Cứng SSD KINGMAX 120GB SMV32</a>
+                            <p>- Giá: <b>499.000</b></p>
+                            <p>-Mã kho: OCKM0008</p>
+                            <p>- Cập nhật: 25-01-2024, 9:46 am (29 ngày)</p>
+                        </td>
+                        <td class="w-[130px]">
+                            <a href=""
+                                class="block btn w-[100px] bg-[#0041E8] h-[35px] leading-[35px] min-h-[35px] text-center text-white rounded-[4px]">Cập
+                                nhật</a>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class="w-[40px]">1</td>
+                        <td>
+                            <a href="" class="name">Ổ Cứng SSD KINGMAX 120GB SMV32</a>
+                            <p>- Giá: <b>499.000</b></p>
+                            <p>-Mã kho: OCKM0008</p>
+                            <p>- Cập nhật: 25-01-2024, 9:46 am (29 ngày)</p>
+                        </td>
+                        <td class="w-[130px]">
+                            <a href=""
+                                class="block btn w-[100px] bg-[#0041E8] h-[35px] leading-[35px] min-h-[35px] text-center text-white rounded-[4px]">Cập
+                                nhật</a>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
     </div>
 
 
diff --git a/template/product/spec_group.html b/template/product/spec_group.html
index d696946..a23e30d 100644
--- a/template/product/spec_group.html
+++ b/template/product/spec_group.html
@@ -25,66 +25,67 @@
                 <span class="text-[#0041E8]">Thêm nhóm mới</span>
             </a>
         </div>
-
-        <table class="table mt-[15px]">
-            <thead class="bg-[#f6f6f6] text-[#000] text-[14px]">
-                <tr>
-                    <th>STT</th>
-                    <th>Tên gọi/miêu tả</th>
-                    <th>Cập nhật</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td class="w-[38px]">1</td>
-                    <td>
-                        <a href="" class="name">Camera</a>
-                    </td>
-                    <td class="w-[100px]">
-                        <div class='list-btn flex items-center justify-center'>
-                            <a href=""
-                                class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
-                                    class='icons icon-edit'></i></a>
-                            <a href=""
-                                class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
-                                    class='icons icon-remove'></i></a>
-                        </div>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="w-[38px]">1</td>
-                    <td>
-                        <a href="" class="name">Camera</a>
-                    </td>
-                    <td class="w-[100px]">
-                        <div class='list-btn flex items-center justify-center'>
-                            <a href=""
-                                class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
-                                    class='icons icon-edit'></i></a>
-                            <a href=""
-                                class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
-                                    class='icons icon-remove'></i></a>
-                        </div>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="w-[38px]">1</td>
-                    <td>
-                        <a href="" class="name">Camera</a>
-                    </td>
-                    <td class="w-[100px]">
-                        <div class='list-btn flex items-center justify-center'>
-                            <a href=""
-                                class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
-                                    class='icons icon-edit'></i></a>
-                            <a href=""
-                                class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
-                                    class='icons icon-remove'></i></a>
-                        </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-
+        <div
+            class="lg:max-w-[1600px] xl:max-w-[1600px] md:max-w-[1600px] sm:max-w-[1600px] 2xl:max-w-full overflow-x-auto whitespace-nowrap">
+            <table class="table mt-[15px]">
+                <thead class="bg-[#f6f6f6] text-[#000] text-[14px]">
+                    <tr>
+                        <th>STT</th>
+                        <th>Tên gọi/miêu tả</th>
+                        <th>Cập nhật</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td class="w-[38px]">1</td>
+                        <td>
+                            <a href="" class="name">Camera</a>
+                        </td>
+                        <td class="w-[100px]">
+                            <div class='list-btn flex items-center justify-center'>
+                                <a href=""
+                                    class='w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
+                                        class='icons icon-edit'></i></a>
+                                <a href=""
+                                    class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
+                                        class='icons icon-delete'></i></a>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class="w-[38px]">1</td>
+                        <td>
+                            <a href="" class="name">Camera</a>
+                        </td>
+                        <td class="w-[100px]">
+                            <div class='list-btn flex items-center justify-center'>
+                                <a href=""
+                                    class='w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
+                                        class='icons icon-edit'></i></a>
+                                <a href=""
+                                    class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
+                                        class='icons icon-delete'></i></a>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class="w-[38px]">1</td>
+                        <td>
+                            <a href="" class="name">Camera</a>
+                        </td>
+                        <td class="w-[100px]">
+                            <div class='list-btn flex items-center justify-center'>
+                                <a href=""
+                                    class='w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
+                                        class='icons icon-edit'></i></a>
+                                <a href=""
+                                    class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
+                                        class='icons icon-delete'></i></a>
+                            </div>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
     </div>
 </div>
\ No newline at end of file
diff --git a/template/theme.html b/template/theme.html
index da77431..f938bbe 100644
--- a/template/theme.html
+++ b/template/theme.html
@@ -21,12 +21,13 @@
 
 <body>
 
-    <div id="overlay"></div>
+    <div id="overlay" onclick="clickBackground()"></div>
 
     <div class="admin-global-container">
 
         <!-- Menu full  -->
-        <div class="admin-menu-container box-menu fixed top-0 left-0 h-[100vh] z-[999]" id="js-menu-big">
+        <div class="admin-menu-container box-menu fixed top-0 left-0 h-[100vh] z-[999] 2xl:block lg:block md:hidden sm:hidden"
+            id="js-menu-big">
             <a href="" class="menu-logo">
                 <img src="{{ 'logo.png' | asset_url }}" />
             </a>
@@ -67,13 +68,13 @@
                             {% elsif _type == 'system' %}<i class="icons w-[20px] h-[20px] mr-[13px] icon-system"></i>
                             {% endif %}
 
-                            <span class="title"> {{ _category[1].name }} </span>
+                            <span class="title text-[14px]"> {{ _category[1].name }} </span>
                         </div>
 
                         <i class="fa-solid fa-chevron-right"></i>
                     </div>
 
-                    <div class="sub-menu" id="{{ _type }}">
+                    <div class="sub-menu text-[14px]" id="{{ _type }}">
                         {% for _item in _menuArray %}
                         <a href="{{ _item.url }}"
                             class="p-[8px_16px] flex items-center {% if _item.view == global.view and _item.module == global.module %}current {% endif %}">
@@ -104,35 +105,40 @@
 
             </div>
         </div>
-        <div class="admin-content-container ml-[245px]" id="js-admin-content-container">
+        <div class="admin-content-container 2xl:ml-[245px] 2xl:w-[calc(100%_-50px)] lg:ml-[245px] lg:w-[calc(100%_-50px)] md:ml-0 sm:ml-0 md:w-full sm:w-full"
+            id="js-admin-content-container">
             <!-- Header -->
             <div class="admin-header-container flex items-center flex-wrap justify-between bg-white px-4 py-3">
-                <form class="max-w-[420px] relative w-[100%] menu-hide" id="js-form-search">
-                    <div
-                        class="content w-[100%] flex items-center border-[#ECECEC] border-[1px] rounded-[5px] focus-within:border-[#0041E8]">
-                        <div class="inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
-                            <i class="icons icon-search"></i>
+                <div class="flex items-center">
+                    <a href="javascript:void(0)" title="Mở menu"
+                        class="icon-close lg:hidden md:block mr-[10px] 2xl:hidden sm:hidden" id="js-show-menu">
+                        <i class="fa fa-bars text-[25px]"></i>
+                    </a>
+                    <form class="w-[420px] relative w-[100%] menu-hide" id="js-form-search">
+                        <div
+                            class="content w-[100%] flex items-center border-[#ECECEC] border-[1px] rounded-[5px] focus-within:border-[#0041E8]">
+                            <div class="inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
+                                <i class="icons icon-search"></i>
+                            </div>
+
+                            <input type="search" class="block h-[36px] rounded w-full" id="js-input-search"
+                                placeholder="Tìm kiếm">
                         </div>
-
-                        <input type="search" class="block h-[36px] rounded w-full" id="js-input-search"
-                            placeholder="Tìm kiếm">
-                    </div>
-
-                    <div class="autocomplete-suggestions absolute bg-white w-[100%] shadow-[0_2px_7px_0_rgb(177_177_177)] hidden rounded-[4px]"
-                        id="js-show-search">
-                        <a href="" class="item line-clamp-1">Máy in mã vạch MH241</a>
-                        <a href="" class="item line-clamp-1">Chăn hè đũi xơ đậu nành mã 32 Gấu xanh</a>
-                        <a href="" class="item line-clamp-1">Máy đo độ bóng Horiba IG-320 (gloss meter)</a>
-                        <a href="" class="item line-clamp-1">iPhone 11 Chính Hãng</a>
-                        <a href="" class="item line-clamp-1">cpu core i3 1</a>
-                        <a href="" class="item line-clamp-1">Máy in mã vạch MH241</a>
-                        <a href="" class="item line-clamp-1">Chăn hè đũi xơ đậu nành mã 32 Gấu xanh</a>
-                        <a href="" class="item line-clamp-1">Máy đo độ bóng Horiba IG-320 (gloss meter)</a>
-                        <a href="" class="item line-clamp-1">iPhone 11 Chính Hãng</a>
-                        <a href="" class="item line-clamp-1">cpu core i3 1</a>
-                    </div>
-
-                </form>
+                        <div class="autocomplete-suggestions absolute bg-white w-[100%] shadow-[0_2px_7px_0_rgb(177_177_177)] hidden rounded-[4px]"
+                            id="js-show-search">
+                            <a href="" class="item line-clamp-1">Máy in mã vạch MH241</a>
+                            <a href="" class="item line-clamp-1">Chăn hè đũi xơ đậu nành mã 32 Gấu xanh</a>
+                            <a href="" class="item line-clamp-1">Máy đo độ bóng Horiba IG-320 (gloss meter)</a>
+                            <a href="" class="item line-clamp-1">iPhone 11 Chính Hãng</a>
+                            <a href="" class="item line-clamp-1">cpu core i3 1</a>
+                            <a href="" class="item line-clamp-1">Máy in mã vạch MH241</a>
+                            <a href="" class="item line-clamp-1">Chăn hè đũi xơ đậu nành mã 32 Gấu xanh</a>
+                            <a href="" class="item line-clamp-1">Máy đo độ bóng Horiba IG-320 (gloss meter)</a>
+                            <a href="" class="item line-clamp-1">iPhone 11 Chính Hãng</a>
+                            <a href="" class="item line-clamp-1">cpu core i3 1</a>
+                        </div>
+                    </form>
+                </div>
 
                 <div class="admin-header-right flex items-center justify-end sm:mt-[10px]">
                     <a href="" title="Truy cập trung tâm hỗ trợ của Hurasoft">