diff --git a/assets/script/pc_style.css b/assets/script/pc_style.css
index 4fd585a..8befcd2 100644
--- a/assets/script/pc_style.css
+++ b/assets/script/pc_style.css
@@ -796,6 +796,11 @@ a {
     font-size: 28px !important;
   }
 }
+@media (max-width: 800px) {
+  #js-form-search {
+    width: 300px;
+  }
+}
 @media (max-width: 675px) {
   .admin-menu-container {
     display: none;
@@ -812,7 +817,12 @@ a {
   .admin-content-container .item-chart {
     grid-column: span 4/span 4;
   }
-  .admin-header-right {
-    margin-top: 10px;
+  #js-form-search {
+    width: 250px;
+  }
+}
+@media (max-width: 540px) {
+  #js-form-search {
+    display: none;
   }
 }/*# sourceMappingURL=pc_style.css.map */
\ No newline at end of file
diff --git a/assets/script/pc_style.css.map b/assets/script/pc_style.css.map
index 8008346..290a641 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":"AAAA,gBAAgB;ACAR,mFAAA;AAER;;;EAGI,sBAAA;ADCJ;;ACCA;;EAEI,eAAA;ADEJ;;ACAA;;EAEI,iBAAA;ADGJ;;ACDA;;;;;EAKI,aAAA;EACA,SAAA;EACA,oBAAA;EACA,kBAAA;EACA,oBAAA;EACA,WAAA;EACA,gBAAA;ADIJ;;ACFA;;EAEI,wBAAA;ADKJ;;ACHA;EACI,0BAAA;ADMJ;;ACJA;EACI,uBAAA;EACA,SAAA;EACA,kBAAA;EACA,eAAA;EACA,YAAA;EACA,OAAA;EACA,kBAAA;EACA,QAAA;EACA,MAAA;EACA,WAAA;ADOJ;;ACLA;EACI,WAAA;EACA,gCAAA;EACA,mBAAA;EACA,kBAAA;EACA,eAAA;EACA,sBAAA;EACA,sBAAA;EACA,gBAAA;EACA,gBAAA;EACA,YAAA;EACA,iBAAA;ADQJ;;ACNA;EACI,eAAA;EACA,YAAA;ADSJ;;ACPA;EACI,WAAA;ADUJ;;ACRA;;EAEI,uBAAA;EACA,yBAAA;ADWJ;;ACTA;EACI,qBAAA;ADYJ;;ACVA;EACI,mBAAA;ADaJ;;ACXA;EACI,gBAAA;EACA,kBAAA;ADcJ;;ACZA;EACI,gBAAA;ADeJ;;ACbA;EACI,UAAA;EACA,YAAA;ADgBJ;;ACZI;EACI,WAAA;EACA,WAAA;EACA,cAAA;ADeR;;ACZA;EACI,kBAAA;EACA,oBAAA;EACA,oBAAA;EACA,SAAA;ADeJ;;ACbA;EACI,sDAAA;EACA,4BAAA;EACA,2BAAA;ADgBJ;;ACdA;EACI,YAAA;EACA,aAAA;ADiBJ;;ACfA;EACI,kBAAA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;EACA,eAAA;EACA,iBAAA;ADkBJ;ACjBI;EACI,gBAAA;EACA,kBAAA;ADmBR;ACjBI;EACI,cAAA;EACA,YAAA;ADmBR;ACjBI;EACI,WAAA;ADmBR;ACjBI;EACI,cAAA;EACA,mBAAA;EACA,iBAAA;ADmBR;AClBQ;EACI,YAAA;ADoBZ;AChBI;EACI,kBAAA;EACA,WAAA;EACA,oBAAA;ADkBR;ACfQ;EACI,mBAAA;ADiBZ;AChBY;EACI,uBAAA;ADkBhB;ACfQ;EACI,mBAAA;ADiBZ;AChBY;EACI,uBAAA;ADkBhB;AChBY;EACI,cAAA;ADkBhB;ACdQ;EACI,WAAA;EACA,YAAA;EACA,kBAAA;ADgBZ;ACbI;EACI,WAAA;ADeR;ACXY;EACI,mBAAA;EACA,UAAA;EACA,uBAAA;ADahB;ACZgB;EACI,cAAA;ADcpB;ACTI;EACI,kBAAA;EACA,aAAA;ADWR;ACVQ;EACI,cAAA;EACA,4BAAA;EACA,kBAAA;ADYZ;ACXY;EACI,0BAAA;ADahB;ACXY;EACI,gBAAA;EACA,qBAAA;EACA,mBAAA;EACA,kBAAA;ADahB;ACXY;EACI,SAAA;ADahB;ACVQ;EACI,cAAA;ADYZ;ACTI;EACI,4BAAA;EACA,kBAAA;EACA,mBAAA;EACA,+CAAA;EACA,mBAAA;EACA,WAAA;EACA,oBAAA;EACA,kBAAA;EACA,uBAAA;EACA,MAAA;EACA,UAAA;EACA,kBAAA;EACA,gBAAA;EACA,YAAA;EACA,iBAAA;EACA,cAAA;ADWR;ACVQ;EACI,aAAA;EACA,UAAA;ADYZ;ACVQ;EACI,kBAAA;EACA,WAAA;EACA,MAAA;EACA,WAAA;EACA,YAAA;EACA,WAAA;EACA,aAAA;ADYZ;ACVQ;EACI,cAAA;EACA,iBAAA;EACA,kBAAA;EACA,oBAAA;EACA,kBAAA;ADYZ;ACXY;EACI,WAAA;EACA,UAAA;EACA,WAAA;EACA,kBAAA;EACA,mBAAA;EACA,kBAAA;EACA,QAAA;EACA,OAAA;EACA,UAAA;ADahB;ACXY;EACI,WAAA;EACA,UAAA;EACA,YAAA;EACA,gBAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;ADahB;ACXY;EACI,iBAAA;ADahB;ACZgB;EACI,aAAA;ADcpB;ACXY;EACI,0BAAA;ADahB;ACRI;EACI,8BAAA;ADUR;ACRI;EACI,+BAAA;ADUR;ACRI;EACI,+BAAA;ADUR;ACRI;EACI,gCAAA;ADUR;ACRI;EACI,gCAAA;ADUR;ACRI;EACI,gCAAA;ADUR;ACRI;EACI,gCAAA;ADUR;ACRI;EACI,gCAAA;ADUR;ACRI;EACI,gCAAA;ADUR;ACRI;EACI,gCAAA;ADUR;ACRI;EACI,gCAAA;ADUR;ACRI;EACI,+BAAA;ADUR;ACRI;EACI,kBAAA;EACA,WAAA;ADUR;ACRI;EACI,gCAAA;ADUR;ACRI;EACI,iCAAA;ADUR;ACRI;EACI,iCAAA;ADUR;ACRI;EACI,kCAAA;ADUR;ACRI;EACI,kCAAA;ADUR;;ACNA;EACI,wBAAA;ADSJ;ACRI;EACI,gBAAA;ADUR;ACTQ;EACI,cAAA;EACA,eAAA;EACA,iBAAA;EACA,oBAAA;ADWZ;ACVY;EACI,mBAAA;EACA,cAAA;EACA,gBAAA;ADYhB;ACRI;EACI,aAAA;ADUR;;ACNA;EACI,cAAA;ADSJ;ACRI;EACI,cAAA;EACA,kBAAA;EACA,kBAAA;EACA,+BAAA;EACA,mBAAA;ADUR;ACTQ;EACI,SAAA;ADWZ;ACTQ;EAEI,mBAAA;EACA,WAAA;ADUZ;;ACLA;EACI,WAAA;EACA,YAAA;EACA,cAAA;ADQJ;ACPI;EACI,gCAAA;ADSR;ACPI;EACI,YAAA;EACA,iCAAA;ADSR;ACPI;EACI,YAAA;EACA,iCAAA;ADSR;ACPI;EACI,iCAAA;ADSR;ACPI;EACI,iCAAA;ADSR;ACPI;EACI,iCAAA;ADSR;ACPI;EACI,iCAAA;ADSR;ACPI;EACI,WAAA;EACA,YAAA;EACA,+BAAA;ADSR;ACPI;EACI,WAAA;EACA,YAAA;EACA,gCAAA;ADSR;ACPI;EACI,WAAA;EACA,YAAA;EACA,iCAAA;ADSR;ACPI;EACI,WAAA;EACA,YAAA;EACA,iCAAA;ADSR;ACPI;EACI,WAAA;EACA,YAAA;EACA,iCAAA;ADSR;ACPI;EACI,WAAA;EACA,YAAA;EACA,iCAAA;ADSR;ACPI;EACI,+BAAA;EACA,yBAAA;EACA,gGAAA;ADSR;ACPI;EACI,WAAA;EACA,YAAA;EACA,iCAAA;ADSR;ACPI;EACI,WAAA;EACA,YAAA;EACA,iCAAA;ADSR;;ACLA,aAAA;AACA;EACI,WAAA;EACA,YAAA;EACA,eAAA;EACA,kBAAA;EACA,yBAAA;EACA,8CAAA;ADQJ;;ACHQ;EACI,iBAAA;EACA,8BAAA;EACA,mBAAA;EACA,cAAA;EACA,gBAAA;EACA,eAAA;ADMZ;ACLY;EAGI,mBAAA;EACA,WAAA;ADKhB;;ACCA;EACI,8BAAA;EACA,kBAAA;EACA,oBAAA;EACA,sBAAA;EACA,yBAAA;ADEJ;;ACCA;EACI,cAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,iBAAA;ADEJ;ACDI;EACI,aAAA;EACA,eAAA;EACA,kBAAA;EACA,eAAA;EACA,eAAA;EACA,kBAAA;ADGR;ACFQ;EAGI,mBAAA;EACA,WAAA;ADEZ;;ACEA;EACI,aAAA;EACA,iBAAA;ADCJ;ACAI;EACI,qBAAA;ADER;ACDQ;EACI,cAAA;ADGZ;ACDQ;EACI,gBAAA;EACA,wBAAA;EACA,eAAA;EACA,aAAA;ADGZ;ACDQ;EACI,cAAA;ADGZ;ACFY;EACI,aAAA;ADIhB;;ACEA;EACI,kBAAA;EACA,gBAAA;EACA,kCAAA;EACA,gBAAA;EACA,OAAA;EACA,MAAA;ADCJ;;ACEA;EACI,aAAA;EACA,gBAAA;EACA,YAAA;ADCJ;ACAI;EACI,kBAAA;EACA,gCAAA;ADER;ACDQ;EACI,gBAAA;EACA,mBAAA;ADGZ;;ACEA;EACI,kBAAA;ADCJ;ACAI;EACI,UAAA;EACA,kBAAA;EACA,YAAA;ADER;ACAI;EACI,kBAAA;EACA,MAAA;EACA,UAAA;EACA,aAAA;EACA,mBAAA;ADER;ACAI;EACI,YAAA;EACA,YAAA;EACA,kBAAA;EACA,iBAAA;EACA,kBAAA;EACA,yBAAA;EACA,cAAA;EACA,eAAA;EACA,kBAAA;ADER;ACDQ;EACI,mBAAA;EACA,WAAA;ADGZ;;ACGQ;EACI,qBAAA;EACA,0BAAA;EACA,cAAA;ADAZ;ACCY;EACI,0BAAA;ADChB;;ACKA;EACI,kBAAA;ADFJ;ACGI;EACI,kBAAA;EACA,QAAA;EACA,WAAA;EACA,6BAAA;EACA,gBAAA;EACA,kCAAA;ADDR;;ACKA;EACI,gBAAA;EACA,aAAA;EACA,6BAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADFJ;;ACKA;;EAEI,yBAAA;EACA,gCAAA;ADFJ;;ACKA;EACI,aAAA;EACA,cAAA;ADFJ;;ACKA;EACI,kBAAA;ADFJ;ACGI;EACI,eAAA;ADDR;ACGI;EACI,kBAAA;EACA,UAAA;EACA,QAAA;EACA,YAAA;EACA,aAAA;EACA,eAAA;EACA,mBAAA;EACA,WAAA;EACA,aAAA;EACA,uDAAA;EACA,kBAAA;EACA,UAAA;ADDR;ACEQ;EACI,kBAAA;EACA,WAAA;EACA,WAAA;EACA,MAAA;EACA,WAAA;EACA,YAAA;EACA,kDAAA;UAAA,0CAAA;EACA,mBAAA;EACA,wBAAA;ADAZ;ACIQ;EACI,cAAA;ADFZ;;ACOA;EACI,sBAAA;EACA,gBAAA;ADJJ;;ACOA;EACI,eAAA;EACA,WAAA;EACA,YAAA;EACA,MAAA;EACA,OAAA;EACA,8BAAA;EACA,UAAA;EACA,aAAA;ADJJ;ACKI;EACI,cAAA;ADHR;;ACOA;EACI,eAAA;EACA,QAAA;EACA,SAAA;EACA,gCAAA;EACA,gBAAA;EACA,YAAA;EACA,aAAA;EACA,uDAAA;EACA,mBAAA;EACA,aAAA;EACA,aAAA;ADJJ;ACKI;EACI,cAAA;ADHR;ACKI;EACI,kBAAA;EACA,WAAA;EACA,SAAA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;EACA,iBAAA;EACA,kBAAA;EACA,kBAAA;ADHR;ACKI;EACI,YAAA;ADHR;ACKI;EACI,WAAA;EACA,YAAA;EACA,mBAAA;EACA,WAAA;EACA,eAAA;EACA,kBAAA;EACA,iBAAA;EACA,kBAAA;ADHR;ACKI;EACI,eAAA;EACA,gBAAA;EACA,eAAA;ADHR;ACKI;EACI,kCAAA;ADHR;ACKI;EACI,eAAA;EACA,cAAA;ADHR;;ACQI;EACI,cAAA;ADLR;ACOI;EACI,WAAA;EACA,UAAA;ADLR;ACOI;EACI,kBAAA;EACA,yBAAA;EACA,+CAAA;EACA,YAAA;EACA,cAAA;EACA,WAAA;EACA,kBAAA;EACA,gBAAA;ADLR;ACOI;EACI,WAAA;EACA,YAAA;EACA,yBAAA;EACA,yBAAA;EACA,kBAAA;ADLR;ACOI;EACI,yBAAA;EACA,iCAAA;ADLR;ACOI;EACI,iCAAA;ADLR;ACOI;EACI,iCAAA;ADLR;ACOI;EACI,iCAAA;ADLR;;ACQA;EACI,aAAA;ADLJ;;ACQA;EACI,SAAA;ADLJ;;ACQA;EACI,UAAA;ADLJ;;ACQA;EACI;IACI,eAAA;EDLN;AACF;ACQA;EACI;IACI,0BAAA;EDNN;ECQE;IACI,0BAAA;EDNN;ECQE;IACI,0BAAA;EDNN;ECQE;IACI,0BAAA;EDNN;AACF;ACSA;EACI;IACI,YAAA;EDPN;AACF;ACUA;EACI;IACI,aAAA;EDRN;ECUE;IACI,WAAA;EDRN;ECSM;IACI,aAAA;EDPV;ECSM;IACI,0BAAA;EDPV;ECSM;IACI,0BAAA;EDPV;ECUE;IACI,YAAA;EDRN;AACF;ACWA;EACI;IACI,aAAA;EDTN;AACF","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 1618a00..d8cd0b8 100644
--- a/assets/script/pc_style.scss
+++ b/assets/script/pc_style.scss
@@ -803,6 +803,12 @@ a {
     }
 }
 
+@media (max-width: 800px) {
+    #js-form-search {
+        width: 300px;
+    }
+}
+
 @media (max-width: 675px) {
     .admin-menu-container {
         display: none;
@@ -819,7 +825,13 @@ a {
             grid-column: span 4 / span 4;
         }
     }
-    .admin-header-right {
-        margin-top: 10px;
+    #js-form-search {
+        width: 250px;
+    }
+}
+
+@media (max-width: 540px) {
+    #js-form-search {
+        display: none;
     }
 }
diff --git a/template/banner/home.html b/template/banner/home.html
index c65d051..44adaec 100644
--- a/template/banner/home.html
+++ b/template/banner/home.html
@@ -1,197 +1,200 @@
-<div
-    class="m-[16px_0_16px_16px] p-[20px_16px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
-    <p class="leading-[31px] font-bold text-[24px] mb-[12px]"> Danh sách banner </p>
+<div class="w-[100%]">
+    <div
+        class="m-[16px] p-[20px_16px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
+        <p class="leading-[31px] font-bold text-[24px] mb-[12px]"> Danh sách banner </p>
 
-    <form method='get' enctype="multipart/form-data" action="/admin/"
-        class="border border-[#F6F6F6] m-[12px_0_16px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
-        <input type='hidden' name='opt' value='banner' />
-        <input type='hidden' name='q' value='' />
-        <input type='hidden' name='page' value='' />
+        <form method='get' enctype="multipart/form-data" action="/admin/"
+            class="border border-[#F6F6F6] m-[12px_0_16px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
+            <input type='hidden' name='opt' value='banner' />
+            <input type='hidden' name='q' value='' />
+            <input type='hidden' name='page' value='' />
 
-        <input type=text name='q' id='keyword' value="" placeholder="Tìm banner(theo tên)"
-            class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] " />
-        <input type=submit value='Tìm kiếm'
-            class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
-    </form>
+            <input type=text name='q' id='keyword' value="" placeholder="Tìm banner(theo tên)"
+                class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] " />
+            <input type=submit value='Tìm kiếm'
+                class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
+        </form>
 
-    <div class="flex items-center flex-wrap justify-between">
-        <div class="flex items-center">
-            <select
-                class="m-[0_16px_16px_0] h-[36px] p-[0_15px_0_5px] rounded-[4px] border border-[#d8d8d8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
-                <option value="">Xem theo vị trí banner</option>
-                <option value='43'> - Banner MB Webmau4</option>
-                <option value='42'> - Brand Homepage</option>
-            </select>
+        <div class="flex items-center flex-wrap justify-between">
+            <div class="flex items-center">
+                <select
+                    class="m-[0_16px_16px_0] h-[36px] p-[0_15px_0_5px] rounded-[4px] border border-[#d8d8d8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
+                    <option value="">Xem theo vị trí banner</option>
+                    <option value='43'> - Banner MB Webmau4</option>
+                    <option value='42'> - Brand Homepage</option>
+                </select>
 
-            <select
-                class="m-[0_16px_16px_0] h-[36px] p-[0_15px_0_5px] rounded-[4px] border border-[#d8d8d8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
-                <option value="">Lọc hiển thị</option>
-                <option value="">Chưa hiển thị</option>
-                <option value="">Đang hiển thị</option>
-            </select>
+                <select
+                    class="m-[0_16px_16px_0] h-[36px] p-[0_15px_0_5px] rounded-[4px] border border-[#d8d8d8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]">
+                    <option value="">Lọc hiển thị</option>
+                    <option value="">Chưa hiển thị</option>
+                    <option value="">Đang hiển thị</option>
+                </select>
 
-            <a href=""
-                class="m-[0_16px_16px_0] leading-[36px] p-[0_10px] rounded-[4px] border border-[#0041E8] text-[#0041E8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] hover:bg-[#0041E8] hover:text-[#fff]">Chọn
-                danh mục sản phẩm để xem</a>
+                <a href=""
+                    class="m-[0_16px_16px_0] leading-[36px] p-[0_10px] rounded-[4px] border border-[#0041E8] text-[#0041E8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] hover:bg-[#0041E8] hover:text-[#fff]">Chọn
+                    danh mục sản phẩm để xem</a>
+            </div>
+
+            <div class="flex items-center font-[500] leading-[34.5px]">
+                <a href="/admin/banner/upload"
+                    class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_16px_16px_0] group hover:bg-[#0041E8] hover:text-[#fff]">
+                    <span
+                        class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
+                    <span>Thêm banner mới</span>
+                </a>
+
+                <a href="/admin/banner/location"
+                    class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_0_16px_0] group hover:bg-[#0041E8] hover:text-[#fff]">
+                    <i class="far fa-image mr-[8px]"></i>
+                    <span>Quản trị vị trí banner</span>
+                </a>
+            </div>
         </div>
 
-        <div class="flex items-center font-[500] leading-[34.5px]">
-            <a href="/admin/banner/upload"
-                class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_16px_16px_0] group hover:bg-[#0041E8] hover:text-[#fff]">
-                <span
-                    class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
-                <span>Thêm banner mới</span>
-            </a>
+        <div class="overflow-x-auto">
+            <table class="table td-top">
+                <thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-500">
+                    <td> STT </td>
+                    <td width="280"> Ảnh </td>
+                    <td> Thông tin </td>
+                    <td> Thứ tự </td>
+                    <td> Click </td>
+                    <td> Chỉnh sửa </td>
+                </thead>
 
-            <a href="/admin/banner/location"
-                class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_0_16px_0] group hover:bg-[#0041E8] hover:text-[#fff]">
-                <i class="far fa-image mr-[8px]"></i>
-                <span>Quản trị vị trí banner</span>
-            </a>
+                <tbody>
+                    <tr>
+                        <td align="center"> 1 </td>
+
+                        <td>
+                            <img src="https://demopc8.hurasoft.com/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg"
+                                width="260" />
+                        </td>
+
+                        <td>
+                            <table class="not-border not-padding">
+                                <tr>
+                                    <td width="115">Tên gọi:</td>
+                                    <td> </td>
+                                </tr>
+
+                                <tr>
+                                    <td>Link tới:</td>
+                                    <td> </td>
+                                </tr>
+
+                                <tr>
+                                    <td>File:</td>
+                                    <td>/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg</td>
+                                </tr>
+
+                                <tr>
+                                    <td>Kích thước:</td>
+                                    <td>Rộng x Cao (Width x Height) = 3130px x 2075px</td>
+                                </tr>
+
+                                <tr>
+                                    <td>Link:</td>
+                                    <td>/ad.php?id=236</td>
+                                </tr>
+
+                                <tr>
+                                    <td>Thời gian hiển thị:</td>
+                                    <td>Luôn hiển thị, chỉ ẩn khi hạ bằng tay</td>
+                                </tr>
+
+                                <tr>
+                                    <td>Cập nhật:</td>
+                                    <td>21-06-2023, 11:08 am</td>
+                                </tr>
+
+                            </table>
+                        </td>
+
+                        <td align="center"> 0 </td>
+
+                        <td align="center"> 0 </td>
+
+                        <td>
+                            <div class="items-center flex justify-center">
+                                <a href="/admin/banner/upload?id=1" class="icons icon-edit" title="Sửa lại"></a>
+
+                                <a href="javascript:void(0)" title="Hạ Hiển thị"
+                                    class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[8px]"></a>
+
+                                <a href="javascript:void(0)" title="Cho Hiển thị"
+                                    class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[8px]">
+                                </a>
+
+                                <a href="javascript:void(0)" class="icons icon-delete" title="Xóa"></a>
+                            </div>
+                        </td>
+                    </tr>
+
+                    <tr>
+                        <td align="center"> 2 </td>
+                        <td>
+                            <img src="https://demopc8.hurasoft.com/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg"
+                                width="260" class="min-w-[200px]" />
+                        </td>
+                        <td>
+                            <table class="not-border not-padding whitespace-nowrap">
+                                <tr>
+                                    <td width="115">Tên gọi:</td>
+                                    <td> </td>
+                                </tr>
+                                <tr>
+                                    <td>Link tới:</td>
+                                    <td> </td>
+                                </tr>
+                                <tr>
+                                    <td>File:</td>
+                                    <td>/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg</td>
+                                </tr>
+                                <tr>
+                                    <td>Kích thước:</td>
+                                    <td>Rộng x Cao (Width x Height)=3130px x 2075px</td>
+                                </tr>
+                                <tr>
+                                    <td>Link:</td>
+                                    <td>/ad.php?id=236</td>
+                                </tr>
+                                <tr>
+                                    <td>Thời gian hiển thị:</td>
+                                    <td>Luôn hiển thị, chỉ ẩn khi hạ bằng tay</td>
+                                </tr>
+                                <tr>
+                                    <td>Cập nhật:</td>
+                                    <td>21-06-2023, 11:08 am</td>
+                                </tr>
+                            </table>
+                        </td>
+                        <td align="center"> 0 </td>
+                        <td align="center"> 0 </td>
+                        <td>
+                            <div class="items-center flex justify-center"> <a href="/admin/banner/upload?id=1"
+                                    class="icons icon-edit" title="Sửa lại"></a> <a href="javascript:void(0)"
+                                    title="Hạ Hiển thị"
+                                    class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[8px]"></a>
+                                <a href="javascript:void(0)" title="Cho Hiển thị"
+                                    class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[8px]">
+                                </a> <a href="javascript:void(0)" class="icons icon-delete" title="Xóa"></a>
+                            </div>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
         </div>
+
+        <div class="paging">
+            <a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
+            <a href="" class="current">1</a>
+            <a href="">2</a>
+            <a href="">3</a>
+            <a href="">4</a>
+            <a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
+        </div>
+
     </div>
-
-    <div class="table td-top">
-        <table>
-            <thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-500">
-                <td> STT </td>
-                <td width="280"> Ảnh </td>
-                <td> Thông tin </td>
-                <td> Thứ tự </td>
-                <td> Click </td>
-                <td> Chỉnh sửa </td>
-            </thead>
-
-            <tbody>
-                <tr>
-                    <td align="center"> 1 </td>
-
-                    <td>
-                        <img src="https://demopc8.hurasoft.com/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg"
-                            width="260" />
-                    </td>
-
-                    <td>
-                        <table class="not-border not-padding">
-                            <tr>
-                                <td width="115">Tên gọi:</td>
-                                <td> </td>
-                            </tr>
-
-                            <tr>
-                                <td>Link tới:</td>
-                                <td> </td>
-                            </tr>
-
-                            <tr>
-                                <td>File:</td>
-                                <td>/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg</td>
-                            </tr>
-
-                            <tr>
-                                <td>Kích thước:</td>
-                                <td>Rộng x Cao (Width x Height) = 3130px x 2075px</td>
-                            </tr>
-
-                            <tr>
-                                <td>Link:</td>
-                                <td>/ad.php?id=236</td>
-                            </tr>
-
-                            <tr>
-                                <td>Thời gian hiển thị:</td>
-                                <td>Luôn hiển thị, chỉ ẩn khi hạ bằng tay</td>
-                            </tr>
-
-                            <tr>
-                                <td>Cập nhật:</td>
-                                <td>21-06-2023, 11:08 am</td>
-                            </tr>
-
-                        </table>
-                    </td>
-
-                    <td align="center"> 0 </td>
-
-                    <td align="center"> 0 </td>
-
-                    <td>
-                        <div class="items-center flex justify-center">
-                            <a href="/admin/banner/upload?id=1" class="icons icon-edit" title="Sửa lại"></a>
-
-                            <a href="javascript:void(0)" title="Hạ Hiển thị"
-                                class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[8px]"></a>
-
-                            <a href="javascript:void(0)" title="Cho Hiển thị"
-                                class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[8px]">
-                            </a>
-
-                            <a href="javascript:void(0)" class="icons icon-delete" title="Xóa"></a>
-                        </div>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td align="center"> 2 </td>
-                    <td> <img
-                            src="https://demopc8.hurasoft.com/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg"
-                            width="260" /> </td>
-                    <td>
-                        <table class="not-border not-padding">
-                            <tr>
-                                <td width="115">Tên gọi:</td>
-                                <td> </td>
-                            </tr>
-                            <tr>
-                                <td>Link tới:</td>
-                                <td> </td>
-                            </tr>
-                            <tr>
-                                <td>File:</td>
-                                <td>/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg</td>
-                            </tr>
-                            <tr>
-                                <td>Kích thước:</td>
-                                <td>Rộng x Cao (Width x Height)=3130px x 2075px</td>
-                            </tr>
-                            <tr>
-                                <td>Link:</td>
-                                <td>/ad.php?id=236</td>
-                            </tr>
-                            <tr>
-                                <td>Thời gian hiển thị:</td>
-                                <td>Luôn hiển thị, chỉ ẩn khi hạ bằng tay</td>
-                            </tr>
-                            <tr>
-                                <td>Cập nhật:</td>
-                                <td>21-06-2023, 11:08 am</td>
-                            </tr>
-                        </table>
-                    </td>
-                    <td align="center"> 0 </td>
-                    <td align="center"> 0 </td>
-                    <td>
-                        <div class="items-center flex justify-center"> <a href="/admin/banner/upload?id=1"
-                                class="icons icon-edit" title="Sửa lại"></a> <a href="javascript:void(0)"
-                                title="Hạ Hiển thị"
-                                class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[8px]"></a>
-                            <a href="javascript:void(0)" title="Cho Hiển thị"
-                                class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[8px]">
-                            </a> <a href="javascript:void(0)" class="icons icon-delete" title="Xóa"></a>
-                        </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-
-    <div class="paging">
-        <a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
-        <a href="" class="current">1</a>
-        <a href="">2</a>
-        <a href="">3</a>
-        <a href="">4</a>
-        <a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
-    </div>
-
 </div>
\ No newline at end of file
diff --git a/template/banner/upload.html b/template/banner/upload.html
index 424dae3..7834a9b 100644
--- a/template/banner/upload.html
+++ b/template/banner/upload.html
@@ -3,7 +3,7 @@
     <a href=""> Form sửa banner </a>
 </div>
 
-<div class="max-w-[1141px] m-auto">
+<div class="max-w-[1141px] m-auto p-[0_15px]">
     <div class="text-right m-[0_0_12px]">
         <a href="/admin/banner/upload"
             class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
@@ -19,382 +19,387 @@
         </a>
     </div>
 
-    <div class="flex flex-wrap items-start m-[16px_0]">
+    <div class="m-[16px_0]">
         {% if global.url contains 'id=' %} <!-- Form chỉnh sửa -->
         {% endif %}
         <p
             class="w-[100%] bg-white m-[0_0_16px] text-center rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[54px] text-[18px] font-bold">
             Cập nhật lại banner </p>
+        <div class="flex flex-wrap">
+            <div class="2xl:w-[30%] sm:w-full mb-[16px] sm:mr-[0] 2xl:mr-[16px]">
+                <div
+                    class="w-full bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
+                    <a href="javascript:void(0)"
+                        class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"
+                        style="color: #Fff;background: #0041E8;"> Chỉnh sửa </a>
+                </div>
+            </div>
 
-        <div
-            class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
-            <a href="javascript:void(0)"
-                class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"
-                style="color: #Fff;background: #0041E8;"> Chỉnh sửa </a>
-        </div>
+            <form method="post" enctype="multipart/form-data"
+                class="2xl:w-[calc(100%_-30%_-16px)] sm:w-full bg-white p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
 
-        <form method="post" enctype="multipart/form-data"
-            class="w-[852px] bg-white p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
+                <input type="hidden" name="info[id]" value="236">
+                <input type='hidden' name='info[category_list]' id='selected_cat' value="9,148">
+                <input type="hidden" value="product_list" id="current_template_page">
+                <input type="hidden" name="action" value="send">
 
-            <input type="hidden" name="info[id]" value="236">
-            <input type='hidden' name='info[category_list]' id='selected_cat' value="9,148">
-            <input type="hidden" value="product_list" id="current_template_page">
-            <input type="hidden" name="action" value="send">
-
-            <table>
-                <tr>
-                    <td width="220" style="vertical-align: top;">
-                        <p class="leading-[32px]">File</p>
-                    </td>
-                    <td>
-                        <p
-                            class="leading-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
-                            /media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg </p>
-
-                        <img src="https://demopc8.hurasoft.com/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg"
-                            class="block m-[15px_0_22px] max-h[390px]" />
-                    </td>
-                </tr>
-            </table>
-
-            <div class="order-page-table">
                 <table>
                     <tr>
-                        <td width="220"> Link theo dõi</td>
-                        <td> /ad.php?id=236 </td>
-                    </tr>
-
-                    <tr id="banner_location">
-                        <td>Vị trí quảng cáo</td>
-                        <td>
-                            <div class="flex items-center">
-                                <select name="info[locationId]"
-                                    class="mr-[10px] select select-bordered h-[38px] min-h-[38px] rounded-[4px]">
-                                    <option>--Chọn vị trí--</option>
-                                    <option value='43,homepage'>Banner MB Webmau4</option>
-                                </select>
-
-                                <a href="/admin/banner/location" class="whitespace-nowrap text-[#0041E8]">Quản lý vị
-                                    trí</a>
-                            </div>
-
-                            <div id="location_detail_holder" class="mt-[10px] overflow-auto max-h-[350px]">
-                                <p class="font-bold mb-[7px]">Chọn vị trí </p>
-
-                                <div class="pl-[3px]">
-                                    <label for="cat_special_all" class="flex items-center cursor-pointer m-[0_0_7px_0]">
-                                        <input id="cat_special_all" value="-1"
-                                            onchange="select_cat('cat_special_all', -1)" type="checkbox"
-                                            class="checkbox checkbox-success mr-[10px]">
-                                        <span class="label-text">Tất cả danh mục</span>
-                                    </label>
-                                </div>
-
-                                <div class="pl-[3px]"> <!-- Cấp 1 -->
-                                    <label class="flex items-center cursor-pointer m-[0_0_7px_0]">
-                                        <input type="checkbox" id="cat_special_9" value="9"
-                                            onchange="select_cat('cat_special_9', 9)"
-                                            class="checkbox checkbox-success mr-[10px]">
-                                        <span class="label-text"> Danh mục cấp 1 </span>
-                                    </label>
-
-                                    <div class="pl-[30px]"> <!-- Cấp 2 -->
-                                        <label class="flex items-center cursor-pointer m-[0_0_7px_0]">
-                                            <input type="checkbox" id="cat_special_1" value="1"
-                                                onchange="select_cat('cat_special_1', 1)"
-                                                class="checkbox checkbox-success mr-[10px]">
-                                            <span class="label-text"> Danh mục cấp 2 </span>
-                                        </label>
-
-                                        <div class="pl-[30px]"><!-- Cấp 3 -->
-                                            <label class="table items-center cursor-pointer m-[0_0_7px_0]">
-                                                <input type="checkbox" id="cat_special_1" value="1"
-                                                    onchange="select_cat('cat_special_1', 1)"
-                                                    class="checkbox checkbox-success mr-[10px]">
-                                                <span class="label-text"> Danh mục cấp 3 </span>
-                                            </label>
-                                        </div>
-                                    </div>
-
-
-                                </div>
-                                <div class="pl-[3px]">
-                                    <label class="flex items-center cursor-pointer m-[0_0_7px_0]">
-                                        <input type="checkbox" id="cat_special_9" value="9"
-                                            onchange="select_cat('cat_special_9', 9)"
-                                            class="checkbox checkbox-success mr-[10px]">
-                                        <span class="label-text"> Danh mục cấp 1 </span>
-                                    </label>
-                                    <div class="pl-[30px]">
-                                        <label class="flex items-center cursor-pointer m-[0_0_7px_0]">
-                                            <input type="checkbox" id="cat_special_1" value="1"
-                                                onchange="select_cat('cat_special_1', 1)"
-                                                class="checkbox checkbox-success mr-[10px]">
-                                            <span class="label-text"> Danh mục cấp 2 </span>
-                                        </label>
-                                        <div class="pl-[30px]">
-                                            <label class="table items-center cursor-pointer m-[0_0_7px_0]">
-                                                <input type="checkbox" id="cat_special_1" value="1"
-                                                    onchange="select_cat('cat_special_1', 1)"
-                                                    class="checkbox checkbox-success mr-[10px]">
-                                                <span class="label-text"> Danh mục cấp 3 </span>
-                                            </label>
-                                            <label class="table items-center cursor-pointer m-[0_0_7px_0]">
-                                                <input type="checkbox" id="cat_special_1" value="1"
-                                                    onchange="select_cat('cat_special_1', 1)"
-                                                    class="checkbox checkbox-success mr-[10px]">
-                                                <span class="label-text"> Danh mục cấp 3 </span>
-                                            </label>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
+                        <td width="220" style="vertical-align: top;">
+                            <p class="leading-[32px]">File</p>
                         </td>
-                    </tr>
-
-                    <tr>
-                        <td>Đặt tên banner để theo dõi</td>
                         <td>
-                            <input type="text" name="info[name]" value=""
-                                class="w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
-                        </td>
-                    </tr>
+                            <p
+                                class="leading-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
+                                /media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg </p>
 
-                    <tr>
-                        <td>Mô tả</td>
-                        <td>
-                            <textarea name="info[summary]"
-                                class="w-[100%] min-h-[76px] max-h-[150px] outline-[0px] p-[4px_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
-                        </td>
-                    </tr>
-
-                    <tr>
-                        <td>Kích thước file</td>
-                        <td>
-                            Chiều dài (width) : <input type="text" name="info[width]" value="3130"
-                                class="w-[80px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
-                            px -
-                            Chiều cao (height) <input type="text" name="info[height]" value="2075"
-                                class="w-[80px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
-                            px
-                            (<span style="color:#F00">* bắt buộc cho file flash</span>)
-                        </td>
-                    </tr>
-
-                    <tr>
-                        <td>File banner</td>
-                        <td>
-                            <div>
-                                <span> Upload từ máy tính </span>
-                                <input type="file" name="media_file_1">
-                            </div>
-
-                            <div>
-                                <p class="m-[7px_0]">Hoặc điền địa chỉ đầy đủ trên mạng (v.d.
-                                    http://web-acb.com/anh.jpg):</p>
-
-                                <input type="text" name="info[file_external_url]"
-                                    value="/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg"
-                                    class="w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
-                            </div>
-                        </td>
-                    </tr>
-
-                    <tr>
-                        <td style="font-weight:bold;">Địa chỉ URL đích</td>
-                        <td>
-                            <input type="text" name="info[desUrl]" value=""
-                                class="w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
-                        </td>
-                    </tr>
-
-                    <tr>
-                        <td>Thứ tự hiển thị</td>
-                        <td>
-                            <input type="text" name="info[ordering]" value="0"
-                                class="w-[80px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
-                            <i>(nếu nhiều banner cùng 1 vị trí, số cao xếp trước)</i>
-                        </td>
-                    </tr>
-
-                    <tr>
-                        <td>Thời gian hiển thị</td>
-                        <td>
-                            <label class="flex items-center cursor-pointer relative pl-[30px] mb-[8px]">
-                                <input type="radio" checked="checked" name="time_valid" value="1"
-                                    class="left-0 radio checked:bg-blue-500" />
-                                <span class="label-text ml-[5px]">Luôn hiển thị, chỉ ẩn khi hạ bằng tay</span>
-                            </label>
-
-                            <label class="flex items-center cursor-pointer relative pl-[30px] mb-[8px]">
-                                <input type="radio" name="time_valid" value="2"
-                                    class="left-0 radio checked:bg-blue-500" />
-                                <span class="label-text ml-[5px]">Thời gian hiển thị:</span>
-                            </label>
-
-                            <div class="items-center mb-[7px]" style="display: flex;">
-                                <p style="width: 65px;"> Bắt đầu </p>
-                                <div class="relative m-[0_20px_0_10px]">
-                                    <i
-                                        class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
-                                    <input type="date" name="info[from_time_date]" value="" placeholder="Từ ngày"
-                                        class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
-                                </div>
-
-                                <p class="mr-[10px]"> Giờ </p>
-
-                                <select name='info[from_time_minute]' id='from_time_minute'
-                                    class="select select-bordered w-[100px] h-[40px] min-h-[40px]">
-                                    <option value="00:00">00:00</option>
-                                    <option value="00:30">00:30</option>
-                                    <option value="01:00">01:00</option>
-                                    <option value="01:30">01:30</option>
-                                    <option value="02:00">02:00</option>
-                                    <option value="02:30">02:30</option>
-                                    <option value="03:00">03:00</option>
-                                    <option value="03:30">03:30</option>
-                                    <option value="04:00">04:00</option>
-                                    <option value="04:30">04:30</option>
-                                    <option value="05:00">05:00</option>
-                                    <option value="05:30">05:30</option>
-                                    <option value="06:00">06:00</option>
-                                    <option value="06:30">06:30</option>
-                                    <option value="07:00">07:00</option>
-                                    <option value="07:30">07:30</option>
-                                    <option value="08:00">08:00</option>
-                                    <option value="08:30">08:30</option>
-                                    <option value="09:00">09:00</option>
-                                    <option value="09:30">09:30</option>
-                                    <option value="10:00">10:00</option>
-                                    <option value="10:30">10:30</option>
-                                    <option value="11:00">11:00</option>
-                                    <option value="11:30">11:30</option>
-                                    <option value="12:00">12:00</option>
-                                    <option value="12:30">12:30</option>
-                                    <option value="13:00">13:00</option>
-                                    <option value="13:30">13:30</option>
-                                    <option value="14:00">14:00</option>
-                                    <option value="14:30">14:30</option>
-                                    <option value="15:00">15:00</option>
-                                    <option value="15:30">15:30</option>
-                                    <option value="16:00">16:00</option>
-                                    <option value="16:30">16:30</option>
-                                    <option value="17:00">17:00</option>
-                                    <option value="17:30">17:30</option>
-                                    <option value="18:00">18:00</option>
-                                    <option value="18:30">18:30</option>
-                                    <option value="19:00">19:00</option>
-                                    <option value="19:30">19:30</option>
-                                    <option value="20:00">20:00</option>
-                                    <option value="20:30">20:30</option>
-                                    <option value="21:00">21:00</option>
-                                    <option value="21:30">21:30</option>
-                                    <option value="22:00">22:00</option>
-                                    <option value="22:30">22:30</option>
-                                    <option value="23:00">23:00</option>
-                                    <option value="23:30">23:30</option>
-                                </select>
-                            </div>
-
-                            <div class="items-center" style="display: flex;">
-                                <p style="width: 65px;"> Kết thúc </p>
-                                <div class="relative m-[0_20px_0_10px]">
-                                    <i
-                                        class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
-                                    <input type="date" name="info[to_time_date]" value="" placeholder="Từ ngày"
-                                        class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
-                                </div>
-
-                                <p class="mr-[10px]"> Giờ </p>
-
-                                <select name='info[to_time_minute]' id='from_time_minute'
-                                    class="select select-bordered w-[100px] h-[40px] min-h-[40px]">
-                                    <option value="00:00">00:00</option>
-                                    <option value="00:30">00:30</option>
-                                    <option value="01:00">01:00</option>
-                                    <option value="01:30">01:30</option>
-                                    <option value="02:00">02:00</option>
-                                    <option value="02:30">02:30</option>
-                                    <option value="03:00">03:00</option>
-                                    <option value="03:30">03:30</option>
-                                    <option value="04:00">04:00</option>
-                                    <option value="04:30">04:30</option>
-                                    <option value="05:00">05:00</option>
-                                    <option value="05:30">05:30</option>
-                                    <option value="06:00">06:00</option>
-                                    <option value="06:30">06:30</option>
-                                    <option value="07:00">07:00</option>
-                                    <option value="07:30">07:30</option>
-                                    <option value="08:00">08:00</option>
-                                    <option value="08:30">08:30</option>
-                                    <option value="09:00">09:00</option>
-                                    <option value="09:30">09:30</option>
-                                    <option value="10:00">10:00</option>
-                                    <option value="10:30">10:30</option>
-                                    <option value="11:00">11:00</option>
-                                    <option value="11:30">11:30</option>
-                                    <option value="12:00">12:00</option>
-                                    <option value="12:30">12:30</option>
-                                    <option value="13:00">13:00</option>
-                                    <option value="13:30">13:30</option>
-                                    <option value="14:00">14:00</option>
-                                    <option value="14:30">14:30</option>
-                                    <option value="15:00">15:00</option>
-                                    <option value="15:30">15:30</option>
-                                    <option value="16:00">16:00</option>
-                                    <option value="16:30">16:30</option>
-                                    <option value="17:00">17:00</option>
-                                    <option value="17:30">17:30</option>
-                                    <option value="18:00">18:00</option>
-                                    <option value="18:30">18:30</option>
-                                    <option value="19:00">19:00</option>
-                                    <option value="19:30">19:30</option>
-                                    <option value="20:00">20:00</option>
-                                    <option value="20:30">20:30</option>
-                                    <option value="21:00">21:00</option>
-                                    <option value="21:30">21:30</option>
-                                    <option value="22:00">22:00</option>
-                                    <option value="22:30">22:30</option>
-                                    <option value="23:00">23:00</option>
-                                    <option value="23:30">23:30</option>
-                                </select>
-                            </div>
-                        </td>
-                    </tr>
-
-                    <tr>
-                        <td>Hiển thị</td>
-                        <td>
-                            <label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[15px]">
-                                <input type="radio" name="info[status]" value="1"
-                                    class="left-0 radio checked:bg-blue-500">
-                                <span class="label-text ml-[5px]">Cho hiển thị</span>
-                            </label>
-
-                            <label class="inline-flex items-center cursor-pointer relative pl-[30px]">
-                                <input type="radio" name="info[status]" value="0" checked
-                                    class="left-0 radio checked:bg-blue-500">
-                                <span class="label-text ml-[5px]">Ẩn hiển thị</span>
-                            </label>
-                        </td>
-                    </tr>
-
-                    <tr>
-                        <td>Khác</td>
-                        <td>
-                            <label class="inline-flex items-center cursor-pointer">
-                                <input type="checkbox" name="info[show_in_mobile]" value="1"
-                                    class="checkbox checkbox-success mr-[10px]">
-                                <span class="label-text ml-[5px]"> Hiển thị tại mobile </span>
-                            </label>
+                            <img src="https://demopc8.hurasoft.com/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg"
+                                class="block m-[15px_0_22px] max-h[390px]" />
                         </td>
                     </tr>
                 </table>
-            </div>
 
-            <input name="commit" type="submit" value="Cập nhật"
-                class="inline-block mt-[12px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
-        </form>
+                <div class="order-page-table">
+                    <table>
+                        <tr>
+                            <td width="220"> Link theo dõi</td>
+                            <td> /ad.php?id=236 </td>
+                        </tr>
+
+                        <tr id="banner_location">
+                            <td>Vị trí quảng cáo</td>
+                            <td>
+                                <div class="flex items-center">
+                                    <select name="info[locationId]"
+                                        class="mr-[10px] select select-bordered h-[38px] min-h-[38px] rounded-[4px]">
+                                        <option>--Chọn vị trí--</option>
+                                        <option value='43,homepage'>Banner MB Webmau4</option>
+                                    </select>
+
+                                    <a href="/admin/banner/location" class="whitespace-nowrap text-[#0041E8]">Quản lý vị
+                                        trí</a>
+                                </div>
+
+                                <div id="location_detail_holder" class="mt-[10px] overflow-auto max-h-[350px]">
+                                    <p class="font-bold mb-[7px]">Chọn vị trí </p>
+
+                                    <div class="pl-[3px]">
+                                        <label for="cat_special_all"
+                                            class="flex items-center cursor-pointer m-[0_0_7px_0]">
+                                            <input id="cat_special_all" value="-1"
+                                                onchange="select_cat('cat_special_all', -1)" type="checkbox"
+                                                class="checkbox checkbox-success mr-[10px]">
+                                            <span class="label-text">Tất cả danh mục</span>
+                                        </label>
+                                    </div>
+
+                                    <div class="pl-[3px]"> <!-- Cấp 1 -->
+                                        <label class="flex items-center cursor-pointer m-[0_0_7px_0]">
+                                            <input type="checkbox" id="cat_special_9" value="9"
+                                                onchange="select_cat('cat_special_9', 9)"
+                                                class="checkbox checkbox-success mr-[10px]">
+                                            <span class="label-text"> Danh mục cấp 1 </span>
+                                        </label>
+
+                                        <div class="pl-[30px]"> <!-- Cấp 2 -->
+                                            <label class="flex items-center cursor-pointer m-[0_0_7px_0]">
+                                                <input type="checkbox" id="cat_special_1" value="1"
+                                                    onchange="select_cat('cat_special_1', 1)"
+                                                    class="checkbox checkbox-success mr-[10px]">
+                                                <span class="label-text"> Danh mục cấp 2 </span>
+                                            </label>
+
+                                            <div class="pl-[30px]"><!-- Cấp 3 -->
+                                                <label class="table items-center cursor-pointer m-[0_0_7px_0]">
+                                                    <input type="checkbox" id="cat_special_1" value="1"
+                                                        onchange="select_cat('cat_special_1', 1)"
+                                                        class="checkbox checkbox-success mr-[10px]">
+                                                    <span class="label-text"> Danh mục cấp 3 </span>
+                                                </label>
+                                            </div>
+                                        </div>
+
+
+                                    </div>
+                                    <div class="pl-[3px]">
+                                        <label class="flex items-center cursor-pointer m-[0_0_7px_0]">
+                                            <input type="checkbox" id="cat_special_9" value="9"
+                                                onchange="select_cat('cat_special_9', 9)"
+                                                class="checkbox checkbox-success mr-[10px]">
+                                            <span class="label-text"> Danh mục cấp 1 </span>
+                                        </label>
+                                        <div class="pl-[30px]">
+                                            <label class="flex items-center cursor-pointer m-[0_0_7px_0]">
+                                                <input type="checkbox" id="cat_special_1" value="1"
+                                                    onchange="select_cat('cat_special_1', 1)"
+                                                    class="checkbox checkbox-success mr-[10px]">
+                                                <span class="label-text"> Danh mục cấp 2 </span>
+                                            </label>
+                                            <div class="pl-[30px]">
+                                                <label class="table items-center cursor-pointer m-[0_0_7px_0]">
+                                                    <input type="checkbox" id="cat_special_1" value="1"
+                                                        onchange="select_cat('cat_special_1', 1)"
+                                                        class="checkbox checkbox-success mr-[10px]">
+                                                    <span class="label-text"> Danh mục cấp 3 </span>
+                                                </label>
+                                                <label class="table items-center cursor-pointer m-[0_0_7px_0]">
+                                                    <input type="checkbox" id="cat_special_1" value="1"
+                                                        onchange="select_cat('cat_special_1', 1)"
+                                                        class="checkbox checkbox-success mr-[10px]">
+                                                    <span class="label-text"> Danh mục cấp 3 </span>
+                                                </label>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </td>
+                        </tr>
+
+                        <tr>
+                            <td>Đặt tên banner để theo dõi</td>
+                            <td>
+                                <input type="text" name="info[name]" value=""
+                                    class="w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
+                            </td>
+                        </tr>
+
+                        <tr>
+                            <td>Mô tả</td>
+                            <td>
+                                <textarea name="info[summary]"
+                                    class="w-[100%] min-h-[76px] max-h-[150px] outline-[0px] p-[4px_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
+                            </td>
+                        </tr>
+
+                        <tr>
+                            <td>Kích thước file</td>
+                            <td>
+                                Chiều dài (width) : <input type="text" name="info[width]" value="3130"
+                                    class="w-[80px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
+                                px -
+                                Chiều cao (height) <input type="text" name="info[height]" value="2075"
+                                    class="w-[80px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
+                                px
+                                (<span style="color:#F00">* bắt buộc cho file flash</span>)
+                            </td>
+                        </tr>
+
+                        <tr>
+                            <td>File banner</td>
+                            <td>
+                                <div>
+                                    <span> Upload từ máy tính </span>
+                                    <input type="file" name="media_file_1">
+                                </div>
+
+                                <div>
+                                    <p class="m-[7px_0]">Hoặc điền địa chỉ đầy đủ trên mạng (v.d.
+                                        http://web-acb.com/anh.jpg):</p>
+
+                                    <input type="text" name="info[file_external_url]"
+                                        value="/media/banner/21_06-1f22593caab42ff1e4ebf38094a75afe.jpeg"
+                                        class="w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
+                                </div>
+                            </td>
+                        </tr>
+
+                        <tr>
+                            <td style="font-weight:bold;">Địa chỉ URL đích</td>
+                            <td>
+                                <input type="text" name="info[desUrl]" value=""
+                                    class="w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
+                            </td>
+                        </tr>
+
+                        <tr>
+                            <td>Thứ tự hiển thị</td>
+                            <td>
+                                <input type="text" name="info[ordering]" value="0"
+                                    class="w-[80px] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
+                                <i>(nếu nhiều banner cùng 1 vị trí, số cao xếp trước)</i>
+                            </td>
+                        </tr>
+
+                        <tr>
+                            <td>Thời gian hiển thị</td>
+                            <td>
+                                <label class="flex items-center cursor-pointer relative pl-[30px] mb-[8px]">
+                                    <input type="radio" checked="checked" name="time_valid" value="1"
+                                        class="left-0 radio checked:bg-blue-500" />
+                                    <span class="label-text ml-[5px]">Luôn hiển thị, chỉ ẩn khi hạ bằng tay</span>
+                                </label>
+
+                                <label class="flex items-center cursor-pointer relative pl-[30px] mb-[8px]">
+                                    <input type="radio" name="time_valid" value="2"
+                                        class="left-0 radio checked:bg-blue-500" />
+                                    <span class="label-text ml-[5px]">Thời gian hiển thị:</span>
+                                </label>
+
+                                <div class="items-center mb-[7px]" style="display: flex;">
+                                    <p style="width: 65px;"> Bắt đầu </p>
+                                    <div class="relative m-[0_20px_0_10px]">
+                                        <i
+                                            class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
+                                        <input type="date" name="info[from_time_date]" value="" placeholder="Từ ngày"
+                                            class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
+                                    </div>
+
+                                    <p class="mr-[10px]"> Giờ </p>
+
+                                    <select name='info[from_time_minute]' id='from_time_minute'
+                                        class="select select-bordered w-[100px] h-[40px] min-h-[40px]">
+                                        <option value="00:00">00:00</option>
+                                        <option value="00:30">00:30</option>
+                                        <option value="01:00">01:00</option>
+                                        <option value="01:30">01:30</option>
+                                        <option value="02:00">02:00</option>
+                                        <option value="02:30">02:30</option>
+                                        <option value="03:00">03:00</option>
+                                        <option value="03:30">03:30</option>
+                                        <option value="04:00">04:00</option>
+                                        <option value="04:30">04:30</option>
+                                        <option value="05:00">05:00</option>
+                                        <option value="05:30">05:30</option>
+                                        <option value="06:00">06:00</option>
+                                        <option value="06:30">06:30</option>
+                                        <option value="07:00">07:00</option>
+                                        <option value="07:30">07:30</option>
+                                        <option value="08:00">08:00</option>
+                                        <option value="08:30">08:30</option>
+                                        <option value="09:00">09:00</option>
+                                        <option value="09:30">09:30</option>
+                                        <option value="10:00">10:00</option>
+                                        <option value="10:30">10:30</option>
+                                        <option value="11:00">11:00</option>
+                                        <option value="11:30">11:30</option>
+                                        <option value="12:00">12:00</option>
+                                        <option value="12:30">12:30</option>
+                                        <option value="13:00">13:00</option>
+                                        <option value="13:30">13:30</option>
+                                        <option value="14:00">14:00</option>
+                                        <option value="14:30">14:30</option>
+                                        <option value="15:00">15:00</option>
+                                        <option value="15:30">15:30</option>
+                                        <option value="16:00">16:00</option>
+                                        <option value="16:30">16:30</option>
+                                        <option value="17:00">17:00</option>
+                                        <option value="17:30">17:30</option>
+                                        <option value="18:00">18:00</option>
+                                        <option value="18:30">18:30</option>
+                                        <option value="19:00">19:00</option>
+                                        <option value="19:30">19:30</option>
+                                        <option value="20:00">20:00</option>
+                                        <option value="20:30">20:30</option>
+                                        <option value="21:00">21:00</option>
+                                        <option value="21:30">21:30</option>
+                                        <option value="22:00">22:00</option>
+                                        <option value="22:30">22:30</option>
+                                        <option value="23:00">23:00</option>
+                                        <option value="23:30">23:30</option>
+                                    </select>
+                                </div>
+
+                                <div class="items-center" style="display: flex;">
+                                    <p style="width: 65px;"> Kết thúc </p>
+                                    <div class="relative m-[0_20px_0_10px]">
+                                        <i
+                                            class="far fa-calendar text-[#7E7E7E] m-[0_5px_0_0] absolute left-[10px] leading-[35px]"></i>
+                                        <input type="date" name="info[to_time_date]" value="" placeholder="Từ ngày"
+                                            class="w-[135px] h-[36px] p-[0_10px_0_30px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]" />
+                                    </div>
+
+                                    <p class="mr-[10px]"> Giờ </p>
+
+                                    <select name='info[to_time_minute]' id='from_time_minute'
+                                        class="select select-bordered w-[100px] h-[40px] min-h-[40px]">
+                                        <option value="00:00">00:00</option>
+                                        <option value="00:30">00:30</option>
+                                        <option value="01:00">01:00</option>
+                                        <option value="01:30">01:30</option>
+                                        <option value="02:00">02:00</option>
+                                        <option value="02:30">02:30</option>
+                                        <option value="03:00">03:00</option>
+                                        <option value="03:30">03:30</option>
+                                        <option value="04:00">04:00</option>
+                                        <option value="04:30">04:30</option>
+                                        <option value="05:00">05:00</option>
+                                        <option value="05:30">05:30</option>
+                                        <option value="06:00">06:00</option>
+                                        <option value="06:30">06:30</option>
+                                        <option value="07:00">07:00</option>
+                                        <option value="07:30">07:30</option>
+                                        <option value="08:00">08:00</option>
+                                        <option value="08:30">08:30</option>
+                                        <option value="09:00">09:00</option>
+                                        <option value="09:30">09:30</option>
+                                        <option value="10:00">10:00</option>
+                                        <option value="10:30">10:30</option>
+                                        <option value="11:00">11:00</option>
+                                        <option value="11:30">11:30</option>
+                                        <option value="12:00">12:00</option>
+                                        <option value="12:30">12:30</option>
+                                        <option value="13:00">13:00</option>
+                                        <option value="13:30">13:30</option>
+                                        <option value="14:00">14:00</option>
+                                        <option value="14:30">14:30</option>
+                                        <option value="15:00">15:00</option>
+                                        <option value="15:30">15:30</option>
+                                        <option value="16:00">16:00</option>
+                                        <option value="16:30">16:30</option>
+                                        <option value="17:00">17:00</option>
+                                        <option value="17:30">17:30</option>
+                                        <option value="18:00">18:00</option>
+                                        <option value="18:30">18:30</option>
+                                        <option value="19:00">19:00</option>
+                                        <option value="19:30">19:30</option>
+                                        <option value="20:00">20:00</option>
+                                        <option value="20:30">20:30</option>
+                                        <option value="21:00">21:00</option>
+                                        <option value="21:30">21:30</option>
+                                        <option value="22:00">22:00</option>
+                                        <option value="22:30">22:30</option>
+                                        <option value="23:00">23:00</option>
+                                        <option value="23:30">23:30</option>
+                                    </select>
+                                </div>
+                            </td>
+                        </tr>
+
+                        <tr>
+                            <td>Hiển thị</td>
+                            <td>
+                                <label class="inline-flex items-center cursor-pointer relative pl-[30px] mr-[15px]">
+                                    <input type="radio" name="info[status]" value="1"
+                                        class="left-0 radio checked:bg-blue-500">
+                                    <span class="label-text ml-[5px]">Cho hiển thị</span>
+                                </label>
+
+                                <label class="inline-flex items-center cursor-pointer relative pl-[30px]">
+                                    <input type="radio" name="info[status]" value="0" checked
+                                        class="left-0 radio checked:bg-blue-500">
+                                    <span class="label-text ml-[5px]">Ẩn hiển thị</span>
+                                </label>
+                            </td>
+                        </tr>
+
+                        <tr>
+                            <td>Khác</td>
+                            <td>
+                                <label class="inline-flex items-center cursor-pointer">
+                                    <input type="checkbox" name="info[show_in_mobile]" value="1"
+                                        class="checkbox checkbox-success mr-[10px]">
+                                    <span class="label-text ml-[5px]"> Hiển thị tại mobile </span>
+                                </label>
+                            </td>
+                        </tr>
+                    </table>
+                </div>
+
+                <input name="commit" type="submit" value="Cập nhật"
+                    class="inline-block mt-[12px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
+            </form>
+        </div>
+
     </div>
 </div>
 
diff --git a/template/customer/customer_add.html b/template/customer/customer_add.html
index 57476cc..c106802 100644
--- a/template/customer/customer_add.html
+++ b/template/customer/customer_add.html
@@ -6,7 +6,7 @@
             <li class="text-[#0041E8]">Form thêm khách hàng</li>
         </ul>
     </div>
-    <div class="w-[1140px] my-0 mx-auto">
+    <div class="w-[1140px] my-0 mx-auto p-[0_15px]">
         <div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] mb-[15px]">
             <div class="flex items-center justify-between">
                 <div>
diff --git a/template/customer/customer_contact.html b/template/customer/customer_contact.html
index e38a8c9..c160b60 100644
--- a/template/customer/customer_contact.html
+++ b/template/customer/customer_contact.html
@@ -1,77 +1,80 @@
-<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>
+<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)]">
+        <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="overflow-x-auto">
-        <table class="table">
-            <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
-                <tr>
-                    <th class="w-[50px]">STT</th>
-                    <th>Thời gian</th>
-                    <th>Khách hàng</th>
-                    <th>Thông tin</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>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>1</td>
-                    <td class="whitespace-nowrap">09-08-2023, 11:24 am</td>
-                    <td>Đức Anh</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 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 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
-                            nhật</a>
-                    </td>
-
-
-                    <td class="xl:w-[120px] 2xl:w-auto">
-                        <select name="" id=""
-                            class="w-[130px_!important] h-[30px] mb-[10px] border-[1px] border-[#F6F6F6] rounded-[4px] shadow-[0px_2px_4px_0px_#0000001F]">
-                            <option value="">Trạng thái</option>
-                        </select>
-                        <div class="flex items-center">
+        <div class="overflow-x-auto">
+            <table class="table">
+                <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
+                    <tr>
+                        <th class="w-[50px]">STT</th>
+                        <th>Thời gian</th>
+                        <th>Khách hàng</th>
+                        <th>Thông tin</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>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td>1</td>
+                        <td class="whitespace-nowrap">09-08-2023, 11:24 am</td>
+                        <td>Đức Anh</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 class="">
+                            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 class="">
+                            <textarea name="" id=""
+                                class="w-[150px] h-[40px] rounded-[4px] p-[5px] border-[1px] border-[#D8D8D8] mb-[5px]"></textarea>
                             <a href=""
-                                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=""
-                                class="w-[32px] h-[32px] border-[1px] border-[#ECECEC] 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>
+                                class="btn w-[100px] h-[35px] min-h-[35px] rounded-[4px] bg-[#0041E8] text-white">Cập
+                                nhật</a>
+                        </td>
+
+
+                        <td class="xl:w-[120px] 2xl:w-auto">
+                            <select name="" id=""
+                                class="w-[130px_!important] h-[30px] mb-[10px] border-[1px] border-[#F6F6F6] rounded-[4px] shadow-[0px_2px_4px_0px_#0000001F]">
+                                <option value="">Trạng thái</option>
+                            </select>
+                            <div class="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] mb-[5px]">
+                                    <i class="icons icon-edit"></i>
+                                </a>
+                                <a href=""
+                                    class="w-[32px] h-[32px] border-[1px] border-[#ECECEC] 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>
 </div>
\ No newline at end of file
diff --git a/template/customer/customer_group_add.html b/template/customer/customer_group_add.html
index 3c19a45..eb8fe27 100644
--- a/template/customer/customer_group_add.html
+++ b/template/customer/customer_group_add.html
@@ -7,7 +7,7 @@
         </ul>
     </div>
 
-    <div class="w-[1140px] my-0 mx-auto">
+    <div class="w-[1140px] my-0 mx-auto p-[0_15px]">
         <div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] mb-[15px]">
             <div class="flex items-center justify-between">
                 <div>
diff --git a/template/customer/home.html b/template/customer/home.html
index 19b555c..962044f 100644
--- a/template/customer/home.html
+++ b/template/customer/home.html
@@ -1,6 +1,5 @@
 <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">
+    <div class="m-[15px] px-[15px] py-[20px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)]">
         <h1 class="text-2xl font-[700] mb-3">Danh sách khách hàng</h1>
 
         <div class="list-filter-account flex items-center">
@@ -26,15 +25,15 @@
             <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]">
+        <div class="list-filter flex flex-wrap items-center justify-between mt-[15px]">
             <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)]">
+                class="select w-[180px] h-[35px] min-h-[35px] p-[5px] border-[1px] border-[#D8D8D8] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mb-[15px]">
                 <option value="">Sắp xếp khách hàng</option>
             </select>
 
-            <div class="list flex items-center">
+            <div class="list flex items-center mb-[15px]">
                 <a href="/admin/customer/customer_add" class="flex items-center p-[8px_15px] border-[1px] border-[#0041E8] rounded-[4px]
-                text-[#0041E8] ml-[15px] bg-[#F5F7FF] hover:text-white hover:bg-[#0041E8]">
+                text-[#0041E8] bg-[#F5F7FF] hover:text-white hover:bg-[#0041E8]">
                     <i class="fa-solid fa-user-plus"></i>
                     <span class="ml-[5px]">Thêm KH mới</span>
                 </a>
@@ -51,7 +50,7 @@
             </div>
         </div>
         <div class="overflow-x-auto sm:whitespace-nowrap">
-            <table class="w-[100%] mt-[15px] table">
+            <table class="w-[100%] table">
                 <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
                     <tr>
                         <th>STT</th>
diff --git a/template/deal/home.html b/template/deal/home.html
index f22a0ac..f4a0bde 100644
--- a/template/deal/home.html
+++ b/template/deal/home.html
@@ -1,159 +1,162 @@
-<div
-    class="bg-white m-[16px_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
-    <p class="leading-[30px] mb-[13px] font-bold text-[24px]"> Danh sách Deal </p>
+<div class="w-[100%]">
+    <div
+        class="bg-white m-[16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
+        <p class="leading-[30px] mb-[13px] font-bold text-[24px]"> Danh sách Deal </p>
 
-    <form method="get" enctype="multipart/form-data" action="/admin/"
-        class="border border-[#F6F6F6] m-[12px_0_16px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
-        <input type="hidden" name="opt" value="deal">
-        <input type="hidden" name="q" value="">
-        <input type="hidden" name="page" value="">
+        <form method="get" enctype="multipart/form-data" action="/admin/"
+            class="border border-[#F6F6F6] m-[12px_0_16px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
+            <input type="hidden" name="opt" value="deal">
+            <input type="hidden" name="q" value="">
+            <input type="hidden" name="page" value="">
 
-        <input type="text" name="q" id="keyword" value="" placeholder="Tìm sản phẩm"
-            class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
-        <input type="submit" value="Tìm kiếm"
-            class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
-    </form>
+            <input type="text" name="q" id="keyword" value="" placeholder="Tìm sản phẩm"
+                class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
+            <input type="submit" value="Tìm kiếm"
+                class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
+        </form>
 
-    <div class="flex items-center flex-wrap justify-between mb-[20px]">
-        <a href=""
-            class="leading-[35px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
-            Xóa danh sách được chọn
-        </a>
-
-        <div class="flex items-center font-[500] leading-[35px]">
-            <a href="/admin/deal/deal-add"
-                class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_16px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
-                <span
-                    class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
-                <span>Thêm deal mới</span>
+        <div class="flex items-center flex-wrap justify-between mb-[20px]">
+            <a href=""
+                class="leading-[35px] border border-[#79B0E2] rounded-[4px] bg-white p-[0_15px] font-[500] text-[#79B0E2] hover:bg-[#79B0E2] hover:text-[#fff]">
+                Xóa danh sách được chọn
             </a>
 
-            <a href="/admin/deal/upload-deal-excel"
-                class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_16px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
-                <span
-                    class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
-                <span>Thêm deal excel</span>
-            </a>
+            <div class="flex items-center font-[500] leading-[35px]">
+                <a href="/admin/deal/deal-add"
+                    class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_16px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
+                    <span
+                        class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
+                    <span>Thêm deal mới</span>
+                </a>
 
-            <a href="javascript:void(0)"
-                class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
-                <i class="fas fa-file-download m-[0_4px_0_0]"></i>
-                <span>Tải file excel</span>
-            </a>
+                <a href="/admin/deal/upload-deal-excel"
+                    class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] m-[0_16px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
+                    <span
+                        class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
+                    <span>Thêm deal excel</span>
+                </a>
+
+                <a href="javascript:void(0)"
+                    class="inline-flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
+                    <i class="fas fa-file-download m-[0_4px_0_0]"></i>
+                    <span>Tải file excel</span>
+                </a>
+            </div>
         </div>
-    </div>
 
-    <div class="table">
-        <table>
-            <thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-500">
-                <tr>
-                    <td width="40">
-                        <input type="checkbox" class="checkbox checkbox-success"
-                            onclick="CheckList.setAllChecked.call(this)" />
-                    </td>
-                    <td width="40"> STT </td>
-                    <td width="80"> Ảnh </td>
-                    <td> Sản phẩm (Tổng số: 1.742) </td>
-                    <td> Thông tin Deal </td>
-                    <td> Thời gian Deal </td>
-                    <td width="130">
-                        <select>
-                            <option value="">Tình trạng</option>
-                            <option value="not-started"> Chưa bắt đầu </option>
-                            <option value="started"> Đang bắt đầu </option>
-                            <option value="ended"> Hết thời gian </option>
-                            <option value="hidden"> Ẩn hiển thị </option>
-                            <option value="featured"> Đang nổi bật </option>
-                        </select>
-                    </td>
-                    <td> Công cụ </td>
-                </tr>
-            </thead>
+        <div class="overflow-x-auto">
+            <table class="table">
+                <thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-500">
+                    <tr>
+                        <td width="40">
+                            <input type="checkbox" class="checkbox checkbox-success"
+                                onclick="CheckList.setAllChecked.call(this)" />
+                        </td>
+                        <td width="40"> STT </td>
+                        <td width="80"> Ảnh </td>
+                        <td> Sản phẩm (Tổng số: 1.742) </td>
+                        <td> Thông tin Deal </td>
+                        <td> Thời gian Deal </td>
+                        <td width="130">
+                            <select class="select w-[120px_!important] h-[30px] min-h-[30px]">
+                                <option value="">Tình trạng</option>
+                                <option value="not-started"> Chưa bắt đầu </option>
+                                <option value="started"> Đang bắt đầu </option>
+                                <option value="ended"> Hết thời gian </option>
+                                <option value="hidden"> Ẩn hiển thị </option>
+                                <option value="featured"> Đang nổi bật </option>
+                            </select>
+                        </td>
+                        <td class="text-center"> Công cụ </td>
+                    </tr>
+                </thead>
 
-            <tbody>
+                <tbody>
 
-                <tr>
-                    <td align="center">
-                        <input type="checkbox" class="checkbox checkbox-success js-checkbox-id" />
-                    </td>
+                    <tr>
+                        <td align="center">
+                            <input type="checkbox" class="checkbox checkbox-success js-checkbox-id" />
+                        </td>
 
-                    <td align="center"> 1 </td>
+                        <td align="center"> 1 </td>
 
-                    <td>
-                        <img src="https://via.placeholder.com/500x500" class="block" />
-                    </td>
+                        <td>
+                            <div class="w-[100px]">
+                                <img src="https://via.placeholder.com/500x500" class="block" />
+                            </div>
+                        </td>
 
-                    <td>
-                        <a href=""> HH WORKSTATION CORE i9 10900K | 32GB | NVIDIA RTX 2060 6GB </a>
-                        <p> [SKU: LTLE950] </p>
-                        <p> Số lượng: <b>60</b> </p>
-                        <p> Số tối thiểu cho 1 đơn hàng: <b>1</b> </p>
-                        <p> Tạo lúc: 25-10-2022, 4:56 pm </p>
-                        <p> Cập nhật: 17-01-2024, 9:36 am </p>
-                    </td>
+                        <td>
+                            <a href=""> HH WORKSTATION CORE i9 10900K | 32GB | NVIDIA RTX 2060 6GB </a>
+                            <p> [SKU: LTLE950] </p>
+                            <p> Số lượng: <b>60</b> </p>
+                            <p> Số tối thiểu cho 1 đơn hàng: <b>1</b> </p>
+                            <p> Tạo lúc: 25-10-2022, 4:56 pm </p>
+                            <p> Cập nhật: 17-01-2024, 9:36 am </p>
+                        </td>
 
-                    <td>
-                        <p> Giá Deal:
-                            <b class="text-[red] mr-1"> 35.000.000 vnđ </b>
-                            (Giảm: <b class="text-[red]"> 4% </b>)
-                        </p>
-                        <p> Giá thị trường: <b class="text-[red]"> 36.000.000 vnd </b></p>
-                        <p> Số đơn hàng : <b> 6 </b> </p>
-                        <p> Số lượng đặt mua: <b> 10 </b> </p>
-                        <p> Lượt xem: <b> 0 </b> </p>
-                    </td>
+                        <td>
+                            <p> Giá Deal:
+                                <b class="text-[red] mr-1"> 35.000.000 vnđ </b>
+                                (Giảm: <b class="text-[red]"> 4% </b>)
+                            </p>
+                            <p> Giá thị trường: <b class="text-[red]"> 36.000.000 vnd </b></p>
+                            <p> Số đơn hàng : <b> 6 </b> </p>
+                            <p> Số lượng đặt mua: <b> 10 </b> </p>
+                            <p> Lượt xem: <b> 0 </b> </p>
+                        </td>
 
-                    <td>
-                        <b> 01-01-2024, 1:00 pm </b> đến
-                        <b class="block"> 31-03-2024, 8:00 pm </b>
-                    </td>
+                        <td class="whitespace-nowrap">
+                            <b> 01-01-2024, 1:00 pm </b> đến
+                            <b class="block"> 31-03-2024, 8:00 pm </b>
+                        </td>
 
-                    <td>
-                        <i title="Chưa bắt đầu" style="background: #0041E8;"
-                            class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i>
-                        <i title="Đang bắt đầu" style="background: #299D00;"
-                            class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i>
-                        <i title="Hết thời gian" style="background: #E00000;"
-                            class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i>
-                        <i title="Ẩn hiển thị" style="background: #C8C8C8;"
-                            class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i>
-                        <i title="Đang nổi bật" style="background: #FFC700;"
-                            class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i>
-                    </td>
+                        <td>
+                            <i title="Chưa bắt đầu" style="background: #0041E8;"
+                                class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i>
+                            <i title="Đang bắt đầu" style="background: #299D00;"
+                                class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i>
+                            <i title="Hết thời gian" style="background: #E00000;"
+                                class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i>
+                            <i title="Ẩn hiển thị" style="background: #C8C8C8;"
+                                class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i>
+                            <i title="Đang nổi bật" style="background: #FFC700;"
+                                class="block m-auto w-[14px] h-[14px] rounded-[50%]"></i>
+                        </td>
 
-                    <td>
-                        <div class="items-center flex">
-                            <a href="/admin/deal/deal-add?id=1" title="Sửa lại" class="icons icon-edit"></a>
+                        <td>
+                            <div class="items-center flex">
+                                <a href="/admin/deal/deal-add?id=1" title="Sửa lại" class="icons icon-edit"></a>
 
-                            <a href="" title="Cho nổi bật"
-                                class="fas fa-crown bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
+                                <a href="" title="Cho nổi bật"
+                                    class="fas fa-crown bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
 
-                            <a href="" title="Hạ nổi bật"
-                                class="fas fa-crown bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
+                                <a href="" title="Hạ nổi bật"
+                                    class="fas fa-crown bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
 
-                            <a href="" title="Hạ xuống"
-                                class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
+                                <a href="" title="Hạ xuống"
+                                    class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
 
-                            <a href="" title="Cho Hiển thị"
-                                class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]">
-                            </a>
+                                <a href="" title="Cho Hiển thị"
+                                    class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]">
+                                </a>
+                                <a href="" class="icons icon-delete" title="Xóa"></a>
+                            </div>
+                        </td>
+                    </tr>
 
-                            <a href="" class="icons icon-delete" title="Xóa"></a>
-                        </div>
-                    </td>
-                </tr>
+                </tbody>
+            </table>
+        </div>
 
-            </tbody>
-        </table>
-    </div>
-
-    <div class="paging">
-        <a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
-        <a href="" class="current">1</a>
-        <a href="">2</a>
-        <a href="">3</a>
-        <a href="">4</a>
-        <a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
+        <div class="paging">
+            <a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
+            <a href="" class="current">1</a>
+            <a href="">2</a>
+            <a href="">3</a>
+            <a href="">4</a>
+            <a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
+        </div>
     </div>
 </div>
 
diff --git a/template/marketing/coupon.html b/template/marketing/coupon.html
index ccf8454..c53f3d6 100644
--- a/template/marketing/coupon.html
+++ b/template/marketing/coupon.html
@@ -1,150 +1,157 @@
-<div
-    class="marketing-coupon-page bg-white m-[16px_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
-    <p class="leading-[30px] mb-[13px] font-[600] text-[24px]"> Coupon khuyến mại </p>
+<div class="w-[100%]">
+    <div
+        class="marketing-coupon-page bg-white m-[16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
+        <p class="leading-[30px] mb-[13px] font-[600] text-[24px]"> Coupon khuyến mại </p>
 
-    <div class="flex justify-between items-start m-[13px_0]">
-        <p class="max-w-[1024px]">Danh sách phiếu giảm giá/ quà tặng dùng cho khách hàng khi đặt mua hàng từ website.
-            Trước khi gửi đơn hàng, nếu khách hàng có mã số phiếu còn hiệu lực thì sẽ nhập vào đơn hàng để nhận được ưu
-            đãi ghi trên phiếu</p>
+        <div class="flex justify-between items-start m-[13px_0]">
+            <p class="max-w-[1024px]">Danh sách phiếu giảm giá/ quà tặng dùng cho khách hàng khi đặt mua hàng từ
+                website.
+                Trước khi gửi đơn hàng, nếu khách hàng có mã số phiếu còn hiệu lực thì sẽ nhập vào đơn hàng để nhận được
+                ưu
+                đãi ghi trên phiếu</p>
 
-        <a href="/admin/marketing/coupon-add"
-            class="flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px]">
-            <span
-                class="border-[1px] border-[#0041E8] h-[13px] w-[13px]  leading-[10px] text-center rounded-[50%] mr-1">+</span>
-            <span>Thêm phiếu mới</span>
-        </a>
-    </div>
+            <a href="/admin/marketing/coupon-add"
+                class="flex items-center whitespace-nowrap ml-[15px] border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px]">
+                <span
+                    class="border-[1px] border-[#0041E8] h-[13px] w-[13px]  leading-[10px] text-center rounded-[50%] mr-1">+</span>
+                <span>Thêm phiếu mới</span>
+            </a>
+        </div>
 
-    <div>
-        <table class="table">
-            <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
-                <tr>
-                    <td width="50"> STT </td>
-                    <td> Mã số </td>
-                    <td> Khuyến mại </td>
-                    <td> Phân loại </td>
-                    <td> Thời gian </td>
-                    <td> Trạng thái </td>
-                    <td> Thông tin khác </td>
-                    <td> Lựa chọn </td>
-                </tr>
-            </thead>
+        <div class="overflow-x-auto">
+            <table class="table">
+                <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
+                    <tr>
+                        <td width="50"> STT </td>
+                        <td> Mã số </td>
+                        <td> Khuyến mại </td>
+                        <td> Phân loại </td>
+                        <td> Thời gian </td>
+                        <td> Trạng thái </td>
+                        <td> Thông tin khác </td>
+                        <td> Lựa chọn </td>
+                    </tr>
+                </thead>
 
-            <tbody>
-                <tr class="text-[13px]">
-                    <td align="center"> 1 </td>
+                <tbody>
+                    <tr class="text-[13px]">
+                        <td align="center"> 1 </td>
 
-                    <td class="whitespace-nowrap"> CP231020233 </td>
+                        <td class="whitespace-nowrap"> CP231020233 </td>
 
-                    <td>
-                        <p class="font-bold"> Test phiếu giảm giá </p>
-                        <div> Test phiếu giảm giá </div>
-                    </td>
+                        <td class="whitespace-nowrap">
+                            <p class="font-bold"> Test phiếu giảm giá </p>
+                            <div> Test phiếu giảm giá </div>
+                        </td>
 
-                    <td>
-                        <p class="font-bold"> Tặng sản phẩm </p>
-                        <p> Balo thời trang </p>
-                    </td>
+                        <td class="whitespace-nowrap">
+                            <p class="font-bold"> Tặng sản phẩm </p>
+                            <p> Balo thời trang </p>
+                        </td>
 
-                    <td>
+                        <td class="whitespace-nowrap">
 
-                        <div class="flex items-start">
-                            <p class="inline-block m-[0_6px_6px_0] text-[13px]">
-                                - Bắt đầu: 23-10-2023, 12:00 am <br>
-                                - Kết thúc: 28-10-2023, 12:00 am
-                            </p>
-                            <div>
-                                <span
-                                    class="block w-[80px] text-center m-[0_0_6px_0] bg-[#F7F5FF] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#0041E8] shadow-[0_0_0_1px_#0041E8]">
-                                    Đã chạy
-                                </span>
+                            <div class="flex items-start">
+                                <p class="inline-block m-[0_6px_6px_0] text-[13px]">
+                                    - Bắt đầu: 23-10-2023, 12:00 am <br>
+                                    - Kết thúc: 28-10-2023, 12:00 am
+                                </p>
+                                <div>
+                                    <span
+                                        class="block w-[80px] text-center m-[0_0_6px_0] bg-[#F7F5FF] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#0041E8] shadow-[0_0_0_1px_#0041E8]">
+                                        Đã chạy
+                                    </span>
 
-                                <span
-                                    class="block w-[80px] text-center m-[0_0_6px_0] bg-[#F9F2F2] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#E00000] shadow-[0_0_0_1px_#E00000]">
-                                    Đã dừng
-                                </span>
+                                    <span
+                                        class="block w-[80px] text-center m-[0_0_6px_0] bg-[#F9F2F2] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#E00000] shadow-[0_0_0_1px_#E00000]">
+                                        Đã dừng
+                                    </span>
+                                </div>
                             </div>
-                        </div>
-                    </td>
+                        </td>
 
-                    <td>
-                        <p> 0 đã dùng </p>
-                        <p> Tổng số: 20 </p>
-                    </td>
+                        <td class="whitespace-nowrap">
+                            <p> 0 đã dùng </p>
+                            <p> Tổng số: 20 </p>
+                        </td>
 
-                    <td>
-                        <p> - Tạo bởi: Đức (05-09-2022, 9:48 am) </p>
-                        <p> - Cập nhật cuối: hongvt@hurasoft.com<br>(03-10-2023, 8:31 am) </p>
-                        <p>- Giá trị đơn hàng tối thiểu: <b class="text-[#E00000] font-bold">2.000.000 đ</b> </p>
-                    </td>
-
-                    <td>
-                        <div class="items-center flex">
-                            <a href="/admin/marketing/coupon-add?id=8" class="icons icon-edit" title="Sửa lại"></a>
-
-                            <a href="javascript:void(0)" title="Hạ xuống"
-                                class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
-
-                            <a href="javascript:void(0)" title="Cho Hiển thị"
-                                class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]">
-                            </a>
-
-                            <a href="javascript:void(0)" class="icons icon-delete" title="Xóa"></a>
-                        </div>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td align="center"> 1 </td>
-                    <td class="whitespace-nowrap"> CP231020233 </td>
-                    <td>
-                        <p class="font-bold"> Test phiếu giảm giá </p>
-                        <div> Test phiếu giảm giá </div>
-                    </td>
-                    <td>
-                        <p class="font-bold"> Tặng sản phẩm </p>
-                        <p> Balo thời trang </p>
-                    </td>
-                    <td>
-                        <div class="flex items-start">
-                            <p class="inline-block m-[0_6px_6px_0] text-[13px]">
-                                - Bắt đầu: 23-10-2023, 12:00 am <br>
-                                - Kết thúc: 28-10-2023, 12:00 am
-                            </p>
-                            <div>
-                                <span
-                                    class="block w-[80px] text-center m-[0_0_6px_0] bg-[#F7F5FF] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#0041E8] shadow-[0_0_0_1px_#0041E8]">
-                                    Đã chạy
-                                </span>
-
-                                <span
-                                    class="block w-[80px] text-center m-[0_0_6px_0] bg-[#F9F2F2] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#E00000] shadow-[0_0_0_1px_#E00000]">
-                                    Đã dừng
-                                </span>
+                        <td>
+                            <div class="w-[250px]">
+                                <p> - Tạo bởi: Đức (05-09-2022, 9:48 am) </p>
+                                <p> - Cập nhật cuối: hongvt@hurasoft.com<br>(03-10-2023, 8:31 am) </p>
+                                <p>- Giá trị đơn hàng tối thiểu: <b class="text-[#E00000] font-bold">2.000.000 đ</b>
+                                </p>
                             </div>
-                        </div>
-                    </td>
-                    <td>
-                        <p> 0 đã dùng </p>
-                        <p> Tổng số: 20 </p>
-                    </td>
-                    <td>
-                        <p> - Tạo bởi: Đức (05-09-2022, 9:48 am) </p>
-                        <p> - Cập nhật cuối: hongvt@hurasoft.com<br>(03-10-2023, 8:31 am) </p>
-                        <p>- Giá trị đơn hàng tối thiểu: <b class="text-[#E00000] font-bold">2.000.000 đ</b> </p>
-                    </td>
-                    <td>
-                        <div class="items-center flex"> <a href="/admin/marketing/coupon-add?id=8"
-                                class="icons icon-edit" title="Sửa lại"></a> <a href="javascript:void(0)"
-                                title="Hạ xuống"
-                                class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
-                            <a href="javascript:void(0)" title="Cho Hiển thị"
-                                class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]">
-                            </a> <a href="javascript:void(0)" class="icons icon-delete" title="Xóa"></a>
-                        </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
+                        </td>
+
+                        <td>
+                            <div class="items-center flex">
+                                <a href="/admin/marketing/coupon-add?id=8" class="icons icon-edit" title="Sửa lại"></a>
+
+                                <a href="javascript:void(0)" title="Hạ xuống"
+                                    class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
+
+                                <a href="javascript:void(0)" title="Cho Hiển thị"
+                                    class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]">
+                                </a>
+
+                                <a href="javascript:void(0)" class="icons icon-delete" title="Xóa"></a>
+                            </div>
+                        </td>
+                    </tr>
+
+                    <tr>
+                        <td align="center"> 1 </td>
+                        <td class="whitespace-nowrap"> CP231020233 </td>
+                        <td>
+                            <p class="font-bold"> Test phiếu giảm giá </p>
+                            <div> Test phiếu giảm giá </div>
+                        </td>
+                        <td>
+                            <p class="font-bold"> Tặng sản phẩm </p>
+                            <p> Balo thời trang </p>
+                        </td>
+                        <td>
+                            <div class="flex items-start">
+                                <p class="inline-block m-[0_6px_6px_0] text-[13px]">
+                                    - Bắt đầu: 23-10-2023, 12:00 am <br>
+                                    - Kết thúc: 28-10-2023, 12:00 am
+                                </p>
+                                <div>
+                                    <span
+                                        class="block w-[80px] text-center m-[0_0_6px_0] bg-[#F7F5FF] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#0041E8] shadow-[0_0_0_1px_#0041E8]">
+                                        Đã chạy
+                                    </span>
+
+                                    <span
+                                        class="block w-[80px] text-center m-[0_0_6px_0] bg-[#F9F2F2] font-[500] p-[0_7px] leading-[20px] rounded-[50px] text-[12px] text-[#E00000] shadow-[0_0_0_1px_#E00000]">
+                                        Đã dừng
+                                    </span>
+                                </div>
+                            </div>
+                        </td>
+                        <td>
+                            <p> 0 đã dùng </p>
+                            <p> Tổng số: 20 </p>
+                        </td>
+                        <td>
+                            <p> - Tạo bởi: Đức (05-09-2022, 9:48 am) </p>
+                            <p> - Cập nhật cuối: hongvt@hurasoft.com<br>(03-10-2023, 8:31 am) </p>
+                            <p>- Giá trị đơn hàng tối thiểu: <b class="text-[#E00000] font-bold">2.000.000 đ</b> </p>
+                        </td>
+                        <td>
+                            <div class="items-center flex"> <a href="/admin/marketing/coupon-add?id=8"
+                                    class="icons icon-edit" title="Sửa lại"></a> <a href="javascript:void(0)"
+                                    title="Hạ xuống"
+                                    class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
+                                <a href="javascript:void(0)" title="Cho Hiển thị"
+                                    class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]">
+                                </a> <a href="javascript:void(0)" class="icons icon-delete" title="Xóa"></a>
+                            </div>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
     </div>
 </div>
\ No newline at end of file
diff --git a/template/marketing/coupon_add.html b/template/marketing/coupon_add.html
index 1a0d2aa..0837db4 100644
--- a/template/marketing/coupon_add.html
+++ b/template/marketing/coupon_add.html
@@ -3,7 +3,7 @@
     <a href=""> Form thêm / sửa coupon </a>
 </div>
 
-<div class="max-w-[1141px] m-auto">
+<div class="max-w-[1141px] m-auto p-[0_15px]">
     <div class="flex flex-wrap items-start m-[16px_0]">
         {% if global.url contains 'id=' %} <!-- Form chỉnh sửa -->
         <div
diff --git a/template/marketing/feed.html b/template/marketing/feed.html
index 82b3b97..cd1734c 100644
--- a/template/marketing/feed.html
+++ b/template/marketing/feed.html
@@ -11,91 +11,98 @@
 {% include 'marketing/feed_list' %}
 
 {% else %}
-<div
-    class="m-[16px_0_16px_16px] p-[20px_16px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
-    <p class="leading-[31px] font-bold text-[24px] mb-[12px]"> Facebook Product Ads </p>
+<div class="w-[100%]">
+    <div
+        class="m-[16px] p-[20px_16px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
+        <p class="leading-[31px] font-bold text-[24px] mb-[12px]"> Facebook Product Ads </p>
 
-    <div class="flex items-center justify-between mb-[20px]">
-        <p class="mr-[15px]">Tổng hợp các danh sách chứa Sản phẩm dùng quảng cáo trên Facebook. Dùng link Facebook Feed
-            ở danh sách phù hợp để nhập trong facebook ad manager</p>
+        <div class="flex items-center justify-between mb-[20px]">
+            <p class="mr-[15px]">Tổng hợp các danh sách chứa Sản phẩm dùng quảng cáo trên Facebook. Dùng link Facebook
+                Feed
+                ở danh sách phù hợp để nhập trong facebook ad manager</p>
 
-        <a href="/admin/marketing/feed?view=fb-product-add"
-            class="flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[34px] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
-            <span
-                class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
-            <span>Thêm danh sách mới</span>
-        </a>
-    </div>
+            <a href="/admin/marketing/feed?view=fb-product-add"
+                class="flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[34px] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
+                <span
+                    class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
+                <span>Thêm danh sách mới</span>
+            </a>
+        </div>
 
-    <div class="table">
-        <table>
-            <thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-500">
-                <tr>
-                    <td width="45"> STT </td>
-                    <td> Danh sách </td>
-                    <td> Sản phẩm </td>
-                    <td> Facebook feed </td>
-                    <td> Google feed </td>
-                    <td> Cập nhật </td>
-                    <td width="270"> Lựa chọn </td>
-                </tr>
-            </thead>
+        <div class="overflow-x-auto">
+            <table class="table">
+                <thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-500">
+                    <tr>
+                        <td width="45"> STT </td>
+                        <td> Danh sách </td>
+                        <td> Sản phẩm </td>
+                        <td> Facebook feed </td>
+                        <td> Google feed </td>
+                        <td> Cập nhật </td>
+                        <td width="270"> Lựa chọn </td>
+                    </tr>
+                </thead>
 
-            <tbody>
+                <tbody>
 
-                <tr>
-                    <td align="center"> 1 </td>
+                    <tr>
+                        <td align="center"> 1 </td>
 
-                    <td class="font-bold"> 2023 còn hàng </td>
+                        <td class="font-bold whitespace-nowrap"> 2023 còn hàng </td>
 
-                    <td align="center"> 6.055 sp </td>
+                        <td align="center"> 6.055 sp </td>
 
-                    <td>
-                        <input type="text" value="/feed/facebook.php?id=1" readonly
-                            class="block leading-[32px] w-[100%] bg-[#fff] p-[0_10px] m-[0_0_4px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]" />
-                        <a href=""> FB feed </a>
-                    </td>
+                        <td>
+                            <div class="min-w-[200px]">
+                                <input type="text" value="/feed/facebook.php?id=1" readonly
+                                    class="block leading-[32px] w-[100%] bg-[#fff] p-[0_10px] m-[0_0_4px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]" />
+                                <a href=""> FB feed </a>
+                            </div>
+                        </td>
 
-                    <td>
-                        <input type="text" value="/feed/google.php?id=1" readonly
-                            class="block leading-[32px] w-[100%] bg-[#fff] p-[0_10px] m-[0_0_4px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]" />
-                        <a href=""> Google feed </a>
-                    </td>
+                        <td>
+                            <div class="min-w-[200px]">
+                                <input type="text" value="/feed/google.php?id=1" readonly
+                                    class="block leading-[32px] w-[100%] bg-[#fff] p-[0_10px] m-[0_0_4px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]" />
+                                <a href=""> Google feed </a>
+                            </div>
+                        </td>
 
-                    <td>
-                        <p> Trương Thị Thái Ninh </p>
-                        <p> 25-10-2023, 3:05 pm </p>
-                    </td>
+                        <td class="whitespace-nowrap">
+                            <p> Trương Thị Thái Ninh </p>
+                            <p> 25-10-2023, 3:05 pm </p>
+                        </td>
 
-                    <td>
-                        <div class="flex items-center flex-wrap justify-center">
-                            <a href="/admin/marketing/feed?view=fb-product-list&id=1"
-                                class="block text-center font-[500] text-[#fff_!important] bg-[#0041E8] rounded-[4px] p-[0_9px] leading-[30px] mr-[8px]">Xem
-                                sản phẩm</a>
+                        <td>
+                            <div class="flex items-center flex-wrap justify-center w-[250px]">
+                                <a href="/admin/marketing/feed?view=fb-product-list&id=1"
+                                    class="block text-center font-[500] text-[#fff_!important] bg-[#0041E8] rounded-[4px] p-[0_9px] leading-[30px] mr-[8px]">Xem
+                                    sản phẩm</a>
 
-                            <a href="/admin/marketing/feed?view=fb-product-add&id=1" class="icons icon-edit mr-[8px]"
-                                title="Sửa lại"></a>
+                                <a href="/admin/marketing/feed?view=fb-product-add&id=1"
+                                    class="icons icon-edit mr-[8px]" title="Sửa lại"></a>
 
-                            <a href="/admin/marketing/feed?view=fb-product-select&id=1"
-                                class="fas fa-plus-circle w-[30px] leading-[30px] mr-[8px] text-center rounded-[4px] border border-[#0041E8] bg-[#F5F7FF]"
-                                title="Thêm sản phẩm"></a>
+                                <a href="/admin/marketing/feed?view=fb-product-select&id=1"
+                                    class="fas fa-plus-circle w-[30px] leading-[30px] mr-[8px] text-center rounded-[4px] border border-[#0041E8] bg-[#F5F7FF]"
+                                    title="Thêm sản phẩm"></a>
 
-                            <a href="" class="icons icon-delete" title="Xóa"></a>
-                        </div>
-                    </td>
-                </tr>
+                                <a href="" class="icons icon-delete" title="Xóa"></a>
+                            </div>
+                        </td>
+                    </tr>
 
-            </tbody>
-        </table>
-    </div>
+                </tbody>
+            </table>
+        </div>
 
-    <div class="paging">
-        <a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
-        <a href="" class="current">1</a>
-        <a href="">2</a>
-        <a href="">3</a>
-        <a href="">4</a>
-        <a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
+        <div class="paging">
+            <a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
+            <a href="" class="current">1</a>
+            <a href="">2</a>
+            <a href="">3</a>
+            <a href="">4</a>
+            <a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
+        </div>
     </div>
 </div>
 {% endif %}
\ No newline at end of file
diff --git a/template/marketing/poster_upload.html b/template/marketing/poster_upload.html
index 1e69494..489bc39 100644
--- a/template/marketing/poster_upload.html
+++ b/template/marketing/poster_upload.html
@@ -3,7 +3,7 @@
     <a href=""> Upload Poster </a>
 </div>
 
-<div class="max-w-[1140px] m-auto">
+<div class="max-w-[1140px] m-auto p-[0_15px]">
 
     <i class="block text-[13px] leading-[18px] mb-[10px]">Chức năng này cho phép bạn upload các file quảng cáo poster.
         Yêu cầu cần đặt trong file đuôi .zip. Server này giới hạn dung lượng file upload là 20 MB, do vậy nếu file .zip
@@ -15,15 +15,17 @@
         Upload poster quảng cáo </p>
 
     <div class="flex flex-wrap items-start m-[16px_0]">
-        <div
-            class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
-            <a href="javascript:void(0)"
-                class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"
-                style="color: #Fff;background: #0041E8;"> Upload Poster </a>
+        <div class="w-[25%] mr-[16px]">
+            <div
+                class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
+                <a href="javascript:void(0)"
+                    class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"
+                    style="color: #Fff;background: #0041E8;"> Upload Poster </a>
+            </div>
         </div>
 
         <form enctype="multipart/form-data" method="post"
-            class="w-[852px] bg-white p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
+            class="w-[calc(100%_-25%_-16px)] bg-white p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
             <p class="mb-[20px]"> File zip chỉ được phép chứa file ảnh (jpg, gif) và html nếu có. </p>
 
             <p class="mb-[20px]">
diff --git a/template/marketing/product_offer.html b/template/marketing/product_offer.html
index 4723b66..3d1db78 100644
--- a/template/marketing/product_offer.html
+++ b/template/marketing/product_offer.html
@@ -1,4 +1,4 @@
-<div class="max-w-[1141px] m-[17px_auto_20px]">
+<div class="max-w-[1141px] m-[17px_auto_20px] p-[0_15px]">
     <div class="flex flex-wrap items-start justify-center">
 
         <div
@@ -17,16 +17,18 @@
         </div>
 
         <!-- col left -->
-        <div
-            class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
-            <a href="javascript:void(0)"
-                class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"
-                style="color: #Fff;background: #0041E8;"> Thông tin </a>
+        <div class="w-[25%] mr-[16px]">
+            <div
+                class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
+                <a href="javascript:void(0)"
+                    class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"
+                    style="color: #Fff;background: #0041E8;"> Thông tin </a>
+            </div>
         </div>
 
         <!-- col right -->
         <form method="post" enctype="multipart/form-data"
-            class="order-page-table w-[852px] bg-white p-[16pX_16px_20px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block text-[#6B7280]">
+            class="order-page-table w-[calc(100%_-25%_-16px)] bg-white p-[16pX_16px_20px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block text-[#6B7280]">
 
             <table>
                 <tr>
diff --git a/template/marketing/promotion.html b/template/marketing/promotion.html
index f54b664..4b1c2bd 100644
--- a/template/marketing/promotion.html
+++ b/template/marketing/promotion.html
@@ -1,92 +1,95 @@
-<div
-    class="marketing-coupon-page bg-white m-[16px_0_16px_16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
-    <p class="leading-[30px] text-[24px] font-bold m-[0_0_12px]"> Khuyến mại theo sản phẩm </p>
+<div class="w-[100%]">
+    <div
+        class="marketing-coupon-page bg-white m-[16px] p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
+        <p class="leading-[30px] text-[24px] font-bold m-[0_0_12px]"> Khuyến mại theo sản phẩm </p>
 
-    <form method="get" enctype="multipart/form-data" action="/admin/"
-        class="border border-[#F6F6F6] m-[12px_0_20px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
-        <input type="hidden" name="opt" value="marketing">
-        <input type="hidden" name="view" value="promotion">
+        <form method="get" enctype="multipart/form-data" action="/admin/"
+            class="border border-[#F6F6F6] m-[12px_0_20px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
+            <input type="hidden" name="opt" value="marketing">
+            <input type="hidden" name="view" value="promotion">
 
-        <input type="text" name="q" id="keyword" value=""
-            class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
-        <input type="submit" value="Tìm kiếm"
-            class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
-    </form>
+            <input type="text" name="q" id="keyword" value=""
+                class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
+            <input type="submit" value="Tìm kiếm"
+                class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
+        </form>
 
-    <div class="flex items-center justify-between m-[20px_0_25px]">
-        <p> Danh sách các khuyến mại đi kèm khi người dùng mua Sản phẩm. Bạn cần tạo khuyến mại và lựa chọn Sản phẩm phù
-            hợp cho từng khuyến mại </p>
+        <div class="flex items-center justify-between m-[20px_0_25px]">
+            <p> Danh sách các khuyến mại đi kèm khi người dùng mua Sản phẩm. Bạn cần tạo khuyến mại và lựa chọn Sản phẩm
+                phù
+                hợp cho từng khuyến mại </p>
 
-        <div class="flex items-center">
-            <a href="/admin/marketing/promotion-add"
-                class="flex items-center whitespace-nowrap border border-[#0041E8] mr-[15px] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px]">
-                <span
-                    class="border-[1px] border-[#0041E8] h-[13px] w-[13px]  leading-[10px] text-center rounded-[50%] mr-1">+</span>
-                <span>Thêm khuyến mại mới</span>
-            </a>
+            <div class="flex items-center">
+                <a href="/admin/marketing/promotion-add"
+                    class="flex items-center whitespace-nowrap border border-[#0041E8] mr-[15px] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px]">
+                    <span
+                        class="border-[1px] border-[#0041E8] h-[13px] w-[13px]  leading-[10px] text-center rounded-[50%] mr-1">+</span>
+                    <span>Thêm khuyến mại mới</span>
+                </a>
 
-            <a href="/admin/marketing/promotion-group"
-                class="flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px]">
-                <i class="far fa-bookmark mr-[8px]"></i>
-                <span>Nhóm khuyến mại</span>
-            </a>
+                <a href="/admin/marketing/promotion-group"
+                    class="flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[35px] p-[0_12px]">
+                    <i class="far fa-bookmark mr-[8px]"></i>
+                    <span>Nhóm khuyến mại</span>
+                </a>
+            </div>
+        </div>
+
+        <div class="overflow-x-auto">
+            <table class="table">
+                <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
+                    <tr class="font-[600]">
+                        <td width="50"> STT </td>
+                        <td> Khuyến mại </td>
+                        <td> Thời gian </td>
+                        <td> Cập nhật cuối </td>
+                        <td> Sản phẩm </td>
+                        <td width="180"> Lựa chọn </td>
+                    </tr>
+                </thead>
+
+                <tbody>
+                    <td align="center"> 1 </td>
+
+                    <td class="whitespace-nowrap">
+                        <p>
+                            [Quà tặng] <b class="text-[#0041E8] font-bold">Phiếu mua hàng trị giá 100.000 VND</b>
+                        </p>
+                        <p> - Mô tả: Phiếu mua hàng </p>
+                        <p> - Giá trị: 0 VND </p>
+                        <p> - Số lượng: 0 </p>
+                    </td>
+
+                    <td class="whitespace-nowrap">
+                        <p>Không giới hạn thời gian</p>
+                    </td>
+
+                    <td class="whitespace-nowrap">
+                        <p>Admin</p>
+                        <p>06-06-2020, 10:57 am</p>
+                    </td>
+
+                    <td>
+                        <a href="/admin/marketing/promotion-product?id=1"
+                            class="block text-center font-[500] text-[#fff_!important] bg-[#0041E8] rounded-[4px] p-[0_9px] leading-[30px]">Xem</a>
+                    </td>
+
+                    <td>
+                        <div class="flex items-center flex-wrap justify-center w-[180px]">
+                            <a href="/admin/marketing/promotion-add?id=1"
+                                class="border-[1px] border-[#0041E8] icons icon-edit w-[32px] h-[32px] mr-[6px]"
+                                title="Sửa lại"></a>
+                            <a href="" title="Cho Hiển thị"
+                                class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]">
+                            </a>
+                            <!-- <a href="" title="Hạ Hiển thị" class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a> -->
+                            <a href="" title="Dừng khuyến mại"
+                                class="fas fa-volume-mute bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
+                            <a href="" class="icons icon-delete" title="Xóa"></a>
+                        </div>
+                    </td>
+                </tbody>
+            </table>
         </div>
     </div>
-
-    <div>
-        <table class="table">
-            <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
-                <tr class="font-[600]">
-                    <td width="50"> STT </td>
-                    <td> Khuyến mại </td>
-                    <td> Thời gian </td>
-                    <td> Cập nhật cuối </td>
-                    <td> Sản phẩm </td>
-                    <td width="180"> Lựa chọn </td>
-                </tr>
-            </thead>
-
-            <tbody>
-                <td align="center"> 1 </td>
-
-                <td>
-                    <p>
-                        [Quà tặng] <b class="text-[#0041E8] font-bold">Phiếu mua hàng trị giá 100.000 VND</b>
-                    </p>
-                    <p> - Mô tả: Phiếu mua hàng </p>
-                    <p> - Giá trị: 0 VND </p>
-                    <p> - Số lượng: 0 </p>
-                </td>
-
-                <td>
-                    <p>Không giới hạn thời gian</p>
-                </td>
-
-                <td>
-                    <p>Admin</p>
-                    <p>06-06-2020, 10:57 am</p>
-                </td>
-
-                <td>
-                    <a href="/admin/marketing/promotion-product?id=1"
-                        class="block text-center font-[500] text-[#fff_!important] bg-[#0041E8] rounded-[4px] p-[0_9px] leading-[30px]">Xem</a>
-                </td>
-
-                <td>
-                    <div class="flex items-center flex-wrap justify-center">
-                        <a href="/admin/marketing/promotion-add?id=1"
-                            class="border-[1px] border-[#0041E8] icons icon-edit w-[32px] h-[32px] mr-[6px]"
-                            title="Sửa lại"></a>
-                        <a href="" title="Cho Hiển thị"
-                            class="far fa-eye bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]">
-                        </a>
-                        <!-- <a href="" title="Hạ Hiển thị" class="far fa-eye-slash bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a> -->
-                        <a href="" title="Dừng khuyến mại"
-                            class="fas fa-volume-mute bg-[#F9F9F9] leading-[30px] rounded-[5px] text-[#9E9E9E_!important] text-center w-[30px] border border-[#ECECEC] mr-[6px]"></a>
-                        <a href="" class="icons icon-delete" title="Xóa"></a>
-                    </div>
-                </td>
-            </tbody>
-        </table>
-    </div>
 </div>
\ No newline at end of file
diff --git a/template/marketing/promotion_add.html b/template/marketing/promotion_add.html
index ef1e2d9..b29d7ff 100644
--- a/template/marketing/promotion_add.html
+++ b/template/marketing/promotion_add.html
@@ -3,7 +3,7 @@
     <a href=""> Form thêm/sửa khuyến mại </a>
 </div>
 
-<div class="max-w-[1141px] m-[0_auto_20px]">
+<div class="max-w-[1141px] m-[auto] p-[0_15px]">
     <div class="flex flex-wrap items-start justify-center">
         {% if global.url contains 'id=' %}
         <div
diff --git a/template/product/form.html b/template/product/form.html
index 078fead..6f00985 100644
--- a/template/product/form.html
+++ b/template/product/form.html
@@ -6,7 +6,7 @@
             <li class="text-[#0041E8]">Form thêm/sửa sản phẩm</li>
         </ul>
     </div>
-    <div class="w-[1141px] m-auto">
+    <div class="w-[1141px] m-auto p-[0_15px]">
 
         <div class="bg-white p-[10px] rounded-[10px] shadow-[0_1px_1px_0px_#0000001A] mb-[15px]">
             <div class="flex items-center justify-between">
diff --git a/template/system/form_store_design/background.html b/template/system/form_store_design/background.html
index dfa1623..defcb14 100644
--- a/template/system/form_store_design/background.html
+++ b/template/system/form_store_design/background.html
@@ -1,18 +1,21 @@
-<form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
+<form method="post" enctype="multipart/form-data"
+    class="order-page-table w-[calc(100%_-25%_-16px)] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
     <table>
         <tr>
             <td width="230"> Thay Ảnh nền </td>
             <td>
                 <div>
-                    <img src="https://via.placeholder.com/1920x900" class="block"/>
+                    <img src="https://via.placeholder.com/1920x900" class="block" />
                 </div>
-                
+
                 <input type="file" class="cursor-pointer m-[12px_0]" />
 
-                <i class="block text-[#E00000] font-[300]"> Bạn có thể thay nền website bằng hình ảnh. Với file ảnh, yêu cầu là .jpg, .gif, hoặc .png và dung lượng tối đa 300KB. </i>
+                <i class="block text-[#E00000] font-[300]"> Bạn có thể thay nền website bằng hình ảnh. Với file ảnh, yêu
+                    cầu là .jpg, .gif, hoặc .png và dung lượng tối đa 300KB. </i>
             </td>
         </tr>
     </table>
 
-    <input type="submit" value="Cập nhật" class="inline-block mt-[12px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]"/>
+    <input type="submit" value="Cập nhật"
+        class="inline-block mt-[12px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
 </form>
\ No newline at end of file
diff --git a/template/system/form_store_design/header.html b/template/system/form_store_design/header.html
index c42c101..9424a9b 100644
--- a/template/system/form_store_design/header.html
+++ b/template/system/form_store_design/header.html
@@ -1,28 +1,30 @@
-<form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
+<form method="post" enctype="multipart/form-data"
+    class="order-page-table w-[calc(100%_-25%_-16px)] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
     <table>
         <tr>
             <td width="215"> Thay Logo </td>
             <td>
                 <div class="mb-[15px]">
-                    <img src="https://via.placeholder.com/400x300" class="block max-h-[100px]"/>
+                    <img src="https://via.placeholder.com/400x300" class="block max-h-[100px]" />
                 </div>
-                
+
                 <input type="file" class="cursor-pointer" />
             </td>
         </tr>
-        
+
         <tr>
             <td> Thay Ảnh header </td>
             <td>
-                
+
                 <div class="mb-[15px]">
-                    <img src="https://via.placeholder.com/400x300" class="block max-h-[100px]"/>
+                    <img src="https://via.placeholder.com/400x300" class="block max-h-[100px]" />
                 </div>
-                
+
                 <input type="file" class="cursor-pointer" />
             </td>
         </tr>
     </table>
 
-    <input type="submit" value="Cập nhật" class="inline-block mt-[12px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]"/>
+    <input type="submit" value="Cập nhật"
+        class="inline-block mt-[12px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />
 </form>
\ No newline at end of file
diff --git a/template/system/form_store_design/other.html b/template/system/form_store_design/other.html
index 5894f31..6ad7364 100644
--- a/template/system/form_store_design/other.html
+++ b/template/system/form_store_design/other.html
@@ -1,5 +1,5 @@
 <form method="post" enctype="multipart/form-data"
-    class="order-page-table w-[852px] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
+    class="order-page-table w-[calc(100%_-25%_-16px)] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
     <i class="block text-[#E00000] leading-[20px] mb-[20px]">
         <b>Cảnh báo:</b> Vì các cài đặt sau sẽ được sử dụng ở biến global. Nên hệ thống sẽ cho phép tạo tối đa 20 giá
         trị và giới hạn số ký tự không quá 500 mỗi giá trị để đảm bảo website hoạt động tốt. Do vậy chỉ cài đặt các nội
diff --git a/template/system/form_store_design/popup.html b/template/system/form_store_design/popup.html
index c707845..3a30a89 100644
--- a/template/system/form_store_design/popup.html
+++ b/template/system/form_store_design/popup.html
@@ -1,5 +1,5 @@
 <form method="post" enctype="multipart/form-data"
-    class="order-page-table w-[852px] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
+    class="order-page-table w-[calc(100%_-25%_-16px)] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
     <table>
         <tr>
             <td width="230"> Link nhảy đến </td>
diff --git a/template/system/store_design.html b/template/system/store_design.html
index 5b670d1..b08c1b6 100644
--- a/template/system/store_design.html
+++ b/template/system/store_design.html
@@ -3,48 +3,61 @@
     <a href=""> Form sửa phần header </a>
 </div>
 
-<div class="max-w-[1141px] flex flex-wrap items-start m-[0_auto_16px_auto]">
-    <div class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px]">
+<div class="max-w-[1141px] flex flex-wrap items-start m-[0_auto_16px_auto] p-[0_15px]">
+    <div
+        class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px]">
         <p class="font-bold text-[20px] leading-[26px] mb-[10px]"> Tùy chỉnh thành phần giao diện </p>
 
         <p class="w-[100%] text-[#6B7280]">
-            <b>Chú ý:</b> Chức năng này chỉ áp dụng với các giao diện đã được cài đặt cho phép thay đổi 1 số thành phần của giao diện. Biến template sử dụng $settings (global)
+            <b>Chú ý:</b> Chức năng này chỉ áp dụng với các giao diện đã được cài đặt cho phép thay đổi 1 số thành phần
+            của giao diện. Biến template sử dụng $settings (global)
         </p>
-    </div>            
-
-    <div class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
-        <a href="/admin/system/store-design?section=header" {% if global.url contains 'section=header' %} style="color: #Fff;background: #0041E8;"{% endif %} class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> 
-            Phần header 
-        </a>
-
-        <a href="/admin/system/store-design?section=popup" {% if global.url contains 'section=popup' %} style="color: #Fff;background: #0041E8;"{% endif %} class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> 
-            Banner Pop-Up 
-        </a>
-
-        <a href="/admin/system/store-design?section=background" {% if global.url contains 'section=background' %} style="color: #Fff;background: #0041E8;"{% endif %} class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> 
-            Hình nền website 
-        </a>
-
-        <a href="/admin/system/store-design?section=other" {% if global.url contains 'section=other' %} style="color: #Fff;background: #0041E8;"{% endif %} class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> 
-            Thông tin khác 
-        </a>
     </div>
-    
+
+    <div class="w-[25%] mr-[16px]">
+        <div
+            class="w-full bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
+            <a href="/admin/system/store-design?section=header" {% if global.url contains 'section=header' %}
+                style="color: #Fff;background: #0041E8;" {% endif %}
+                class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
+                Phần header
+            </a>
+
+            <a href="/admin/system/store-design?section=popup" {% if global.url contains 'section=popup' %}
+                style="color: #Fff;background: #0041E8;" {% endif %}
+                class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
+                Banner Pop-Up
+            </a>
+
+            <a href="/admin/system/store-design?section=background" {% if global.url contains 'section=background' %}
+                style="color: #Fff;background: #0041E8;" {% endif %}
+                class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
+                Hình nền website
+            </a>
+
+            <a href="/admin/system/store-design?section=other" {% if global.url contains 'section=other' %}
+                style="color: #Fff;background: #0041E8;" {% endif %}
+                class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
+                Thông tin khác
+            </a>
+        </div>
+    </div>
+
     {% if global.url contains 'section=header' %}
-        
-        {% include 'system/form_store_design/header' %}
 
-    {% elsif global.url contains 'section=popup' %} 
-        
-        {% include 'system/form_store_design/popup' %}
+    {% include 'system/form_store_design/header' %}
 
-    {% elsif global.url contains 'section=background' %} 
-        
-        {% include 'system/form_store_design/background' %}
+    {% elsif global.url contains 'section=popup' %}
 
-    {% elsif global.url contains 'section=other' %} 
-        
-        {% include 'system/form_store_design/other' %}
+    {% include 'system/form_store_design/popup' %}
 
-    {% endif %}    
+    {% elsif global.url contains 'section=background' %}
+
+    {% include 'system/form_store_design/background' %}
+
+    {% elsif global.url contains 'section=other' %}
+
+    {% include 'system/form_store_design/other' %}
+
+    {% endif %}
 </div>
\ No newline at end of file
diff --git a/template/theme.html b/template/theme.html
index 8beaab9..254f093 100644
--- a/template/theme.html
+++ b/template/theme.html
@@ -108,7 +108,7 @@
         <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">
+            <div class="admin-header-container flex items-center justify-between bg-white px-4 py-3">
                 <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:block" id="js-show-menu">
@@ -140,7 +140,7 @@
                     </form>
                 </div>
 
-                <div class="admin-header-right flex items-center justify-end sm:mt-[10px]">
+                <div class="admin-header-right flex items-center justify-end">
                     <a href="" title="Truy cập trung tâm hỗ trợ của Hurasoft">
                         <i class="icons header-support"></i>
                     </a>
diff --git a/template/url/url_seo.html b/template/url/url_seo.html
index 2c40b40..02e804f 100644
--- a/template/url/url_seo.html
+++ b/template/url/url_seo.html
@@ -1,19 +1,26 @@
-<div class="max-w-[1141px] m-[17px_auto_20px]">
+<div class="max-w-[1141px] m-[17px_auto_20px] p-[0_15px]">
     <div class="flex flex-wrap items-start justify-center">
 
-        <div class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
+        <div
+            class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
             <p class="font-bold text-[20px]"> Upload Excel SEO sản phẩm </p>
 
             <p class="text-[#6B7280] mt-[10px]"> Yêu cầu file excel theo đúng Cấu hình cột Excel bên dưới </p>
-        </div>            
+        </div>
 
         <!-- col left -->
-        <div class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
-            <a href="javascript:void(0)" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition" style="color: #Fff;background: #0041E8;"> Thông tin </a>
+        <div class="w-[25%] mr-[16px]">
+            <div
+                class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
+                <a href="javascript:void(0)"
+                    class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"
+                    style="color: #Fff;background: #0041E8;"> Thông tin </a>
+            </div>
         </div>
 
         <!-- col right -->
-        <form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[16pX_16px_20px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
+        <form method="post" enctype="multipart/form-data"
+            class="order-page-table w-[calc(100%_-25%_-16px)] bg-white p-[16pX_16px_20px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
             <table>
                 <tr>
                     <td width="215"> File cập nhật </td>
@@ -27,7 +34,7 @@
                     <td> Cấu hình cột Excel </td>
 
                     <td>
-                        
+
                         <table>
                             <tr class="font-[600] bg-[#ECECEC_!important]">
                                 <td> Cột Excel </td>
@@ -59,7 +66,8 @@
                 </tr>
             </table>
 
-            <input name="commit" type="submit" value="Cập nhật" class="inline-block cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px] mt-[17px]"/>
+            <input name="commit" type="submit" value="Cập nhật"
+                class="inline-block cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px] mt-[17px]" />
         </form>
     </div>
 </div>
\ No newline at end of file