diff --git a/MayTinhVietPhong/images/backup-mb-sprite.png b/MayTinhVietPhong/images/backup-mb-sprite.png
new file mode 100644
index 0000000..939d184
Binary files /dev/null and b/MayTinhVietPhong/images/backup-mb-sprite.png differ
diff --git a/MayTinhVietPhong/images/bg/mb/123Vector.png b/MayTinhVietPhong/images/bg/mb/123Vector.png
new file mode 100644
index 0000000..ad32727
Binary files /dev/null and b/MayTinhVietPhong/images/bg/mb/123Vector.png differ
diff --git a/MayTinhVietPhong/images/bg/mb/1Group 703.png b/MayTinhVietPhong/images/bg/mb/1Group 703.png
new file mode 100644
index 0000000..5ab90c0
Binary files /dev/null and b/MayTinhVietPhong/images/bg/mb/1Group 703.png differ
diff --git a/MayTinhVietPhong/images/bg/mb/1Group 720.png b/MayTinhVietPhong/images/bg/mb/1Group 720.png
new file mode 100644
index 0000000..b28d59e
Binary files /dev/null and b/MayTinhVietPhong/images/bg/mb/1Group 720.png differ
diff --git a/MayTinhVietPhong/images/bg/mb/1Group 749.png b/MayTinhVietPhong/images/bg/mb/1Group 749.png
new file mode 100644
index 0000000..ac1dcf2
Binary files /dev/null and b/MayTinhVietPhong/images/bg/mb/1Group 749.png differ
diff --git a/MayTinhVietPhong/images/bg/mb/1Group 750.png b/MayTinhVietPhong/images/bg/mb/1Group 750.png
new file mode 100644
index 0000000..d4c250c
Binary files /dev/null and b/MayTinhVietPhong/images/bg/mb/1Group 750.png differ
diff --git a/MayTinhVietPhong/images/bg/mb/1Group 751.png b/MayTinhVietPhong/images/bg/mb/1Group 751.png
new file mode 100644
index 0000000..241faaf
Binary files /dev/null and b/MayTinhVietPhong/images/bg/mb/1Group 751.png differ
diff --git a/MayTinhVietPhong/images/bg/mb/2Group 703.png b/MayTinhVietPhong/images/bg/mb/2Group 703.png
new file mode 100644
index 0000000..f9065e3
Binary files /dev/null and b/MayTinhVietPhong/images/bg/mb/2Group 703.png differ
diff --git a/MayTinhVietPhong/images/bg/mb/2Group 720.png b/MayTinhVietPhong/images/bg/mb/2Group 720.png
new file mode 100644
index 0000000..781d92a
Binary files /dev/null and b/MayTinhVietPhong/images/bg/mb/2Group 720.png differ
diff --git a/MayTinhVietPhong/images/bg/mb/2Group 749.png b/MayTinhVietPhong/images/bg/mb/2Group 749.png
new file mode 100644
index 0000000..120366e
Binary files /dev/null and b/MayTinhVietPhong/images/bg/mb/2Group 749.png differ
diff --git a/MayTinhVietPhong/images/bg/mb/2Group 750.png b/MayTinhVietPhong/images/bg/mb/2Group 750.png
new file mode 100644
index 0000000..cfb48dd
Binary files /dev/null and b/MayTinhVietPhong/images/bg/mb/2Group 750.png differ
diff --git a/MayTinhVietPhong/images/bg/mb/2Group 751.png b/MayTinhVietPhong/images/bg/mb/2Group 751.png
new file mode 100644
index 0000000..8f33caf
Binary files /dev/null and b/MayTinhVietPhong/images/bg/mb/2Group 751.png differ
diff --git a/MayTinhVietPhong/images/bg/mb/Group 11.png b/MayTinhVietPhong/images/bg/mb/Group 11.png
new file mode 100644
index 0000000..e9814c4
Binary files /dev/null and b/MayTinhVietPhong/images/bg/mb/Group 11.png differ
diff --git a/MayTinhVietPhong/images/bg/mb/Group 132.png b/MayTinhVietPhong/images/bg/mb/Group 132.png
new file mode 100644
index 0000000..89c34e5
Binary files /dev/null and b/MayTinhVietPhong/images/bg/mb/Group 132.png differ
diff --git a/MayTinhVietPhong/images/bg/mb/Group 5.png b/MayTinhVietPhong/images/bg/mb/Group 5.png
new file mode 100644
index 0000000..abf3957
Binary files /dev/null and b/MayTinhVietPhong/images/bg/mb/Group 5.png differ
diff --git a/MayTinhVietPhong/images/bg/mb/Group 715.png b/MayTinhVietPhong/images/bg/mb/Group 715.png
new file mode 100644
index 0000000..c628994
Binary files /dev/null and b/MayTinhVietPhong/images/bg/mb/Group 715.png differ
diff --git a/MayTinhVietPhong/images/bg/mb/Group 745.png b/MayTinhVietPhong/images/bg/mb/Group 745.png
new file mode 100644
index 0000000..df3de02
Binary files /dev/null and b/MayTinhVietPhong/images/bg/mb/Group 745.png differ
diff --git a/MayTinhVietPhong/images/bg/mb/Group 748.png b/MayTinhVietPhong/images/bg/mb/Group 748.png
new file mode 100644
index 0000000..02c34a5
Binary files /dev/null and b/MayTinhVietPhong/images/bg/mb/Group 748.png differ
diff --git a/MayTinhVietPhong/images/bg/mb/Group 821.png b/MayTinhVietPhong/images/bg/mb/Group 821.png
new file mode 100644
index 0000000..4d02985
Binary files /dev/null and b/MayTinhVietPhong/images/bg/mb/Group 821.png differ
diff --git a/MayTinhVietPhong/images/bg/mb/Group 826.png b/MayTinhVietPhong/images/bg/mb/Group 826.png
new file mode 100644
index 0000000..edad339
Binary files /dev/null and b/MayTinhVietPhong/images/bg/mb/Group 826.png differ
diff --git a/MayTinhVietPhong/images/bg/mb/Group 9.png b/MayTinhVietPhong/images/bg/mb/Group 9.png
new file mode 100644
index 0000000..fc69860
Binary files /dev/null and b/MayTinhVietPhong/images/bg/mb/Group 9.png differ
diff --git a/MayTinhVietPhong/images/bg/mb/Group.png b/MayTinhVietPhong/images/bg/mb/Group.png
new file mode 100644
index 0000000..10046d9
Binary files /dev/null and b/MayTinhVietPhong/images/bg/mb/Group.png differ
diff --git a/MayTinhVietPhong/images/bg/mb/New folder/Group 821.png b/MayTinhVietPhong/images/bg/mb/New folder/Group 821.png
new file mode 100644
index 0000000..4d02985
Binary files /dev/null and b/MayTinhVietPhong/images/bg/mb/New folder/Group 821.png differ
diff --git a/MayTinhVietPhong/images/bg/mb/New folder/Group 826.png b/MayTinhVietPhong/images/bg/mb/New folder/Group 826.png
new file mode 100644
index 0000000..edad339
Binary files /dev/null and b/MayTinhVietPhong/images/bg/mb/New folder/Group 826.png differ
diff --git a/MayTinhVietPhong/images/bg/mb/New folder/Group.png b/MayTinhVietPhong/images/bg/mb/New folder/Group.png
new file mode 100644
index 0000000..10046d9
Binary files /dev/null and b/MayTinhVietPhong/images/bg/mb/New folder/Group.png differ
diff --git a/MayTinhVietPhong/images/bg/mb/New folder/Maytinh VietPhong (Copy).zip b/MayTinhVietPhong/images/bg/mb/New folder/Maytinh VietPhong (Copy).zip
new file mode 100644
index 0000000..218e29d
Binary files /dev/null and b/MayTinhVietPhong/images/bg/mb/New folder/Maytinh VietPhong (Copy).zip differ
diff --git a/MayTinhVietPhong/images/bg/mb/Vector (1).png b/MayTinhVietPhong/images/bg/mb/Vector (1).png
new file mode 100644
index 0000000..8b6b184
Binary files /dev/null and b/MayTinhVietPhong/images/bg/mb/Vector (1).png differ
diff --git a/MayTinhVietPhong/images/bg/mb/Vector 22.png b/MayTinhVietPhong/images/bg/mb/Vector 22.png
new file mode 100644
index 0000000..e43027f
Binary files /dev/null and b/MayTinhVietPhong/images/bg/mb/Vector 22.png differ
diff --git a/MayTinhVietPhong/images/bg/mb/Vector-1.png b/MayTinhVietPhong/images/bg/mb/Vector-1.png
new file mode 100644
index 0000000..134d511
Binary files /dev/null and b/MayTinhVietPhong/images/bg/mb/Vector-1.png differ
diff --git a/MayTinhVietPhong/images/bg/mb/Vector.png b/MayTinhVietPhong/images/bg/mb/Vector.png
new file mode 100644
index 0000000..501587c
Binary files /dev/null and b/MayTinhVietPhong/images/bg/mb/Vector.png differ
diff --git a/MayTinhVietPhong/images/bg/mb/image 19.png b/MayTinhVietPhong/images/bg/mb/image 19.png
new file mode 100644
index 0000000..6c80202
Binary files /dev/null and b/MayTinhVietPhong/images/bg/mb/image 19.png differ
diff --git a/MayTinhVietPhong/images/bg/mb/vuesax/linear/category.png b/MayTinhVietPhong/images/bg/mb/vuesax/linear/category.png
new file mode 100644
index 0000000..d4c250c
Binary files /dev/null and b/MayTinhVietPhong/images/bg/mb/vuesax/linear/category.png differ
diff --git a/MayTinhVietPhong/images/bg/mb/vuesax/linear/shopping-cart.png b/MayTinhVietPhong/images/bg/mb/vuesax/linear/shopping-cart.png
new file mode 100644
index 0000000..241faaf
Binary files /dev/null and b/MayTinhVietPhong/images/bg/mb/vuesax/linear/shopping-cart.png differ
diff --git a/MayTinhVietPhong/images/bg/mb/vuesax/linear/vuesax/linear/Vector.png b/MayTinhVietPhong/images/bg/mb/vuesax/linear/vuesax/linear/Vector.png
new file mode 100644
index 0000000..8125a6e
Binary files /dev/null and b/MayTinhVietPhong/images/bg/mb/vuesax/linear/vuesax/linear/Vector.png differ
diff --git a/MayTinhVietPhong/images/bg/pc/Group 3.png b/MayTinhVietPhong/images/bg/pc/Group 3.png
new file mode 100644
index 0000000..648a058
Binary files /dev/null and b/MayTinhVietPhong/images/bg/pc/Group 3.png differ
diff --git a/MayTinhVietPhong/images/bg/pc/Group 402 (1).png b/MayTinhVietPhong/images/bg/pc/Group 402 (1).png
new file mode 100644
index 0000000..4afc12c
Binary files /dev/null and b/MayTinhVietPhong/images/bg/pc/Group 402 (1).png differ
diff --git a/MayTinhVietPhong/images/bg/pc/Group 402.png b/MayTinhVietPhong/images/bg/pc/Group 402.png
new file mode 100644
index 0000000..e587fb4
Binary files /dev/null and b/MayTinhVietPhong/images/bg/pc/Group 402.png differ
diff --git a/MayTinhVietPhong/images/bg/pc/Group 461.png b/MayTinhVietPhong/images/bg/pc/Group 461.png
new file mode 100644
index 0000000..9440f92
Binary files /dev/null and b/MayTinhVietPhong/images/bg/pc/Group 461.png differ
diff --git a/MayTinhVietPhong/images/bg/pc/Group 48.png b/MayTinhVietPhong/images/bg/pc/Group 48.png
new file mode 100644
index 0000000..215e726
Binary files /dev/null and b/MayTinhVietPhong/images/bg/pc/Group 48.png differ
diff --git a/MayTinhVietPhong/images/bg/pc/Group 498.png b/MayTinhVietPhong/images/bg/pc/Group 498.png
new file mode 100644
index 0000000..70709d7
Binary files /dev/null and b/MayTinhVietPhong/images/bg/pc/Group 498.png differ
diff --git a/MayTinhVietPhong/images/bg/pc/Group 5.png b/MayTinhVietPhong/images/bg/pc/Group 5.png
new file mode 100644
index 0000000..9fe1ae0
Binary files /dev/null and b/MayTinhVietPhong/images/bg/pc/Group 5.png differ
diff --git a/MayTinhVietPhong/images/bg/pc/Group 500.png b/MayTinhVietPhong/images/bg/pc/Group 500.png
new file mode 100644
index 0000000..34ea8f0
Binary files /dev/null and b/MayTinhVietPhong/images/bg/pc/Group 500.png differ
diff --git a/MayTinhVietPhong/images/bg/pc/Group 501.png b/MayTinhVietPhong/images/bg/pc/Group 501.png
new file mode 100644
index 0000000..7a594f9
Binary files /dev/null and b/MayTinhVietPhong/images/bg/pc/Group 501.png differ
diff --git a/MayTinhVietPhong/images/bg/pc/Group 512.png b/MayTinhVietPhong/images/bg/pc/Group 512.png
new file mode 100644
index 0000000..898a9ff
Binary files /dev/null and b/MayTinhVietPhong/images/bg/pc/Group 512.png differ
diff --git a/MayTinhVietPhong/images/bg/pc/Group 513.png b/MayTinhVietPhong/images/bg/pc/Group 513.png
new file mode 100644
index 0000000..f75b13a
Binary files /dev/null and b/MayTinhVietPhong/images/bg/pc/Group 513.png differ
diff --git a/MayTinhVietPhong/images/bg/pc/Group 53.png b/MayTinhVietPhong/images/bg/pc/Group 53.png
new file mode 100644
index 0000000..99d0a94
Binary files /dev/null and b/MayTinhVietPhong/images/bg/pc/Group 53.png differ
diff --git a/MayTinhVietPhong/images/bg/pc/Group 54.png b/MayTinhVietPhong/images/bg/pc/Group 54.png
new file mode 100644
index 0000000..cd71031
Binary files /dev/null and b/MayTinhVietPhong/images/bg/pc/Group 54.png differ
diff --git a/MayTinhVietPhong/images/bg/pc/Group 549.png b/MayTinhVietPhong/images/bg/pc/Group 549.png
new file mode 100644
index 0000000..9ab3863
Binary files /dev/null and b/MayTinhVietPhong/images/bg/pc/Group 549.png differ
diff --git a/MayTinhVietPhong/images/bg/pc/Group 55.png b/MayTinhVietPhong/images/bg/pc/Group 55.png
new file mode 100644
index 0000000..3b340f0
Binary files /dev/null and b/MayTinhVietPhong/images/bg/pc/Group 55.png differ
diff --git a/MayTinhVietPhong/images/bg/pc/Group 56.png b/MayTinhVietPhong/images/bg/pc/Group 56.png
new file mode 100644
index 0000000..69707fc
Binary files /dev/null and b/MayTinhVietPhong/images/bg/pc/Group 56.png differ
diff --git a/MayTinhVietPhong/images/bg/pc/Group 6.png b/MayTinhVietPhong/images/bg/pc/Group 6.png
new file mode 100644
index 0000000..d470fef
Binary files /dev/null and b/MayTinhVietPhong/images/bg/pc/Group 6.png differ
diff --git a/MayTinhVietPhong/images/bg/pc/Group 618.png b/MayTinhVietPhong/images/bg/pc/Group 618.png
new file mode 100644
index 0000000..fef4669
Binary files /dev/null and b/MayTinhVietPhong/images/bg/pc/Group 618.png differ
diff --git a/MayTinhVietPhong/images/bg/pc/Group 640.png b/MayTinhVietPhong/images/bg/pc/Group 640.png
new file mode 100644
index 0000000..e5a614f
Binary files /dev/null and b/MayTinhVietPhong/images/bg/pc/Group 640.png differ
diff --git a/MayTinhVietPhong/images/bg/pc/Group 662.png b/MayTinhVietPhong/images/bg/pc/Group 662.png
new file mode 100644
index 0000000..8d188f1
Binary files /dev/null and b/MayTinhVietPhong/images/bg/pc/Group 662.png differ
diff --git a/MayTinhVietPhong/images/bg/pc/Group 686.png b/MayTinhVietPhong/images/bg/pc/Group 686.png
new file mode 100644
index 0000000..f963f5a
Binary files /dev/null and b/MayTinhVietPhong/images/bg/pc/Group 686.png differ
diff --git a/MayTinhVietPhong/images/bg/pc/Group 692.png b/MayTinhVietPhong/images/bg/pc/Group 692.png
new file mode 100644
index 0000000..73368ab
Binary files /dev/null and b/MayTinhVietPhong/images/bg/pc/Group 692.png differ
diff --git a/MayTinhVietPhong/images/bg/pc/Group 7 (1).png b/MayTinhVietPhong/images/bg/pc/Group 7 (1).png
new file mode 100644
index 0000000..4aa2427
Binary files /dev/null and b/MayTinhVietPhong/images/bg/pc/Group 7 (1).png differ
diff --git a/MayTinhVietPhong/images/bg/pc/Group 7.png b/MayTinhVietPhong/images/bg/pc/Group 7.png
new file mode 100644
index 0000000..d107759
Binary files /dev/null and b/MayTinhVietPhong/images/bg/pc/Group 7.png differ
diff --git a/MayTinhVietPhong/images/bg/pc/Mask group.png b/MayTinhVietPhong/images/bg/pc/Mask group.png
new file mode 100644
index 0000000..853f577
Binary files /dev/null and b/MayTinhVietPhong/images/bg/pc/Mask group.png differ
diff --git a/MayTinhVietPhong/images/bg/pc/Vector (1).png b/MayTinhVietPhong/images/bg/pc/Vector (1).png
new file mode 100644
index 0000000..efb58a8
Binary files /dev/null and b/MayTinhVietPhong/images/bg/pc/Vector (1).png differ
diff --git a/MayTinhVietPhong/images/bg/pc/Vector (2).png b/MayTinhVietPhong/images/bg/pc/Vector (2).png
new file mode 100644
index 0000000..9f6ff3c
Binary files /dev/null and b/MayTinhVietPhong/images/bg/pc/Vector (2).png differ
diff --git a/MayTinhVietPhong/images/bg/pc/Vector (Stroke).png b/MayTinhVietPhong/images/bg/pc/Vector (Stroke).png
new file mode 100644
index 0000000..2d95492
Binary files /dev/null and b/MayTinhVietPhong/images/bg/pc/Vector (Stroke).png differ
diff --git a/MayTinhVietPhong/images/bg/pc/Vector-1.png b/MayTinhVietPhong/images/bg/pc/Vector-1.png
new file mode 100644
index 0000000..a079326
Binary files /dev/null and b/MayTinhVietPhong/images/bg/pc/Vector-1.png differ
diff --git a/MayTinhVietPhong/images/bg/pc/Vector-2.png b/MayTinhVietPhong/images/bg/pc/Vector-2.png
new file mode 100644
index 0000000..1c85612
Binary files /dev/null and b/MayTinhVietPhong/images/bg/pc/Vector-2.png differ
diff --git a/MayTinhVietPhong/images/bg/pc/Vector.png b/MayTinhVietPhong/images/bg/pc/Vector.png
new file mode 100644
index 0000000..6113938
Binary files /dev/null and b/MayTinhVietPhong/images/bg/pc/Vector.png differ
diff --git a/MayTinhVietPhong/images/bg/pc/bi_search.png b/MayTinhVietPhong/images/bg/pc/bi_search.png
new file mode 100644
index 0000000..bea990e
Binary files /dev/null and b/MayTinhVietPhong/images/bg/pc/bi_search.png differ
diff --git a/MayTinhVietPhong/images/bg/pc/bolt.png b/MayTinhVietPhong/images/bg/pc/bolt.png
new file mode 100644
index 0000000..9c2122d
Binary files /dev/null and b/MayTinhVietPhong/images/bg/pc/bolt.png differ
diff --git a/MayTinhVietPhong/images/bg/pc/cart.png b/MayTinhVietPhong/images/bg/pc/cart.png
new file mode 100644
index 0000000..1ad3dd2
Binary files /dev/null and b/MayTinhVietPhong/images/bg/pc/cart.png differ
diff --git a/MayTinhVietPhong/images/bg/pc/customer-service 1.png b/MayTinhVietPhong/images/bg/pc/customer-service 1.png
new file mode 100644
index 0000000..2d16576
Binary files /dev/null and b/MayTinhVietPhong/images/bg/pc/customer-service 1.png differ
diff --git a/MayTinhVietPhong/images/bg/pc/fast-delivery 1.png b/MayTinhVietPhong/images/bg/pc/fast-delivery 1.png
new file mode 100644
index 0000000..0b819db
Binary files /dev/null and b/MayTinhVietPhong/images/bg/pc/fast-delivery 1.png differ
diff --git a/MayTinhVietPhong/images/bg/pc/free-delivery 2.png b/MayTinhVietPhong/images/bg/pc/free-delivery 2.png
new file mode 100644
index 0000000..308236f
Binary files /dev/null and b/MayTinhVietPhong/images/bg/pc/free-delivery 2.png differ
diff --git a/MayTinhVietPhong/images/bg/pc/gift.png b/MayTinhVietPhong/images/bg/pc/gift.png
new file mode 100644
index 0000000..7258732
Binary files /dev/null and b/MayTinhVietPhong/images/bg/pc/gift.png differ
diff --git a/MayTinhVietPhong/images/bg/pc/image 18 (1).png b/MayTinhVietPhong/images/bg/pc/image 18 (1).png
new file mode 100644
index 0000000..8ad015f
Binary files /dev/null and b/MayTinhVietPhong/images/bg/pc/image 18 (1).png differ
diff --git a/MayTinhVietPhong/images/bg/pc/image 18.png b/MayTinhVietPhong/images/bg/pc/image 18.png
new file mode 100644
index 0000000..20b32ec
Binary files /dev/null and b/MayTinhVietPhong/images/bg/pc/image 18.png differ
diff --git a/MayTinhVietPhong/images/bg/pc/image 19.png b/MayTinhVietPhong/images/bg/pc/image 19.png
new file mode 100644
index 0000000..e38076f
Binary files /dev/null and b/MayTinhVietPhong/images/bg/pc/image 19.png differ
diff --git a/MayTinhVietPhong/images/bg/pc/image 21.png b/MayTinhVietPhong/images/bg/pc/image 21.png
new file mode 100644
index 0000000..fbbb2f5
Binary files /dev/null and b/MayTinhVietPhong/images/bg/pc/image 21.png differ
diff --git a/MayTinhVietPhong/images/bg/pc/image 23.png b/MayTinhVietPhong/images/bg/pc/image 23.png
new file mode 100644
index 0000000..c4f08a8
Binary files /dev/null and b/MayTinhVietPhong/images/bg/pc/image 23.png differ
diff --git a/MayTinhVietPhong/images/bg/pc/image 24.png b/MayTinhVietPhong/images/bg/pc/image 24.png
new file mode 100644
index 0000000..c891d5e
Binary files /dev/null and b/MayTinhVietPhong/images/bg/pc/image 24.png differ
diff --git a/MayTinhVietPhong/images/bg/pc/image 25.png b/MayTinhVietPhong/images/bg/pc/image 25.png
new file mode 100644
index 0000000..05b64bc
Binary files /dev/null and b/MayTinhVietPhong/images/bg/pc/image 25.png differ
diff --git a/MayTinhVietPhong/images/bg/pc/money-bag 1.png b/MayTinhVietPhong/images/bg/pc/money-bag 1.png
new file mode 100644
index 0000000..fe9cad7
Binary files /dev/null and b/MayTinhVietPhong/images/bg/pc/money-bag 1.png differ
diff --git a/MayTinhVietPhong/images/bg/pc/up.png b/MayTinhVietPhong/images/bg/pc/up.png
new file mode 100644
index 0000000..83a5b4f
Binary files /dev/null and b/MayTinhVietPhong/images/bg/pc/up.png differ
diff --git a/MayTinhVietPhong/images/homepage/home-category.png b/MayTinhVietPhong/images/homepage/home-category.png
new file mode 100644
index 0000000..573edc3
Binary files /dev/null and b/MayTinhVietPhong/images/homepage/home-category.png differ
diff --git a/MayTinhVietPhong/images/mb-home-deal-bg.png b/MayTinhVietPhong/images/mb-home-deal-bg.png
new file mode 100644
index 0000000..e90f042
Binary files /dev/null and b/MayTinhVietPhong/images/mb-home-deal-bg.png differ
diff --git a/MayTinhVietPhong/images/mb-sprite.png b/MayTinhVietPhong/images/mb-sprite.png
new file mode 100644
index 0000000..f87f1ae
Binary files /dev/null and b/MayTinhVietPhong/images/mb-sprite.png differ
diff --git a/MayTinhVietPhong/images/mobile-logo.png b/MayTinhVietPhong/images/mobile-logo.png
new file mode 100644
index 0000000..689ff0b
Binary files /dev/null and b/MayTinhVietPhong/images/mobile-logo.png differ
diff --git a/MayTinhVietPhong/index-mobile.html b/MayTinhVietPhong/index-mobile.html
index d43bcd6..5b6b7cb 100644
--- a/MayTinhVietPhong/index-mobile.html
+++ b/MayTinhVietPhong/index-mobile.html
@@ -9,7 +9,7 @@
 
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>        
-    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap" rel="stylesheet">
     
     <link rel="stylesheet" media="screen" href="scss/lib.css" />
     <link rel="stylesheet" media="screen" href="scss/mobile_css.css" />       
@@ -19,1062 +19,1457 @@
 
 <!-- Header -->
 <div class="global-header-container">
-    <div class="d-flex align-items-center">
-        <a href="#js-global-menu" class="icons icon-menu"></a>
+    <a href="javascript:void(0)" class="mb-icons icon-menu" onclick="_openMenu()"></a>
+    
+    <a href="/" class="header-logo">
+        <img src="images/mobile-logo.png"  alt="Máy Tính Việt Phong | Cung cấp pc gaming, lắp đặt phòng net" width="1" height="1"/>
+    </a>
 
-        <a href="/" class="header-logo">
-            <img src="images/logo.png" alt="Đồ gia dụng" width="1" height="1"/>
-        </a>
-    </div>
+    <a href="/cart" class="mb-icons icon-cart">
+        <span class="js-cart-count cart-count">0</span>
+    </a>
 
-    <div class="d-flex flex-wrap align-items-center">        
-        <a href="javascript:void(0)" class="icons icon-search" id="js-btn-search"></a>
-
-        <a href="/taikhoan" class="icons icon-user" title="Tài khoản của bạn"></a>
-
-        <a href="/cart" class="icons icon-cart">
-            <span class="js-cart-count cart-count">0</span>
-        </a>        
-    </div>
-
-    <div class="header-search-group" id="js-search-group">
+    <div class="header-search-group">
         <form method="get" action="/tim" name="search">
-            <input type="text" id="js-global-search" name="q" placeholder="Từ khóa tìm kiếm" value="" autocomplete="off" class="text-search">
-            <button type="submit" class="icons icon-search"></button>
+            <input type="text" id="js-global-search" name="q" placeholder="Nhập từ khóa cần tìm" value="" autocomplete="off">
+
+            <button type="submit" class="mb-icons icon-search"></button>
         </form>
 
         <div class="autocomplete-suggestions" id="js-search-holder" style="display: none;"><!-- search data --></div>
     </div>
 </div>
+<div class="global-header-block" style="height: 97px;"></div>
 
 
-
-<!-- Homepage -->
-<div class="homepage" >
-    <div class="home-banner-group owl-carousel owl-theme custom-dots" id="js-home-slider">
-        <a href=""><img data-src="images/homepage/slider.png" alt="" width="" height="" class="owl-lazy"/></a>
-        <a href=""><img data-src="https://via.placeholder.com/1920x660" alt="" width="" height="" class="owl-lazy"/></a>
-        <a href=""><img data-src="images/homepage/slider.png" alt="" width="" height="" class="owl-lazy"/></a>
-    </div>
-
-    <!-- category -->
-    <div class="home-category-group">
-        <div class="item" data-aos="fade-up" data-aos-duration="1300">
-            <div class="box-left">
-                <a href="" class="cat-1">Thiết bị nhà bếp</a>
-                <a href="">Bếp điện từ - hồng ngoại</a>
-                <a href="">Máy hút mùi</a>
-                <a href="">Máy rửa bát</a>
-                <a href="">Bếp gas âm</a>
-
-                <a href="" class="global-btn-view" target="_blank">Xem tất cả</a>
-            </div>
-
-            <a href="" class="box-img">
-                <img src="images/homepage/thiet-bi-nha-bep.png" alt="cat thumb" width="1" height="1" class="lazy"/>
-            </a>
-        </div>
-
-        <div class="item" data-aos="fade-up" data-aos-duration="1300">
-            <div class="box-left">
-                <a href="" class="cat-1">Điện gia dụng</a>
-                <a href="">Ấm siêu tốc</a>
-                <a href="">Máy làm mát</a>
-                <a href="">Bàn là</a>
-                <a href="">Bếp điện</a>
-
-                <a href="" class="global-btn-view" target="_blank">Xem tất cả</a>
-            </div>
-
-            <a href="" class="box-img">
-                <img src="images/homepage/dien-gia-dung.png" alt="cat thumb" width="1" height="1" class="lazy"/>
-            </a>
-        </div>
-
-        <div class="item" data-aos="fade-up" data-aos-duration="1300">
-            <div class="box-left">
-                <a href="" class="cat-1">Đồ gia dụng</a>
-                <a href="">Bộ nồi inox</a>
-                <a href="">Chảo chống dính</a>
-                <a href="">Nồi áp suất</a>
-
-                <a href="" class="global-btn-view" target="_blank">Xem tất cả</a>
-            </div>
-
-            <a href="" class="box-img">
-                <img src="images/homepage/do-gia-dung.png" alt="cat thumb" width="1" height="1" class="lazy"/>
-            </a>
-        </div>
-
-        <div class="item" data-aos="fade-up" data-aos-duration="1300">
-            <div class="box-left">
-                <a href="" class="cat-1">Điều hòa</a>
-                <a href="">Điều hòa treo tường</a>
-                <a href="">Điều hòa tủ đứng</a>
-                <a href="">Điều hòa trung tâm</a>
-
-                <a href="" class="global-btn-view" target="_blank">Xem tất cả</a>
-            </div>
-
-            <a href="" class="box-img">
-                <img src="images/homepage/dieu-hoa.png" alt="cat thumb" width="1" height="1" class="lazy"/>
-            </a>
-        </div>
-    </div>
-
-    <!-- Deal -->
-    <div class="home-deal-group" data-aos="fade-up" data-aos-duration="1300">
-        <div class="group-title d-flex flex-wrap align-items-center justify-content-center">
-            <i class="icons icon-bolt" data-aos="fade-up" data-aos-duration="1500"></i>
-
-            <h2 class="title" data-aos="fade-up" data-aos-duration="1800">giờ vàng giá sốc</h2>
-
-            <div class="w-100 d-flex flex-wrap align-items-center justify-content-center">
-                <p data-aos="fade-up" data-aos-duration="2000">Kết thúc sau</p>
-
-                <div class="global-deal-countdown js-countdown-time"><!-- <b>02</b> <b>32</b> <b>16</b> --></div>
-            </div>
-        </div>
-
-        <div class="product-holder">
-            <div class="p-item" data-aos="fade-up" data-aos-duration="1300">
-                <a href="" class="p-img">
-                    <img src="images/product-1.png" alt="" width="250" height="250"/>
-                </a>                
-            
-                <div class="p-text">
-                    <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a>
-                    
-                    <p class="p-price">270.000<u>đ</u></p>
-
-                    <div class="p-price-group">
-                        <del>465.000<u>đ</u></del>
-                        <span class="p-discount">(Tiết kiệm: 12%)</span>
-                    </div>
-            
-                    <div class="p-deal-group">                                                    
-                        <span class="p-line" style="width: 80%;"></span>
-            
-                        <p class="p-sale-quantity">Đã bán 40%</p>
-                    </div>
-                </div>
-            </div>
-
-            <div class="p-item" data-aos="fade-up" data-aos-duration="1300"> <a href="" class="p-img"> <img src="images/product-2.png" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <p class="p-price">270.000<u>đ</u></p><div class="p-price-group">  </div><div class="p-deal-group"> <span class="p-line" style="width: 20%;"></span><p class="p-sale-quantity">Đã bán 20%</p></div></div></div><div class="p-item" data-aos="fade-up" data-aos-duration="1300"> <a href="" class="p-img"> <img src="images/product-3.png" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <p class="p-price">270.000<u>đ</u></p><div class="p-price-group"> <del>465.000<u>đ</u></del> <span class="p-discount">(Tiết kiệm: 12%)</span> </div><div class="p-deal-group"> <span class="p-line" style="width: 20%;"></span><p class="p-sale-quantity">Đã bán 20%</p></div></div></div><div class="p-item" data-aos="fade-up" data-aos-duration="1300"> <a href="" class="p-img"> <img src="images/product-4.png" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur</h3></a> <p class="p-price">270.000<u>đ</u></p><div class="p-price-group"> <del>465.000<u>đ</u></del> <span class="p-discount">(Tiết kiệm: 12%)</span> </div><div class="p-deal-group"> <span class="p-line" style="width: 20%;"></span><p class="p-sale-quantity">Đã bán 20%</p></div></div></div>            
-        </div>
-
-        <a href="/deal" class="global-btn-view" target="_blank">Xem tất cả</a>
-    </div>
-
-    <!-- Banner -->
-    <div class="banner-under-deal owl-carousel owl-theme" id="js-banner-under-deal">
-        <a href="">
-            <img data-src="images/homepage/banner-under-deal-1.png" alt="banner" width="" height="" class="owl-lazy"/>
-        </a>
-        <a href="">
-            <img data-src="images/homepage/banner-under-deal-2.png" alt="banner" width="" height="" class="owl-lazy"/>
-        </a>
-        <a href="">
-            <img data-src="images/homepage/banner-under-deal-1.png" alt="banner" width="" height="" class="owl-lazy"/>
-        </a>
-        <a href="">
-            <img data-src="images/homepage/banner-under-deal-2.png" alt="banner" width="" height="" class="owl-lazy"/>
-        </a>
-    </div>
-
-    <!-- product-category -->
-    <div class="home-box-group" data-aos="fade-right" data-aos-duration="1300">
-        <h2 class="box-title">Thiết bị nhà bếp</h2>
-            
-        <div class="box-holder-left">
-            <div class="p-item" data-aos="fade-up" data-aos-duration="1300">
-                <a href="" class="p-img">
-                    <img src="images/product-1.png" alt="" width="250" height="250"/>
-                </a>                
-            
-                <div class="p-text">
-                    <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a>
-                    
-                    <p class="p-price">270.000<u>đ</u></p>
-
-                    <div class="p-price-group">
-                        <del>465.000<u>đ</u></del>
-                        <span class="p-discount">(Tiết kiệm: 12%)</span>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <div class="box-holder-right">
-            <div class="p-item" data-aos="fade-up" data-aos-duration="1300">
-                <a href="" class="p-img">
-                    <img src="images/product-1.png" alt="" width="250" height="250"/>
-                </a>                
-            
-                <div class="p-text">
-                    <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a>
-                    
-                    <p class="p-price">270.000<u>đ</u></p>
-
-                    <div class="p-price-group">
-                        <del>465.000<u>đ</u></del>
-                        <span class="p-discount">(Tiết kiệm: 12%)</span>
-                    </div>
-                </div>
-            </div>
-
-            <div class="p-item" data-aos="fade-up" data-aos-duration="1300"> <a href="" class="p-img"> <img src="images/product-2.png" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <p class="p-price">270.000<u>đ</u></p><div class="p-price-group">  </div></div></div>
-        </div>
-
-        <a href="" class="global-btn-view" target="_blank" data-aos="fade-up" data-aos-duration="1300">Xem tất cả</a>
-    </div>
-
-    <!-- product-category -->
-    <div class="home-box-group" data-aos="fade-right" data-aos-duration="1300">
-        <h2 class="box-title">Điện gia dụng</h2>
-
-        <div class="box-holder-left">
-            <div class="p-item" data-aos="fade-up" data-aos-duration="1300">
-                <a href="" class="p-img">
-                    <img src="images/product-1.png" alt="" width="250" height="250"/>
-                </a>                
-            
-                <div class="p-text">
-                    <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a>
-                    
-                    <p class="p-price">270.000<u>đ</u></p>
-
-                    <div class="p-price-group">
-                        <del>465.000<u>đ</u></del>
-                        <span class="p-discount">(Tiết kiệm: 12%)</span>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <div class="box-holder-right">
-            <div class="p-item" data-aos="fade-up" data-aos-duration="1300">
-                <a href="" class="p-img">
-                    <img src="images/product-1.png" alt="" width="250" height="250"/>
-                </a>                
-            
-                <div class="p-text">
-                    <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a>
-                    
-                    <p class="p-price">270.000<u>đ</u></p>
-
-                    <div class="p-price-group">
-                        <del>465.000<u>đ</u></del>
-                        <span class="p-discount">(Tiết kiệm: 12%)</span>
-                    </div>
-                </div>
-            </div>
-
-            <div class="p-item" data-aos="fade-up" data-aos-duration="1300"> <a href="" class="p-img"> <img src="images/product-2.png" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <p class="p-price">270.000<u>đ</u></p><div class="p-price-group">  </div></div></div>
-        </div>
-        
-        <a href="" class="global-btn-view" target="_blank" data-aos="fade-up" data-aos-duration="1300">Xem tất cả</a>
-    </div>
+<div class="global-page-content">
     
+    <!-- Homepage -->
+    <div class="homepage">
+        <div class="home-banner-container">
+            <div class="home-banner-slider owl-carousel owl-theme custom-dots" id="js-home-slider">
+                <a href=""><img data-src="images/homepage/slider-home.png" alt="" width="" height="" class="owl-lazy"/></a>
+                <a href=""><img data-src="images/homepage/slider-home.png" alt="" width="" height="" class="owl-lazy"/></a>
+            </div>
 
-    <!-- Khách hàng nói về chúng tôi -->
-    <div class="home-customer-comment-group" data-aos="fade-up" data-aos-duration="1300">
-        <div class="box-title-group">
-            <p class="title" data-aos="fade-right" data-aos-duration="1500">Khách hàng nói về chúng tôi</p>
-
-            <a href="" class="global-btn-view" target="_blank">Xem tất cả</a>
-        </div>
-
-        <div class="owl-carousel owl-theme custom-dots" id="js-customer-comment-list">
-            <div class="item">
-                <div class="image">
-                    <img data-src="images/homepage/comment-1.png" alt="comment" width="1" height="1" class="owl-lazy"/>
-                </div>
-            
-                <div class="item-name">
-                    <i style="background-image: url(images/homepage/customer-avatar.png)"></i>
-                    <b>Nguyễn Hồng nhung</b>
-                    <span> - 0383 100 ***</span>
-                </div>
-                
-                <i class="icon-star star-5"></i>
-                
-                <div class="summary">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum rerum ipsam accusamus molestias temporibus, libero placeat numquam porro rem! Dolor cumque beatae distinctio harum! Voluptas exercitationem distinctio assumenda aliquid amet.</div>
-            </div>
-            
-            <div class="item">
-                <div class="image">
-                    <img data-src="images/homepage/comment-2.png" alt="comment" width="1" height="1" class="owl-lazy"/>                    
-                </div>
-            
-                <div class="item-name">
-                    <i style="background-image: url(images/homepage/customer-avatar.png)"></i>
-                    <b>Nguyễn Hồng nhung</b>
-                    <span> - 0383 100 ***</span>
-                </div>
-                
-                <i class="icon-star star-5"></i>
-                
-                <div class="summary">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum rerum ipsam accusamus molestias temporibus, libero placeat numquam porro rem! Dolor cumque beatae distinctio harum! Voluptas exercitationem distinctio assumenda aliquid amet.</div>
-            </div>
-            
-            <div class="item">
-                <div class="image">
-                    <img data-src="images/homepage/comment-3.png" alt="comment" width="1" height="1" class="owl-lazy"/>                    
-                </div>
-            
-                <div class="item-name">
-                    <i style="background-image: url(images/homepage/customer-avatar.png)"></i>
-                    <b>Nguyễn Hồng nhung</b>
-                    <span> - 0383 100 ***</span>
-                </div>
-                
-                <i class="icon-star star-5"></i>
-                
-                <div class="summary">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum rerum ipsam accusamus molestias temporibus, libero placeat numquam porro rem! Dolor cumque beatae distinctio harum! Voluptas exercitationem distinctio assumenda aliquid amet.</div>
-            </div>
-            
-            <div class="item">
-                <div class="image">
-                    <img data-src="images/homepage/comment-4.png" alt="comment" width="1" height="1" class="owl-lazy"/>                    
-                </div>
-            
-                <div class="item-name">
-                    <i style="background-image: url(images/homepage/customer-avatar.png)"></i>
-                    <b>Nguyễn Hồng nhung</b>
-                    <span> - 0383 100 ***</span>
-                </div>
-                
-                <i class="icon-star star-5"></i>
-                
-                <div class="summary">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum rerum ipsam accusamus molestias temporibus, libero placeat numquam porro rem! Dolor cumque beatae distinctio harum! Voluptas exercitationem distinctio assumenda aliquid amet.</div>
-            </div>
-            
-            <div class="item">
-                <div class="image">
-                    <img data-src="images/homepage/comment-1.png" alt="comment" width="1" height="1" class="owl-lazy"/>                    
-                </div>
-            
-                <div class="item-name">
-                    <i style="background-image: url(images/homepage/customer-avatar.png)"></i>
-                    <b>Nguyễn Hồng nhung</b>
-                    <span> - 0383 100 ***</span>
-                </div>
-                
-                <i class="icon-star star-5"></i>
-                
-                <div class="summary">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum rerum ipsam accusamus molestias temporibus, libero placeat numquam porro rem! Dolor cumque beatae distinctio harum! Voluptas exercitationem distinctio assumenda aliquid amet.</div>
-            </div>
-        </div>
-    </div>
-</div>
-
-<!-- breadcrumb -->
-<div class="global-breadcrumb">
-    <div class="container">
-        <ol itemscope="" itemtype="http://schema.org/BreadcrumbList" class="ul clearfix">
-            <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
-                <a href="/" itemprop="item" class="nopad-l">
-                    <span itemprop="name">Home</span>
-                </a> 
-                <meta itemprop="position" content="1">
-            </li>
-            
-            
-            <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
-                <a href="" itemprop="item" class="nopad-l">
-                    <span itemprop="name"> Danh mục cấp 2 </span> 
+            <div class="home-btn-group">
+                <a href="javascript:void(0)" onclick="_openMenu()">
+                    <i class="mb-icons icon-menu"></i>
+                    <span>Danh mục sản phẩm</span>
                 </a>
-                <meta itemprop="position" content="2" />
-            </li>
 
-            <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
-                <a href="" itemprop="item" class="nopad-l">
-                    <span itemprop="name"> Danh mục cấp 3 </span> 
+                <a href="/deal">
+                    <i class="mb-icons icon-deal"></i>
+                    <span>Khuyến mãi hot</span>
                 </a>
-                <meta itemprop="position" content="3" />
-            </li>
-        </ol>
-    </div>
-</div>
 
-<!-- Product category -->
-<div class="product-page" >    
-    <div class="box-content-holder">
-        <div class="box-display">
-            <a href="javascript:void(0)" class="icons icon-grid current"></a>
-            <a href="javascript:void(0)" class="icons icon-list"></a>
+                <a href="/buildpc">
+                    <i class="mb-icons icon-buildpc"></i>
+                    <span>Xây dựng cấu hình</span>
+                </a>
 
-            <p>Hiển thị 1–16 trên 60 sản phẩm</p>
-
-            <a href="javascript:void(0)" class="btn-filter" onclick="_open_filter();">
-                <i class="icons icon-filter"></i>
-                <span>Bộ lọc</span>
-            </a>
-        </div>
-
-        <div class="sort-by-group">
-            <b>Sắp xếp theo:</b>
-            <select>
-                <option value="">Sắp xếp theo</option>
-                <option value="">option 1</option>
-                <option value="">option 2</option>
-            </select>
-        </div>        
-    </div>
-
-    <div class="product-holder product-display-list">
-        <div class="p-item" data-aos="fade-up" data-aos-duration="1300">
-            <a href="" class="p-img">
-                <img src="images/product-1.png" alt="" width="250" height="250"/>
-            </a>                
+                <a href="/tin-tuc">
+                    <i class="mb-icons icon-news"></i>
+                    <span>Tin công nghệ</span>
+                </a>
+            </div>
+        </div>            
         
-            <div class="p-text">
-                <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a>
+        <!-- Deal -->
+        <div class="home-deal-group lazy" data-bg="url(images/home-deal-bg.png)">
+            <div class="group-title">
+                <p class="title"><span>Hot Sale</span></p>
+
+                <div class="global-deal-countdown js-countdown-time">
+                    <p>
+                        <b>00</b>
+                        <span>Ngày</span>
+                    </p>
+
+                    <p>
+                        <b>00</b>
+                        <span>Giờ</span>
+                    </p>
+
+                    <p>
+                        <b>00</b>
+                        <span>Phút</span>
+                    </p>
+
+                    <p>
+                        <b>00</b>
+                        <span>Giây</span>
+                    </p>
+                </div>
+            </div>
+
+            
+            <div class="product-holder">
+                <div class="p-item">
+                    <a href="" class="p-img">
+                        <img src="images/product-1.png" alt="" width="250" height="250"/>                            
+                    </a>                
                 
-                <p class="p-price">270.000<u>đ</u></p>
+                    <div class="p-icons-group">
+                        <span class="p-icon-sale-off"></span>
+                        <span class="p-discount">-15%</span>
+                    </div>
 
-                <div class="p-price-group">
-                    <del>465.000<u>đ</u></del>
-                    <span class="p-discount">(Tiết kiệm: 12%)</span>
-                </div>
-            </div>
-        </div>
-
-        <div class="p-item" data-aos="fade-up" data-aos-duration="1300"> <a href="" class="p-img"> <img src="images/product-2.png" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <p class="p-price">270.000<u>đ</u></p><div class="p-price-group">  </div></div></div><div class="p-item" data-aos="fade-up" data-aos-duration="1300"> <a href="" class="p-img"> <img src="images/product-3.png" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <p class="p-price">270.000<u>đ</u></p><div class="p-price-group"> <del>465.000<u>đ</u></del> <span class="p-discount">(Tiết kiệm: 12%)</span> </div></div></div><div class="p-item" data-aos="fade-up" data-aos-duration="1300"> <a href="" class="p-img"> <img src="images/product-4.png" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur</h3></a> <p class="p-price">270.000<u>đ</u></p><div class="p-price-group"> <del>465.000<u>đ</u></del> <span class="p-discount">(Tiết kiệm: 12%)</span> </div></div></div><div class="p-item" data-aos="fade-up" data-aos-duration="1300"> <a href="" class="p-img"> <img src="images/product-5.png" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <p class="p-price">270.000<u>đ</u></p><div class="p-price-group"> <del>465.000<u>đ</u></del> <span class="p-discount">(Tiết kiệm: 12%)</span> </div></div></div><div class="p-item" data-aos="fade-up" data-aos-duration="1300"> <a href="" class="p-img"> <img src="images/product-6.png" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <p class="p-price">270.000<u>đ</u></p><div class="p-price-group"> <del>465.000<u>đ</u></del> <span class="p-discount">(Tiết kiệm: 12%)</span> </div></div></div><div class="p-item" data-aos="fade-up" data-aos-duration="1300"> <a href="" class="p-img"> <img src="images/product-2.png" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <p class="p-price">270.000<u>đ</u></p><div class="p-price-group">  </div></div></div><div class="p-item" data-aos="fade-up" data-aos-duration="1300"> <a href="" class="p-img"> <img src="images/product-3.png" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <p class="p-price">270.000<u>đ</u></p><div class="p-price-group"> <del>465.000<u>đ</u></del> <span class="p-discount">(Tiết kiệm: 12%)</span> </div></div></div>
-    </div>
-
-    <div class="paging" data-aos="fade-up" data-aos-duration="1300">
-        <a href="" class="prev">Prev</a>
-        <a href="" class="current">1</a>
-        <a href="">2</a><a href="">3</a><a href="">4</a>
-        <a href="" class="next">Next</a>
-    </div>
-
-
-    <div class="product-filter-container" id="js-filter-container">
-        <p class="popup-header">Bộ Lọc</p>
-
-        <div class="popup-body">
-            <div class="filter-item">
-                <p class="filter-title">Thương hiệu</p>
-        
-                <div class="filter-list">
-                    <a href="" class="current">Filter name</a>
-                    <a href="">Filter name</a>
-                    <a href="">Filter name</a><a href="">Filter name</a><a href="">Filter name</a><a href="">Filter name</a>
-                </div>
-            </div>
-        
-            <div class="filter-item">
-                <p class="filter-title">Khoảng giá</p>
-        
-                <div class="filter-list">
-                    <a href="" class="current">Filter name</a>
-                    <a href="">Filter name</a>
-                    <a href="">Filter name</a><a href="">Filter name</a><a href="">Filter name</a><a href="">Filter name</a>
-                </div>
-            </div>
-        
-            <div class="filter-item">
-                <p class="filter-title">Attribute</p>
-        
-                <div class="filter-list">
-                    <a href="" class="current">Filter name</a>
-                    <a href="">Filter name</a>
-                    <a href="">Filter name</a><a href="">Filter name</a><a href="">Filter name</a><a href="">Filter name</a>
-                </div>
-            </div>
-        
-            <div class="filter-item">
-                <p class="filter-title">Attribute</p>
-        
-                <div class="filter-list">
-                    <a href="" class="current">Filter name</a>
-                    <a href="">Filter name</a>
-                    <a href="">Filter name</a><a href="">Filter name</a><a href="">Filter name</a><a href="">Filter name</a>
-                </div>
-            </div>
-        </div>
-
-        <div class="popup-footer">
-            <a href="">Bỏ lọc</a>
-            <a href="javascript:void(0)" onclick="_close_filter()">Đóng</a>
-        </div>
-    </div>
-</div>
-
-
-<!-- product deal page -->
-<div class="product-deal-page">
-    <div class="group-title d-flex flex-wrap align-items-center justify-content-center">
-        <i class="icons icon-bolt" data-aos="fade-up" data-aos-duration="1500"></i>
-
-        <h2 class="title" data-aos="fade-up" data-aos-duration="1800">giờ vàng giá sốc</h2>
-
-        <div class="w-100 d-flex flex-wrap align-items-center justify-content-center">
-            <p data-aos="fade-up" data-aos-duration="2000">Kết thúc sau</p>
-
-            <div class="global-deal-countdown js-countdown-time"><!-- <b>02</b> <b>32</b> <b>16</b> --></div>
-        </div>
-    </div>
-
-    <div class="product-holder">
-        <div class="p-item" data-aos="fade-up" data-aos-duration="1300">
-            <a href="" class="p-img">
-                <img src="images/product-1.png" alt="" width="250" height="250"/>
-            </a>                
-        
-            <div class="p-text">
-                <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a>
+                    <div class="p-text">
+                        <div class="p-brand-group">
+                            <div class="p-brand">
+                                <img src="images/p-brand-img.png" alt="brand" width="1" height="1" class="lazy"/>
+                            </div>
+    
+                            <p class="p-sku">Mã SP: <span>CCEF02</span></p>
+                        </div>
+    
+                        <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a>                                                
+    
+                        <div class="p-price-group">
+                            <p class="p-price">15.000.000<u>đ</u></p>
+    
+                            <del>17.400.000<u>đ</u></del>
+                            <span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span>
+                        </div>
+    
+                        <div class="p-btn-group">
+                            <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(1,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-1.png', this)" data-id="1">So sánh</a>
+    
+                            <div class="p-quantity-group">
+                                <span class="p-instock">Còn hàng</span>
+                                <!-- <span class="p-outstock">Liên hệ</span> -->
+    
+                                <a href="javascript:void(0)" class="p-btn-buy"></a>
+                            </div>
+                        </div>
                 
-                <p class="p-price">270.000<u>đ</u></p>
+                        <div class="p-deal-group">                                                    
+                            <span class="p-deal-line" style="width: 80%;"></span>
+                
+                            <p class="p-sale-quantity">Đã bán 30</p>
+                        </div>
+    
+                        <div class="p-countdown">
+                            <p>Kết thúc sau:</p> 
+    
+                            <div>05:00:30</div>
+                        </div>
+                    </div>
+                </div>
 
-                <div class="p-price-group">
-                    <del>465.000<u>đ</u></del>
-                    <span class="p-discount">(Tiết kiệm: 12%)</span>
-                </div>
-        
-                <div class="p-deal-group">                                                    
-                    <span class="p-line" style="width: 80%;"></span>
-        
-                    <p class="p-sale-quantity">Đã bán 40%</p>
-                </div>
+                <div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand">Brand Text</div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p></div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(2,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-2.png', this)" data-id="2">So sánh</a> <div class="p-quantity-group"> <span class="p-outstock">Liên hệ</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div><div class="p-deal-group"> <span class="p-deal-line" style="width: 40%;"></span> <p class="p-sale-quantity">Đã bán 30</p></div><div class="p-countdown"> <p>Kết thúc sau:</p><div>05:00:30</div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"> </div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p><del>17.400.000<u>đ</u></del> <span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span> </div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(3,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-3.png', this)" data-id="3">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div><div class="p-deal-group"> <span class="p-deal-line" style="width: 80%;"></span> <p class="p-sale-quantity">Đã bán 30</p></div><div class="p-countdown"> <p>Kết thúc sau:</p><div>05:00:30</div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"> <img src="images/p-brand-img.png" alt="brand" width="1" height="1" class="lazy"/> </div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p></div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(4,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-4.png', this)" data-id="4">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div><div class="p-deal-group"> <span class="p-deal-line" style="width: 0%;"></span> <p class="p-sale-quantity">Đã bán 0</p></div><div class="p-countdown"> <p>Kết thúc sau:</p><div>05:00:30</div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"> <img src="images/p-brand-img.png" alt="brand" width="1" height="1" class="lazy"/> </div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p><del>17.400.000<u>đ</u></del> <span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span> </div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(5,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-5.png', this)" data-id="5">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div><div class="p-deal-group"> <span class="p-deal-line" style="width: 12%;"></span> <p class="p-sale-quantity">Đã bán 30</p></div><div class="p-countdown"> <p>Kết thúc sau:</p><div>05:00:30</div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-6.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"> <img src="images/p-brand-img.png" alt="brand" width="1" height="1" class="lazy"/> </div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p><del>17.400.000<u>đ</u></del> <span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span> </div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(6,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-6.png', this)" data-id="6">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div><div class="p-deal-group"> <span class="p-deal-line" style="width: 80%;"></span> <p class="p-sale-quantity">Đã bán 30</p></div><div class="p-countdown"> <p>Kết thúc sau:</p><div>05:00:30</div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-7.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"></div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p><del>17.400.000<u>đ</u></del> <span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span> </div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(7,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-7.png', this)" data-id="7">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div><div class="p-deal-group"> <span class="p-deal-line" style="width: 80%;"></span> <p class="p-sale-quantity">Đã bán 30</p></div><div class="p-countdown"> <p>Kết thúc sau:</p><div>05:00:30</div></div></div></div>
             </div>
+
+            <a href="/deal" class="btn-view" target="_blank">Xem thêm</a>
         </div>
 
-        <div class="p-item" data-aos="fade-up" data-aos-duration="1300"> <a href="" class="p-img"> <img src="images/product-2.png" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <p class="p-price">270.000<u>đ</u></p><div class="p-price-group">  </div><div class="p-deal-group"> <span class="p-line" style="width: 20%;"></span><p class="p-sale-quantity">Đã bán 20%</p></div></div></div><div class="p-item" data-aos="fade-up" data-aos-duration="1300"> <a href="" class="p-img"> <img src="images/product-3.png" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <p class="p-price">270.000<u>đ</u></p><div class="p-price-group"> <del>465.000<u>đ</u></del> <span class="p-discount">(Tiết kiệm: 12%)</span> </div><div class="p-deal-group"> <span class="p-line" style="width: 20%;"></span><p class="p-sale-quantity">Đã bán 20%</p></div></div></div><div class="p-item" data-aos="fade-up" data-aos-duration="1300"> <a href="" class="p-img"> <img src="images/product-4.png" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur</h3></a> <p class="p-price">270.000<u>đ</u></p><div class="p-price-group"> <del>465.000<u>đ</u></del> <span class="p-discount">(Tiết kiệm: 12%)</span> </div><div class="p-deal-group"> <span class="p-line" style="width: 20%;"></span><p class="p-sale-quantity">Đã bán 20%</p></div></div></div><div class="p-item" data-aos="fade-up" data-aos-duration="1300"> <a href="" class="p-img"> <img src="images/product-5.png" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <p class="p-price">270.000<u>đ</u></p><div class="p-price-group"> <del>465.000<u>đ</u></del> <span class="p-discount">(Tiết kiệm: 12%)</span> </div><div class="p-deal-group"> <span class="p-line" style="width: 20%;"></span><p class="p-sale-quantity">Đã bán 20%</p></div></div></div><div class="p-item" data-aos="fade-up" data-aos-duration="1300"> <a href="" class="p-img"> <img src="images/product-6.png" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <p class="p-price">270.000<u>đ</u></p><div class="p-price-group"> <del>465.000<u>đ</u></del> <span class="p-discount">(Tiết kiệm: 12%)</span> </div><div class="p-deal-group"> <span class="p-line" style="width: 20%;"></span><p class="p-sale-quantity">Đã bán 20%</p></div></div></div>
-        <div class="p-item" data-aos="fade-up" data-aos-duration="1300"> <a href="" class="p-img"> <img src="images/product-2.png" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <p class="p-price">270.000<u>đ</u></p><div class="p-price-group">  </div><div class="p-deal-group"> <span class="p-line" style="width: 20%;"></span><p class="p-sale-quantity">Đã bán 20%</p></div></div></div><div class="p-item" data-aos="fade-up" data-aos-duration="1300"> <a href="" class="p-img"> <img src="images/product-3.png" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <p class="p-price">270.000<u>đ</u></p><div class="p-price-group"> <del>465.000<u>đ</u></del> <span class="p-discount">(Tiết kiệm: 12%)</span> </div><div class="p-deal-group"> <span class="p-line" style="width: 20%;"></span><p class="p-sale-quantity">Đã bán 20%</p></div></div></div><div class="p-item" data-aos="fade-up" data-aos-duration="1300"> <a href="" class="p-img"> <img src="images/product-4.png" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur</h3></a> <p class="p-price">270.000<u>đ</u></p><div class="p-price-group"> <del>465.000<u>đ</u></del> <span class="p-discount">(Tiết kiệm: 12%)</span> </div><div class="p-deal-group"> <span class="p-line" style="width: 20%;"></span><p class="p-sale-quantity">Đã bán 20%</p></div></div></div><div class="p-item" data-aos="fade-up" data-aos-duration="1300"> <a href="" class="p-img"> <img src="images/product-5.png" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <p class="p-price">270.000<u>đ</u></p><div class="p-price-group"> <del>465.000<u>đ</u></del> <span class="p-discount">(Tiết kiệm: 12%)</span> </div><div class="p-deal-group"> <span class="p-line" style="width: 20%;"></span><p class="p-sale-quantity">Đã bán 20%</p></div></div></div><div class="p-item" data-aos="fade-up" data-aos-duration="1300"> <a href="" class="p-img"> <img src="images/product-6.png" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <p class="p-price">270.000<u>đ</u></p><div class="p-price-group"> <del>465.000<u>đ</u></del> <span class="p-discount">(Tiết kiệm: 12%)</span> </div><div class="p-deal-group"> <span class="p-line" style="width: 20%;"></span><p class="p-sale-quantity">Đã bán 20%</p></div></div></div><div class="p-item" data-aos="fade-up" data-aos-duration="1300"> <a href="" class="p-img"> <img src="images/product-2.png" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <p class="p-price">270.000<u>đ</u></p><div class="p-price-group">  </div><div class="p-deal-group"> <span class="p-line" style="width: 20%;"></span><p class="p-sale-quantity">Đã bán 20%</p></div></div></div>
-    </div>
-
-    <div class="paging" data-aos="fade-up" data-aos-duration="1300">
-        <a href="" class="prev">Prev</a>
-        <a href="" class="current">1</a>
-        <a href="">2</a><a href="">3</a><a href="">4</a>
-        <a href="" class="next">Next</a>
-    </div>
-</div>
-
-
-<!-- product-detail -->
-<div class="product-detail-page" >
-    <div class="pd-image-large owl-carousel owl-theme" id="js-big-img">
-        <a href="javascript:void(0)" class="item" data-id="js-fancybox-1">
-            <img src="images/product-1.png"/>
-        </a>
+        <!-- Collection -->
+        <div class="home-collection-container lazy" data-bg="url(images/home-collection-bg.png)">
+        <div class="container">
+            <div class="collection-tab-group">
+                <a href="javascript:void(0)" class="current">
+                    <span class="image">
+                        <i class="lazy" data-bg="url(images/homepage/collection-1.png)"></i>
+                    </span>
     
-        <a href="javascript:void(0)" class="item" data-id="js-fancybox-2">
-            <img src="images/product-2.png"/>
-        </a>
+                    <p class="text">
+                        <b>Sản phẩm giá sốc</b>
+                        <span>Ưu đãi mùa hè</span>
+                    </p>
+                </a>
     
-        <a href="javascript:void(0)" class="item" data-id="js-fancybox-3"><img src="images/product-3.png"/> </a><a href="javascript:void(0)" class="item" data-id="js-fancybox-4"><img src="images/product-4.png"/> </a><a href="javascript:void(0)" class="item" data-id="js-fancybox-5"><img src="images/product-5.png"/> </a><a href="javascript:void(0)" class="item" data-id="js-fancybox-6"><img src="images/product-6.png"/> </a>
-    </div>
-
-    <div class="pd-image-gallery owl-carousel owl-theme" id="js-img-gallery">
-        <a href="javascript:void(0)" data-id="js-fancybox-1" data-href="images/product-1.png" class="item">
-            <img src="images/product-1.png"/>
-        </a>
-
-        <a href="javascript:void(0)" data-id="js-fancybox-2" data-href="images/product-2.png" class="item"><img src="images/product-2.png"/></a>
-        <a href="javascript:void(0)" data-id="js-fancybox-3" data-href="images/product-3.png" class="item"><img src="images/product-3.png"/></a>
-        <a href="javascript:void(0)" data-id="js-fancybox-4" data-href="images/product-4.png" class="item"><img src="images/product-4.png"/></a>
-        <a href="javascript:void(0)" data-id="js-fancybox-5" data-href="images/product-5.png" class="item"><img src="images/product-5.png"/></a>
-        <a href="javascript:void(0)" data-id="js-fancybox-6" data-href="images/product-6.png" class="item"><img src="images/product-6.png"/></a>
-    </div>
-
-    <div style="display: none;">
-        <a href="images/product-1.png" data-fancybox="gallery" data-thumb="images/product-1.png" id="js-fancybox-1"></a>
-        
-        <a href="images/product-2.png" data-fancybox="gallery" data-thumb="images/product-2.png" id="js-fancybox-2"></a>
-        <a href="images/product-3.png" data-fancybox="gallery" data-thumb="images/product-3.png" id="js-fancybox-3"></a>
-        <a href="images/product-4.png" data-fancybox="gallery" data-thumb="images/product-4.png" id="js-fancybox-4"></a>
-        <a href="images/product-5.png" data-fancybox="gallery" data-thumb="images/product-5.png" id="js-fancybox-5"></a>
-        <a href="images/product-6.png" data-fancybox="gallery" data-thumb="images/product-6.png" id="js-fancybox-6"></a>
-    </div>
+                <a href="javascript:void(0)">
+                    <span class="image">
+                        <i class="lazy" data-bg="url(images/homepage/collection-2.png)"></i>
+                    </span>
     
-    <h1 class="page-title">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</h1>
+                    <p class="text">
+                        <b>Top PC Cực khủng</b>
+                        <span>Dành cho dân đồ họa</span>
+                    </p>
+                </a>
     
-    <a href="javascript:void(0)" class="d-flex align-items-center" id="js-btn-view-comment" style="color: #000">
-        <i class="icon-star star-5"></i> (0 đánh giá)
-    </a>
-
-    <div class="pd-deal-holder">
-        <div class="group-title d-flex align-items-center justify-content-center">
-            <i class="icons icon-bolt"></i>
-            <p class="title">Giờ vàng giá sốc</p>
-        </div>
-        
-        <div class="deal-time-holder d-flex flex-wrap align-items-center justify-content-center">
-            <b>Kết thúc sau</b>
-            <div class="global-deal-countdown js-countdown-time"><!-- <b>02</b> <b>32</b> <b>16</b> --></div>                
-        </div>
-
-        <div class="pd-deal-group">                                                    
-            <span class="pd-line" style="width: 80%;"></span>
-            <p class="pd-sale-quantity">Đã bán 80%</p>
-        </div>
-    </div>
-
-    <div class="pd-price-group">
-        <p class="pd-price">279.000<u>đ</u></p>
-        <del class="pd-old-price">465.000<u>đ</u></del>
-        <span class="pd-discount">(Tiết kiệm 12%)</span>
-    </div>
-
-    <div class="pd-offer-group">
-        <p class="title">QUÀ TẶNG / KHUYẾN MÃI</p>
-
-        <div class="pd-offer-list">
-            <div class="item">Chính sách đổi trả 1 đổi 1 trong vòng 7 ngày.</div>
-            <div class="item">Thanh toán thuận tiện – Ưu đãi trả góp.</div>
-            <div class="item">Bảo hành chính hãng tại nhà - Kích hoạt bảo hành điện tử.</div>
-        </div>
-    </div>
-
-    <div class="pd-quantity-group">
-        <p>Số lượng: </p>
-
-        <div class="pd-quantity-holder">
-            <a href="javascript:void(0)" class="js-btn-change" data-value="-1"> - </a>
-            <input type="text" class="js-buy-quantity js-btn-change" value="1" data-stock="998">
-            <a href="javascript:void(0)" class="js-btn-change" data-value="1"> + </a>
-        </div>
-    </div>
-
-    <div class="pd-variant-option-group" id="js-variant-holder">
-        <div class="js-variant-option-container js-variant-product-51" data-id="51">
-            <table class="tb-hura8-variant-selection"><tbody><tr data-key="mau-sac" class="variant-color"><td class="variant-option-label" data-key="mau-sac" data-type="" data-display="label">Màu sắc: <b class="js-variant-color" style="margin-left: 3px"></b></td><td><span class="variant-option-value-box"><a href="javascript:void(0)" rel="nofollow" class="js-variant-option-value js-variant-color-item" data-key="mau-sac" data-label="Da" data-value="Da" data-code="" data-image="nude" title="" data-color="" style="background: rgb(241, 213, 196);">Da</a></span><span class="variant-option-value-box"><a href="javascript:void(0)" rel="nofollow" class="js-variant-option-value js-variant-color-item" data-key="mau-sac" data-label="Đen" data-value="Đen" data-code="" data-image="black" title="" data-color="" style="background: rgb(0, 0, 0);">Đen</a></span><span class="variant-option-value-box"><a href="javascript:void(0)" rel="nofollow" class="js-variant-option-value js-variant-color-item" data-key="mau-sac" data-label="Hồng" data-value="Hồng" data-code="" data-image="pink" title="" data-color="" style="background: rgb(232, 139, 149);">Hồng</a></span><span class="variant-option-value-box"><a href="javascript:void(0)" rel="nofollow" class="js-variant-option-value js-variant-color-item" data-key="mau-sac" data-label="Trắng" data-value="Trắng" data-code="" data-image="white" title="" data-color="" style="background: rgb(255, 255, 255);">Trắng</a></span><span class="variant-option-value-box"><a href="javascript:void(0)" rel="nofollow" class="js-variant-option-value selected js-variant-color-item" data-key="mau-sac" data-label="Cam" data-value="Cam" data-code="" data-image="orange" title="" data-color="" style="background: rgb(209, 106, 42);">Cam</a></span><span class="variant-option-value-box"><a href="javascript:void(0)" rel="nofollow" class="js-variant-option-value js-variant-color-item" data-key="mau-sac" data-label="Xám" data-value="Xám" data-code="" data-image="grey" title="" data-color="" style="background: rgb(178, 179, 180);">Xám</a></span></td></tr><tr data-key="kich-co"><td class="variant-option-label" data-key="kich-co" data-type="" data-display="label">Kích cỡ: <b class="js-variant-size" style="margin-left: 3px"></b></td><td><span class="variant-option-value-box"><a href="javascript:void(0)" rel="nofollow" class="js-variant-option-value" data-key="kich-co" data-label="M" data-value="M" data-code="" data-image="" title="">XS</a></span><span class="variant-option-value-box"><a href="javascript:void(0)" rel="nofollow" class="js-variant-option-value selected" data-key="kich-co" data-label="L" data-value="L" data-code="" data-image="" title="">S</a></span><span class="variant-option-value-box"><a href="javascript:void(0)" rel="nofollow" class="js-variant-option-value" data-key="kich-co" data-label="M" data-value="M" data-code="" data-image="" title="">M</a></span><span class="variant-option-value-box"><a href="javascript:void(0)" rel="nofollow" class="js-variant-option-value" data-key="kich-co" data-label="L" data-value="L" data-code="" data-image="" title="">L</a></span><span class="variant-option-value-box"><a href="javascript:void(0)" rel="nofollow" class="js-variant-option-value" data-key="kich-co" data-label="L" data-value="L" data-code="" data-image="" title="">XL</a></span></td></tr></tbody></table>
-            <div class="result-config"></div>
-        </div>
-    </div>
-
-    <div class="pd-btn-group">
-        <a href="javascript:void(0)">Mua ngay</a>
-        <a href="javascript:void(0)">Thêm vào giỏ</a>
-        <a href="javascript:void(0)">Mua trả góp</a>
-    </div>
-
-    <div class="pd-static-text">
-        <p>Gọi mua hàng: <a href="tel:">1900 xx xx xx</a> - <a href="tel:">1900 xx xx xx</a> (từ 8h15-21h30 hàng ngày)</p>
-    </div>
-
-    <div class="pd-tab-title-group">
-        <a href="#js-desc-holder" class="js-tab-title">Mô tả sản phẩm</a>
-        <a href="#js-spec-holder" class="js-tab-title">Thông số kỹ thuật</a>
-        <a href="#js-comment-holder" class="js-tab-title">Đánh giá & nhận xét</a>
-    </div>
-
-    <div class="pd-tab-content js-static-container" id="js-desc-holder">
-        <div class="js-static-content">
-            <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
-            <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
-            <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
-            <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
-            <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
-            <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
-            <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
-            <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
-            <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
-            <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
-        </div>
-
-        <div class="pd-desc-btn">
-            <a href="javascript:void(0)" class="js-showmore-button">Xem thêm</a>
-            <a href="javascript:void(0)" class="js-showless-button">Thu gọn</a>
-        </div>
-    </div>
-
-    <div class="pd-tab-content pd-spec-holder" id="js-spec-holder">
-        <table width="682"><tbody><tr><td colspan="2" width="682"><p>Mô tả chi tiết</p></td></tr><tr><td width="163"><p>Hãng sản xuất</p></td><td width="518"><p>Lenovo</p></td></tr><tr><td width="163"><p>Chủng loại</p></td><td width="518"><p>Ideapad 5 pro</p></td></tr><tr><td width="163"><p>Part Number</p></td><td width="518"><p>82SH002TVN</p></td></tr><tr><td width="163"><p>Mầu sắc</p></td><td width="518"><p>Xám</p></td></tr><tr><td width="163"><p>Chất liệu</p></td><td width="518"><p>Nhôm</p></td></tr><tr><td width="163"><p>Bộ vi xử lý</p></td><td width="518"><p>Intel core i5 1240P</p></td></tr><tr><td width="163"><p>Chipset</p></td><td width="518"><p>Intel SoC Platform</p></td></tr><tr><td width="163"><p>Bộ nhớ trong</p></td><td width="518"><p>16GB</p></td></tr><tr><td width="163"><p>Số khe cắm</p></td><td width="518"><p>0</p></td></tr><tr><td width="163"><p>Số khe RAM chờ</p></td><td width="518"><p>0</p></td></tr><tr><td width="163"><p>Dung lượng tối đa</p></td><td width="518"><p>16GB</p></td></tr><tr><td width="163"><p>VGA</p></td><td width="518"><p>Intel Iris xe</p></td></tr><tr><td width="163"><p>Ổ cứng</p></td><td width="518"><p>512GB SSD M.2 2242 PCIe 4.0x4 NVMe</p></td></tr><tr><td width="163"><p>Ổ quang</p></td><td width="518"><p>None</p></td></tr><tr><td width="163"><p>Card Reader</p></td><td width="518"><p>4-in-1 Card Reader</p></td></tr><tr><td width="163"><p>Bảo mật, công nghệ</p></td><td width="518"><p>Firmware TPM 2.0, IR camera for Windows Hello, Stereo speakers, 2W x2, optimized with Dolby Atmos</p></td></tr><tr><td width="163"><p>Màn hình</p></td><td width="518"><p>14" 2.8K (2880x1800) IPS 400nits Anti-glare, 90Hz, 100% sRGB, TÜV Low Blue Light, Eyesafe</p></td></tr><tr><td width="163"><p>Webcam</p></td><td width="518"><p>ToF, FHD 1080p &amp; IR</p></td></tr><tr><td width="163"><p>Audio</p></td><td width="518"><p>High Definition (HD) Audio, Realtek ALC3287 codec</p></td></tr><tr><td width="163"><p>Giao tiếp mạng</p></td><td width="518"><p>None</p></td></tr><tr><td width="163"><p>Giao tiếp không dây</p></td><td width="518"><p>Wi-Fi 6 11ax, 2x2 + BT5.1</p></td></tr><tr><td width="163"><p>Cổng giao tiếp</p></td><td width="518"><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1x USB 3.2 Gen 1</p><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1x USB 3.2 Gen 1 (Always On)</p><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 2x USB-C 3.2 Gen 1 (support data transfer, Power Delivery 3.0, and DisplayPort 1.4)</p><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1x HDMI 2.0</p><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1x Card reader</p><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1x Headphone / microphone combo jack (3.5mm)</p></td></tr><tr><td width="163"><p>Pin</p></td><td width="518"><p>56.5Wh</p></td></tr><tr><td width="163"><p>Kích thước (rộng x dài x cao)</p></td><td width="518"><p>312.2 x 221 x 15.9 mm</p></td></tr><tr><td width="163"><p>Cân nặng</p></td><td width="518"><p>1.41 kg</p></td></tr><tr><td width="163"><p>Hệ điều hành</p></td><td width="518"><p>Win 11 home</p></td></tr><tr><td width="163"><p>Phụ kiện đi kèm</p></td><td width="518"><p>Adapter</p></td></tr></tbody></table>
-    </div>
-
-    <div class="pd-tab-content" id="js-comment-holder">
-        <p>Đánh giá & nhận xét</p>
-    </div>
+                <a href="javascript:void(0)">
+                    <span class="image">
+                        <i class="lazy" data-bg="url(images/homepage/collection-3.png)"></i>
+                    </span>
     
-
-    <!-- Sản phẩm tương tự -->
-    <div class="pd-related-container">
-        <h2 class="title">Sản phẩm tương tự</h2>
+                    <p class="text">
+                        <b>Laptop sinh viên</b>
+                        <span>Bán chạy nhất 2023</span>
+                    </p>
+                </a>
     
-        <div id="js-product-related">
-            <div class="owl-carousel owl-theme custom-dots">
+                <a href="javascript:void(0)">
+                    <span class="image">
+                        <i class="lazy" data-bg="url(images/homepage/collection-4.png)"></i>
+                    </span>
+    
+                    <p class="text">
+                        <b>Linh kiện chính hãng</b>
+                        <span>Ưu đãi hấp dẫn</span>
+                    </p>
+                </a>
+            </div>
+
+            <div class="product-holder">
                 <div class="p-item">
                     <a href="" class="p-img">
                         <img src="images/product-1.png" alt="" width="250" height="250"/>
+                        
                     </a>                
                 
+                    <div class="p-icons-group">
+                        <span class="p-icon-sale-off"></span>
+                        <span class="p-discount">-15%</span>
+                    </div>
+
                     <div class="p-text">
-                        <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a>
-                        
-                        <p class="p-price">270.000<u>đ</u></p>
-    
-                        <div class="p-price-group">
-                            <del>465.000<u>đ</u></del>
-                            <span class="p-discount">(Tiết kiệm: 12%)</span>
+                        <div class="p-brand-group">
+                            <div class="p-brand">
+                                <img src="images/p-brand-img.png" alt="brand" width="1" height="1" class="lazy"/>
+                                <!-- Brand text -->
+                            </div>
+                
+                            <p class="p-sku">Mã SP: <span>CCEF02</span></p>
                         </div>
+                
+                        <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a>                                                
+                
+                        <div class="p-price-group">
+                            <p class="p-price">15.000.000<u>đ</u></p>
+                
+                            <del>17.400.000<u>đ</u></del>
+                            <span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span>
+                        </div>
+                
+                        <div class="p-btn-group">
+                            <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(1,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-1.png', this)" data-id="1">So sánh</a>
+                
+                            <div class="p-quantity-group">
+                                <span class="p-instock">Còn hàng</span>
+                                <!-- <span class="p-outstock">Liên hệ</span> -->
+                
+                                <a href="javascript:void(0)" class="p-btn-buy"></a>
+                            </div>
+                        </div>        
                     </div>
                 </div>
-    
-                <div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.png" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <p class="p-price">270.000<u>đ</u></p><div class="p-price-group">  </div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.png" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <p class="p-price">270.000<u>đ</u></p><div class="p-price-group"> <del>465.000<u>đ</u></del> <span class="p-discount">(Tiết kiệm: 12%)</span> </div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.png" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur</h3></a> <p class="p-price">270.000<u>đ</u></p><div class="p-price-group"> <del>465.000<u>đ</u></del> <span class="p-discount">(Tiết kiệm: 12%)</span> </div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.png" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <p class="p-price">270.000<u>đ</u></p><div class="p-price-group"> <del>465.000<u>đ</u></del> <span class="p-discount">(Tiết kiệm: 12%)</span> </div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-6.png" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <p class="p-price">270.000<u>đ</u></p><div class="p-price-group"> <del>465.000<u>đ</u></del> <span class="p-discount">(Tiết kiệm: 12%)</span> </div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.png" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <p class="p-price">270.000<u>đ</u></p><div class="p-price-group">  </div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.png" alt="" width="250" height="250"/> </a> <div class="p-text"> <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <p class="p-price">270.000<u>đ</u></p><div class="p-price-group"> <del>465.000<u>đ</u></del> <span class="p-discount">(Tiết kiệm: 12%)</span> </div></div></div>                
+                
+                <div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand">Brand Text</div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p></div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(2,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-2.png', this)" data-id="2">So sánh</a> <div class="p-quantity-group"> <span class="p-outstock">Liên hệ</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"> </div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p><del>17.400.000<u>đ</u></del> <span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span> </div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(3,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-3.png', this)" data-id="3">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"> <img src="images/p-brand-img.png" alt="brand" width="1" height="1" class="lazy"/> </div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p></div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(4,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-4.png', this)" data-id="4">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"> <img src="images/p-brand-img.png" alt="brand" width="1" height="1" class="lazy"/> </div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p><del>17.400.000<u>đ</u></del> <span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span> </div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(5,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-5.png', this)" data-id="5">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-6.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"> <img src="images/p-brand-img.png" alt="brand" width="1" height="1" class="lazy"/> </div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p><del>17.400.000<u>đ</u></del> <span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span> </div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(6,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-6.png', this)" data-id="6">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-7.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"></div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p><del>17.400.000<u>đ</u></del> <span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span> </div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(7,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-7.png', this)" data-id="7">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div>
             </div>
-        </div>       
+
+            <a href="" class="btn-view">XEM THÊM </a>
+        </div>
     </div>
-</div>
 
 
-<!-- Giỏ hàng -->
-<div class="cart-page container">
-    <form method="post" enctype="multipart/form-data" action="/send-cart">
-        <div class="cart-box-group">
-            <p>Để tiếp tục đặt hàng, quý khách xin vui lòng <a href="javascript:void(0)" onclick="$('#js-login-holder').slideToggle(300)">Đăng nhập</a> hoặc nhập thông tin bên dưới</p>
-
-            <div class="cart-box-hidden" id="js-login-holder">
-                <input type="text" placeholder="Họ và tên">
-                <input type="text" placeholder="Mật khẩu">
-
-                <a href="javascript:void(0)">ĐĂNG NHẬP</a>
+        <div class="container">
+            <!-- Banner -->
+            <div class="banner-under-deal owl-carousel owl-theme custom-dots" id="js-banner-under-deal">
+                <a href="">
+                    <img data-src="images/homepage/under-collection-1.png" alt="banner" width="" height="" class="owl-lazy"/>
+                </a>
+                <a href="">
+                    <img data-src="images/homepage/under-collection-2.png" alt="banner" width="" height="" class="owl-lazy"/>
+                </a>
+                <a href="">
+                    <img data-src="images/homepage/under-collection-1.png" alt="banner" width="" height="" class="owl-lazy"/>
+                </a>
+                <a href="">
+                    <img data-src="images/homepage/under-collection-2.png" alt="banner" width="" height="" class="owl-lazy"/>
+                </a>
             </div>
-        </div>
 
-        <div class="cart-box-group cart-voucher-group">
-            <p>Bạn có mã giảm giá, <a href="javascript:void(0)" onclick="$('#js-voucher-holder').slideToggle(300)">Bấm vào đây để nhập mã của bạn</a></p>
+            <!-- product-category -->
+            <div class="home-box-group">
+                <div class="box-title-group">
+                    <div class="box-left">
+                        <h2 class="title">Thiết bị nhà bếp</h2>
 
-            <div class="cart-box-hidden" id="js-voucher-holder">
-                <input type="text" placeholder="Nhập mã ưu đãi"/>
+                        <a href="" class="btn-view" target="_blank">XEM THÊM </a>                        
+                    </div>
 
-                <a href="javascript:void(0)">ÁP DỤNG</a>
-            </div>
-        </div>
-
-        <div class="row justify-content-between">
-            <div class="cart-info-group col-6">
-                <div class="box-item">
-                    <p class="title">Thông tin giao hàng</p>
-    
-                    <div class="cart-input-holder">
-                        <input type="text" placeholder="Họ và tên" required/>
-                        <input type="email" placeholder="Email" required/>
-                        <input type="text" placeholder="Số điện thoại" required/>
-                        <input type="text" placeholder="Địa chỉ" required/>
-                        <input type="hidden" placeholder="Ghi chú" />
-                        
-                        <div class="w-100 d-flex flex-wrap justify-content-between">
-                            <select>
-                                <option value="">Chọn Tỉnh thành</option>
-                                <option value="">Option 1</option>
-                                <option value="">Option 2</option>
-                                <option value="">Option 3</option>
-                            </select>
-    
-                            <select>
-                                <option value="">Chọn Quận/ Huyện</option>
-                                <option value="">Option 1</option>
-                                <option value="">Option 2</option>
-                                <option value="">Option 3</option>
-                            </select>
-    
-                            <select>
-                                <option value="">Chọn Phường/ Xã</option>
-                                <option value="">Option 1</option>
-                                <option value="">Option 2</option>
-                                <option value="">Option 3</option>
-                            </select>
-                        </div>                    
+                    <div class="cat-child-list">
+                        <a href="">Ram</a>
+                        <a href="">ổ cứng</a>
+                        <a href="">tản nhiệt</a>
                     </div>
                 </div>
-    
-                <div class="payment-item">
-                    <p class="title">Phương thức thanh toán</p>
 
-                    <label class="label-container">
-                        <input type="radio" checked="checked" name="radio">
-                        <span class="checkmark"></span>
-                        <span>Thanh toán tiền mặt khi nhận hàng (tiền mặt/quẹt thẻ ATM,Visa,Master)</span>
-                    </label>
+                <div class="product-holder">
+                    <div class="p-item">
+                        <a href="" class="p-img">
+                            <img src="images/product-1.png" alt="" width="250" height="250"/>
+                            
+                        </a>                
                     
-                    <label class="label-container">
-                        <input type="radio" name="radio">
-                        <span class="checkmark"></span>
-                        <span>Thanh toán qua chuyển khoản qua tài khoản ngân hàng(khuyên dùng)</span>
-                    </label>
-
-                    <label class="label-container">
-                        <input type="radio" name="radio">
-                        <span class="checkmark"></span>
-                        <span>Thanh toán qua Ngân Lượng (ATM nội địa, Visa,Master)</span>
-                    </label>
-
-                    <label class="label-container">
-                        <input type="radio" name="radio">
-                        <span class="checkmark"></span>
-                        <span>Trả góp Alepay (Ngân Lượng)</span>
-                    </label>
-
-                    <label class="label-container">
-                        <input type="radio" name="radio">
-                        <span class="checkmark"></span>
-                        <span>Thanh toán trực tuyến (Bằng thẻ ATM/Visa/Master qua cổng VnPay)</span>
-                    </label>
-                </div>
-
-                <div class="payment-item">
-                    <p class="title">Phương thức vận chuyển</p>
-                    
-                    <label class="label-container">
-                        <input type="radio" checked="checked" name="shipping">
-                        <span class="checkmark"></span>
-                        <span>Giao hàng trong 48h: 0đ</span>
-                    </label>
-                    
-                    <label class="label-container">
-                        <input type="radio" name="shipping">
-                        <span class="checkmark"></span>
-                        <span>[NowFree] Giao hàng nhanh trong 2 giờ: 9,000 đ</span>
-                    </label>
-
-                    <label class="label-container">
-                        <input type="radio" name="shipping">
-                        <span class="checkmark"></span>
-                        <span>[Nhanh] Nhận hàng vào 11 Th03 - 17 Th03: 16,000 đ</span>
-                    </label>
-                </div>
-            </div>
-
-            <div class="cart-info-group col-5">
-                <div class="cart-summary-group">
-                    <div class="item-row js-item-row">
-                        <div class="p-img">
-                            <img src="images/product-1.png"/>
-                            <a href="javascript:void(0)">Xóa</a>
+                        <div class="p-icons-group">
+                            <span class="p-icon-sale-off"></span>
+                            <span class="p-discount">-15%</span>                            
                         </div>
 
                         <div class="p-text">
-                            <a href="" class="p-name">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis tenetur doloribus blanditiis</a>
+                            <div class="p-brand-group">
+                                <div class="p-brand">
+                                    <img src="images/p-brand-img.png" alt="brand" width="1" height="1" class="lazy"/>
+                                    <!-- Brand text -->
+                                </div>
+                    
+                                <p class="p-sku">Mã SP: <span>CCEF02</span></p>
+                            </div>
+                    
+                            <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a>                                                
+                    
+                            <div class="p-price-group">
+                                <p class="p-price">15.000.000<u>đ</u></p>
+                    
+                                <del>17.400.000<u>đ</u></del>
+                                <span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span>
+                            </div>
+                    
+                            <div class="p-btn-group">
+                                <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(1,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-1.png', this)" data-id="1">So sánh</a>
+                    
+                                <div class="p-quantity-group">
+                                    <span class="p-instock">Còn hàng</span>
+                                    <!-- <span class="p-outstock">Liên hệ</span> -->
+                    
+                                    <a href="javascript:void(0)" class="p-btn-buy"></a>
+                                </div>
+                            </div>        
+                        </div>
+                    </div>
+                    
+                    <div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand">Brand Text</div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p></div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(2,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-2.png', this)" data-id="2">So sánh</a> <div class="p-quantity-group"> <span class="p-outstock">Liên hệ</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"> </div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p><del>17.400.000<u>đ</u></del> <span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span> </div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(3,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-3.png', this)" data-id="3">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"> <img src="images/p-brand-img.png" alt="brand" width="1" height="1" class="lazy"/> </div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p></div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(4,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-4.png', this)" data-id="4">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"> <img src="images/p-brand-img.png" alt="brand" width="1" height="1" class="lazy"/> </div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p><del>17.400.000<u>đ</u></del> <span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span> </div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(5,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-5.png', this)" data-id="5">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-6.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"> <img src="images/p-brand-img.png" alt="brand" width="1" height="1" class="lazy"/> </div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p><del>17.400.000<u>đ</u></del> <span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span> </div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(6,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-6.png', this)" data-id="6">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-7.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"></div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p><del>17.400.000<u>đ</u></del> <span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span> </div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(7,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-7.png', this)" data-id="7">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div>
+                </div>
+            </div>   
+            
+            <!-- product-category -->
+            <div class="home-box-group"> <div class="box-title-group"> <div class="box-left"> <h2 class="title"> Gaming Gear </h2> <a href="" class="btn-view" target="_blank">XEM THÊM </a> </div><div class="cat-child-list"> <a href="">Ram</a> <a href="">ổ cứng</a> <a href="">tản nhiệt</a> </div></div><div class="product-holder"> <div class="p-item"> <a href="" class="p-img"> <img src="images/product-1.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span> </div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"> <img src="images/p-brand-img.png" alt="brand" width="1" height="1" class="lazy"/> </div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p><del>17.400.000<u>đ</u></del> <span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span> </div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(1,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-1.png', this)" data-id="1">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand">Brand Text</div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p></div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(2,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-2.png', this)" data-id="2">So sánh</a> <div class="p-quantity-group"> <span class="p-outstock">Liên hệ</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"> </div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p><del>17.400.000<u>đ</u></del> <span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span> </div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(3,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-3.png', this)" data-id="3">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"> <img src="images/p-brand-img.png" alt="brand" width="1" height="1" class="lazy"/> </div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p></div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(4,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-4.png', this)" data-id="4">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"> <img src="images/p-brand-img.png" alt="brand" width="1" height="1" class="lazy"/> </div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p><del>17.400.000<u>đ</u></del> <span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span> </div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(5,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-5.png', this)" data-id="5">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-6.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"> <img src="images/p-brand-img.png" alt="brand" width="1" height="1" class="lazy"/> </div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p><del>17.400.000<u>đ</u></del> <span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span> </div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(6,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-6.png', this)" data-id="6">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-7.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"></div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p><del>17.400.000<u>đ</u></del> <span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span> </div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(7,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-7.png', this)" data-id="7">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div></div></div>
+        </div>
+    </div>
 
-                            <p class="p-price">16.500.000 VNĐ</p>
 
-                            <div class="p-variant-item">Màu sắc: <span style="background: #000;" class="variant-color"></span></div>
-                            <div class="p-variant-item">Kích cỡ: <b>XL</b></div>
+    <!-- breadcrumb -->
+    <div class="global-breadcrumb" style="display: none;">
+        <div class="container">
+            <ol itemscope="" itemtype="http://schema.org/BreadcrumbList" class="ul clearfix">
+                <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
+                    <a href="/" itemprop="item" class="nopad-l">
+                        <span itemprop="name">Home</span>
+                    </a> 
+                    <meta itemprop="position" content="1">
+                </li>
+                
+                
+                <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
+                    <a href="" itemprop="item" class="nopad-l">
+                        <span itemprop="name"> Danh mục cấp 2 </span> 
+                    </a>
+                    <meta itemprop="position" content="2" />
+                </li>
 
-                            <div class="p-quantity-group">
-                                <p>Số lượng: </p>
+                <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
+                    <a href="" itemprop="item" class="nopad-l">
+                        <span itemprop="name"> Danh mục cấp 3 </span> 
+                    </a>
+                    <meta itemprop="position" content="3" />
+                </li>
+            </ol>
+        </div>
+    </div>
+
+
+    <!-- Product category -->
+    <div class="product-page" style="display: none;">
+        <div class="container">
+            <div class="product-banner-group owl-carousel owl-theme custom-nav" id="js-category-slider">
+                <a href=""><img data-src="images/category/category-1.png" alt="" width="" height="" class="owl-lazy"/></a>
+                <a href=""><img data-src="images/category/category-2.png" alt="" width="" height="" class="owl-lazy"/></a>
+                <a href=""><img data-src="images/category/category-1.png" alt="" width="" height="" class="owl-lazy"/></a>
+            </div>
+
+            <div class="page-title-group">
+                <div class="col-left">
+                    <h1 class="page-title">167 Laptop</h1>
+        
+                    <label>
+                        <input type="checkbox"/>
+                        <span>Giảm giá</span>
+                    </label>
+                    
+                    <label>
+                        <input type="checkbox"/>
+                        <span>Mới 2023</span>
+                    </label>
+                    
+                    <label>
+                        <input type="checkbox"/>
+                        <span>Còn hàng</span>
+                    </label>
+                </div>
+
+                <div class="col-right">
+                    <select>
+                        <option value="">Xếp theo: Mặc định</option>
+                        <option value="">Option 1</option>
+                        <option value="">Option 2</option>
+                        <option value="">Option 3</option>
+                    </select>
+
+                    <a href="javascript:void(0)" class="icons icon-list"></a>
+                    <a href="javascript:void(0)" class="icons icon-grid current"></a>
+                </div>
+            </div>
+
+
+            <div class="clearfix">
+                <div class="product-filter-container">
+                    <!-- Danh muc -->
+                    <div class="filter-item">
+                        <p class="group-title">Danh mục</p>
+
+                        <div class="filter-category">
+                            <a href="">Laptop Gaming</a>
+                            <a href="">Laptop Đồ Họa</a>
+                        </div>
+                    </div>
+
+                    <!-- brand filter -->
+                    <div class="filter-item">
+                        <p class="group-title">Hãng sản xuất</p>
+
+                        <div class="filter-list">
+                            <a href="" class="current">
+                                <span>ACER</span>
+                                <span>(16)</span>
+                            </a>
+
+                            <a href=""><span>ADATA </span><span>(106)</span></a>
+                            <a href=""><span>Apple </span><span>(195)</span></a>
+                            <a href=""><span>ASUS </span><span>(172)</span></a>
+                            <a href=""><span>DELL </span><span>(154)</span></a>
+                            <a href=""><span>GIGABYTE </span><span>(61)</span></a>
+                            <a href=""><span>HP </span><span>(61)</span></a>
+                        </div>
+                    </div>
+
+                    <!-- price filter -->
+                    <div class="filter-item">
+                        <p class="group-title">Khoảng giá</p>
+
+                        <div class="filter-list">
+                            <a href="" class="current">
+                                <span>Dưới 10 triệu</span>
+                                <span> (16)</span>
+                            </a>
+                            <a href=""><span>10 triệu - 15 triệu   </span><span>(106)</span></a>
+                            <a href=""><span>15 triệu - 20 triệu </span><span>(195)</span></a> <a href=""><span>20 triệu - 25 triệu </span><span>(172)</span></a> <a href=""><span>25 triệu - 30 triệu </span><span>(154)</span></a> <a href=""><span>30 triệu - 35 triệu </span> <span>(61)</span></a> <a href=""><span>35 triệu - 40 triệu </span> <span>(61)</span></a> <a href=""><span>40 triệu - 50 triệu </span> <span>(61)</span></a> <a href=""><span>50 triệu - 60 triệu </span> <span>(61)</span></a> <a href=""><span>60 triệu - 70 triệu </span> <span>(61)</span></a> <a href=""><span>70 triệu - 90 triệu </span> <span>(61)</span></a> <a href=""><span>Trên 90 triệu </span> <span>(61)</span></a>
+                        </div>
+                    </div>
+
+                    <!-- attribute filter -->
+                    <div class="filter-item">
+                        <p class="group-title">attribute title</p>
+
+                        <div class="filter-list">
+                            <a href="" class="current">
+                                <span>ACER</span>
+                                <span>(16)</span>
+                            </a>
+
+                            <a href=""><span>ADATA </span><span>(106)</span></a>
+                            <a href=""><span>Apple </span><span>(195)</span></a>
+                            <a href=""><span>ASUS </span><span>(172)</span></a>
+                            <a href=""><span>DELL </span><span>(154)</span></a>
+                            <a href=""><span>GIGABYTE </span><span>(61)</span></a>
+                            <a href=""><span>HP </span><span>(61)</span></a>
+                        </div>
+                    </div>
+
+                    <div class="filter-item"> <p class="group-title">attribute title</p><div class="filter-list"> <a href="" class="current"> <span>ACER</span> <span>(16)</span> </a> <a href=""><span>ADATA </span><span>(106)</span></a> <a href=""><span>Apple </span><span>(195)</span></a> <a href=""><span>ASUS </span><span>(172)</span></a> <a href=""><span>DELL </span><span>(154)</span></a> <a href=""><span>GIGABYTE </span><span>(61)</span></a> <a href=""><span>HP </span><span>(61)</span></a> </div></div><div class="filter-item"> <p class="group-title">attribute title</p><div class="filter-list"> <a href="" class="current"> <span>ACER</span> <span>(16)</span> </a> <a href=""><span>ADATA </span><span>(106)</span></a> <a href=""><span>Apple </span><span>(195)</span></a> <a href=""><span>ASUS </span><span>(172)</span></a> <a href=""><span>DELL </span><span>(154)</span></a> <a href=""><span>GIGABYTE </span><span>(61)</span></a> <a href=""><span>HP </span><span>(61)</span></a> </div></div>
+                </div>
+
+                <div class="product-col-right">
+                    <div class="product-holder product-display-list">
+                        <div class="p-item">
+                            <a href="" class="p-img">
+                                <img src="images/product-1.png" alt="" width="250" height="250"/>
                                 
-                                <input type="text" class="js-buy-quantity js-btn-change" value="1" data-stock="998">                                
+                            </a>                
+                        
+                            <div class="p-icons-group">
+                                <span class="p-icon-sale-off"></span>
+                                <span class="p-discount">-15%</span>
+                            </div>
+        
+                            <div class="p-text">
+                                <div class="p-brand-group">
+                                    <div class="p-brand">
+                                        <img src="images/p-brand-img.png" alt="brand" width="1" height="1" class="lazy"/>
+                                        <!-- Brand text -->
+                                    </div>
+                        
+                                    <p class="p-sku">Mã SP: <span>CCEF02</span></p>
+                                </div>
+                        
+                                <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a>                                                
+                        
+                                <div class="p-price-group">
+                                    <p class="p-price">15.000.000<u>đ</u></p>
+                        
+                                    <del>17.400.000<u>đ</u></del>
+                                    <span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span>
+                                </div>
+                        
+                                <div class="p-btn-group">
+                                    <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(1,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-1.png', this)" data-id="1">So sánh</a>
+                        
+                                    <div class="p-quantity-group">
+                                        <span class="p-instock">Còn hàng</span>
+                                        <!-- <span class="p-outstock">Liên hệ</span> -->
+                        
+                                        <a href="javascript:void(0)" class="p-btn-buy"></a>
+                                    </div>
+                                </div>        
+                            </div>
+                        </div>
+                        
+                        <div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand">Brand Text</div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p></div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(2,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-2.png', this)" data-id="2">So sánh</a> <div class="p-quantity-group"> <span class="p-outstock">Liên hệ</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"> </div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p><del>17.400.000<u>đ</u></del> <span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span> </div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(3,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-3.png', this)" data-id="3">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"> <img src="images/p-brand-img.png" alt="brand" width="1" height="1" class="lazy"/> </div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p></div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(4,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-4.png', this)" data-id="4">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"> <img src="images/p-brand-img.png" alt="brand" width="1" height="1" class="lazy"/> </div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p><del>17.400.000<u>đ</u></del> <span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span> </div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(5,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-5.png', this)" data-id="5">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-6.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"> <img src="images/p-brand-img.png" alt="brand" width="1" height="1" class="lazy"/> </div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p><del>17.400.000<u>đ</u></del> <span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span> </div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(6,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-6.png', this)" data-id="6">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-7.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"></div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p><del>17.400.000<u>đ</u></del> <span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span> </div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(7,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-7.png', this)" data-id="7">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div>
+                    </div>
+            
+                    <div class="paging">
+                        <a href="" class="icon-prev">prev</a>
+                        <a href="" class="current">1</a>
+                        <a href="">2</a><a href="">3</a><a href="">4</a>
+                        <a href="" class="icon-next">next</a>
+                    </div>   
+                    
+                    <div class="static-html-group js-static-container">
+                        <div class="js-static-content">
+                            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi officia rerum optio quos voluptatum repellat magni, culpa commodi distinctio? Voluptas eveniet impedit doloribus quibusdam, obcaecati facilis illo fuga sed doloremque.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi officia rerum optio quos voluptatum repellat magni, culpa commodi distinctio? Voluptas eveniet impedit doloribus quibusdam, obcaecati facilis illo fuga sed doloremque.</p>
+                            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi officia rerum optio quos voluptatum repellat magni, culpa commodi distinctio? Voluptas eveniet impedit doloribus quibusdam, obcaecati facilis illo fuga sed doloremque.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi officia rerum optio quos voluptatum repellat magni, culpa commodi distinctio? Voluptas eveniet impedit doloribus quibusdam, obcaecati facilis illo fuga sed doloremque.</p>
+                            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi officia rerum optio quos voluptatum repellat magni, culpa commodi distinctio? Voluptas eveniet impedit doloribus quibusdam, obcaecati facilis illo fuga sed doloremque.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi officia rerum optio quos voluptatum repellat magni, culpa commodi distinctio? Voluptas eveniet impedit doloribus quibusdam, obcaecati facilis illo fuga sed doloremque.</p>
+                            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi officia rerum optio quos voluptatum repellat magni, culpa commodi distinctio? Voluptas eveniet impedit doloribus quibusdam, obcaecati facilis illo fuga sed doloremque.</p>
+                            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi officia rerum optio quos voluptatum repellat magni, culpa commodi distinctio? Voluptas eveniet impedit doloribus quibusdam, obcaecati facilis illo fuga sed doloremque.</p>
+                            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi officia rerum optio quos voluptatum repellat magni, culpa commodi distinctio? Voluptas eveniet impedit doloribus quibusdam, obcaecati facilis illo fuga sed doloremque.</p>
+                            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi officia rerum optio quos voluptatum repellat magni, culpa commodi distinctio? Voluptas eveniet impedit doloribus quibusdam, obcaecati facilis illo fuga sed doloremque.</p>
+                            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi officia rerum optio quos voluptatum repellat magni, culpa commodi distinctio? Voluptas eveniet impedit doloribus quibusdam, obcaecati facilis illo fuga sed doloremque.</p>
+                            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi officia rerum optio quos voluptatum repellat magni, culpa commodi distinctio? Voluptas eveniet impedit doloribus quibusdam, obcaecati facilis illo fuga sed doloremque.</p>
+                            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi officia rerum optio quos voluptatum repellat magni, culpa commodi distinctio? Voluptas eveniet impedit doloribus quibusdam, obcaecati facilis illo fuga sed doloremque.</p>
+                        </div>
+
+                        <div class="static-btn-group">
+                            <a href="javascript:void(0)" class="js-showmore-button">XEM THÊM</a>
+                            <a href="javascript:void(0)" class="js-showless-button">THU GỌN</a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>    
+        
+
+    </div>
+
+
+    <!-- product-detail -->
+    <div class="product-detail-page container" style="display: none;">
+        <div class="pd-box-content pd-info-container">
+            <div class="col-left">
+                <div class="page-title-group">
+                    <h1 class="page-title">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor m dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor</h1>
+
+                    <a href="javascript:void(0)" class="pd-btn-compare js-p-compare" id="js-pd-item" onclick="compare_addProduct(1,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-1.png', this)" data-id="1">So sánh</a>
+                </div>
+
+                <div class="pd-image-group">
+                    <div class="pd-image-large custom-nav owl-carousel owl-theme " id="js-big-img">
+                        <a href="javascript:void(0)" class="item" data-id="js-fancybox-1">
+                            <img src="images/product-1.png"/>
+                        </a>
+                    
+                        <a href="javascript:void(0)" class="item" data-id="js-fancybox-2">
+                            <img src="images/product-2.png"/>
+                        </a>
+                    
+                        <a href="javascript:void(0)" class="item" data-id="js-fancybox-3"><img src="images/product-3.png"/> </a><a href="javascript:void(0)" class="item" data-id="js-fancybox-4"><img src="images/product-4.png"/> </a><a href="javascript:void(0)" class="item" data-id="js-fancybox-5"><img src="images/product-5.png"/> </a><a href="javascript:void(0)" class="item" data-id="js-fancybox-6"><img src="images/product-6.png"/> </a>
+                    </div>
+        
+                    <div class="pd-image-gallery custom-nav owl-carousel owl-theme" id="js-img-gallery">
+                        <a href="javascript:void(0)" data-id="js-fancybox-1" data-href="images/product-1.png" class="item">
+                            <img src="images/product-1.png"/>
+                        </a>
+        
+                        <a href="javascript:void(0)" data-id="js-fancybox-2" data-href="images/product-2.png" class="item"><img src="images/product-2.png"/></a>
+                        <a href="javascript:void(0)" data-id="js-fancybox-3" data-href="images/product-3.png" class="item"><img src="images/product-3.png"/></a>
+                        <a href="javascript:void(0)" data-id="js-fancybox-4" data-href="images/product-4.png" class="item"><img src="images/product-4.png"/></a>
+                        <a href="javascript:void(0)" data-id="js-fancybox-5" data-href="images/product-5.png" class="item"><img src="images/product-5.png"/></a>
+                        <a href="javascript:void(0)" data-id="js-fancybox-6" data-href="images/product-6.png" class="item"><img src="images/product-6.png"/></a>
+                    </div>
+        
+                    <div style="display: none;">
+                        <a href="images/product-1.png" data-fancybox="gallery" data-thumb="images/product-1.png" id="js-fancybox-1"></a>
+                        
+                        <a href="images/product-2.png" data-fancybox="gallery" data-thumb="images/product-2.png" id="js-fancybox-2"></a>
+                        <a href="images/product-3.png" data-fancybox="gallery" data-thumb="images/product-3.png" id="js-fancybox-3"></a>
+                        <a href="images/product-4.png" data-fancybox="gallery" data-thumb="images/product-4.png" id="js-fancybox-4"></a>
+                        <a href="images/product-5.png" data-fancybox="gallery" data-thumb="images/product-5.png" id="js-fancybox-5"></a>
+                        <a href="images/product-6.png" data-fancybox="gallery" data-thumb="images/product-6.png" id="js-fancybox-6"></a>
+                    </div>
+                </div>
+        
+                <div class="pd-info-middle-group">
+                    <div class="pd-status-group">
+                        Thương hiệu: <span class="red">HP</span> &nbsp;|&nbsp;
+                        Mã: <span class="red">220401568</span> &nbsp;|&nbsp;
+                        Tình trạng: <span class="red">Hết hàng</span> <span style="color: #33C600;">Còn hàng</span>
+                    </div>
+
+                    <div class="pd-summary-group">
+                        <div class="item">CPU:AMD Ryzen 5 5600H</div>
+                        <div class="item">Màn hình:16.1"IPS(1920 x 1080),144Hz</div>
+                        <div class="item">RAM:2 x 4GBDDR43200MHz</div>
+                        <div class="item">Đồ họa: NVIDIA GeForce RTX 3050Ti4GBGDDR6/AMD Radeon Graphics</div>
+                        <div class="item">Lưu trữ: 512GB SSD M.2 NVMe/</div>
+                    </div>
+
+                    <div class="pd-deal-holder">
+                        <div class="group-title">
+                            <i class="lazy" data-bg="url(images/homepage/collection-1.png)"></i>
+                            <p>FLASH SALE</p>
+                        </div>
+
+                        <div class="deal-countdown js-countdown-time">
+                            <p>
+                                <b>00</b>
+                                <span>Ngày</span>
+                            </p>
+        
+                            <p>
+                                <b>00</b>
+                                <span>Giờ</span>
+                            </p>
+        
+                            <p>
+                                <b>00</b>
+                                <span>Phút</span>
+                            </p>
+        
+                            <p>
+                                <b>00</b>
+                                <span>Giây</span>
+                            </p>
+                        </div>
+                        
+                        <div class="pd-deal-count">
+                            <p>Đã bán 20 sản phẩm</p>
+            
+                            <div class="pd-deal-group">                                                    
+                                <span class="pd-line" style="width: 0%;"></span>
                             </div>
                         </div>
                     </div>
 
-                    <div class="item-row js-item-row"> <div class="p-img"> <img src="images/product-3.png"/><a href="javascript:void(0)">Xóa</a> </div> <div class="p-text"> <a href="" class="p-name">Lorem ipsum dolor sit amet, consectetur adipisicing elit</a> <p class="p-price">16.500.000 VNĐ</p><div class="p-variant-item">Màu sắc: <span style="background: #fff;" class="variant-color"></span></div><div class="p-variant-item">Kích cỡ: <b>XL</b></div><div class="p-quantity-group"> <p>Số lượng: </p><input type="text" class="js-buy-quantity js-btn-change" value="1" data-stock="998"> </div></div></div>
-
-                    <div class="cart-price-group">
-                        <span>Phí vận chuyển:</span>
-                        <span>Miễn phí</span>
+                    <div class="pd-price-group">
+                        <p class="pd-price">14.190.000<u>đ</u></p>
+                        <del class="pd-old-price">15.890.000<u>đ</u></del>
+                        <span class="pd-discount">-20%</span>
                     </div>
 
-                    <div class="cart-price-group">
-                        <span>Giảm giá:</span>
-                        <span>0 VNĐ</span>
+                    <div class="pd-variant-group">
+                        <p class="group-title">Tùy Chọn Sản Phẩm</p>
+
+                        <div class="pd-variant-list">
+                            <a href="" class="item current">
+                                <span class="name">512GB SSD M.2 NVMe </span>
+                                <span class="price">14.190.000 <u>đ</u></span>
+                            </a>
+
+                            <a href="" class="item">
+                                <span class="name">1TB SSD M.2 NVMe </span>
+                                <span class="price">18.490.000 <u>đ</u></span>
+                            </a>
+
+                            <a href="" class="item">
+                                <span class="name">218GB SSD M.2 NVMe </span>
+                                <span class="price">12.490.000 <u>đ</u></span>
+                            </a>
+                        </div>
                     </div>
 
-                    <div class="cart-price-group">
-                        <b>Tổng tiền:</b>
-                        <p class="cart-total-price">16.500.000 VNĐ</p>
+                    <div class="pd-quantity-group">
+                        <p>Số lượng</p>
+        
+                        <div class="pd-quantity-holder">
+                            <a href="javascript:void(0)" class="js-btn-change" data-value="-1"> - </a>
+                            <input type="text" class="js-buy-quantity js-btn-change" value="1" data-stock="998">
+                            <a href="javascript:void(0)" class="js-btn-change" data-value="1"> + </a>
+                        </div>
+                    </div>
+
+                    <div class="pd-btn-group">
+                        <a href="javascript:void(0)">Mua ngay</a>
+                        <a href="javascript:void(0)">Thêm vào giỏ</a>
+                    </div>
+
+                    <div class="pd-offer-group">
+                        <p class="group-title">Khuyến mãi sản phẩm</p>
+        
+                        <div class="pd-offer-list">
+                            <div class="item">Chính sách đổi trả 1 đổi 1 trong vòng 7 ngày.</div>
+                            <div class="item">Thanh toán thuận tiện – Ưu đãi trả góp.</div>
+                            <div class="item">Bảo hành chính hãng tại nhà - Kích hoạt bảo hành điện tử.</div>
+                            <div class="item">Bảo hành chính hãng tại nhà - Kích hoạt bảo hành điện tử.</div>
+                            <div class="item">Bảo hành chính hãng tại nhà - Kích hoạt bảo hành điện tử.</div>
+                        </div>
+                    </div>
+
+                </div>
+            </div>
+            
+            <div class="pd-static-text-group">
+                <div class="box-policy">
+                    <p class="title">Chính sách bán hàng</p>
+
+                    <ul>
+                        <li>
+                            <i class="icons icon-money"></i>
+                            <a href="" target="_blank">Giá cả cạnh tranh, hàng hóa đa dạng</a>
+                        </li>
+
+                        <li>
+                            <i class="icons icon-box"></i>
+                            <a href="" target="_blank">Laptop - 1 đổi 1 trong 30 ngày</a>
+                        </li>
+
+                        <li>
+                            <i class="icons icon-truck"></i>
+                            <a href="" target="_blank">Giao hàng miễn phí trong bán kính 10KM</a>
+                        </li>
+
+                        <li>
+                            <i class="icons icon-shipping"></i>
+                            <a href="" target="_blank">Mua hàng online rẻ hơn, thêm quà</a>
+                        </li>
+
+                        <li>
+                            <i class="icons icon-cash"></i>
+                            <a href="" target="_blank">Mua hàng trả góp thủ tục nhanh gọn</a>
+                        </li>
+                    </ul>
+                </div>
+
+                <div class="box-support">
+                    <p class="group-title">Hỗ trợ mua hàng </p>
+
+                    <div class="support-list">
+                        <a href="tel:0334.181.686">KD Online:  <b>0334.181.686</b></a>
+                        <a href="tel:0908.181.686">HOTLINE:  <b>0908.181.686</b></a>
+                        <a href="tel:0326.181.686">KD bán lẻ:  <b>0326.181.686</b></a>
+                        <a href="tel:0334.181.686">KD dự án:  <b>0334.181.686</b></a>
+                    </div>
+                </div>
+
+                <div class="pd-banner-group owl-carousel owl-theme" id="js-pd-banner-slider">
+                    <a href="">
+                        <img data-src="images/product_detail/banner.png" alt="" width="" height="" class="owl-lazy"/>
+                    </a>
+                </div>
+            </div>
+        </div>
+
+        <div class="pd-box-content pd-desc-spec-container">
+            <div class="pd-desc-group js-static-container">
+                <div class="js-static-content">
+                    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p><p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
+                    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p><p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
+                    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p><p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p><p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
+                    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
+                    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p><p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
+                    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
+                    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
+                    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
+                    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
+                    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid sit animi culpa dolores nisi nam eligendi doloribus laudantium tempora doloremque beatae architecto ea, incidunt aspernatur. Esse reiciendis atque praesentium ea?</p>
+                </div>
+
+                <div class="pd-desc-btn">
+                    <a href="javascript:void(0)" class="js-showmore-button">Xem thêm nội dung</a>
+                    <a href="javascript:void(0)" class="js-showless-button">Thu gọn nội dung</a>
+                </div>
+            </div>
+
+            <div class="pd-spec-group js-static-container">
+                <p class="group-title">Thông tin chi tiết</p>
+
+                <div class="js-static-content">
+                    <table width="682"><tbody><tr><td colspan="2" width="682"><p>Mô tả chi tiết</p></td></tr><tr><td width="163"><p>Hãng sản xuất</p></td><td width="518"><p>Lenovo</p></td></tr><tr><td width="163"><p>Chủng loại</p></td><td width="518"><p>Ideapad 5 pro</p></td></tr><tr><td width="163"><p>Part Number</p></td><td width="518"><p>82SH002TVN</p></td></tr><tr><td width="163"><p>Mầu sắc</p></td><td width="518"><p>Xám</p></td></tr><tr><td width="163"><p>Chất liệu</p></td><td width="518"><p>Nhôm</p></td></tr><tr><td width="163"><p>Bộ vi xử lý</p></td><td width="518"><p>Intel core i5 1240P</p></td></tr><tr><td width="163"><p>Chipset</p></td><td width="518"><p>Intel SoC Platform</p></td></tr><tr><td width="163"><p>Bộ nhớ trong</p></td><td width="518"><p>16GB</p></td></tr><tr><td width="163"><p>Số khe cắm</p></td><td width="518"><p>0</p></td></tr><tr><td width="163"><p>Số khe RAM chờ</p></td><td width="518"><p>0</p></td></tr><tr><td width="163"><p>Dung lượng tối đa</p></td><td width="518"><p>16GB</p></td></tr><tr><td width="163"><p>VGA</p></td><td width="518"><p>Intel Iris xe</p></td></tr><tr><td width="163"><p>Ổ cứng</p></td><td width="518"><p>512GB SSD M.2 2242 PCIe 4.0x4 NVMe</p></td></tr><tr><td width="163"><p>Ổ quang</p></td><td width="518"><p>None</p></td></tr><tr><td width="163"><p>Card Reader</p></td><td width="518"><p>4-in-1 Card Reader</p></td></tr><tr><td width="163"><p>Bảo mật, công nghệ</p></td><td width="518"><p>Firmware TPM 2.0, IR camera for Windows Hello, Stereo speakers, 2W x2, optimized with Dolby Atmos</p></td></tr><tr><td width="163"><p>Màn hình</p></td><td width="518"><p>14" 2.8K (2880x1800) IPS 400nits Anti-glare, 90Hz, 100% sRGB, TÜV Low Blue Light, Eyesafe</p></td></tr><tr><td width="163"><p>Webcam</p></td><td width="518"><p>ToF, FHD 1080p &amp; IR</p></td></tr><tr><td width="163"><p>Audio</p></td><td width="518"><p>High Definition (HD) Audio, Realtek ALC3287 codec</p></td></tr><tr><td width="163"><p>Giao tiếp mạng</p></td><td width="518"><p>None</p></td></tr><tr><td width="163"><p>Giao tiếp không dây</p></td><td width="518"><p>Wi-Fi 6 11ax, 2x2 + BT5.1</p></td></tr><tr><td width="163"><p>Cổng giao tiếp</p></td><td width="518"><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1x USB 3.2 Gen 1</p><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1x USB 3.2 Gen 1 (Always On)</p><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 2x USB-C 3.2 Gen 1 (support data transfer, Power Delivery 3.0, and DisplayPort 1.4)</p><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1x HDMI 2.0</p><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1x Card reader</p><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1x Headphone / microphone combo jack (3.5mm)</p></td></tr><tr><td width="163"><p>Pin</p></td><td width="518"><p>56.5Wh</p></td></tr><tr><td width="163"><p>Kích thước (rộng x dài x cao)</p></td><td width="518"><p>312.2 x 221 x 15.9 mm</p></td></tr><tr><td width="163"><p>Cân nặng</p></td><td width="518"><p>1.41 kg</p></td></tr><tr><td width="163"><p>Hệ điều hành</p></td><td width="518"><p>Win 11 home</p></td></tr><tr><td width="163"><p>Phụ kiện đi kèm</p></td><td width="518"><p>Adapter</p></td></tr></tbody></table>
+                </div>
+
+                <a href="#fancybox-spec" data-fancybox="" class="btn-show">Xem thêm thông số</a>
+            </div>
+        </div>
+        
+        <div class="pd-comment-pro_compare-container clearfix">
+            <div class="pd-comment-group pd-box-content">
+                <p class="group-title">Đánh giá & nhận xét {{ page.product_info.productName }}</p>
+
+                <p>product Comment</p>
+                <p>product Review</p>
+            </div>
+
+            <div class="pd-pro_compare-group pd-box-content">
+                <p class="group-title">So sánh sản phẩm tương tự</p>
+
+                <div class="pd-product-holder">
+                    <div class="item">
+                        <a href="" class="image">
+                            <img src="images/product-1.png"/>
+                        </a>
+
+                        <div class="text">
+                            <a href="" class="name">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea obcaecati sequi eum modi accusamus, maiores sit tenetur dolores libero reiciendis assumenda temporibus perferendis maxime quod a numquam commodi nesciunt aut?</a>
+                            <p class="price">12.399.000đ</p>
+                            <div class="summary">MAIN: Asus Prime H610M-K D4 CPU: Intel Core i3-12100F turbo up to 4.3GHz I 4 nhân 8 ...MAIN: Asus Prime H610M-K D4 CPU: Intel Core i3-12100F turbo up to 4.3GHz I 4 nhân 8 ...</div>
+                            <a href="javascript:void(0)" class="btn-compare js-p-compare" onclick="compare_addProduct(1,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-1.png', this)" data-id="1">So sánh chi tiết</a>
+                        </div>
+                    </div>
+
+                    <div class="item">
+                        <a href="" class="image">
+                            <img src="images/product-1.png"/>
+                        </a>
+
+                        <div class="text">
+                            <a href="" class="name">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea obcaecati sequi eum modi accusamus, maiores sit tenetur dolores libero reiciendis assumenda temporibus perferendis maxime quod a numquam commodi nesciunt aut?</a>
+                            <p class="price">12.399.000đ</p>
+                            <div class="summary">MAIN: Asus Prime H610M-K D4 CPU: Intel Core i3-12100F turbo up to 4.3GHz I 4 nhân 8 ...MAIN: Asus Prime H610M-K D4 CPU: Intel Core i3-12100F turbo up to 4.3GHz I 4 nhân 8 ...</div>
+                            <a href="javascript:void(0)" class="btn-compare js-p-compare" onclick="compare_addProduct(1,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-1.png', this)" data-id="1">So sánh chi tiết</a>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="compare-search-group">
+                    <input type="text" placeholder="Nhập tên sản phẩm bạn muốn so sánh"/>
+                    <i class="icons icon-search"></i>
+                </div>
+
+                <!-- search=list -->
+                <div class="pd-product-holder">
+                    <div class="item">
+                        <a href="" class="image">
+                            <img src="images/product-1.png"/>
+                        </a>
+
+                        <div class="text">
+                            <a href="" class="name">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea obcaecati sequi eum modi accusamus, maiores sit tenetur dolores libero reiciendis assumenda temporibus perferendis maxime quod a numquam commodi nesciunt aut?</a>
+                            <p class="price">12.399.000đ</p>
+                            <div class="summary">MAIN: Asus Prime H610M-K D4 CPU: Intel Core i3-12100F turbo up to 4.3GHz I 4 nhân 8 ...MAIN: Asus Prime H610M-K D4 CPU: Intel Core i3-12100F turbo up to 4.3GHz I 4 nhân 8 ...</div>
+                            <a href="javascript:void(0)" class="btn-compare js-p-compare" onclick="compare_addProduct(1,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-1.png', this)" data-id="1">So sánh chi tiết</a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- Sản phẩm tương tự -->
+        <div class="pd-same-category-container">
+            <p class="group-title">Sản phẩm tương tự</p>
+        
+            <div class="product-holder js-product">
+                <div class="owl-carousel owl-theme custom-nav">
+                    <div class="p-item">
+                        <a href="" class="p-img">
+                            <img src="images/product-1.png" alt="" width="250" height="250"/>
+                            
+                        </a>                
+                    
+                        <div class="p-icons-group">
+                            <span class="p-icon-sale-off"></span>
+                            <span class="p-discount">-15%</span>                            
+                        </div>
+
+                        <div class="p-text">
+                            <div class="p-brand-group">
+                                <div class="p-brand">
+                                    <img src="images/p-brand-img.png" alt="brand" width="1" height="1" class="lazy"/>
+                                    <!-- Brand text -->
+                                </div>
+                    
+                                <p class="p-sku">Mã SP: <span>CCEF02</span></p>
+                            </div>
+                    
+                            <a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a>                                                
+                    
+                            <div class="p-price-group">
+                                <p class="p-price">15.000.000<u>đ</u></p>
+                    
+                                <del>17.400.000<u>đ</u></del>
+                                <span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span>
+                            </div>
+                    
+                            <div class="p-btn-group">
+                                <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(1,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-1.png', this)" data-id="1">So sánh</a>
+                    
+                                <div class="p-quantity-group">
+                                    <span class="p-instock">Còn hàng</span>
+                                    <!-- <span class="p-outstock">Liên hệ</span> -->
+                    
+                                    <a href="javascript:void(0)" class="p-btn-buy"></a>
+                                </div>
+                            </div>        
+                        </div>
                     </div>
                     
-                    <div class="cart-btn-group">
-                        <button type="submit" class="btn-submit">HOÀN TẤT ĐƠN HÀNG</button>
-                        <a href="/">Quay lại Trang chủ</a>
-                    </div>
-                </div>                
+                    <div class="p-item"> <a href="" class="p-img"> <img src="images/product-2.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand">Brand Text</div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p></div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(2,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-2.png', this)" data-id="2">So sánh</a> <div class="p-quantity-group"> <span class="p-outstock">Liên hệ</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-3.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"> </div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p><del>17.400.000<u>đ</u></del> <span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span> </div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(3,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-3.png', this)" data-id="3">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-4.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"> <img src="images/p-brand-img.png" alt="brand" width="1" height="1" class="lazy"/> </div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p></div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(4,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-4.png', this)" data-id="4">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-5.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"> <img src="images/p-brand-img.png" alt="brand" width="1" height="1" class="lazy"/> </div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p><del>17.400.000<u>đ</u></del> <span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span> </div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(5,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-5.png', this)" data-id="5">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-6.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"> <img src="images/p-brand-img.png" alt="brand" width="1" height="1" class="lazy"/> </div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p><del>17.400.000<u>đ</u></del> <span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span> </div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(6,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-6.png', this)" data-id="6">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div><div class="p-item"> <a href="" class="p-img"> <img src="images/product-7.png" alt="" width="250" height="250"/> </a> <div class="p-icons-group"> <span class="p-icon-sale-off"></span> <span class="p-discount">-15%</span></div><div class="p-text"> <div class="p-brand-group"> <div class="p-brand"></div><p class="p-sku">Mã SP: <span>CCEF02</span></p></div><a href="" class="p-name"><h3>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt nulla ducimus facilis doloremque similique! Facere</h3></a> <div class="p-price-group"> <p class="p-price">15.000.000<u>đ</u></p><del>17.400.000<u>đ</u></del> <span class="p-sale-off">(Tiết kiệm: 1.600.000đ)</span> </div><div class="p-btn-group"> <a href="javascript:void(0)" class="p-btn-compare js-p-compare" onclick="compare_addProduct(7,`Màn hình máy tính Dell Ultra Sharp U2723QE 27″`,'/product-url','images/product-7.png', this)" data-id="7">So sánh</a> <div class="p-quantity-group"> <span class="p-instock">Còn hàng</span> <a href="javascript:void(0)" class="p-btn-buy"></a> </div></div></div></div>
+                </div>
             </div>
-        </div>        
-    </form>
-</div>
+        </div>
 
 
+        <div class="pd-spec-group" id="fancybox-spec" style="display: none;">
+            <table width="682"><tbody><tr><td colspan="2" width="682"><p>Mô tả chi tiết</p></td></tr><tr><td width="163"><p>Hãng sản xuất</p></td><td width="518"><p>Lenovo</p></td></tr><tr><td width="163"><p>Chủng loại</p></td><td width="518"><p>Ideapad 5 pro</p></td></tr><tr><td width="163"><p>Part Number</p></td><td width="518"><p>82SH002TVN</p></td></tr><tr><td width="163"><p>Mầu sắc</p></td><td width="518"><p>Xám</p></td></tr><tr><td width="163"><p>Chất liệu</p></td><td width="518"><p>Nhôm</p></td></tr><tr><td width="163"><p>Bộ vi xử lý</p></td><td width="518"><p>Intel core i5 1240P</p></td></tr><tr><td width="163"><p>Chipset</p></td><td width="518"><p>Intel SoC Platform</p></td></tr><tr><td width="163"><p>Bộ nhớ trong</p></td><td width="518"><p>16GB</p></td></tr><tr><td width="163"><p>Số khe cắm</p></td><td width="518"><p>0</p></td></tr><tr><td width="163"><p>Số khe RAM chờ</p></td><td width="518"><p>0</p></td></tr><tr><td width="163"><p>Dung lượng tối đa</p></td><td width="518"><p>16GB</p></td></tr><tr><td width="163"><p>VGA</p></td><td width="518"><p>Intel Iris xe</p></td></tr><tr><td width="163"><p>Ổ cứng</p></td><td width="518"><p>512GB SSD M.2 2242 PCIe 4.0x4 NVMe</p></td></tr><tr><td width="163"><p>Ổ quang</p></td><td width="518"><p>None</p></td></tr><tr><td width="163"><p>Card Reader</p></td><td width="518"><p>4-in-1 Card Reader</p></td></tr><tr><td width="163"><p>Bảo mật, công nghệ</p></td><td width="518"><p>Firmware TPM 2.0, IR camera for Windows Hello, Stereo speakers, 2W x2, optimized with Dolby Atmos</p></td></tr><tr><td width="163"><p>Màn hình</p></td><td width="518"><p>14" 2.8K (2880x1800) IPS 400nits Anti-glare, 90Hz, 100% sRGB, TÜV Low Blue Light, Eyesafe</p></td></tr><tr><td width="163"><p>Webcam</p></td><td width="518"><p>ToF, FHD 1080p &amp; IR</p></td></tr><tr><td width="163"><p>Audio</p></td><td width="518"><p>High Definition (HD) Audio, Realtek ALC3287 codec</p></td></tr><tr><td width="163"><p>Giao tiếp mạng</p></td><td width="518"><p>None</p></td></tr><tr><td width="163"><p>Giao tiếp không dây</p></td><td width="518"><p>Wi-Fi 6 11ax, 2x2 + BT5.1</p></td></tr><tr><td width="163"><p>Cổng giao tiếp</p></td><td width="518"><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1x USB 3.2 Gen 1</p><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1x USB 3.2 Gen 1 (Always On)</p><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 2x USB-C 3.2 Gen 1 (support data transfer, Power Delivery 3.0, and DisplayPort 1.4)</p><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1x HDMI 2.0</p><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1x Card reader</p><p>-&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1x Headphone / microphone combo jack (3.5mm)</p></td></tr><tr><td width="163"><p>Pin</p></td><td width="518"><p>56.5Wh</p></td></tr><tr><td width="163"><p>Kích thước (rộng x dài x cao)</p></td><td width="518"><p>312.2 x 221 x 15.9 mm</p></td></tr><tr><td width="163"><p>Cân nặng</p></td><td width="518"><p>1.41 kg</p></td></tr><tr><td width="163"><p>Hệ điều hành</p></td><td width="518"><p>Win 11 home</p></td></tr><tr><td width="163"><p>Phụ kiện đi kèm</p></td><td width="518"><p>Adapter</p></td></tr></tbody></table>
+        </div>
+    </div>
+
+
+    <!-- Cart -->
+    <div class="cart-page container" style="display: none;">
+        <div class="page-title-group">
+            <p class="color-main d-inline-block">Giỏ hàng của tôi</p>
+            <span>( 0 sản phẩm )</span>
+        </div>
+
+        <p class="page-note">
+            Để xóa sản phẩm khỏi giỏ hàng, bấm nút <span class="red font-500">“Xóa”</span>, để mua thêm bấm <span class="red font-500">"Chọn thêm sản phẩm"</span>. Để sang bước đặt hàng tiếp theo, bấm <span class="red font-500">"Đặt hàng"</span>, để mua hàng trả góp bấm <span class="red font-500">"Mua trả góp"</span>
+        </p>
+
+        <div class="clearfix">
+            <form class="col-left" method="post" enctype="multipart/form-data" action="/send-cart" onsubmit="return check_field()">
+                <div class="cart-product-holder">
+                    <div class="item-row js-item-row">
+                        <a href="" class="item-img">
+                            <img src="images/product-1.png"/>
+                        </a>
+
+                        <div class="item-text">
+                            <div class="item-left">
+                                <a href="" class="item-name">Laptop Lenovo IdeaPad 5 15ITL05 82FG01H8VN (15.6" Intel Core i5-1135G7/8GB/256GB SSD/Onboard/Windows 11 Home/1.7kg)</a>
+
+                                <p class="item-instock">Còn hàng</p>
+                                <p class="item-outstock">Liên hệ</p>
+
+                                <div class="item-offer">
+                                    <p class="title">Khuyến mại sản phẩm</p>
+
+                                    <div class="item-offer-content">
+                                        <b class="d-block"> Khuyến mại: </b>
+                                        
+                                        <div>Giao hàng trên toàn quốc</div>
+                                        <div>Nhận thanh toán khi giao hàng</div>
+                                        <div>Mua 2 máy giảm 50.000VNĐ</div>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div class="item-right">
+                                <p class="item-price">37.490.000 <u>đ</u></p>
+                                <p class="item-old-price">38.490.000 <u>đ</u></p>
+
+                                <div class="item-quanity">
+                                    <div class="item-quanity-holder">
+                                        <a href="javascript:void(0)" class="js-quantity-change" data-value="-1"> - </a>
+                                        <input type="text" class="js-buy-quantity js-quantity-change" value="1" data-stock="998" data-min="1">
+                                        <a href="javascript:void(0)" class="js-quantity-change" data-value="1"> + </a>
+                                    </div>
+
+                                    <a href="javascript:void(0)" class="js-delete-item icons icon-delete" title="Xóa sản phẩm"></a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="item-row js-item-row"> <a href="" class="item-img"> <img src="images/product-1.png"/> </a> <div class="item-text"> <div class="item-left"> <a href="" class="item-name">Laptop Lenovo IdeaPad 5 15ITL05 82FG01H8VN (15.6" Intel Core i5-1135G7/8GB/256GB SSD/Onboard/Windows 11 Home/1.7kg)</a> <p class="item-instock">Còn hàng</p><p class="item-outstock">Liên hệ</p><div class="item-offer"> <p class="title">Khuyến mại sản phẩm</p><div class="item-offer-content"> <b class="d-block"> Khuyến mại: </b> <div>Giao hàng trên toàn quốc</div><div>Nhận thanh toán khi giao hàng</div><div>Mua 2 máy giảm 50.000VNĐ</div></div></div></div><div class="item-right"> <p class="item-price">37.490.000 <u>đ</u></p><p class="item-old-price">38.490.000 <u>đ</u></p><div class="item-quanity"> <div class="item-quanity-holder"> <a href="javascript:void(0)" class="js-quantity-change" data-value="-1"> - </a> <input type="text" class="js-buy-quantity js-quantity-change" value="1" data-stock="998" data-min="1"> <a href="javascript:void(0)" class="js-quantity-change" data-value="1"> + </a> </div><a href="javascript:void(0)" class="js-delete-item icons icon-delete" title="Xóa sản phẩm"></a> </div></div></div></div>
+                </div>
+
+                <div class="page-btn-group">
+                    <a href="/">Chọn thêm sản phẩm</a>
+                    <a href="javascript:void(0)">Làm trống giỏ hàng</a>
+                </div>
+
+                <p class="page-note text-center">
+                    Vui lòng điền đầy đủ thông tin để mua hàng. (Nếu đã đăng ký tài khoản bạn có thể <a href="/dang-nhap" class="red">Đăng nhập</a>)
+                </p>
+
+                <div class="cart-form-group">
+                    <div class="form-left">
+                        <div class="group-title">
+                            <p>Thông tin giao hàng</p>
+                            <a href="/dang-nhap">Đăng nhập</a>
+                        </div>
+
+                        <div class="cart-input-group">
+                            <input type="text" placeholder="Họ và tên" name="user_info[name]" id="buyer_name" value=""/>
+                            <input type="email" placeholder="Email" name="user_info[email]" id="buyer_email" value='' />
+                            <input type="text" placeholder="Số điện thoại" name="user_info[mobile]" id="buyer_tel" value=''/>
+
+                            <select name="user_info[province]" id="buyer_province" onchange="getProvince(this.value);">
+                                <option value="0">Chọn Tỉnh thành</option>
+                                <option value="">Option 1</option>
+                                <option value="">Option 2</option>
+                            </select>
+
+                            <select name="user_info[district]" id="js-district-holder" onchange="getWardList(this.value, '#js-ward-holder');">
+                                <option value="0">Chọn Quận/ Huyện</option>
+                                <option value="">Option 1</option>
+                                <option value="">Option 2</option>
+                            </select>
+
+                            <select name="user_info[ward]" id="js-ward-holder">
+                                <option value="0">Chọn Phường/ Xã</option>
+                                <option value="">Option 1</option>
+                                <option value="">Option 2</option>
+                            </select>
+
+                            <input type="text" placeholder="Địa chỉ" id="buyer_address" name="user_info[address]" value='' class="input-select"/>
+                            
+                            <textarea placeholder="Ghi chú" name="user_info[note]" id="buyer_note"></textarea>
+
+                            <a href="javascript:void(0)" class="btn-company" onclick="$('#js-company-input').toggle(); $(this).toggleClass('active');">Xuất hóa đơn công ty</a>
+
+                            <div class="company-input" id="js-company-input">
+                                <input type="text" id="tax_email" name="user_info[tax_email]" placeholder="Nhập email nhận hóa đơn">
+
+                                <input type="text" id="tax_company" name="user_info[tax_company]" placeholder="Tên công ty">
+
+                                <input type="text" id="tax_code" name="user_info[tax_code]" placeholder="Mã số thuế">
+
+                                <input type="text" id="tax_address" name="user_info[tax_address]" placeholder="Địa chỉ"/>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="form-right">
+                        <div class="payment-item">
+                            <div class="group-title">
+                                <p>Vận chuyển</p>
+                            </div>
+
+                            <label class="label-container">
+                                <input type="radio" name="pay_method" value="1" checked="">
+                                <span class="checkmark"></span>
+                                <span>Thanh toán tiền mặt khi nhận hàng (tiền mặt/quẹt thẻ ATM,Visa,Master)</span>
+                            </label>
+                            
+                            <label class="label-container"> <input type="radio" name="pay_method" value="2"> <span class="checkmark"></span> <span>Thanh toán qua chuyển khoản qua tài khoản ngân hàng(khuyên dùng)</span> </label> <div class="payment-method-detail" style="display: none;">- Ngân hàng: Vietcombank - STK: 00000000000 - Chủ TK: Nguyễn Văn A</div><label class="label-container"> <input type="radio" name="pay_method" value="3"> <span class="checkmark"></span> <span>Thanh toán qua Ngân Lượng (ATM nội địa, Visa,Master)</span> </label> <label class="label-container"> <input type="radio" name="pay_method" value="4"> <span class="checkmark"></span> <span>Trả góp Alepay (Ngân Lượng)</span> </label> <label class="label-container"> <input type="radio" name="pay_method" value="5"> <span class="checkmark"></span> <span>Thanh toán trực tuyến (Bằng thẻ ATM/Visa/Master qua cổng VnPay)</span> </label>
+                        </div>
+
+                        <div class="payment-item">
+                            <div class="group-title">
+                                <p>Thanh toán</p>
+                            </div>
+
+                            <label class="label-container">
+                                <input type="radio" name="ship_method" value="1" checked="">
+                                <span class="checkmark"></span>
+                                <span>[Nhanh] Giao hàng nhanh (6h)</span>
+                            </label>
+        
+                            <label class="label-container">
+                                <input type="radio" name="ship_method" value="2">
+                                <span class="checkmark"></span>
+                                <span>[Nhanh] Giao hàng nhanh (24h)</span>
+                            </label>
+
+                            <label class="label-container">
+                                <input type="radio" name="ship_method" value="3">
+                                <span class="checkmark"></span>
+                                <span>Giao hàng miễn phí (24h-72h)</span>
+                            </label>
+                        </div>
+
+                    </div>
+
+                </div>
+            </form>
+
+            <div class="col-right">
+                <p class="group-title">THÔNG TIN ĐƠN HÀNG</p>
+                
+                <table>
+                    <tr>
+                        <td><b>Tạm tính</b></td>
+                        <td align="right">
+                            <b>37.490.000 <u>đ</u></b>
+                        </td>
+                    </tr>
+
+                    <tr>
+                        <td>Phí giao hàng</td>
+                        <td align="right">
+                            <span>30.000 <u>đ</u></span>
+                        </td>
+                    </tr>
+
+                    <tr>
+                        <td><b>Tổng giá trị đơn hàng</b></td>
+                        <td align="right">
+                            <span class="cart-total-price">37.520.000 <u>đ</u></span>
+                            <span class="text-14 font-500">(Đã bao gồm VAT)</span>
+                        </td>
+                    </tr>
+                </table>
+
+                <label>
+                    <input type="checkbox" />
+                    <span>Tôi đồng ý với điều khoản & điều kiện giao dịch của Máy tính Việt Phong</span>
+                </label>
+
+                <div class="cart-btn-group">
+                    <button type="submit" class="item">ĐẶT HÀNG</button>
+                    <a href="" class="item">MUA TRẢ GÓP</a>
+                    <a href="" class="item cart-print">In đơn hàng</a>
+                    <a href="" class="item cart-excel">Tải excel</a>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
 <!-- Footer -->
-<!-- Tìm kiếm nhiều -->
-<div class="container">
-    <div class="home-customer-comment-group global-tags-group">
-        <div class="box-title-group">
-            <p class="title">Tìm kiếm nhiều</p>
-        </div>
+<div class="global-footer-container">
+    <div class="container">
+        <div class="footer-news-container">
+            <div class="group-title">
+                <div class="d-flex align-items-center flex-wrap">
+                    <p class="title">TIN TỨC VÀ KẾT NỐI</p>
+                    <span>Cập nhật thông tin công nghệ mới nhất...</span>
+                </div>
+
+                <a href="/tin-tuc">XEM TẤT CẢ</a>
+            </div>
+
+            <div class="article-holder">
+                <div class="art-item">
+                    <a href="" class="art-img">
+                        <img src="https://via.placeholder.com/586x330"/>
+                    </a>
     
-        <div class="tags-list">
-            <a href="" target="_blank">Thiết bị nhà bếp</a>
-            <a href="" target="_blank">Bếp điện từ - Hồng ngoại</a><a href="" target="_blank">Bếp từ đôi</a><a href="" target="_blank">Chảo kim cương</a><a href="" target="_blank">Ấm siêu tốc</a><a href="" target="_blank">Điện gia dụng</a><a href="" target="_blank">Đồ gia dụng</a><a href="" target="_blank">Bộ nồi Inox</a><a href="" target="_blank">Nồi áp suất</a><a href="" target="_blank">Bàn là</a><a href="" target="_blank">Nồi chiên không dầu</a><a href="" target="_blank">Máy hút mùi</a><a href="" target="_blank">Điều hòa treo tường</a><a href="" target="_blank">Điều hòa trung tâm</a><a href="" target="_blank">Cây nước nóng lạnh</a><a href="" target="_blank">Lò nướng</a><a href="" target="_blank">Máy lọc nước</a><a href="" target="_blank">Máy lọc không khí</a>
-        </div>
-    </div>
-</div>
-
-<div class="footer-newsletter-container">
-    <div class="container d-flex flex-wrap align-items-center justify-content-between">
-        <div class="col-left">
-            <i class="icons icon-mailbox"></i>
-
-            <div class="text">
-                <b>Nhận thông báo khuyến mại hoặc tư vấn miến phí</b>
-                <span>Bạn hãy để lại email để không bỏ lỡ hàng ngàn sản phẩm và các chương trình khuyến mãi khác</span>
+                    <div class="art-text">
+                        <time class="art-time"> 06.10 2023 </time>
+                        <a href="" class="art-title">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dolorum impedit earum repudiandae et dolor odio eius veritatis soluta adipisci sed ipsum</a>
+                        <div class="art-summary">
+                            Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet adipisci quia ipsum neque at quas facere consequuntur possimus sunt voluptatibus maiores, sapiente eius, autem placeat ea asperiores ex atque tempora.
+                        </div>
+                    </div>
+                </div>
+    
+                <div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/586x330"/> </a> <div class="art-text"> <time class="art-time"> 06.10 2023 </time> <a href="" class="art-title">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dolorum impedit earum repudiandae et dolor odio eius veritatis soluta adipisci sed ipsum</a> <div class="art-summary"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet adipisci quia ipsum neque at quas facere consequuntur possimus sunt voluptatibus maiores, sapiente eius, autem placeat ea asperiores ex atque tempora. </div></div></div><div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/586x330"/> </a> <div class="art-text"> <time class="art-time"> 06.10 2023 </time> <a href="" class="art-title">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dolorum impedit earum repudiandae et dolor odio eius veritatis soluta adipisci sed ipsum</a> <div class="art-summary"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet adipisci quia ipsum neque at quas facere consequuntur possimus sunt voluptatibus maiores, sapiente eius, autem placeat ea asperiores ex atque tempora. </div></div></div><div class="art-item"> <a href="" class="art-img"> <img src="https://via.placeholder.com/586x330"/> </a> <div class="art-text"> <time class="art-time"> 06.10 2023 </time> <a href="" class="art-title">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dolorum impedit earum repudiandae et dolor odio eius veritatis soluta adipisci sed ipsum</a> <div class="art-summary"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet adipisci quia ipsum neque at quas facere consequuntur possimus sunt voluptatibus maiores, sapiente eius, autem placeat ea asperiores ex atque tempora. </div></div></div>
             </div>
         </div>
+        
+        <div class="footer-news-container footer-review-container">
+            <div class="group-title">
+                <p class="title">ĐÁNH GIÁ KHÁCH HÀNG</p>
+            </div>
 
-        <form class="newsletter-form-holder">
-            <input type="email" required placeholder="Nhập email"/>
-            <button type="submit">Gửi ngay</button>
-            <div class="error-note"> <!-- error note --> </div>
-        </form>
+            <div class="footer-review-holder owl-carousel owl-theme custom-nav" id="js-footer-review">
+                <div class="item">
+                    <div class="image">
+                        <img data-src="images/global/footer-review-1.png" alt="customer review" width="1" height="1" class="owl-lazy"/>
+                    </div>
+
+                    <div class="text">
+                        <i class="icon-star star-5"></i>
+
+                        <div class="summary">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Placeat, labore. Eius voluptatum fuga nulla cupiditate quod vel, ratione id esse mollitia ut recusandae. Nam sint quibusdam sequi eligendi? Excepturi, porro.</div>
+
+                        <div class="customer-info">
+                            <i class="lazy" data-src="images/customer-avatar.png"></i>
+
+                            <p>
+                                <b>Nguyễn Thị Hồng Nhung</b>
+                                <span>0383100 ***</span>
+                            </p>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="item">
+                    <div class="image">
+                        <img data-src="images/global/footer-review-2.png" alt="customer review" width="1" height="1" class="owl-lazy"/>
+                    </div>
+
+                    <div class="text">
+                        <i class="icon-star star-5"></i>
+
+                        <div class="summary">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Placeat, labore. Eius voluptatum fuga nulla cupiditate quod vel, ratione id esse mollitia ut recusandae. Nam sint quibusdam sequi eligendi? Excepturi, porro.</div>
+
+                        <div class="customer-info">
+                            <i class="lazy" data-src="images/customer-avatar.png"></i>
+
+                            <p>
+                                <b>Nguyễn Thị Hồng Nhung</b>
+                                <span>0383100 ***</span>
+                            </p>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="item">
+                    <div class="image">
+                        <img data-src="images/global/footer-review-1.png" alt="customer review" width="1" height="1" class="owl-lazy"/>
+                    </div>
+
+                    <div class="text">
+                        <i class="icon-star star-5"></i>
+
+                        <div class="summary">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Placeat, labore. Eius voluptatum fuga nulla cupiditate quod vel, ratione id esse mollitia ut recusandae. Nam sint quibusdam sequi eligendi? Excepturi, porro.</div>
+
+                        <div class="customer-info">
+                            <i class="lazy" data-src="images/customer-avatar.png"></i>
+
+                            <p>
+                                <b>Nguyễn Thị Hồng Nhung</b>
+                                <span>0383100 ***</span>
+                            </p>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="item">
+                    <div class="image">
+                        <img data-src="images/global/footer-review-2.png" alt="customer review" width="1" height="1" class="owl-lazy"/>
+                    </div>
+
+                    <div class="text">
+                        <i class="icon-star star-5"></i>
+
+                        <div class="summary">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Placeat, labore. Eius voluptatum fuga nulla cupiditate quod vel, ratione id esse mollitia ut recusandae. Nam sint quibusdam sequi eligendi? Excepturi, porro.</div>
+
+                        <div class="customer-info">
+                            <i class="lazy" data-src="images/customer-avatar.png"></i>
+
+                            <p>
+                                <b>Nguyễn Thị Hồng Nhung</b>
+                                <span>0383100 ***</span>
+                            </p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>        
     </div>
-</div>
 
-<div class="global-footer">
-    <div class="footer-info-group container">
-        <div class="row">
-            <div class="col">
-                <p class="title">Công ty TNHH Hurasoft</p>
-                
-                <div class="info-list address-list">
-                    <a href="">
-                        <i class="icons icon-map"></i>
-                        <span>Tầng 5 - Số 3, ngõ 18 Yên Lãng, Đống Đa, Hà Nội</span>
-                    </a>
+    <div class="footer-policy-container">
+        <div class="container d-flex flex-wrap align-items-center">
+            <div class="item">
+                <i class="icons icon-truck"></i>
 
-                    <a href="tel:">
-                        <i class="icons icon-tel"></i>
-                        <span>02422.138.068</span>
-                    </a>
-
-                    <a href="mailTo:">
-                        <i class="icons icon-email"></i>
-                        <span>hotro@hurasoft.com</span>
-                    </a>
+                <div class="item-text">
+                    <b>GIAO HÀNG TOÀN QUỐC</b>
+                    <span>Giao hàng trước trả tiền sau COD</span>
                 </div>
             </div>
 
-            <div class="col js-info-group">
-                <p class="title js-info-title">Thông tin công ty</p>
-                
-                <div class="info-list">
-                    <a href="/gioi-thieu">Giới thiệu</a>
-                    <a href="">Hệ thống showroom</a>
-                    <a href="/lien-he">Thông tin liên hệ</a>
-                    <a href="">Tuyển dụng</a>
-                    <a href="/tin-tuc">Tin tức</a>
+            <div class="item">
+                <i class="icons icon-return"></i>
+
+                <div class="item-text">
+                    <b>ĐỔI TRẢ DỄ DÀNG</b>
+                    <span>Đổi mới trong 30 ngày đầu</span>
                 </div>
             </div>
 
-            <div class="col js-info-group">
-                <p class="title js-info-title">Hỗ trợ khách hàng</p>
-                
-                <div class="info-list">
-                    <a href="">Hướng dẫn mua hàng Online</a>
+            <div class="item">
+                <i class="icons icon-payment"></i>
+
+                <div class="item-text">
+                    <b>THANH TOÁN TIỆN LỢI</b>
+                    <span>Trả tiền mặt, chuyển khoản, trả góp 0%</span>
+                </div>
+            </div>
+
+            <div class="item">
+                <i class="icons icon-support"></i>
+
+                <div class="item-text">
+                    <b>HỖ TRỢ NHIỆT TÌNH</b>
+                    <span>Tư vấn tổng đài miễn phí 24/7</span>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="container">
+        <div class="footer-info-group">
+            <div class="item">
+                <p class="title">Thông tin công ty</p>
+
+                <div class="item-list">
+                    <a href="" target="_blank" class="icon-map">Số 413 Lê Thanh Nghị - TP Hải Dương</a>
+                    <a href="/gioi-thieu" class="icon-map">Giới thiệu công ty</a>
+                    <a href="/lien-he" class="icon-tel">Thông tin liên hệ</a>
+                    <a href="tel:0908.181.68" class="icon-tel">Hotline: 0908.181.686</a>
+                    <a href="mailto:maytinhvietphong@gmail.com" class="icon-email">Email: maytinhvietphong@gmail.com</a>
+                </div>
+            </div>
+
+            <div class="item">
+                <p class="title">Chính sách và hỗ trợ</p>
+
+                <div class="item-list">
+                    <a href="">Hướng dẫn mua hàng </a>
                     <a href="">Hướng dẫn thanh toán</a>
-                    <a href="">Hướng dẫn mua trả góp</a>
-                </div>
-            </div>
-
-            <div class="col js-info-group">
-                <p class="title js-info-title">Chính sách mua hàng và bảo hành</p>
-                
-                <div class="info-list">
                     <a href="">Chính sách bảo hành</a>
+                    <a href="">Chính sách đổi trả hàng</a>
+                    <a href="">Chính sách vận chuyển</a>
                     <a href="">Chính sách bảo mật</a>
-                    <a href="">Chính sách vận chuyển, giao nhận</a>
                 </div>
-
-                <a href="" class="footer-bct">
-                    <img data-src="images/footer-bct.png" alt="BCT" width="1" height="1" class="lazy"/>
-                </a>
             </div>
-        </div>
-    </div>
 
-    <div class="footer-store-box">
-        <div class="container d-flex flex-wrap">
             <div class="item">
-                <div class="group-title">
-                    <span class="number">01</span>
-                    <span class="text">TT TƯ VẤN & CSKH</span>
-                </div>
+                <p class="title">Thông tin khuyến mại</p>
 
                 <div class="item-list">
-                    <a href="">
-                        <i class="icons icon-map"></i>
-                        <span>Tầng 5 - Số 3, ngõ 18 Yên Lãng, Đống Đa, Hà Nội</span>
-                    </a>
+                    <a href="/tin-khuyen-mai.html">Thông tin khuyến mại</a>
+                    <a href="/san-pham-xa-hang">Sản phẩm khuyến mại</a>
+                    <a href="/san-pham-ban-chay">Sản phẩm bán chạy</a>
+                    <a href="/tin-tuc">Tin tức công nghệ</a>
 
-                    <a href="">
-                        <i class="icons icon-tel"></i>
-                        <span>02422.138.068</span>
+                    <a href="" target="_blank" class="icon-bct">
+                        <img data-src="images/bct-red.png" alt="BCT" width="1" height="1" class="lazy"/>
                     </a>
                 </div>
             </div>
 
             <div class="item">
-                <div class="group-title">
-                    <span class="number">02</span>
-                    <span class="text">TT TƯ VẤN & CSKH</span>
+                <p class="title">Fanpage facebook</p>
+
+                <div>
+                    <img src="https://via.placeholder.com/204x100">
                 </div>
 
-                <div class="item-list">
-                    <a href="">
-                        <i class="icons icon-map"></i>
-                        <span>Tầng 5 - Số 3, ngõ 18 Yên Lãng, Đống Đa, Hà Nội</span>
-                    </a>
-
-                    <a href="">
-                        <i class="icons icon-tel"></i>
-                        <span>02422.138.068</span>
-                    </a>
-                </div>
-            </div>
-
-            <div class="item">
-                <div class="group-title">
-                    <span class="number">03</span>
-                    <span class="text">TT TƯ VẤN & CSKH</span>
-                </div>
-
-                <div class="item-list">
-                    <a href="">
-                        <i class="icons icon-map"></i>
-                        <span>Tầng 5 - Số 3, ngõ 18 Yên Lãng, Đống Đa, Hà Nội</span>
-                    </a>
-
-                    <a href="">
-                        <i class="icons icon-tel"></i>
-                        <span>02422.138.068</span>
-                    </a>
-                </div>
-            </div>
-
-            <div class="item">
-                <div class="group-title">
-                    <span class="number">04</span>
-                    <span class="text">TT TƯ VẤN & CSKH</span>
-                </div>
-
-                <div class="item-list">
-                    <a href="">
-                        <i class="icons icon-map"></i>
-                        <span>Tầng 5 - Số 3, ngõ 18 Yên Lãng, Đống Đa, Hà Nội</span>
-                    </a>
-
-                    <a href="">
-                        <i class="icons icon-tel"></i>
-                        <span>02422.138.068</span>
-                    </a>
+                <div class="social-media-list">
+                    <a href="https://www.facebook.com/maytinhvietphong/" target="_blank" class="icons icon-facebook" title="Facebook"></a>
+                    <a href="" target="_blank" class="icons icon-instagram" title="Instagram"></a>
+                    <a href="" target="_blank" class="icons icon-tiktok" title="Tiktok"></a>
+                    <a href="/lien-he" target="_blank" class="icons icon-mail" title="Liên hệ với chúng tôi"></a>
+                    <a href="" target="_blank" class="icons icon-phone" title="Gọi cho chúng tôi"></a>
+                    <a href="https://www.youtube.com/watch?v=d2SnWVsAU_c" target="_blank" class="icons icon-youtube" title="Youtube"></a>                    
                 </div>
             </div>
         </div>
-    </div>
 
-    <div class="footer-end-group container d-flex flex-wrap align-items-center justify-content-between">
-        <p>© 2023: Bản quyền Hurasoft </p>
-        <i class="lazy icon-payment" data-bg="url(/images/footer-payment.png)"></i>
+        <div class="global-support-group">
+            <div class="sub-item">
+                <p class="title">
+                    <span class="number number-1">01</span>
+                    <span>Hỗ trợ trực tuyến</span>
+                </p>
+
+                <div class="item-sub-group">
+                    <a href="tel:0326.181.686">Game Net: 0326.181.686</a>
+                    <a href="tel:0326.181.686">Bán Buôn: 0326.181.686</a>
+                    <a href="tel:0982.959.434">Bảo hành: 0982.959.434</a>
+                </div>
+            </div>
+
+            <div class="sub-item">
+                <p class="title">
+                    <span class="number number-2">02</span>
+                    <span>Dịch vụ kỹ thuật</span>
+                </p>
+
+                <div class="item-sub-group">
+                    <a href="tel:02203 836 577">Dịch vụ kỹ thuật: 02203 836 577</a>
+                    <a href="tel:02203 836 577">Đổ mực, Sửa chữa: 02203 836 577</a>
+                    <a href="tel:0982.959.434 ">Dịch vụ bảo hành: 0982.959.434 </a>
+                </div>
+            </div>
+
+            <div class="sub-item">
+                <p class="title">
+                    <span class="number number-3">03</span>
+                    <span>Bán hàng Doanh nghiệp</span>
+                </p>
+
+                <div class="item-sub-group">
+                    <a href="tel:01626.181.686">Điện thoại: 01626.181.686</a>
+                    <a href="tel:0326.181.686">Điện thoại: 0326.181.686</a>
+                    <a href="tel:0326.181.686">Điện thoại: 0326.181.686</a>
+                </div>
+            </div>
+
+            <div class="sub-item">
+                <p class="title">
+                    <span class="number number-4">04</span>
+                    <span>Góp ý & Khiếu nại</span>
+                </p>
+
+                <div class="item-sub-group">
+                    <a href="tel:02203 836 577">Hotline: 02203 836 577</a>
+                    <a href="tel:02203 836 577">Hotline: 02203 836 577</a>
+                    <a href="tel:02203 836 577">Hotline: 02203 836 577</a>
+                </div>
+            </div>
+        </div>
     </div>
 </div>
 
+<div class="global-footer-end">
+    <div class="container d-flex flex-wrap align-items-center">
+        <a href="/" class="logo">
+            <img data-src="images/logo.png" alt="Máy Tính Việt Phong | Cung cấp pc gaming, lắp đặt phòng net" width="1" height="1" class="lazy"/>
+        </a>
+
+        <div class="text">
+            <p class="title">CÔNG TY CỔ PHẦN MÁY TÍNH VIỆT PHONG</p>
+            <p>Trụ sở chính: số nhà 413, đường Lê Thanh Nghị, phường Lê Thanh Nghị, thành phố Hải Dương, tỉnh Hải Dương.</p>
+            <p>GPĐKKD số 0800447622 do Sở Kế hoạch và đầu tư tỉnh Hải Dương cấp lần đầu ngày 26 tháng 3 năm 2008, thay đổi lần thứ nhất ngày 14 tháng 7 năm 2010.</p>
+            <p>Điện thoại: 02203.836.578 - 02203.836.577 | Email: vuong@vpcom.vn | Website: http://maytinhvietphong.vn</p>
+            <p>Copyright ©2023 Vietphong Computer.</p>
+        </div>
+    </div>
+</div>
+
+<div class="global-fixed-right">
+    <a href="tel:0908.181.686" class="mb-icons icon-phone"></a>
+    <a href="https://zalo.me/2902025865965445564" rel="nofollow" class="mb-icons icon-zalo" target="_blank"></a>
+    <a href="https://m.me/maytinhvietphong" rel="nofollow" class="mb-icons icon-messenger" target="_blank"></a>
+    <a href="javascript:void(0)" id="js-goTop" class="icons icon-goTop" onclick="$('body,html').animate({scrollTop:0},800);"></a> 
+</div>
+
+<div class="global-fixed-bottom">
+    <a href="/" class="current">
+        <i class="mb-icons icon-home"></i>
+        <span>Trang chủ</span>
+    </a>
+
+    <a href="javascript:void(0)" onclick="_openMenu()">
+        <i class="mb-icons icon-menu"></i>
+        <span>Danh mục</span>
+    </a>
+
+    <a href="tel:0908.181.686">
+        <i class="mb-icons icon-support"></i>
+        <span>Tư vấn</span>
+    </a>
+
+    <a href="/buildpc">
+        <i class="mb-icons icon-buildpc"></i>
+        <span>Build PC</span>
+    </a>
+
+    <a href="/cart">
+        <i class="mb-icons icon-cart"></i>
+        <span>Giỏ hàng</span>
+    </a>
+</div>
+
+
 <div class="success-form" style="display: none">
     <div class="content-container">
         <div class="success-checkmark">
@@ -1090,84 +1485,91 @@
     </div>
 </div>
 
-<a href="javascript:void(0)" id="js-goTop" class="global-goTop" onclick="$('body,html').animate({scrollTop:0},800);"></a>
+<!-- box so sanh sp -->
+<div class="global-compare-group">
+    <div class="title text-22 text-white d-flex align-items-center justify-content-between font-600">
+        <p>SO SÁNH SẢN PHẨM</p>
+        <a href="javascript:void(0)" class="close-compare text-white fa fa-times" onclick="compare_close()"></a>
+    </div>
 
+    <div class="font-600 mt-2 red text-14 text-center" id="js-alert"></div>
 
-<!-- Menu -->
-<nav id="js-global-menu" class="mb-menu">
-    <ul>
-        
-        <li>
-            <a href=""> <i class="fas fa-home cat-thumb"></i> <span class="cat-title"> LINH KIỆN MÁY TÍNH </span> </a>
-            
-            <ul>
-                <li>
-                    <a href="/cpu-bo-vi-xu-ly.html"> CPU - Bộ vi xử lý </a>
-                    
-                    <ul>
-                        <li>
-                            <a href="/intel-pentium.html"> Intel Pentium </a>
-                        </li>
-                    </ul>
-                    
-                </li>
-            </ul>
-        </li>
-        
-        <li>
-            <a href=""> <i class="fa fa-home cat-thumb"></i> <span class="cat-title"> LINH KIỆN </span> </a>
-        </li>
-        
-        <li>
-            <a href=""> <i class="fa fa-home cat-thumb"></i> <span class="cat-title"> MÁY TÍNH </span> </a>
-        </li>
-        
-        <li>
-            <a href=""> <i class="fa fa-home cat-thumb"></i> <span class="cat-title"> LINH KIỆN MÁY TÍNH </span> </a>
-        </li>
-        
-        <li>
-            <a href="/tin-tuc"> <i class="far fa-newspaper cat-thumb"></i> <span class="cat-title"> Tin tức </span> </a>
-            <ul>
-                
-                <li><a href="/tin-cong-nghe.html"> Tin Công Nghệ </a></li>
-                
-                <li><a href="/tin-cong-ty.html"> Tin Công Ty </a></li>
-                
-                <li><a href="/bao-hanh.html"> Bảo Hành </a></li>
-                
-                <li><a href="/thu-thuat-may-tinh.html"> Thủ thuật máy tính  </a></li>
-                
-            </ul>
-        </li>
+    <div class="pro-compare-holder">
+        <div class="compare-pro-holder clearfix" id="js-compare-holder"> <!-- // --></div>
+        <a href="javascript:void(0)" class="btn-compare" onclick="compare_link()">SO SÁNH</a>
+    </div>
+</div>
 
-        <li>
-            <a href="/dang-ky"> <i class="icons icon-user cat-thumb"></i> <span class="cat-title"> Đăng ký </span></a>
-        </li>
-        <li>
-            <a href="/dang-nhap"> <i class="icons icon-user cat-thumb"></i> <span class="cat-title"> Đăng nhập</span> </a>
-        </li>
-        
-        <li>
-            <a href="/lien-he"> <i class="far fa-envelope cat-thumb"></i> <span class="cat-title"> Liên hệ </span></a>
-        </li>
+<!-- Menu mobile -->
+<div class="global-menu-container">
+    <div class="global-menu-content">
+        <div class="global-menu-header">
+            <div class="header-user">
+                <a href="/dang-ky">Đăng ký </a> / 
+                <a href="/dang-nhap"> Đăng nhập</a>
+            </div>
+            <a href="javascript:;" class="icon-close" onclick="_closeMenu()"></a>
+        </div>
 
-        <li>
-            <a href="/gioi-thieu"> <i class="fas fa-info-circle cat-thumb"></i> <span class="cat-title"> Giới thiệu </span></a>
-        </li>
-    </ul>
-</nav>
+        <div class="global-menu-list">
+            <p class="title"> DANH MỤC SẢN PHẨM </p>
+
+            <div class="cat-list-group">
+                <div class="cat-item js-cat-item">
+                    <a href="" class="cat-1">
+                        <span class="cat-thum lazy" data-bg="url('https://kccshop.vn/media/category/cat_icon_2_1666948667.png')" ></span>
+                        <span class="cat-title"> Bộ PC </span>
+                    </a>
+
+                    <i class="mb-icons icon-arrow js-show-cat-menu"></i>
+
+                    <div class="sub-menu js-sub-menu">
+                        <a href="/pc-core-i5/" class="cat-2">PC Core i5</a>
+                        <a href="/pc-core-i7/" class="cat-2">PC Core i7</a>
+                        <a href="/pc-core-i9/" class="cat-2">PC Core i9</a>
+                        <a href="/cp-ryzen-3/" class="cat-2">PC Ryzen 3</a>
+                        <a href="/cp-ryzen-5/" class="cat-2">PC Ryzen 5</a>
+                        <a href="/cp-ryzen-7/" class="cat-2">PC Ryzen 7</a>
+                        <a href="/pc-ryzen-9/" class="cat-2">PC Ryzen 9</a>
+                        <a href="/pc-core-i3/" class="cat-2">PC Core i3</a>
+                    </div>
+                </div>
+                
+                <div class="cat-item js-cat-item"> <a href="/laptop-gaming/" class="cat-1"> <span class="cat-thum lazy" data-bg="url('https://kccshop.vn/media/category/cat_icon_1_1666948464.png')" ></span> <span class="cat-title"> Laptop </span> </a></div><div class="cat-item js-cat-item"> <a href="/main-bo-mach-chu/" class="cat-1"> <span class="cat-thum lazy" data-bg="url('https://kccshop.vn/media/category/cat_icon_5_1666946989.png')" ></span> <span class="cat-title"> MAIN </span> </a> <i class="mb-icons icon-arrow js-show-cat-menu"></i> <div class="sub-menu js-sub-menu"> <a href="/mainboard-asrock/" class="cat-2">Mainboard ASROCK</a> <a href="/mainboard-asus/" class="cat-2">Mainboard ASUS</a> <a href="/mainboard-intel/" class="cat-2">Mainboard INTEL</a> <a href="/mainboard-msi/" class="cat-2">Mainboard MSI</a> <a href="/mainboard-gigabyte/" class="cat-2">Mainboard GIGABYTE</a> <a href="/mainboard-biostar/" class="cat-2">Mainboard BIOSTAR</a> <a href="/mainboard-b650-am5/" class="cat-2">Mainboard B650 - AM5</a> <a href="/mainboard-x670/" class="cat-2">Mainboard X670 - AM5</a> <a href="/mainboard-a620-am5/" class="cat-2">Mainboard A620 - AM5</a> <a href="/mainboard-b760-intel/" class="cat-2">Mainboard B760 - Intel</a> </div></div><div class="cat-item js-cat-item"> <a href="/cpu-bo-vi-xu-ly/" class="cat-1"> <span class="cat-thum lazy" data-bg="url('https://kccshop.vn/media/category/cat_icon_6_1666947154.png')" ></span> <span class="cat-title"> CPU </span> </a> <i class="mb-icons icon-arrow js-show-cat-menu"></i> <div class="sub-menu js-sub-menu"> <a href="/core-i3/" class="cat-2">CPU Intel Core i3</a> <a href="/core-i5/" class="cat-2">CPU Intel Core i5</a> <a href="/core-i7/" class="cat-2">CPU Intel Core i7</a> <a href="/core-i9/" class="cat-2">CPU Intel Core i9</a> <a href="/ryzen-3/" class="cat-2">Ryzen 3</a> <a href="/ryzen-5/" class="cat-2">Ryzen 5</a> <a href="/ryzen-7/" class="cat-2">Ryzen 7</a> <a href="/ryzen-9/" class="cat-2">Ryzen 9</a> <a href="/cpu-xeon/" class="cat-2">CPU Xeon</a> <a href="/intel-pentium/" class="cat-2">Intel Pentium</a> <a href="/ryzen-threadripper/" class="cat-2">Ryzen Threadripper</a> <a href="/threadripper-pro/" class="cat-2">Ryzen Threadripper Pro</a> <a href="/ryzen-7000/" class="cat-2">Ryzen 7000</a> <a href="/raptor-lake/" class="cat-2">Raptor Lake</a> <a href="/alder-lake/" class="cat-2">Alder Lake</a> </div></div><div class="cat-item js-cat-item"> <a href="/ram-bo-nho-trong/" class="cat-1"> <span class="cat-thum lazy" data-bg="url('https://kccshop.vn/media/category/cat_icon_7_1666947261.png')" ></span> <span class="cat-title"> RAM </span> </a> <i class="mb-icons icon-arrow js-show-cat-menu"></i> <div class="sub-menu js-sub-menu"> <a href="/ram-corsair/" class="cat-2">RAM CORSAIR</a> <a href="/ram-gskill/" class="cat-2">RAM GSKILL</a> <a href="/ram-kingmax/" class="cat-2">RAM KINGMAX</a> <a href="/ram-kingston/" class="cat-2">RAM KINGSTON</a> <a href="/ram-team/" class="cat-2">Ram T-Force</a> <a href="/ram-adata/" class="cat-2">RAM ADATA</a> <a href="/aorus/" class="cat-2">RAM AORUS</a> <a href="/x3treme/" class="cat-2">RAM X3TREME</a> <a href="/ram-kingspec/" class="cat-2">RAM GEIL</a> <a href="/ram-colorful/" class="cat-2">RAM COLORFUL</a> <a href="/ram-toughram/" class="cat-2">RAM TOUGHRAM</a> <a href="/ram-pny/" class="cat-2">RAM PNY</a> <a href="/ram-apacer/" class="cat-2">Ram Apacer</a> </div></div><div class="cat-item js-cat-item"> <a href="/vga-card-man-hinh/" class="cat-1"> <span class="cat-thum lazy" data-bg="url('https://kccshop.vn/media/category/cat_icon_8_1666947758.png')" ></span> <span class="cat-title"> VGA </span> </a> <i class="mb-icons icon-arrow js-show-cat-menu"></i> <div class="sub-menu js-sub-menu"> <a href="/vga-asus/" class="cat-2">VGA ASUS</a> <a href="/vga-gigabyte/" class="cat-2">VGA GIGABYTE</a> <a href="/vga-inno3d/" class="cat-2">VGA INNO3D</a> <a href="/vga-msi/" class="cat-2">VGA MSI</a> <a href="/vga-asrock/" class="cat-2">VGA ASROCK</a> <a href="/vga-sapphire/" class="cat-2">VGA SAPPHIRE</a> <a href="/vga-pny/" class="cat-2">VGA PNY</a> <a href="/vga-colorful/" class="cat-2">VGA COLORFUL</a> <a href="/vga-galax/" class="cat-2">VGA GALAX</a> <a href="/vga-leadtek/" class="cat-2">VGA Leadtek</a> <a href="/vga-manli/" class="cat-2">VGA MANLI</a> <a href="/vga-amd/" class="cat-2">VGA AMD</a> <a href="/vga-powercolor/" class="cat-2">VGA Powercolor</a> <a href="/vga-rtx-4090/" class="cat-2">VGA RTX 4090</a> <a href="/vga-rtx-4080/" class="cat-2">VGA RTX 4080</a> <a href="/rtx-4070/" class="cat-2">RTX 4070 12GB</a> <a href="/rtx-4060/" class="cat-2">RTX 4060</a> <a href="/rtx-4060-ti/" class="cat-2">RTX 4060 Ti</a> <a href="/rtx-4070ti-12gb/" class="cat-2">RTX 4070Ti 12GB</a> <a href="/rx-7900-xtx-7900-xt/" class="cat-2">AMD RX 7900 XTX / XT</a> <a href="/amd-rx-7600/" class="cat-2">AMD RX 7600</a> </div></div><div class="cat-item js-cat-item"> <a href="/o-cung-hdd-ssd/" class="cat-1"> <span class="cat-thum lazy" data-bg="url('https://kccshop.vn/media/category/cat_icon_9_1666947423.png')" ></span> <span class="cat-title"> Ổ cứng </span> </a> <i class="mb-icons icon-arrow js-show-cat-menu"></i> <div class="sub-menu js-sub-menu"> <a href="/o-cung-di-dong-usb/" class="cat-2">Ổ cứng di động & USB</a> <a href="/o-cung-the-ran-ssd/" class="cat-2">Ổ cứng thể rắn SSD</a> <a href="/o-cung-hdd/" class="cat-2">Ổ cứng HDD</a> </div></div><div class="cat-item js-cat-item"> <a href="/psu-nguon-may-tinh/" class="cat-1"> <span class="cat-thum lazy" data-bg="url('https://kccshop.vn/media/category/cat_icon_10_1666948930.png')" ></span> <span class="cat-title"> PSU </span> </a> <i class="mb-icons icon-arrow js-show-cat-menu"></i> <div class="sub-menu js-sub-menu"> <a href="/cooler-master/" class="cat-2">Nguồn Cooler Master</a> <a href="/corsair/" class="cat-2">Nguồn Corsair</a> <a href="/xigmatek/" class="cat-2">Nguồn Xigmatek</a> <a href="/nguon-aero/" class="cat-2">Nguồn Aero Cool</a> <a href="/nguon-asus/" class="cat-2">Nguồn Asus</a> <a href="/nguon-gigabyte/" class="cat-2">Nguồn Gigabyte</a> <a href="/nguon-antec/" class="cat-2">Nguồn Antec</a> <a href="/nguon-msi/" class="cat-2">Nguồn MSI</a> <a href="/nguon-seasonic/" class="cat-2">Nguồn SeaSonic</a> <a href="/nguon-super-flower/" class="cat-2">Nguồn Super Flower</a> <a href="/nguon-thermaltake/" class="cat-2">Nguồn Thermaltake</a> </div></div><div class="cat-item js-cat-item"> <a href="/case-vo-may-tinh/" class="cat-1"> <span class="cat-thum lazy" data-bg="url('https://kccshop.vn/media/category/cat_icon_11_1666948005.png')" ></span> <span class="cat-title"> Case </span> </a> <i class="mb-icons icon-arrow js-show-cat-menu"></i> <div class="sub-menu js-sub-menu"> <a href="/vsp/" class="cat-2">Case VSP</a> <a href="/xigmatek-case-vo-may-tinh/" class="cat-2">Case Xigmatek</a> <a href="/cooler-maste/" class="cat-2">Case Cooler Master</a> <a href="/case-corsair/" class="cat-2">Case Corsair</a> <a href="/gigabyte-case-vo-may-tinh/" class="cat-2">Case Gigabyte</a> <a href="/sama-case-vo-may-tinh/" class="cat-2">Case Sama</a> <a href="/case-aerocool/" class="cat-2">Case Aerocool</a> <a href="/case-nzxt/" class="cat-2">Case NZXT</a> <a href="/case-msi/" class="cat-2">Case MSI</a> <a href="/case-lian-li/" class="cat-2">Case LIAN-LI</a> <a href="/case-asus/" class="cat-2">Case Asus</a> <a href="/case-antec/" class="cat-2">Case Antec</a> <a href="/case-thermaltake/" class="cat-2">Case Thermaltake</a> <a href="/case-montech/" class="cat-2">Case Montech</a> <a href="/case-mik/" class="cat-2">Case MIK</a> <a href="/case-galax/" class="cat-2">Case Galax</a> <a href="/case-msi/-1" class="cat-2">Case MSI</a> <a href="/case-cougar/" class="cat-2">Case Cougar</a> <a href="/case-vista/" class="cat-2">Case Vista</a> </div></div><div class="cat-item js-cat-item"> <a href="/man-hinh-may-tinh/" class="cat-1"> <span class="cat-thum lazy" data-bg="url('https://kccshop.vn/media/category/cat_icon_12_1666948799.png')" ></span> <span class="cat-title"> Màn hình </span> </a> <i class="mb-icons icon-arrow js-show-cat-menu"></i> <div class="sub-menu js-sub-menu"> <a href="/man-hinh-msi/" class="cat-2">Màn Hình MSI</a> <a href="/man-hinh-lg/" class="cat-2">Màn Hình LG</a> <a href="/man-hinh-dell/" class="cat-2">Màn Hình Dell</a> <a href="/man-hinh-gigabyte/" class="cat-2">Màn hình Gigabyte</a> <a href="/man-hinh-hkc/" class="cat-2">Màn Hình HKC</a> <a href="/man-hinh-aoc/" class="cat-2">Màn Hình AOC</a> <a href="/man-hinh-asus/" class="cat-2">Màn Hình Asus</a> <a href="/man-hinh-cooler-master/" class="cat-2">Màn Hình Cooler Master</a> <a href="/man-hinh-samsung/" class="cat-2">Màn Hình Samsung</a> <a href="/man-hinh-bjx/" class="cat-2">Màn Hình BJX</a> <a href="/man-hinh-lenovo/" class="cat-2">Màn Hình Lenovo</a> <a href="/man-hinh-benq/" class="cat-2">Màn Hình BenQ</a> <a href="/man-hinh-edra/" class="cat-2">Màn Hình Edra</a> <a href="/man-hinh-viewsonic/" class="cat-2">Màn hình Viewsonic</a> <a href="/man-hinh-acer/" class="cat-2">Màn hình Acer</a> </div></div><div class="cat-item js-cat-item"> <a href="/phu-kien-may-tinh/" class="cat-1"> <span class="cat-thum lazy" data-bg="url('https://kccshop.vn/media/category/cat_icon_13_1666948138.png')" ></span> <span class="cat-title"> Gaming Gear </span> </a> <i class="mb-icons icon-arrow js-show-cat-menu"></i> <div class="sub-menu js-sub-menu"> <a href="/ban-phim/" class="cat-2">Bàn phím</a> <a href="/chuot-may-tinh/" class="cat-2">Chuột máy tính</a> <a href="/tai-nghe/" class="cat-2">Tai nghe</a> <a href="/loa-pc/" class="cat-2">Loa PC</a> <a href="/ban-gaming/" class="cat-2">Bàn gaming</a> <a href="/ghe-gaming/" class="cat-2">Ghế gaming</a> <a href="/ghe-cong-thai-hoc/" class="cat-2">Ghế công thái học</a> </div></div><div class="cat-item js-cat-item"> <a href="/tan-nhiet/" class="cat-1"> <span class="cat-thum lazy" data-bg="url('https://kccshop.vn/media/category/cat_icon_14_1666948072.png')" ></span> <span class="cat-title"> Tản Nhiêt </span> </a> <i class="mb-icons icon-arrow js-show-cat-menu"></i> <div class="sub-menu js-sub-menu"> <a href="/tan-nhiet-case/" class="cat-2">Fan Led Case</a> <a href="/tan-nhiet-nuoc-custom/" class="cat-2">Tản Nhiệt Nước Custom</a> <a href="/tan-nhiet-cpu/" class="cat-2">Tản Nhiệt CPU</a> </div></div><div class="cat-item js-cat-item"> <a href="/phu-kien2/" class="cat-1"> <span class="cat-thum lazy" data-bg="url('https://kccshop.vn/media/category/cat_icon_136_1666948394.png')" ></span> <span class="cat-title"> Phụ Kiện </span> </a> <i class="mb-icons icon-arrow js-show-cat-menu"></i> <div class="sub-menu js-sub-menu"> <a href="/webcam/" class="cat-2">Webcam</a> <a href="/lot-chuot/" class="cat-2">Lót Chuột</a> <a href="/mic/" class="cat-2">Mic</a> <a href="/may-in/" class="cat-2">Máy IN</a> </div></div>
+            </div>
+
+            <div class="menu-static-list">
+                <a href="tel:0908.181.686" class="cat-1">
+                    <span class="cat-thum mb-icons icon-phone"></span>
+                    <span class="cat-title"> 0908.181.686 </span>
+                </a>
+
+                <a href="/buildpc" class="cat-1">
+                    <span class="cat-thum icons icon-buildpc"></span>
+                    <span class="cat-title">Xây dựng cấu hình</span>
+                </a>
+
+                <a href="/deal" class="cat-1">
+                    <span class="cat-thum icons icon-deal"></span>
+                    <span class="cat-title">Khuyến mãi HOT</span>
+                </a>
+
+                <a href="/tin-tuc" class="cat-1">
+                    <span class="cat-thum mb-icons icon-news"></span>
+                    <span class="cat-title">Tin tức</span>
+                </a>                
+            </div>
+        </div>
+    </div>    
+</div>
+<div class="bg-popup" id="js-bg-menu" onclick="_closeMenu()" style="display: none;"></div>
 
 
 <!-- Script -->
 <script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
 <script src="js/lib.js"></script>
-<script src="js/mmenu.js"></script>
 
-<!-- aos -->
-<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
-<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
 
 <!-- global -->
 <script>
@@ -1176,30 +1578,26 @@
     });
 
     $(document).ready(function(){
-        AOS.init();
-        
-        countDownToNextDay(".js-countdown-time");        
-
-        $('#js-global-menu').mmenu();
+        _menuClick();
 
+        _globalResizeFunction();        
 
         _globalClickFunction();
+
+        setTimeout(function(){
+  			$('.global-fixed-right').addClass('animate__backInRight');
+        },500);
     });
 
     $(window).scroll(function(){
         _globalScrollFunction();
     });   
 
+    $(window).on("resize", function() {
+        _globalResizeFunction();
+    });
+
     function _globalClickFunction() {
-        $('#js-btn-search').click(function(){
-            $(this).toggleClass('active');
-            $('#js-search-group').toggle();
-        });
-
-        $("#js-goTop").click(function(){
-            $('html,body').animate({scrollTop:0},800);
-        });
-
         $('.js-info-title').click(function(){
             $(this).parents('.js-info-group').find('.info-list').slideToggle(300);
             $(this).toggleClass('active')
@@ -1207,13 +1605,154 @@
     }    
 
     function _globalScrollFunction(){        
-        if($(this).scrollTop() > 300) {
-            $('#js-goTop').addClass("active");
+        if($(this).scrollTop() > 10) {
+            $('.global-header-container').addClass("header-fixed");
+            $('.global-header-block').css('height', $('.global-header-container').height() + 45 + 'px')
         } else {
-            $('#js-goTop').removeClass("active");
+            $('.global-header-container').removeClass("header-fixed");
+            $('.global-header-block').css('height', $('.global-header-container').height() + 12 + 'px')
+        }
+
+        if($(this).scrollTop() > 200) {
+            $('#js-goTop').css('display','block');
+        } else {
+            $('#js-goTop').fadeOut();
+        }
+        
+    }
+    
+    function _globalResizeFunction() {        
+        $('.global-header-block').css('height', $('.global-header-container').height() + 12 + 'px')
+    }
+
+    function _openMenu() {
+        $('.global-menu-container').addClass('show-menu');
+        $('#js-bg-menu').show();
+        $('body').addClass('overflow-hidden');
+    }
+
+    function _closeMenu() {
+        $('.global-menu-container').removeClass('show-menu');
+        $('#js-bg-menu').hide();
+        $('body').removeClass('overflow-hidden');
+    }
+
+    function _menuClick() {
+        $(".js-show-cat-menu").click(function () {
+            $(this).parents(".js-cat-item").find(".js-sub-menu").slideToggle();
+            $(this).toggleClass("active")
+        });
+    }
+
+    // So sanh
+    function compare_addProduct(id,name,pro_url,img,pa) {
+        var ERROR_ALERT = "#js-alert";
+        var HOLDER      = "#js-compare-holder"
+        var pro_img     = img;
+        var pro_id      = id;
+        
+        if ($(HOLDER + " .compare-item").length < 3) {
+
+            $(".global-compare-group").show();
+
+            $(ERROR_ALERT).html("");
+                                                
+            if ($(pa).hasClass("selected") == true) {        
+                $(HOLDER + " .compare-item").each(function(){
+                    var id = $(this).attr("data-id")
+                    if (id == pro_id) {
+                        $(this).remove();
+                    }
+                })
+                $(pa).removeClass("selected");
+
+            } else {
+                var creat_item = `
+                    <div class="js-compare-item compare-item" data-id="`+pro_id+`">
+                        <span class="remove-compare js-remove-compare" onclick="removeCompare(this)"></span>
+                        <img src="`+ pro_img +`"/>
+                        <a href="`+ pro_url +`" class="name">`+ name +`</a>
+                    </div>
+                `;
+                $("#js-compare-holder").append(creat_item);
+                $(pa).addClass("selected");
+            }
+
+        } else {
+            $(ERROR_ALERT).html("Bạn được chọn tối đa 3 sản phẩm !")
+
+            if ($(pa).hasClass("selected") == true) {
+                $(HOLDER + " .compare-item").each(function(){
+                    var id = $(this).attr("data-id")
+                    if (id == pro_id) {
+                        $(this).remove();
+                    }
+                })
+                $(pa).removeClass("selected");
+                $(ERROR_ALERT).html("");
+            }
+        }
+
+        if ($(HOLDER + " .compare-item").length == 0){
+            $(".global-compare-group").hide();
+        }
+        
+    }
+
+    function removeCompare(pa) {
+        var id = $(pa).parents(".js-compare-item").attr("data-id");
+        var pro_id = $("#js-pd-item").attr("data-id");
+        $(pa).parents(".js-compare-item").remove();
+
+        if(pro_id == id){
+            $("#js-pd-item").removeClass("selected")
+        }
+
+        $('.js-p-compare').each(function(){
+            var currentId = $(this).attr('data-id');
+
+            if(currentId == id){
+                $(this).removeClass("selected")
+            }
+        });
+        
+        if ($("#js-compare-holder .js-compare-item").length < 1) {
+            $(".global-compare-group").hide();
         }
     }
-        
+    
+    function compare_link(){
+        var compare_item = $(".js-compare-item").length;
+        if (compare_item < 2){
+            $("#js-alert").html("Cần tối thiểu 2 sản phẩm để so sánh !")
+        } else{
+            $("#js-alert").html("")
+
+            var ids = [];
+            $(".js-compare-item").each(function(){
+                var id = $(this).attr("data-id");
+                ids.push(id) + ','
+            })
+            var current_list = String(ids);
+
+            window.location = "/so-sanh?list=" + current_list;
+        }
+    }
+
+    function compare_close() {
+        $("#js-compare-holder").html("");
+        $(".global-compare-group").hide();
+        $(".js-p-compare").removeClass("selected")
+    }
+
+    function closePopupSearch() {
+        $("#js-popup-seach").val("");
+        $("#js-seach-holder").html("");
+        $('.popup-search-container').hide();
+    }
+
+    // So sanh
+
 </script>
 
 <!-- homepage -->
@@ -1228,7 +1767,7 @@
             autoplayTimeout: 3000,
             autoplaySpeed: 1000,
             autoplayHoverPause:true,
-            dots: false,
+            dots: true,
             nav: false,
             navText: ["<i class='arrow'></i>","<i class='arrow arrow-next'></i>"],
             lazyLoad: true,
@@ -1244,7 +1783,7 @@
             autoplayTimeout: 3000,
             autoplaySpeed: 1000,
             autoplayHoverPause:true,
-            dots: false,
+            dots: true,
             nav: false,
             navText: ["<i class='arrow'></i>","<i class='arrow arrow-next'></i>"],
             lazyLoad: true,
diff --git a/MayTinhVietPhong/index.html b/MayTinhVietPhong/index.html
index f6eee4f..d712ccd 100644
--- a/MayTinhVietPhong/index.html
+++ b/MayTinhVietPhong/index.html
@@ -115,7 +115,7 @@
         </div>
     </div>
 </div>
-<div class="global-header-main" data-class=" header-homepage">
+<div class="global-header-main header-homepage">
     <div class="container global-header-main-top d-flex flex-wrap align-items-center justify-content-end">
         <a href="/" class="header-logo">
             <img src="images/logo.png" alt="Máy Tính Việt Phong | Cung cấp pc gaming, lắp đặt phòng net" width="1" height="1"/>
@@ -217,7 +217,7 @@
 
 
 <!-- Homepage -->
-<div class="homepage" style="display: none;">
+<div class="homepage">
     <div class="container">
         <div class="home-banner-container hover-img">
             <div class="home-banner-left">
@@ -628,7 +628,7 @@
 
 
 <!-- Product category -->
-<div class="product-page"  style="display: none;">
+<div class="product-page">
     <div class="container">
         <div class="product-banner-group owl-carousel owl-theme custom-nav" id="js-category-slider">
             <a href=""><img data-src="images/category/category-1.png" alt="" width="" height="" class="owl-lazy"/></a>
@@ -820,7 +820,7 @@
 
 
 <!-- product-detail -->
-<div class="product-detail-page container"  style="display: none;">
+<div class="product-detail-page container">
     <div class="pd-box-content pd-info-container">
         <div class="col-left">
             <div class="page-title-group">
diff --git a/MayTinhVietPhong/scss/mobile_css.css b/MayTinhVietPhong/scss/mobile_css.css
index 90a3154..782cf71 100644
--- a/MayTinhVietPhong/scss/mobile_css.css
+++ b/MayTinhVietPhong/scss/mobile_css.css
@@ -1,7 +1,7 @@
 body {
   color: #000;
-  font-family: 'Inter', sans-serif;
-  background: #fff;
+  font-family: 'Roboto', sans-serif;
+  background: #F8F8FC;
   position: relative;
   font-size: 14px;
   font-weight: 400;
@@ -71,7 +71,7 @@ img {
   height: auto;
 }
 
-.clearfix::after, .global-tags-group .tags-list::after, .footer-info-group .address-list a::after, .footer-store-box a::after, .home-box-group .box-holder-right .p-item::after {
+.clearfix::after, .art-item .art-text::after {
   content: '';
   clear: both;
   display: block;
@@ -206,8 +206,8 @@ iframe {
   color: #FE7801;
 }
 
-.red {
-  color: #EE6A6A;
+.red, .p-item .p-sku span, .p-item .p-outstock, .p-item .p-price-group, .p-item .p-btn-compare.selected, .global-compare-group .remove-compare:hover::after, .global-compare-group .compare-item .name:hover {
+  color: #CE000C;
 }
 
 .grey {
@@ -218,8 +218,8 @@ iframe {
   color: #fdb813;
 }
 
-.color-main, .label-container:hover, .global-breadcrumb a:hover, .paging a.current, .footer-info-group a:hover, .footer-store-box a:hover, .product-filter-container .popup-body a.current, .product-filter-container .popup-body a:hover, .product-detail-page .pd-static-text a, .product-detail-page .pd-tab-title-group a.active, .cart-page .cart-btn-group a {
-  color: #D8262F;
+.color-main, .label-container:hover, .global-breadcrumb a:hover, .art-item a:hover {
+  color: #007FD5;
 }
 
 .black {
@@ -242,14 +242,85 @@ iframe {
   background: #29A07E;
 }
 
-.bg-main, .product-filter-container .popup-body a.current::before, .product-filter-container .popup-body a:hover::before, .product-filter-container .popup-footer a:first-child, .product-detail-page .pd-btn-group a, .product-detail-page .pd-tab-title-group a.active::after, .pd-variant-option-group .selected {
-  background: #D8262F;
+.bg-main, .global-header-container {
+  background: #007FD5;
 }
 
 .blue-light {
   color: #31c6fe;
 }
 
+@-webkit-keyframes gradient-bg-antimation {
+  0% {
+    background-position: 0 0;
+  }
+  100% {
+    background-position: -200% 0;
+  }
+}
+
+@keyframes gradient-bg-antimation {
+  0% {
+    background-position: 0 0;
+  }
+  100% {
+    background-position: -200% 0;
+  }
+}
+
+@-webkit-keyframes backInRight {
+  0% {
+    opacity: .7;
+    -webkit-transform: translateX(2000px) scale(0.7);
+            transform: translateX(2000px) scale(0.7);
+  }
+  80% {
+    opacity: .7;
+    -webkit-transform: translateX(0) scale(0.7);
+            transform: translateX(0) scale(0.7);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: scale(1);
+            transform: scale(1);
+  }
+}
+
+@keyframes backInRight {
+  0% {
+    opacity: .7;
+    -webkit-transform: translateX(2000px) scale(0.7);
+            transform: translateX(2000px) scale(0.7);
+  }
+  80% {
+    opacity: .7;
+    -webkit-transform: translateX(0) scale(0.7);
+            transform: translateX(0) scale(0.7);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: scale(1);
+            transform: scale(1);
+  }
+}
+
+.animate__backInRight {
+  -webkit-animation-name: backInRight;
+          animation-name: backInRight;
+}
+
+.bg-linear {
+  background: linear-gradient(90.13deg, #FF7E00 1.62%, #FF4949 98.76%);
+}
+
+.bg-linear-animate, .p-item .p-deal-line {
+  background: repeating-linear-gradient(to right, #ff990f 0, #fe532e 50%, #ff990f 100%);
+  background-size: 200% auto;
+  background-position: 0 100%;
+  -webkit-animation: 2s linear infinite forwards gradient-bg-antimation;
+          animation: 2s linear infinite forwards gradient-bg-antimation;
+}
+
 .text-white {
   color: #fff;
 }
@@ -273,7 +344,7 @@ iframe {
   display: flex !important;
 }
 
-.d-block, .footer-newsletter-container .container, .footer-store-box .container, .footer-end-group {
+.d-block {
   display: block !important;
 }
 
@@ -528,7 +599,7 @@ iframe {
   padding-bottom: 0.25rem !important;
 }
 
-.fit-img, .p-item img, .home-customer-comment-group img, .pd-image-large img, .pd-image-gallery img {
+.fit-img, .p-item .p-img img, .art-item img {
   width: auto;
   position: absolute;
   top: 0;
@@ -667,11 +738,6 @@ iframe {
   height: 300px;
 }
 
-.bg-linear {
-  background: -webkit-gradient(linear, left top, left bottom, from(#EE1B25), to(#FF7E85));
-  background: linear-gradient(180deg, #EE1B25 0%, #FF7E85 100%);
-}
-
 .inherit, .global-breadcrumb h1, .p-item .p-name * {
   font-size: inherit;
   font-weight: inherit;
@@ -679,7 +745,7 @@ iframe {
   margin: 0;
 }
 
-.line-clamp-2, .p-item .p-name * {
+.line-clamp-2, .p-item .p-name *, .art-item .art-title, .global-compare-group .compare-item .name {
   text-overflow: ellipsis;
   -webkit-line-clamp: 2;
   display: -webkit-box;
@@ -687,7 +753,7 @@ iframe {
   overflow: hidden;
 }
 
-.line-clamp-3, .home-customer-comment-group .summary {
+.line-clamp-3, .art-item .art-summary {
   text-overflow: ellipsis;
   -webkit-line-clamp: 3;
   display: -webkit-box;
@@ -760,7 +826,6 @@ iframe {
 }
 
 .label-container {
-  font-size: 13px;
   display: block;
   position: relative;
   padding-left: 24px;
@@ -769,9 +834,8 @@ iframe {
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
-  line-height: 22px;
+  line-height: 21px;
   cursor: pointer;
-  margin-bottom: 5px;
 }
 
 .label-container .checkmark {
@@ -792,7 +856,7 @@ iframe {
 }
 
 .label-container input:checked ~ .checkmark {
-  border-color: #FF0000;
+  border-color: #FF7A00;
 }
 
 .label-container input:checked ~ .checkmark:after {
@@ -801,9 +865,9 @@ iframe {
 
 .label-container input:checked ~ .checkmark:after {
   content: '';
-  width: 9px;
-  height: 9px;
-  background: #FF0000;
+  width: 8px;
+  height: 8px;
+  background: #FF7A00;
   border-radius: 50%;
   position: absolute;
   top: 50%;
@@ -833,11 +897,10 @@ iframe {
 }
 
 .global-breadcrumb {
-  font-size: 12px;
-  line-height: 15px;
-  padding: 12px 10px;
-  background: #F5F5F5;
-  text-transform: uppercase;
+  font-size: 14px;
+  line-height: 20px;
+  padding-top: 14px;
+  padding-bottom: 14px;
 }
 
 .global-breadcrumb a {
@@ -865,15 +928,8 @@ iframe {
 }
 
 .global-breadcrumb li::after {
-  content: '';
-  background: url(../images/icon-left.png) no-repeat;
-  background-position: center 5px;
-  background-size: 6px;
-  -webkit-transform: rotate(-180deg);
-          transform: rotate(-180deg);
-  width: 28px;
-  height: 18px;
-  color: #A3A3A3;
+  content: '/';
+  padding: 0 4px;
 }
 
 .global-breadcrumb li:last-child::after {
@@ -881,6 +937,7 @@ iframe {
 }
 
 .paging {
+  margin: 20px 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -892,47 +949,46 @@ iframe {
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
-  background: #F5F5F5;
-  border-radius: 12px;
-  margin: 12px 0;
-  padding: 13px;
 }
 
 .paging a {
-  line-height: 24px;
+  width: 30px;
+  height: 30px;
+  line-height: 30px;
+  border-radius: 50%;
+  background: #F3F3F3;
   text-align: center;
   color: #000;
-  margin: 0 10px;
+  margin: 0 4px;
   -webkit-transition: .12s all;
   transition: .12s all;
-  font-size: 13px;
-  line-height: 24px;
 }
 
-.paging a.current {
-  font-weight: 700;
+.paging a:hover, .paging a.current {
+  background-color: #FFC21F;
+  color: #fff;
 }
 
-.paging a:last-child {
-  margin: 0;
-}
-
-.paging .prev, .paging .next {
-  border: 0;
+.paging .icon-prev, .paging .icon-next {
+  background: url(../images/icon-left.png) no-repeat center;
+  background-size: 7px 12px;
+  background-color: #F3F3F3;
   font-size: 0 !important;
-  width: 20px;
-  background-position: -191px -71px !important;
-  background-size: 219px !important;
 }
 
-.paging .prev {
+.paging .icon-next {
   -webkit-transform: rotate(-180deg);
           transform: rotate(-180deg);
 }
 
-.icons, .paging .prev, .paging .next, .footer-info-group .title::before, .global-btn-view::after, .product-detail-page .pd-static-text::before {
+.icons {
   background: url(../images/sprite.png) no-repeat;
-  background-size: 300px 300px;
+  background-size: 315px 400px;
+}
+
+.mb-icons {
+  background: url(../images/mb-sprite.png) no-repeat;
+  background-size: 250px 250px;
 }
 
 .custom-nav .owl-nav {
@@ -953,27 +1009,26 @@ iframe {
 }
 
 .custom-nav .owl-nav .owl-prev {
-  left: 0;
+  left: 0px;
 }
 
 .custom-nav .owl-nav .owl-next {
-  right: 0;
+  right: 0px;
 }
 
 .custom-nav .owl-nav .arrow {
-  width: 12px;
-  height: 20px;
+  width: 26px;
+  height: 53px;
   display: block;
   background: url(../images/icon-left.png) no-repeat;
-  background-position: center;
-  background-size: contain;
+  background-position: 6px center;
+  background-size: 8px 16px;
   -webkit-transition: .2s all;
   transition: .2s all;
-  opacity: .4;
-}
-
-.custom-nav .owl-nav .arrow:hover {
-  opacity: 1;
+  background-color: #fff;
+  -webkit-box-shadow: 0px 0.7487px 4.4922px rgba(0, 0, 0, 0.25);
+          box-shadow: 0px 0.7487px 4.4922px rgba(0, 0, 0, 0.25);
+  border-radius: 0 50px 50px 0;
 }
 
 .custom-nav .owl-nav .arrow-next {
@@ -982,42 +1037,52 @@ iframe {
 }
 
 .custom-dots .owl-dots {
-  margin-top: 16px !important;
+  margin: 0 !important;
 }
 
-.custom-dots .owl-dots .owl-dot span {
-  margin: 0 7px;
-  width: 10px;
-  height: 10px;
-  border-radius: 50%;
+.custom-dots .owl-dots .owl-dot {
+  margin: 0 3px;
+  width: 6px;
+  height: 6px;
+  border-radius: 50px;
   background: transparent;
   -webkit-transition: .2s all;
   transition: .2s all;
+  background: #ccc;
   background: rgba(0, 0, 0, 0.5);
 }
 
-.custom-dots .owl-dots .owl-dot.active span {
-  background: #D8262F;
+.custom-dots .owl-dots .owl-dot span {
+  display: none;
+}
+
+.custom-dots .owl-dots .owl-dot.active {
+  width: 20px;
+}
+
+.custom-dots .owl-dots .owl-dot.active {
+  background: #007FD5;
 }
 
 .p-item {
   background: #FFFFFF;
   overflow: hidden;
-  line-height: 16px;
   position: relative;
-  padding: 12px 10px;
-  -webkit-box-shadow: 0px 0px 0px 1px #D9D9D9;
-          box-shadow: 0px 0px 0px 1px #D9D9D9;
-  border-radius: 15px;
-  text-align: center;
-  font-size: 12px;
+  padding: 8px 6px;
+  border: 0.885787px solid #EAEAEA;
+  border-radius: 13px;
+  font-size: 13px;
+  line-height: 16px;
+  z-index: 1;
 }
 
 .p-item img {
-  -webkit-transition: .4s all !important;
-  transition: .4s all !important;
-  -webkit-transform: scale(1);
-          transform: scale(1);
+  display: block;
+  width: auto;
+}
+
+.p-item p {
+  margin: 0;
 }
 
 .p-item .p-img {
@@ -1025,72 +1090,206 @@ iframe {
   position: relative;
   padding-bottom: 100%;
   overflow: hidden;
-  margin-bottom: 7px;
+  margin-bottom: 8px;
+  border-radius: inherit;
+}
+
+.p-item .p-icons-group {
+  position: absolute;
+  top: -1px;
+  right: 10px;
+  z-index: 1;
+}
+
+.p-item .p-icon-sale-off {
+  display: block;
+  width: 30px;
+  height: 38px;
+  background: url(../images/p-bg-saleoff.png) no-repeat center;
+  background-size: contain;
+}
+
+.p-item .p-discount {
+  width: 30px;
+  height: 30px;
+  line-height: 30px;
+  text-align: center;
+  color: #fff;
+  font-weight: 700;
+  font-size: 10px;
+  background: url(../images/p-bg-discount.png) no-repeat center;
+  background-size: contain;
+  display: block;
+  margin: auto;
+}
+
+.p-item .p-brand-group {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  font-size: 12px;
+  line-height: 20px;
+  min-height: 20px;
+  margin: 5px 0;
+}
+
+.p-item .p-brand {
+  font-weight: 500;
+  text-transform: uppercase;
+  line-height: 20px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 100px;
+}
+
+.p-item .p-brand img {
+  max-height: 20px;
 }
 
 .p-item .p-name {
   display: block;
   color: #000;
-  text-transform: uppercase;
-  margin: 0 0 7px 0;
-}
-
-.p-item .p-price {
-  margin: 7px 0 0 0;
-  color: #D8262F;
-  font-weight: 700;
-  font-size: 16px;
-  line-height: 24px;
+  font-weight: 500;
+  margin: 5px 0 7px 0;
+  min-height: 32px;
 }
 
 .p-item .p-price-group {
-  min-height: 24px;
-  line-height: 24px;
-  font-size: 13px;
+  margin: 7px 0 10px 0;
+  min-height: 38px;
+  font-size: 11px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
 }
 
-.p-item .p-price-group * {
-  display: inline-block;
+.p-item .p-price {
+  color: #000000;
+  margin: 0 0 6px 0;
+  font-weight: 700;
+  font-size: 16px;
+  width: 100%;
 }
 
 .p-item del {
   font-weight: 500;
-  margin-right: 6px;
-  color: #B7B7B7;
+  margin-right: 4px;
+  color: #999999;
 }
 
-.p-item .p-discount {
-  color: #D8262F;
+.p-item .p-btn-group {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  line-height: 23px;
+  font-size: 11px;
+}
+
+.p-item .p-btn-compare {
+  color: #FF7A00;
+  position: relative;
+  padding-left: 20px;
+}
+
+.p-item .p-btn-compare.selected {
+  font-weight: bold;
+}
+
+.p-item .p-btn-compare.selected::before {
+  content: '\2713';
+  font-size: 11px;
+  -webkit-box-shadow: 0px 0px 0px 1px #DA251C;
+          box-shadow: 0px 0px 0px 1px #DA251C;
+}
+
+.p-item .p-btn-compare::before {
+  content: '+';
+  width: 13px;
+  height: 13px;
+  line-height: 13px;
+  border-radius: 50%;
+  text-align: center;
+  background: #fff;
+  -webkit-box-shadow: 0px 0px 0px 1px #FF7A00;
+          box-shadow: 0px 0px 0px 1px #FF7A00;
+  position: absolute;
+  top: 4px;
+  left: 0;
+}
+
+.p-item .p-btn-buy {
+  width: 32px;
+  height: 23px;
+  border-radius: 3.57441px;
+  background: url(../images/p-icon-btn.png) no-repeat center;
+  background-color: #F5F5F5;
+  background-size: 17px 13px;
+  margin-left: 6px;
+  -webkit-transition: .15s all;
+  transition: .15s all;
+}
+
+.p-item .p-quantity-group {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+
+.p-item .p-instock {
+  color: #33C600;
 }
 
 .p-item .p-deal-group {
-  margin-top: 5px;
+  margin: 12px 0 6px 0;
   position: relative;
-  background: #FFD0D4;
-  border-radius: 9px;
-  height: 18px;
+  background: -webkit-gradient(linear, right top, left top, from(rgba(255, 184, 0, 0.3)), to(rgba(255, 122, 48, 0.3)));
+  background: linear-gradient(270deg, rgba(255, 184, 0, 0.3) 0%, rgba(255, 122, 48, 0.3) 100%);
+  border-radius: 26px;
+  height: 13px;
+  line-height: 13px;
+  text-align: center;
 }
 
 .p-item .p-deal-group::before {
   content: '';
-  width: 19px;
-  height: 26px;
-  background: url(../images/icon-deal.png) no-repeat;
+  width: 15px;
+  height: 21px;
+  background: url(../images/p-bg-deal.png) no-repeat;
   background-size: contain;
   position: absolute;
   bottom: 0;
-  left: 0px;
+  left: 0;
   z-index: 1;
 }
 
-.p-item .p-line {
+.p-item .p-deal-line {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   max-width: 100%;
-  background: #F90012;
   border-radius: inherit;
 }
 
@@ -1099,565 +1298,659 @@ iframe {
   position: absolute;
   inset: 0;
   color: #fff;
-  line-height: 18px;
-  font-weight: 600;
-  font-size: 11px;
+  font-weight: 500;
+  font-size: 10.7232px;
 }
 
-.global-goTop {
-  position: fixed;
-  right: -100%;
-  bottom: 40px;
-  -webkit-transition: .4s all;
-  transition: .4s all;
-  width: 40px;
-  height: 40px;
-  border-radius: 50%;
-  background-color: #D8262F;
-  -webkit-transform: rotate(90deg);
-          transform: rotate(90deg);
-  z-index: 3;
-  -webkit-box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.5);
-          box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.5);
+.p-item .p-countdown {
+  text-align: center;
+  font-weight: 300;
+  font-size: 10px;
+  line-height: 12px;
 }
 
-.global-goTop::before {
-  content: '';
+.p-item .p-countdown * {
+  display: inline-block;
+  margin: 0;
+}
+
+.art-item {
+  -webkit-box-shadow: 0px 0.7487px 2.9948px rgba(0, 0, 0, 0.2);
+          box-shadow: 0px 0.7487px 2.9948px rgba(0, 0, 0, 0.2);
+  border-radius: 8px;
+  background: #fff;
+  overflow: hidden;
+  font-size: 12px;
+  line-height: 16px;
+  -webkit-transition: .2s all;
+  transition: .2s all;
+}
+
+.art-item:hover {
+  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
+          box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
+}
+
+.art-item a {
   display: block;
-  height: 100%;
-  background: url(../images/icon-left.png) no-repeat;
-  background-position: center;
-  background-size: 9px;
-  -webkit-filter: brightness(100);
-          filter: brightness(100);
+  color: #000;
 }
 
-.global-goTop.active {
-  right: 10px;
+.art-item .art-img {
+  position: relative;
+  padding-bottom: 56.5%;
+}
+
+.art-item .art-text {
+  padding: 9px 9px 12px 9px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+
+.art-item .art-time {
+  margin: 0 10px 0 0;
+  width: 60px;
+  height: 38px;
+  padding: 0 10px;
+  color: #fff;
+  font-weight: 700;
+  font-size: 12px;
+  line-height: 14px;
+  background: url(../images/art-bg-time.png) no-repeat;
+  background-position: center;
+  background-size: contain;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  text-align: center;
+}
+
+.art-item .art-title {
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 16px;
+  width: calc(100% - 70px);
+}
+
+.art-item .art-summary {
+  padding: 0 2px;
+  margin-top: 13px;
+  width: 100%;
+}
+
+.global-compare-group {
+  background: #fff;
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  -webkit-box-shadow: 3px -2px 11px 1px rgba(0, 0, 0, 0.25);
+  box-shadow: 3px -2px 11px 1px rgba(0, 0, 0, 0.25);
+  z-index: 9999;
+  display: none;
+}
+
+.global-compare-group .title {
+  background: #0080D7;
+  padding: 8px 12px;
+  font-size: 18px;
+}
+
+.global-compare-group p {
+  margin: 0;
+}
+
+.global-compare-group .pro-compare-holder {
+  padding: 12px;
+}
+
+.global-compare-group .compare-pro-holder .compare-item {
+  display: block;
+  width: calc(100% / 3 - 25px);
+  margin: 0 10px 10px 0;
+  float: left;
+  border: 1px dashed #000;
+  color: #000;
+  border-radius: 5px;
+  overflow: hidden;
+  position: relative;
+  text-align: center;
+  padding: 8px;
+}
+
+.global-compare-group .compare-pro-holder .compare-item:nth-child(3n) {
+  margin: 0;
+}
+
+.global-compare-group .btn-compare {
+  width: 100%;
+  line-height: 40px;
+  background: #0080D7;
+  color: #fff;
+  font-weight: 600;
+  font-size: 18px;
+  border-radius: 4px;
+  text-align: center;
+  display: block;
+}
+
+.global-compare-group .btn-compare:hover {
+  background: #1d6393;
+}
+
+.global-compare-group .remove-compare::after, .global-compare-group .close-compare::after {
+  content: '\00D7';
+}
+
+.global-compare-group .remove-compare {
+  position: absolute;
+  font-size: 26px;
+  line-height: 18px;
+  padding: 7px;
+  right: 0;
+  top: 0;
+  cursor: pointer;
+}
+
+.global-compare-group .compare-item img {
+  display: block;
+  margin: auto;
+  max-width: 56%;
+}
+
+.global-compare-group .compare-item .name {
+  color: #000;
+  font-size: 13px;
+  line-height: 20px;
 }
 
 .global-header-container {
-  position: -webkit-sticky;
-  position: sticky;
-  top: 0;
-  left: 0;
-  right: 0;
-  z-index: 99;
-  padding: 9px 12px;
-  -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
-          box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
-  background: #fff;
+  padding: 3px 10px 10px 10px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 9;
 }
 
-.global-header-container .icons, .global-header-container .paging .prev, .paging .global-header-container .prev, .global-header-container .paging .next, .paging .global-header-container .next, .global-header-container .footer-info-group .title::before, .footer-info-group .global-header-container .title::before, .global-header-container .global-btn-view::after, .global-header-container .product-detail-page .pd-static-text::before, .product-detail-page .global-header-container .pd-static-text::before {
-  width: 24px;
-  height: 24px;
-  background-size: 200px;
-}
-
-.global-header-container .icon-menu {
-  width: 28px;
-  height: 28px;
-  margin-right: 15px;
-  background-color: #D8262F;
-  border-radius: 6px;
-  background-size: 220px;
-  background-position: -2px -27px;
-}
-
-.global-header-container .icon-user {
-  background-position: -107px -30px;
-  margin-right: 15px;
-}
-
-.global-header-container .icon-cart {
-  position: relative;
-  background-position: -150px -30px;
-}
-
-.global-header-container .icon-search {
-  width: 28px;
-  height: 28px;
-  background-size: 430px;
-  background-position: -73px -62px;
-  -webkit-filter: invert(1);
-          filter: invert(1);
-  margin-right: 15px;
-  border-radius: 6px;
-}
-
-.global-header-container .icon-search.active {
-  background-color: #D8262F;
-  -webkit-filter: unset;
-          filter: unset;
-  background-size: 300px 300px;
-  background-position: -47px -39px;
-}
-
-.global-header-container .header-logo {
-  max-width: 120px;
-}
-
-.global-header-container .header-logo img {
-  width: auto;
-  height: auto;
-  max-height: 36px;
-  display: block;
-}
-
-.global-header-container .cart-count {
-  width: 15px;
-  height: 15px;
-  line-height: 15px;
-  font-size: 12px;
-  border-radius: 50%;
-  font-weight: 700;
-  color: #fff;
-  background: #D8262F;
-  font-style: normal;
-  text-align: center;
-  position: absolute;
-  top: -4px;
-  right: -4px;
-}
-
-.header-search-group {
-  display: none;
-  background: #fff;
+.global-header-container::after {
+  content: '';
+  height: 61px;
   position: absolute;
   left: 0;
   right: 0;
-  top: calc(100% + 0px);
-  width: calc(100% - 20px) !important;
-  margin: auto;
-  padding: 0 10px 10px 10px;
-  border-bottom: 1px solid #d9d9d9;
+  top: calc(100% - 1px);
+  background: #007FD5;
+  border-radius: 0px 0px 30px 30px;
+  -webkit-transition: .3s all;
+  transition: .3s all;
+  z-index: -1;
+}
+
+.global-header-container img {
+  max-height: 42px;
+  display: block;
+  width: auto;
+}
+
+.global-header-container .mb-icons {
+  width: 24px;
+  height: 24px;
+}
+
+.global-header-container .icon-menu {
+  background-position: -9px -6px;
+}
+
+.global-header-container .icon-cart {
+  background-position: -54px -8px;
+  position: relative;
+  margin-right: 5px;
+}
+
+.global-header-container .cart-count {
+  color: #fff;
+  background: -webkit-gradient(linear, right top, left top, from(#FFB800), to(#FF7A30));
+  background: linear-gradient(270deg, #FFB800 0%, #FF7A30 100%);
+  text-align: center;
+  width: 15px;
+  height: 15px;
+  line-height: 16px;
+  border-radius: 50%;
+  font-weight: 700;
+  font-size: 12px;
+  position: absolute;
+  top: -2px;
+  right: -5px;
+}
+
+.header-search-group {
+  width: 100%;
+  margin-top: 7px;
+  position: relative;
 }
 
 .header-search-group form {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  padding: 2px;
+  background: #fff;
+  border-radius: 30px;
+  padding: 0 12px;
   position: relative;
-  -webkit-box-shadow: 0px 0px 0px  1px #D9D9D9;
-          box-shadow: 0px 0px 0px  1px #D9D9D9;
-  border-radius: 6px;
-  width: 100%;
 }
 
-.header-search-group .text-search {
-  padding: 0 10px;
+.header-search-group input {
   border: 0;
   margin: 0;
-  height: 32px;
-  width: calc(100% - 50px);
-  color: #8D8D8D;
+  padding: 0;
+  height: 36px;
+  border-radius: 30px 0 0 30px;
+  color: #B6B6B6;
+  width: calc(100% - 36px);
 }
 
 .header-search-group .icon-search {
-  border-radius: 6px;
-  border: 0;
-  margin: 0;
-  padding: 0;
-  background-color: #D8262F;
-  background-position: -71px -60px;
-  -webkit-filter: unset;
-          filter: unset;
   position: absolute;
-  right: 3px;
-  top: 2px;
-  height: 32px;
-  width: 32px;
-}
-
-.global-tags-group {
-  margin: 50px 0 12px 0 !important;
-  padding: 0 !important;
-}
-
-.global-tags-group a {
-  float: left;
-  margin: 0 6px 6px 0;
-  background: #ECECEC;
-  border-radius: 21px;
-  padding: 0 10px;
-  line-height: 38px;
-  font-size: 13px;
-  color: #000;
-}
-
-.global-tags-group a:hover {
-  color: #fff;
-  background: #000;
-}
-
-.footer-newsletter-container {
-  color: #fff;
-  padding: 0 10px;
-  margin: 18px 0 10px 0;
-}
-
-.footer-newsletter-container .container {
-  padding: 20px 10px;
-  background: #D8262F;
-  border-radius: 12px;
-}
-
-.footer-newsletter-container .col-left {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-}
-
-.footer-newsletter-container .col-left * {
-  display: block;
-}
-
-.footer-newsletter-container .col-left .text {
-  width: calc(100% - 126px);
-  font-size: 12px;
-  line-height: 15px;
-}
-
-.footer-newsletter-container .col-left b {
-  font-weight: 700;
-  font-size: 15px;
-  line-height: 18px;
-  margin-bottom: 6px;
-}
-
-.footer-newsletter-container .icon-mailbox {
-  width: 114px;
-  height: auto;
-  padding-bottom: 83px;
-  margin-right: 12px;
-  background-position: -11px -267px;
-  background-size: 360px;
-}
-
-.footer-newsletter-container .newsletter-form-holder {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  margin-top: 25px;
-}
-
-.footer-newsletter-container input {
-  width: calc(100% - 145px);
+  top: 0;
+  right: 0;
+  bottom: 0;
+  width: 36px;
+  height: 36px;
   border: 0;
-  margin: 0 5px 0 0;
-  padding: 0 20px;
-  height: 42px;
-  border-radius: 25px;
-  color: #AFAFAF;
-}
-
-.footer-newsletter-container button {
-  background: #FED700;
-  border-radius: 25px;
-  width: 100px;
-  height: 42px;
-  font-size: 13px;
-  color: #D8262F;
-  font-weight: 700;
   padding: 0;
-  margin: 0;
-  border: 0;
+  margin: auto;
+  background-position: -9px -47px;
 }
 
-.footer-newsletter-container .error-note {
-  text-transform: capitalize;
-  width: 100%;
+.header-fixed {
+  padding: 10px;
+  z-index: 99;
+  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);
+          box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);
 }
 
-.footer-newsletter-container .error-note p {
-  margin: 10px 0 0 0;
+.header-fixed::after {
+  height: 0;
 }
 
-.global-footer .icons, .global-footer .paging .prev, .paging .global-footer .prev, .global-footer .paging .next, .paging .global-footer .next, .global-footer .footer-info-group .title::before, .footer-info-group .global-footer .title::before, .global-footer .global-btn-view::after, .global-footer .product-detail-page .pd-static-text::before, .product-detail-page .global-footer .pd-static-text::before {
-  width: 23px;
-  height: 24px;
-  margin-right: 7px;
-  float: left;
-}
-
-.global-footer .icon-map {
-  background-position: -185px -5px;
-}
-
-.global-footer .icon-tel {
-  background-position: -258px -6px;
-}
-
-.global-footer .icon-email {
-  background-position: -223px -4px;
-}
-
-.footer-info-group {
-  font-size: 13px;
-  line-height: 24px;
-  padding-top: 24px;
-  padding-bottom: 24px;
-}
-
-.footer-info-group a {
-  display: table;
-  color: #000;
-  position: relative;
-  padding-left: 12px;
-}
-
-.footer-info-group a::before {
-  content: '';
-  position: absolute;
-  top: 10px;
-  left: 0;
-  width: 4px;
-  height: 4px;
-  border-radius: 50%;
-  background: #000;
-}
-
-.footer-info-group .col {
-  margin: 0 0 10px 0;
-}
-
-.footer-info-group .col:first-child {
-  border-radius: 10px;
-  overflow: hidden;
-  padding: 20px 10px;
-  background: #F3F3F3;
-}
-
-.footer-info-group .col:first-child .title {
-  line-height: 20px;
-  padding: 0;
-  margin: 0 0 17px 0;
-}
-
-.footer-info-group .col:first-child .title::before {
-  content: none;
-}
-
-.footer-info-group .title {
-  background: #F3F3F3;
-  border-radius: 10px;
-  text-transform: uppercase;
-  position: relative;
-  padding: 0 28px 0 14px;
-  line-height: 50px;
-  font-weight: 700;
-  font-size: 15px;
-  margin: 0;
-}
-
-.footer-info-group .title::before {
-  content: '';
-  width: 13px !important;
-  height: 13px !important;
-  position: absolute;
-  top: 17px;
-  right: 14px;
-  margin: 0 !important;
-  background-position: -216px -140px;
-}
-
-.footer-info-group .title.active::before {
-  -webkit-transform: rotate(-180deg);
-          transform: rotate(-180deg);
-  top: 19px;
-}
-
-.footer-info-group .footer-bct {
-  display: block;
-  margin: 15px 0 0 0;
-  padding: 0;
-}
-
-.footer-info-group .footer-bct::before {
-  content: none;
-}
-
-.footer-info-group .footer-bct img {
-  width: auto;
-  height: auto;
-  max-height: 54px;
-}
-
-.footer-info-group .info-list {
-  padding: 10px 10px 10px 20px;
+.header-fixed .header-logo {
   display: none;
 }
 
-.footer-info-group .address-list {
+.header-fixed .icon-cart {
+  -webkit-box-ordinal-group: 2;
+      -ms-flex-order: 1;
+          order: 1;
+}
+
+.header-fixed .header-search-group {
+  width: calc(100% - 98px);
+  margin: 0;
+}
+
+.global-page-content {
+  position: relative;
+  z-index: 9;
+}
+
+.global-fixed-right {
+  position: fixed;
+  z-index: 9;
+  right: 10px;
+  bottom: 80px;
+  -webkit-animation-duration: 1s;
+          animation-duration: 1s;
+  animation-duration: 1s;
+  -webkit-animation-fill-mode: both;
+          animation-fill-mode: both;
+  -webkit-transform: translateX(2000px) scale(0.7);
+          transform: translateX(2000px) scale(0.7);
+}
+
+.global-fixed-right .mb-icons, .global-fixed-right .icons {
   display: block;
-  background: #F3F3F3;
-  padding: 0;
+  width: 40px;
+  height: 40px;
+  margin: 0 0 4px 0;
 }
 
-.footer-info-group .address-list a {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 0;
-  line-height: 24px;
-  margin: 0 0 10px 0;
+.global-fixed-right .mb-icons:last-child, .global-fixed-right .icons:last-child {
+  margin-bottom: 0;
 }
 
-.footer-info-group .address-list a::before {
-  content: none;
+.global-fixed-right .icon-phone {
+  background-position: -9px -162px;
 }
 
-.footer-info-group .address-list a:last-child {
-  margin: 0;
+.global-fixed-right .icon-zalo {
+  background-position: -72px -162px;
 }
 
-.footer-info-group .address-list span {
-  float: left;
-  width: calc(100% - 30px);
+.global-fixed-right .icon-messenger {
+  background-position: -134px -162px;
 }
 
-.footer-store-box {
-  background: #fff;
-  padding: 0 0 25px 0;
+.global-fixed-right .icon-goTop {
+  border-radius: 50%;
+  background-position: -281.6px -200px;
+  background-color: rgba(0, 0, 0, 0.4);
+  display: none;
 }
 
-.footer-store-box a {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  line-height: 24px;
-  margin: 0 0 5px 0;
-  color: #000;
-}
-
-.footer-store-box a::before {
-  content: none;
-}
-
-.footer-store-box a:last-child {
-  margin: 0;
-}
-
-.footer-store-box a span {
-  float: left;
-  width: calc(100% - 30px);
-  font-size: 13px;
-}
-
-.footer-store-box .item {
-  margin: 0 0 40px 0;
-}
-
-.footer-store-box .item:last-child {
-  margin: 0;
-}
-
-.footer-store-box .item:nth-child(4n) {
-  margin-right: 0;
-}
-
-.footer-store-box .item:nth-child(2) .number {
-  background: #FF000D;
-}
-
-.footer-store-box .item:nth-child(2) .number::before {
-  border-bottom-color: #FF000D;
-}
-
-.footer-store-box .item:nth-child(3) .number {
-  background: #D8262F;
-}
-
-.footer-store-box .item:nth-child(3) .number::before {
-  border-bottom-color: #D8262F;
-}
-
-.footer-store-box .item:nth-child(4) .number {
-  background: #9F0008;
-}
-
-.footer-store-box .item:nth-child(4) .number::before {
-  border-bottom-color: #9F0008;
-}
-
-.footer-store-box .group-title {
+.global-fixed-bottom {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
-  line-height: 27px;
-  font-weight: 700;
-  font-size: 12px;
-  margin: 0 0 10px 0;
-}
-
-.footer-store-box .number {
-  background: #FF794F;
-  color: #fff;
-  font-size: 18px;
-  margin-right: 13px;
-  position: relative;
-  padding: 0 6px;
-}
-
-.footer-store-box .number::before {
-  content: '';
-  border-bottom: 28px solid #FF794F;
-  border-right: 10px solid transparent;
-  position: absolute;
-  right: -9px;
-  top: -1px;
-}
-
-.footer-end-group {
+  -ms-flex-pack: distribute;
+      justify-content: space-around;
+  background: #fff;
   padding: 10px;
-  background: #F3F3F3;
-  text-align: center;
-  font-size: 15px;
-  line-height: 26px;
+  position: fixed;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  z-index: 99;
+  -webkit-box-shadow: 26px 3px 14px rgba(0, 0, 0, 0.25);
+          box-shadow: 26px 3px 14px rgba(0, 0, 0, 0.25);
+  font-size: 12px;
+  line-height: 22px;
 }
 
-.footer-end-group p {
-  margin: 0 0 6px 0;
+.global-fixed-bottom a {
+  color: #000;
+  font-weight: 500;
 }
 
-.footer-end-group .icon-payment {
-  width: 100%;
-  max-width: 335px;
-  height: 28px;
+.global-fixed-bottom .mb-icons {
   display: block;
-  background-size: contain;
+  width: 20px;
+  height: 20px;
+  margin: auto;
+}
+
+.global-fixed-bottom .icon-home {
+  background-position: -51px -53px;
+}
+
+.global-fixed-bottom .icon-menu {
+  background-position: -88px -53px;
+}
+
+.global-fixed-bottom .icon-support {
+  background-position: -124px -53px;
+}
+
+.global-fixed-bottom .icon-buildpc {
+  background-position: -160px -53px;
+}
+
+.global-fixed-bottom .icon-cart {
+  background-position: -198px -53px;
+}
+
+.global-fixed-bottom .current {
+  color: #007FD5;
+}
+
+.global-fixed-bottom .current .icon-home {
+  background-position: -51px -89px;
+}
+
+.global-fixed-bottom .current .icon-menu {
+  background-position: -88px -89px;
+}
+
+.global-fixed-bottom .current .icon-support {
+  background-position: -124px -89px;
+}
+
+.global-fixed-bottom .current .icon-buildpc {
+  background-position: -160px -89px;
+}
+
+.global-fixed-bottom .current .icon-cart {
+  background-position: -198px -89px;
+}
+
+.global-menu-container {
+  position: fixed;
+  top: 0;
+  left: -100%;
+  bottom: 0;
+  background: #fff;
+  z-index: 100;
+  width: 81%;
+  -webkit-box-shadow: 0px 0 9px 2px rgba(0, 0, 0, 0.3);
+          box-shadow: 0px 0 9px 2px rgba(0, 0, 0, 0.3);
+  -webkit-transition: .4s all;
+  transition: .4s all;
+  padding: 16px 0;
+  overflow: hidden;
+}
+
+.global-menu-container.show-menu {
+  left: 0;
+}
+
+.global-menu-container a {
+  color: #000;
+  line-height: 20px;
+  padding: 10px 0;
+}
+
+.global-menu-container .global-menu-content {
+  display: block;
+  overflow: auto;
+  height: 100%;
+}
+
+.global-menu-container .global-menu-header {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  position: relative;
+}
+
+.global-menu-container .header-user {
+  position: relative;
+  padding-left: 65px;
+  font-size: 15px;
+  line-height: 40px;
+  margin-bottom: 15px;
+}
+
+.global-menu-container .header-user::before {
+  content: '';
+  background: url(../images/sprite.png) no-repeat;
+  background-position: -234px -18px;
+  width: 40px;
+  height: 40px;
+  position: absolute;
+  top: 0;
+  left: 12px;
+  -webkit-filter: invert(1);
+          filter: invert(1);
+}
+
+.global-menu-container .global-menu-list .title {
+  font-weight: 600;
+  font-size: 15px;
+  margin-bottom: 15px;
+  position: relative;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  padding: 0 12px;
+}
+
+.global-menu-container .global-menu-list .title::before {
+  content: '';
+  background: url(../images/mb-sprite.png) no-repeat;
+  background-size: 250px;
+  width: 20px;
+  height: 18px;
+  background-position: -99px -7px;
+  -webkit-filter: invert(1);
+          filter: invert(1);
+  margin-right: 8px;
+}
+
+.global-menu-container .cat-item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  border-bottom: 1px solid #f3f3f3;
+  padding: 0 0 0 12px;
+}
+
+.global-menu-container .cat-item:first-child {
+  border-top: 1px solid #f3f3f3;
+}
+
+.global-menu-container .sub-menu {
+  width: calc(100% - 25px);
+  border-top: 1px solid #f3f3f3;
+  background: #f3f3f3;
+  padding: 0 18px;
+  display: none;
+  margin-left: -12px;
+}
+
+.global-menu-container .sub-menu a {
+  display: block;
+}
+
+.global-menu-container .cat-1 {
+  width: calc(100% - 46px);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  color: #000;
+  font-weight: 500;
+}
+
+.global-menu-container .cat-thum {
+  width: 30px;
+  height: 25px;
+  margin-right: 10px;
   background-position: center;
-  float: none;
-  margin: 10px auto 0 auto;
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+
+.global-menu-container .cat-title {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width: calc(100%  - 40px);
+}
+
+.global-menu-container .menu-static-list {
+  padding: 0 12px;
+}
+
+.global-menu-container .icons {
+  background-size: 315px 400px;
+}
+
+.global-menu-container .icon-arrow {
+  border-left: 1px solid #f3f3f3;
+  display: block;
+  width: 45px;
+  text-align: center;
+  font-size: 20px;
+  line-height: 45px;
+  height: 45px;
+  background-position: -56px -181px;
+  background-size: 400px;
+}
+
+.global-menu-container .icon-arrow.active {
+  -webkit-transform: rotate(-180deg);
+          transform: rotate(-180deg);
+  background-position: -56px -184px;
+  border-left: 0;
+  border-right: 1px solid #f3f3f3;
+}
+
+.global-menu-container .icon-close {
+  position: relative;
+  width: 40px;
+  height: 40px;
+  line-height: 40px;
+  position: absolute;
+  top: 0;
+  right: 0;
+  text-align: center;
+}
+
+.global-menu-container .icon-close::before {
+  content: '\00D7';
+  font-size: 36px;
+}
+
+.global-menu-container .icon-phone {
+  background-position: -131px -123px;
+  background-size: 250px 250px;
+}
+
+.global-menu-container .icon-buildpc {
+  background-position: -43px -41px;
+  background-size: 215px 300px;
+}
+
+.global-menu-container .icon-deal {
+  background-position: 2px -35px;
+  background-size: 175px 260px;
+}
+
+.global-menu-container .icon-news {
+  background-size: 250px;
+  background-position: -174px -121px;
 }
 
 .global-deal-countdown {
@@ -1667,1432 +1960,387 @@ iframe {
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
-  font-size: 16px;
-}
-
-.global-deal-countdown b {
-  margin: 0 9px;
-  position: relative;
-  color: #fff;
-  background: #000;
-  border-radius: 5px;
-  line-height: 36px;
-  min-width: 36px;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   text-align: center;
-  font-weight: 700;
-  font-size: 16px;
 }
 
-.global-deal-countdown b:last-child::after {
+.global-deal-countdown p {
+  position: relative;
+  margin: 0;
+  font-weight: 600;
+  font-size: 10px;
+  line-height: 12px;
+  color: #fff;
+  margin: 0 8px;
+}
+
+.global-deal-countdown p::after {
+  content: ':';
+  font-weight: 800;
+  font-size: 16px;
+  line-height: 32px;
+  position: absolute;
+  top: 0;
+  right: -11px;
+}
+
+.global-deal-countdown p:last-child::after {
   content: none;
 }
 
-.global-deal-countdown b::after {
-  content: ':';
-  position: absolute;
-  right: -8px;
-}
-
-.global-btn-view {
-  color: #D8262F !important;
-  position: relative;
-  margin-top: 12px;
-  font-weight: 500;
-  font-size: 13px;
-  line-height: 30px;
-  display: -webkit-box !important;
-  display: -ms-flexbox !important;
-  display: flex !important;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-}
-
-.global-btn-view::after {
-  content: '';
-  background-position: -172px -72px;
-  display: inline-block;
-  height: 23px;
-  width: 10px;
-  background-size: 220px;
-  margin-left: 4px;
-}
-
-.homepage img {
-  width: auto;
-  height: auto;
-}
-
-.homepage .product-holder {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-  position: relative;
-  min-height: 200px;
-}
-
-.homepage .banner-under-deal {
-  margin: 11px auto 30px auto;
-  width: calc(100% - 20px);
-}
-
-.homepage .banner-under-deal img {
+.global-deal-countdown p * {
   display: block;
+}
+
+.global-deal-countdown b {
+  width: 26px;
+  height: 32px;
+  line-height: 32px;
+  margin: 0 0 4px 0;
+  background: #FFFFFF;
+  border-radius: 5px;
+  text-align: center;
+  color: #001253;
+  font-weight: 800;
+  font-size: 16px;
+}
+
+.homepage .home-banner-container {
+  padding: 0 10px 10px 10px;
+  position: relative;
+}
+
+.homepage .home-banner-slider {
+  min-height: 120px;
+  margin-bottom: 15px;
+}
+
+.homepage .home-banner-slider img {
   border-radius: 10px;
 }
 
-.home-category-group {
-  overflow: hidden;
-  background: #fff;
+.homepage .product-holder {
   position: relative;
-  z-index: 2;
-}
-
-.home-category-group img {
-  display: block;
-  margin: auto 0 auto auto;
-}
-
-.home-category-group a {
-  color: #000;
-  display: table;
-  font-size: 13px;
-  line-height: 24px;
-}
-
-.home-category-group .item {
-  border-bottom: 1px solid #EBEBEB;
+  min-height: 300px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-  padding: 20px 18px;
+  overflow: auto;
 }
 
-.home-category-group .box-left, .home-category-group .box-img {
-  width: 50%;
+.homepage .p-item {
+  margin: 0 10px 0 0;
+  padding: 6px;
+  min-width: 160px;
+  overflow: unset;
 }
 
-.home-category-group .box-img {
-  text-align: right;
+.homepage .p-item .p-brand {
+  max-width: 40px;
 }
 
-.home-category-group .cat-1 {
-  font-weight: 700;
-  font-size: 16px;
-  line-height: 19px;
-  margin-bottom: 12px;
+.homepage .p-item .p-name {
+  font-size: 11px;
+  line-height: 13px;
+  min-height: 26px;
 }
 
-.home-category-group .global-btn-view {
-  -webkit-box-pack: unset;
-      -ms-flex-pack: unset;
-          justify-content: unset;
+.homepage .p-item .p-price-group {
+  font-size: 9px;
+  line-height: 10px;
+  min-height: 28px;
+  letter-spacing: -0.5px;
+}
+
+.homepage .p-item .p-price {
+  font-size: 12px;
+  line-height: 10px;
+  margin-bottom: 8px;
+}
+
+.homepage .p-item .p-btn-group {
+  font-size: 10px;
+}
+
+.homepage .p-item .p-btn-compare {
+  padding-left: 18px;
+}
+
+.homepage .banner-under-deal {
+  margin: 14px 0;
+}
+
+.homepage .banner-under-deal img {
+  border-radius: 10px;
+}
+
+.home-btn-group {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: distribute;
+      justify-content: space-around;
+  font-weight: 500;
+  font-size: 12px;
+  line-height: 14px;
+  text-align: center;
+}
+
+.home-btn-group a {
+  color: #000;
+}
+
+.home-btn-group span {
+  display: block;
+  max-width: 74px;
+  margin: auto;
+}
+
+.home-btn-group .mb-icons {
+  background-color: #007FD5;
+  display: block;
+  margin: auto auto 4px auto;
+  width: 46px;
+  height: 46px;
+  border-radius: 50%;
+}
+
+.home-btn-group .icon-menu {
+  background-position: -84px 7px;
+}
+
+.home-btn-group .icon-deal {
+  background-position: -119px 1.5px;
+}
+
+.home-btn-group .icon-buildpc {
+  background-position: -158px 5.5px;
+}
+
+.home-btn-group .icon-news {
+  background-position: -193px 7px;
 }
 
 .home-deal-group {
-  margin: 12px 0;
-  background: #D8262F;
-  border-radius: 20px;
-  padding: 20px 10px 10px 10px;
-}
-
-.home-deal-group .p-item {
-  margin: 10px 10px 0 0;
-  width: calc(100% / 2 - 25px);
-  -webkit-box-shadow: unset;
-          box-shadow: unset;
-}
-
-.home-deal-group .p-item:nth-child(2n) {
-  margin-right: 0;
-}
-
-.home-deal-group .global-btn-view {
-  color: #fff !important;
-}
-
-.home-deal-group .global-btn-view::after {
-  -webkit-filter: brightness(100);
-          filter: brightness(100);
-}
-
-.home-deal-group .group-title {
-  color: #fff;
-  margin-bottom: 10px;
-  line-height: 30px;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-}
-
-.home-deal-group .group-title .title {
-  font-weight: 700;
-  font-size: 24px;
-  text-transform: uppercase;
-  margin: 0 0 15px 0;
-  color: #FED700;
-}
-
-.home-deal-group .group-title p {
-  font-weight: 700;
-  font-size: 16px;
-  margin: 0 10px 0 0;
-}
-
-.home-deal-group .icon-bolt {
-  width: 40px;
-  height: 40px;
-  margin: 0 7px 15px 0;
-  background-size: 375px;
-  background-position: -183px -180px;
-  -webkit-animation: tada 1.8s infinite ease-in-out;
-          animation: tada 1.8s infinite ease-in-out;
-}
-
-.home-box-group {
-  margin: 30px 0 40px 0;
-  padding: 0 10px;
-}
-
-.home-box-group .box-title {
-  text-transform: uppercase;
-  font-weight: 700;
-  font-size: 24px;
-  line-height: 29px;
-  margin: 0 0 20px 0;
-  text-align: center;
-}
-
-.home-box-group .box-holder-left .p-img {
-  margin-bottom: 14px;
-}
-
-.home-box-group .box-holder-left .p-item {
-  padding: 16px;
-  margin-bottom: 10px;
-}
-
-.home-box-group .box-holder-left .p-name {
-  font-size: 15px;
-  line-height: 24px;
-  margin: 0 0 12px 0;
-}
-
-.home-box-group .box-holder-left .p-price {
-  font-size: 24px;
-  line-height: 24px;
-  margin: 12px 0 9px 0;
-}
-
-.home-box-group .box-holder-left .p-price-group * {
-  font-size: 15px;
-}
-
-.home-box-group .box-holder-right .p-item {
-  margin-bottom: 10px;
-  text-align: left;
-  font-size: 13px;
-  line-height: 18px;
-}
-
-.home-box-group .box-holder-right .p-img {
-  float: left;
-  width: 31%;
-  padding: 0;
-  margin: 0 10px 0 0;
-}
-
-.home-box-group .box-holder-right .p-img img {
-  position: unset;
-}
-
-.home-box-group .box-holder-right .p-text {
-  width: calc(100% - 31% - 10px);
-  float: left;
-}
-
-.home-box-group .box-holder-right .p-name {
-  margin: 0 0 10px 0;
-}
-
-.home-box-group .box-holder-right .p-price {
-  font-size: 16px;
-  line-height: 24px;
-}
-
-.home-customer-comment-group {
-  margin: 40px 0 20px 0;
-  padding: 0 10px;
-}
-
-.home-customer-comment-group .box-title-group {
-  line-height: 32px;
-  margin-bottom: 20px;
-  text-align: center;
-}
-
-.home-customer-comment-group .box-title-group .title {
-  margin: 0;
-  text-transform: uppercase;
-  font-size: 24px;
-  font-weight: 700;
-}
-
-.home-customer-comment-group .box-title-group a {
-  margin: 0;
-}
-
-.home-customer-comment-group img {
-  border-radius: 15px;
-}
-
-.home-customer-comment-group .image {
-  margin: 0 0 16px 0;
-  position: relative;
-  padding-bottom: 57.5%;
-}
-
-.home-customer-comment-group .item-name {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  margin: 16px 0 11px 0;
-  font-size: 15px;
-  line-height: 28px;
-  color: #8D8D8D;
-}
-
-.home-customer-comment-group .item-name i {
-  width: 28px;
-  height: 28px;
-  border-radius: 50%;
-  margin: 0 8px 0 0;
-  background-repeat: no-repeat;
-  background-size: contain;
-}
-
-.home-customer-comment-group .item-name b {
-  font-weight: 700;
-}
-
-.home-customer-comment-group .summary {
-  margin: 17px 0 0 0;
-  font-weight: 300;
-  font-size: 15px;
-  line-height: 20px;
-}
-
-.product-page {
+  border-radius: 12px;
+  overflow: hidden;
+  background-position: center;
+  margin: 0 0 13px 0;
   padding: 13px 10px;
 }
 
-.product-page .product-holder {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-}
-
-.product-page .p-item {
-  margin: 0 10px 10px 0;
-  width: calc(100% / 2 - 25px);
-}
-
-.product-page .p-item:nth-child(2n) {
-  margin-right: 0;
-}
-
-.product-page .box-content-holder {
-  background: #F5F5F5;
-  border-radius: 8px;
-  margin-bottom: 10px;
-  padding: 10px;
-}
-
-.product-page .box-display {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-}
-
-.product-page .box-display a {
-  width: 25px;
-  height: 24px;
-  margin: 0 13px 6px 0;
-}
-
-.product-page .box-display p {
-  margin: 0 20px 6px 0;
-  font-size: 13px;
-  line-height: 24px;
-}
-
-.product-page .btn-filter {
-  background: #000000;
-  border-radius: 8px;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  line-height: 46px;
-  height: auto !important;
-  width: auto !important;
+.home-deal-group .group-title {
+  text-align: center;
+  margin-bottom: 13px;
   color: #fff;
-  padding: 0 7px;
-  margin: 0 0 6px 0 !important;
-  font-size: 13px;
 }
 
-.product-page .icon-grid {
-  background-position: -8px -144px;
+.home-deal-group .title {
+  font-weight: 800;
+  font-size: 28px;
+  line-height: 33px;
+  margin: 0 0 9px 0;
 }
 
-.product-page .icon-grid:hover, .product-page .icon-grid.current {
-  background-position: -8px -180px;
-}
-
-.product-page .icon-list {
-  background-position: -54px -144px;
-}
-
-.product-page .icon-list:hover, .product-page .icon-list.current {
-  background-position: -53px -180px;
-}
-
-.product-page .icon-filter {
-  width: 22px;
-  height: 24px;
-  margin-right: 6px;
-  background-position: -99px -144px;
-}
-
-.product-page select {
-  background: #FFFFFF;
-  border: 1px solid #B7B7B7;
-  border-radius: 8px;
-  margin: 0;
-  height: 40px;
-  padding: 0 15px 0 5px;
-}
-
-.product-page .sort-by-group {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-}
-
-.product-page .sort-by-group b {
-  font-weight: 700;
-  font-size: 13px;
-  line-height: 24px;
-  margin-right: 13px;
-}
-
-.product-filter-container {
-  position: fixed;
-  -webkit-transition: .3s all;
-  transition: .3s all;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  top: 50%;
-  background: #fff;
-  z-index: -1;
-  opacity: 0;
-  visibility: visible;
-  padding: 16px;
-}
-
-.product-filter-container.active {
-  top: 0;
-  opacity: 1;
-  visibility: visible;
-  z-index: 999;
-}
-
-.product-filter-container .popup-header {
-  font-weight: 700;
-  font-size: 18px;
-  margin-bottom: 10px;
-  line-height: 24px;
-  padding-bottom: 10px;
-  border-bottom: 1px solid #d9d9d9;
-}
-
-.product-filter-container .popup-body {
-  height: calc(100% - 104px);
-  overflow: auto;
-}
-
-.product-filter-container .popup-body a {
-  color: #000;
-  display: table;
-  line-height: 20px;
-  font-size: 13px;
-  padding-left: 30px;
+.home-deal-group .title span {
   position: relative;
-  margin-bottom: 9px;
-}
-
-.product-filter-container .popup-body a:last-child {
-  margin: 0;
-}
-
-.product-filter-container .popup-body a::before {
-  content: '';
-  width: 15px;
-  height: 15px;
-  border: 1px solid #B7B7B7;
-  border-radius: 3px;
-  position: absolute;
-  top: 3px;
-  left: 0;
-  background: #fff;
-  -webkit-transition: .1s all;
-  transition: .1s all;
-}
-
-.product-filter-container .popup-body a.current, .product-filter-container .popup-body a:hover {
-  font-weight: 600;
-}
-
-.product-filter-container .popup-body a.current::after, .product-filter-container .popup-body a:hover::after {
-  content: "";
-  display: block;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  position: absolute;
-  left: 3px;
-  top: 1.5px;
-  width: 5px;
-  height: 9px;
-  border-width: 0 2px 2px 0;
-  border-style: solid;
-  border-color: #fff;
-  -webkit-transform-origin: bottom left;
-          transform-origin: bottom left;
-  -webkit-transform: rotate(45deg);
-          transform: rotate(45deg);
-}
-
-.product-filter-container .popup-body a.current::before, .product-filter-container .popup-body a:hover::before {
-  border-color: transparent;
-}
-
-.product-filter-container .popup-footer {
-  padding-top: 10px;
-  margin-top: 10px;
-  border-top: 1px solid #d9d9d9;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: end;
-      -ms-flex-pack: end;
-          justify-content: flex-end;
-}
-
-.product-filter-container .popup-footer a {
-  color: #000;
-  line-height: 36px;
-  border: 1px solid #d9d9d9;
-  border-radius: 6px;
-  padding: 0 15px;
-  margin-left: 12px;
-}
-
-.product-filter-container .popup-footer a:first-child {
-  color: #fff;
-  border-color: transparent;
-}
-
-.product-filter-container .filter-list {
-  display: none;
-  margin-top: 16px;
-}
-
-.product-filter-container .filter-item {
-  padding: 13px 0;
-  border-bottom: 1px solid #D9D9D9;
-}
-
-.product-filter-container .filter-item:first-child {
-  padding-top: 0;
-}
-
-.product-filter-container .filter-item:last-child {
-  border: 0;
-}
-
-.product-filter-container .filter-title {
-  font-weight: 600;
-  line-height: 20px;
-  margin: 0;
-  position: relative;
-}
-
-.product-filter-container .filter-title::after {
-  content: '';
-  background: url(../images/icon-left.png) no-repeat center;
-  background-size: 5px;
-  width: 20px;
-  height: 20px;
-  position: absolute;
-  top: 0px;
-  right: 0;
-  -webkit-transform: rotate(-90deg);
-          transform: rotate(-90deg);
-}
-
-.product-filter-container .filter-title.active::after {
-  -webkit-transform: rotate(90deg);
-          transform: rotate(90deg);
-}
-
-.product-deal-page {
-  margin: 16px 0;
-  padding: 10px;
-  background: #D8262F;
-  border-radius: 26px;
-}
-
-.product-deal-page .product-holder {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-}
-
-.product-deal-page .p-item {
-  margin: 0 10px 10px 0;
-  -webkit-box-shadow: unset;
-          box-shadow: unset;
-  width: calc(100% / 2 - 25px);
-}
-
-.product-deal-page .p-item:nth-child(2n) {
-  margin-right: 0;
-}
-
-.product-deal-page .paging {
-  margin: 0;
   background: transparent;
 }
 
-.product-deal-page .paging a {
-  color: #fff;
+.home-deal-group .title span::before, .home-deal-group .title span::after {
+  content: '';
+  background-color: #fff;
+  max-width: 60px;
+  width: 100%;
+  height: 1px;
+  position: absolute;
+  bottom: 7px;
+  left: -62px;
 }
 
-.product-deal-page .paging .prev, .product-deal-page .paging .next {
-  -webkit-filter: invert(1);
-          filter: invert(1);
+.home-deal-group .title span::after {
+  left: unset;
+  right: -62px;
 }
 
-.product-deal-page .group-title {
-  color: #fff;
-  margin-bottom: 20px;
+.home-deal-group .btn-view {
+  display: block;
+  text-align: center;
   line-height: 30px;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
+  margin: 13px auto 0 auto;
+  font-size: 14px;
+  color: #FF1313;
+  border-radius: 40px;
+  background: #fff;
+  max-width: 106px;
 }
 
-.product-deal-page .group-title .title {
-  font-weight: 700;
-  font-size: 24px;
-  text-transform: uppercase;
-  margin: 0;
-  color: #FED700;
-}
-
-.product-deal-page .group-title p {
-  font-weight: 700;
-  font-size: 16px;
-  margin: 0 10px 0 0;
-}
-
-.product-deal-page .icon-bolt {
-  width: 40px;
-  height: 40px;
-  margin: 0 7px 15px 0;
-  background-size: 375px;
-  background-position: -183px -180px;
-  -webkit-animation: tada 1.8s infinite ease-in-out;
-          animation: tada 1.8s infinite ease-in-out;
-}
-
-.product-detail-page {
+.home-deal-group .product-holder {
+  background: #FFFFFF;
+  border-radius: 10px;
   padding: 10px;
 }
 
-.product-detail-page .page-title {
-  font-weight: 700;
-  font-size: 20px;
-  line-height: 26px;
-  margin: 22px 0 8px 0;
-}
-
-.product-detail-page .deal-time-holder, .product-detail-page .pd-deal-group {
-  margin-top: 10px;
-}
-
-.product-detail-page .pd-deal-holder {
-  margin: 20px 0;
-  background: #D8262F;
-  color: #Fff;
-  border-radius: 12px;
-  padding: 20px 16px;
-  text-align: center;
-  font-size: 16px;
-}
-
-.product-detail-page .pd-deal-holder p {
-  margin: 0;
-}
-
-.product-detail-page .pd-deal-holder b {
-  font-weight: 600;
-}
-
-.product-detail-page .pd-deal-holder .title {
-  font-weight: 700;
-  font-size: 22px;
-  line-height: 32px;
-  text-transform: uppercase;
-  color: #FED700;
-}
-
-.product-detail-page .pd-deal-holder .icon-bolt {
-  width: 32px;
-  height: 32px;
-  background-position: -152px -144px;
-  -webkit-animation: tada 1.8s infinite ease-in-out;
-          animation: tada 1.8s infinite ease-in-out;
-}
-
-.product-detail-page .pd-deal-group {
-  position: relative;
-  background: #FFD0D4;
-  border-radius: 12px;
-  color: #D8262F;
-  font-size: 12px;
-  font-weight: 600;
-  text-align: center;
-  width: 100%;
-  max-width: 282px;
-  line-height: 19px;
-  height: 19px;
-  margin: 14px auto 0 auto;
-}
-
-.product-detail-page .pd-deal-group::before {
-  content: '';
-  background: url(../images/pd-icon-deal.png) no-repeat;
-  background-size: contain;
-  width: 19px;
-  height: 27px;
-  position: absolute;
-  left: 0;
-  bottom: -.5px;
-  z-index: 2;
-}
-
-.product-detail-page .pd-line {
-  background: #FED700;
-  border-radius: inherit;
-  max-width: 100%;
-  position: absolute;
-  inset: 0;
-}
-
-.product-detail-page .pd-sale-quantity {
-  position: relative;
-  z-index: 1;
-}
-
-.product-detail-page .pd-price-group {
-  font-size: 14px;
-  line-height: 24px;
-  color: #D8262F;
-  margin: 20px 0 14px 0;
-}
-
-.product-detail-page .pd-price {
-  font-weight: 700;
-  font-size: 28px;
-  line-height: 24px;
-  color: #D8262F;
-  margin: 0 0 10px 0;
-}
-
-.product-detail-page .pd-old-price {
-  font-weight: 500;
-  margin-right: 4px;
-  color: #B7B7B7;
-}
-
-.product-detail-page .pd-offer-group {
-  margin: 15px 0;
-  border: 2px dashed #D8262F;
-  border-radius: 15px;
-  font-size: 13px;
-  line-height: 20px;
-  padding: 15px 10px;
-}
-
-.product-detail-page .pd-offer-group .title {
-  color: #D8262F;
-  font-weight: 700;
-  font-size: 16px;
-  line-height: 24px;
-  margin-bottom: 5px;
-}
-
-.product-detail-page .pd-offer-group .item {
-  padding-left: 16px;
-  position: relative;
-}
-
-.product-detail-page .pd-offer-group .item::before {
-  content: '';
-  width: 4px;
-  height: 4px;
-  border-radius: 50%;
-  background: #000;
-  position: absolute;
-  top: 9px;
-  left: 3px;
-}
-
-.product-detail-page .pd-quantity-group {
-  margin: 15px 0;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-}
-
-.product-detail-page .pd-quantity-group p {
-  font-weight: 700;
-  font-size: 13px;
-  line-height: 24px;
-  margin: 0 15px 0 0;
-}
-
-.product-detail-page .pd-quantity-holder {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  border-radius: 6px;
-  -webkit-box-shadow: 0px 0px 0px 1px #B7B7B7;
-          box-shadow: 0px 0px 0px 1px #B7B7B7;
-  text-align: center;
-  width: 100px;
-}
-
-.product-detail-page .pd-quantity-holder a {
-  color: #000;
-  line-height: 40px;
-  width: 30px;
-}
-
-.product-detail-page .pd-quantity-holder input {
-  text-align: center;
-  font-weight: 700;
+.home-deal-group .p-item {
+  margin: 0 10px 0 0;
   border: 0;
-  padding: 0;
-  margin: 0;
-  height: 40px;
-  width: 40px;
+  -webkit-box-shadow: 0px 0.55159px 4.4127px rgba(0, 0, 0, 0.25);
+          box-shadow: 0px 0.55159px 4.4127px rgba(0, 0, 0, 0.25);
+  min-width: 146px;
 }
 
-.product-detail-page .pd-btn-group {
-  margin: 20px 0 10px 0;
-  text-align: center;
-  text-transform: uppercase;
-  font-weight: 700;
-  font-size: 20px;
-}
-
-.product-detail-page .pd-btn-group a {
-  line-height: 52px;
-  color: #FFFFFF;
-  margin: 10px 0;
-  display: block;
+.home-collection-container {
+  margin: 14px 0;
+  padding: 20px 010px;
   border-radius: 12px;
-  -webkit-box-shadow: unset;
-          box-shadow: unset;
+  overflow: hidden;
+  background-position: center;
 }
 
-.product-detail-page .pd-btn-group a:first-child {
-  width: 100%;
+.home-collection-container .container {
+  padding: 0;
 }
 
-.product-detail-page .pd-btn-group a:nth-child(2) {
-  color: #00833E;
-  background: #fff;
-  -webkit-box-shadow: 0px 0px 0px 1px #00833E;
-          box-shadow: 0px 0px 0px 1px #00833E;
-}
-
-.product-detail-page .pd-btn-group a:nth-child(3) {
-  background: #00833E;
-  color: #fff;
-}
-
-.product-detail-page .pd-static-text {
-  font-size: 13px;
-  line-height: 22px;
-  position: relative;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  text-align: center;
-  padding: 0 39px;
-  margin-bottom: 20px;
-}
-
-.product-detail-page .pd-static-text p {
-  margin: 0;
-}
-
-.product-detail-page .pd-static-text::before {
-  content: '';
-  width: 26px;
-  height: 26px;
-  background-position: -7px -4px;
-}
-
-.product-detail-page .pd-static-text a {
-  font-weight: 700;
-}
-
-.product-detail-page .pd-tab-title-group {
+.home-collection-container .collection-tab-group {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   overflow: auto;
-  white-space: nowrap;
-  margin-bottom: 23px;
-  position: relative;
-  padding-bottom: .1px;
+  margin-bottom: 17px;
 }
 
-.product-detail-page .pd-tab-title-group::after {
-  content: '';
-  border-bottom: 1px solid #D9D9D9;
-  position: absolute;
-  left: 0;
-  right: 0;
-  bottom: 0px;
-  z-index: -1;
-}
-
-.product-detail-page .pd-tab-title-group a {
-  color: #8D8D8D;
-  font-weight: 700;
-  font-size: 13px;
-  line-height: 24px;
-  margin: 0 26px 0 0;
-  padding-bottom: 6px;
-  position: relative;
-  border-bottom: 1px solid transparent;
-}
-
-.product-detail-page .pd-tab-title-group a::after {
-  content: '';
-  height: 1px;
-  width: 100%;
-  left: 0;
-  right: 0;
-  -webkit-transition: .3s all;
-  transition: .3s all;
-  position: absolute;
-  bottom: -1px;
-}
-
-.product-detail-page .pd-tab-title-group a.active {
-  border-bottom: 1px solid #D8262F;
-}
-
-.product-detail-page .pd-tab-content {
-  display: none;
-  padding-bottom: 30px;
-}
-
-.product-detail-page .pd-tab-content.active {
-  display: block;
-}
-
-.product-detail-page .pd-tab-content * {
-  font-family: inherit;
-}
-
-.product-detail-page .pd-desc-btn {
-  text-align: center;
-}
-
-.product-detail-page .pd-desc-btn a {
-  display: none;
-  color: #000;
-  border: 1px solid #d9d9d9;
-  max-width: 200px;
-  margin: auto;
-  text-align: center;
-  line-height: 36px;
-  border-radius: 6px;
-  font-weight: 500;
-}
-
-.product-detail-page .pd-spec-holder table {
-  max-width: 800px;
-  margin: auto;
-}
-
-.product-detail-page .pd-spec-holder tr:nth-child(odd) {
-  background: #f5f5f5;
-}
-
-.product-detail-page .pd-spec-holder td {
-  padding: 10px 12px;
-}
-
-.product-detail-page .pd-spec-holder td * {
-  margin: 0;
-}
-
-.pd-image-large {
-  margin-bottom: 11px;
-}
-
-.pd-image-large .item {
-  display: block;
-  position: relative;
-  padding-bottom: 100%;
-}
-
-.pd-image-gallery {
-  margin-bottom: 22px;
-}
-
-.pd-image-gallery .current .item {
-  border-color: #D8262F;
-}
-
-.pd-image-gallery .item {
-  position: relative;
-  display: block;
-  padding-bottom: 100%;
-  border-radius: 8px;
-  overflow: hidden;
-  border: 1px solid #d9d9d9;
-}
-
-.pd-variant-option-group tr {
-  display: block;
-  margin: 5px 0;
-}
-
-.pd-variant-option-group td {
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-}
-
-.pd-variant-option-group a {
-  color: #000;
-  display: block;
-  -webkit-box-shadow: 0px 0px 0px 1px #DEDEDE;
-          box-shadow: 0px 0px 0px 1px #DEDEDE;
+.home-collection-container .collection-tab-group a {
+  margin: 0 8px 0 0;
+  -webkit-box-shadow: 0px 0.91489px 1.82979px 0.91489px rgba(0, 0, 0, 0.25);
+          box-shadow: 0px 0.91489px 1.82979px 0.91489px rgba(0, 0, 0, 0.25);
+  border-radius: 7px;
   background: #fff;
-  padding: 0 15px;
-  margin: 0 10px 10px 0;
-  border-radius: 3px;
-  line-height: 30px;
-}
-
-.pd-variant-option-group .selected {
-  color: #fff;
-  -webkit-box-shadow: unset;
-          box-shadow: unset;
-}
-
-.pd-variant-option-group .variant-option-label {
-  font-size: 13px;
-  font-weight: bold;
-  line-height: 30px;
-  min-width: 70px;
-  margin-top: -6px;
-}
-
-.pd-variant-option-group .variant-option-value-box {
-  display: inline-block;
-}
-
-.pd-variant-option-group .variant-color a {
-  width: 30px;
-  height: 30px;
-  display: block;
-  font-size: 0;
-  border-radius: 50%;
-  margin: 0 11px 11px 0;
-  -webkit-box-shadow: 0px 0px 0px 1px #DEDEDE;
-          box-shadow: 0px 0px 0px 1px #DEDEDE;
-  position: relative;
-  padding: 0;
-  line-height: 0;
-}
-
-.pd-variant-option-group .variant-color .selected::before {
-  content: '';
-  width: 36px;
-  height: 36px;
-  border-radius: 50%;
-  -webkit-box-shadow: 0px 0px 0px 1.5px #D8262F;
-          box-shadow: 0px 0px 0px 1.5px #D8262F;
-  position: absolute;
-  top: -3px;
-  left: -3px;
-}
-
-.pd-related-container {
-  margin: 20px 0;
-  padding-top: 20px;
-  border-top: 1px solid #D9D9D9;
-}
-
-.pd-related-container .title {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   text-align: center;
-  font-weight: 700;
-  font-size: 24px;
-  line-height: 30px;
-  text-transform: uppercase;
-  margin: 0 0 18px 0;
+  color: #000000;
+  padding: 5px 10px;
+  min-width: 145px;
 }
 
-.pd-related-container .p-item {
-  -webkit-box-shadow: unset;
-          box-shadow: unset;
-  border: 1px solid #d9d9d9;
+.home-collection-container .collection-tab-group a:nth-child(1) .image {
+  background: #FF7E00;
 }
 
-.cart-page {
-  padding: 16px 10px 0 10px;
+.home-collection-container .collection-tab-group a:nth-child(2) .image {
+  background: -webkit-gradient(linear, left top, left bottom, from(#037FAA), to(#00B2F0));
+  background: linear-gradient(180deg, #037FAA 0%, #00B2F0 100%);
 }
 
-.cart-page .cart-box-group {
-  border-top: 4px solid #D8262F;
-  margin-bottom: 16px;
-  font-size: 13px;
-  line-height: 20px;
+.home-collection-container .collection-tab-group a:nth-child(3) .image {
+  background: -webkit-gradient(linear, left top, left bottom, from(#FFF500), to(#FFBF42));
+  background: linear-gradient(180deg, #FFF500 0%, #FFBF42 100%);
+}
+
+.home-collection-container .collection-tab-group a:nth-child(4) .image {
+  background: linear-gradient(359.34deg, #42FF92 -6.9%, #1F834A 107.13%);
+}
+
+.home-collection-container .collection-tab-group a.current {
+  color: #fff;
+}
+
+.home-collection-container .collection-tab-group a.current .image {
+  -webkit-filter: saturate(1.8);
+          filter: saturate(1.8);
+}
+
+.home-collection-container .collection-tab-group a.current:nth-child(1) {
+  background: #FF7E00;
+}
+
+.home-collection-container .collection-tab-group a.current:nth-child(1) .image {
+  background: #fff;
+}
+
+.home-collection-container .collection-tab-group a.current:nth-child(2) {
+  background: -webkit-gradient(linear, left top, left bottom, from(#037FAA), to(#00B2F0));
+  background: linear-gradient(180deg, #037FAA 0%, #00B2F0 100%);
+}
+
+.home-collection-container .collection-tab-group a.current:nth-child(3) {
+  background: -webkit-gradient(linear, left top, left bottom, from(#FFF500), to(#FFBF42));
+  background: linear-gradient(180deg, #FFF500 0%, #FFBF42 100%);
+}
+
+.home-collection-container .collection-tab-group a.current:nth-child(4) {
+  background: linear-gradient(359.34deg, #42FF92 -6.9%, #1F834A 107.13%);
+}
+
+.home-collection-container .collection-tab-group .image {
+  width: 35px;
+  height: 35px;
+  border-radius: 50%;
+  margin-right: 5px;
+  position: relative;
+  overflow: hidden;
+  background: #FF7E00;
+}
+
+.home-collection-container .collection-tab-group i {
+  display: block;
+  height: 100%;
+  background-position: center;
+  background-size: calc(100% - 14px);
+  background-repeat: no-repeat;
+}
+
+.home-collection-container .collection-tab-group b {
+  font-weight: 500;
+  font-size: 17px;
+  line-height: 22px;
   text-transform: uppercase;
 }
 
-.cart-page .cart-box-group p {
+.home-collection-container .collection-tab-group .text {
+  width: calc(100% - 40px);
   margin: 0;
-  padding: 11px 10px;
-  background: #F5F5F5;
 }
 
-.cart-page .cart-box-group a {
-  color: #D8262F;
-  -webkit-text-decoration-line: underline;
-          text-decoration-line: underline;
-  font-weight: 700;
-  display: inline-block;
-}
-
-.cart-page .cart-box-hidden {
+.home-collection-container .collection-tab-group .text span {
   display: none;
 }
 
-.cart-page .cart-box-hidden * {
-  display: block;
-  border-radius: 3px;
-  height: 40px;
-  line-height: 40px;
-  margin: 13px 0 0 0;
-}
-
-.cart-page .cart-box-hidden input {
-  background: #FFFFFF;
-  border: 1px solid #D9D9D9;
-  padding: 0 14px;
-  color: #8D8D8D;
-  width: calc(100% - 29px);
-}
-
-.cart-page .cart-box-hidden a {
-  display: block;
-  max-width: 165px;
-  background: #D8262F;
-  color: #fff;
-  text-decoration: none;
-  text-align: center;
-}
-
-.cart-page .cart-price-group {
+.home-collection-container .btn-view {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-  line-height: 20px;
-  margin: 14px 0;
-  font-size: 13px;
-}
-
-.cart-page .cart-price-group p {
-  margin: 0;
-}
-
-.cart-page .cart-price-group b {
-  font-weight: 700;
-}
-
-.cart-page .cart-total-price {
-  font-weight: 700;
-}
-
-.cart-page .cart-btn-group {
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  margin: 14px auto 0 auto;
+  max-width: 90px;
+  line-height: 22px;
   text-align: center;
-}
-
-.cart-page .cart-btn-group a {
+  color: #fff;
+  -webkit-box-shadow: 0px 0px 0px 1px #fff;
+          box-shadow: 0px 0px 0px 1px #fff;
   font-weight: 500;
-  font-size: 13px;
-  line-height: 16px;
+  font-size: 10px;
+  border-radius: 50px;
 }
 
-.cart-page .btn-submit {
-  display: block;
+.home-collection-container .btn-view::after {
+  content: '\00BB';
+  font-size: 16px;
+  margin: -1px 0 0 2px;
+}
+
+.home-box-group {
   margin: 15px 0;
-  width: 100%;
-  font-weight: 700;
-  font-size: 16px;
-  background: #D8262F;
-  border-radius: 3px;
-  color: #fff;
-  border: 0;
-  padding: 0;
-  height: 40px;
-}
-
-.cart-info-group {
-  margin: 16px 0;
-}
-
-.cart-info-group:last-child {
-  margin-bottom: 0;
-}
-
-.cart-info-group .box-item, .cart-info-group .payment-item {
-  margin-bottom: 35px;
-}
-
-.cart-info-group .title {
-  font-weight: 600;
-  font-size: 20px;
-  line-height: 24px;
-  margin-bottom: 10px;
-}
-
-.cart-info-group .box-item input, .cart-info-group .box-item select {
-  width: calc(100% - 29px);
-  height: 40px;
-  line-height: 40px;
-  background: #FFFFFF;
-  border: 1px solid #D9D9D9;
-  border-radius: 8px;
-  display: block;
-}
-
-.cart-info-group .box-item input {
-  padding: 0 14px;
-  color: #8D8D8D;
-  margin: 0 0 10px 0;
-}
-
-.cart-info-group .box-item select {
-  margin: 0 0 10px 0;
-  width: 100%;
-  display: block;
-  padding: 0 10px;
-}
-
-.cart-info-group .box-item select:last-child {
-  margin: 0;
-}
-
-.cart-info-group .cart-summary-group {
-  background: #F5F5F5;
-  padding: 16px;
-}
-
-.cart-info-group .item-row {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-  -webkit-box-align: start;
-      -ms-flex-align: start;
-          align-items: flex-start;
-  border-bottom: 1px solid #D9D9D9;
-  padding: 16px 0;
-  font-size: 13px;
-  line-height: 20px;
-}
-
-.cart-info-group .item-row:first-child {
-  padding-top: 0;
-}
-
-.cart-info-group .p-img {
-  width: 92px;
-  margin-right: 26px;
-  text-align: center;
-}
-
-.cart-info-group .p-img img {
-  display: block;
-  margin: auto;
-}
-
-.cart-info-group .p-img a {
-  font-weight: 300;
-  font-size: 16px;
-  line-height: 19px;
-  color: #8D8D8D;
-  display: inline-block;
-  margin-top: 15px;
-}
-
-.cart-info-group .p-text {
-  width: calc(100% - 118px);
-}
-
-.cart-info-group .p-name {
-  display: block;
-  line-height: 20px;
-  color: #000;
-  margin: 0 0 10px 0;
-}
-
-.cart-info-group .p-price {
-  font-weight: 600;
-  font-size: 15px;
-  line-height: 18px;
-  color: #D8262F;
-  margin: 10px 0;
-}
-
-.cart-info-group .p-variant-item {
-  line-height: 24px;
-  margin: 10px 0;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-}
-
-.cart-info-group .p-variant-item span {
-  width: 26px;
-  height: 26px;
-  border-radius: 50%;
-  border: 1px solid #DEDEDE;
-  margin: 0 15px;
-  position: relative;
-}
-
-.cart-info-group .p-variant-item span::before {
-  content: '';
-  width: 32px;
-  height: 32px;
-  border-radius: 50%;
-  position: absolute;
-  border: solid 2px #D8262F;
-  top: 50%;
-  left: 50%;
-  -webkit-transform: translate(-50%, -50%);
-          transform: translate(-50%, -50%);
-}
-
-.cart-info-group .p-variant-item b {
-  background-color: #D8262F;
-  color: #fff;
-  padding: 2px 10px;
-  border-radius: 3px;
-  margin: 0 15px;
-  text-align: center;
-  min-width: 37px;
-}
-
-.cart-info-group .p-quantity-group {
-  margin: 12px 0 0 0;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-}
-
-.cart-info-group .p-quantity-group p {
-  margin: 0 10px 0 0;
-}
-
-.cart-info-group .p-quantity-group input {
-  background: #FFFFFF;
-  border: 1px solid #999999;
-  border-radius: 5px;
-  text-align: center;
-  font-weight: 700;
-  font-size: 16px;
-  height: 33px;
-  width: 55px;
 }
 /*# sourceMappingURL=mobile_css.css.map */
\ No newline at end of file
diff --git a/MayTinhVietPhong/scss/mobile_css.css.map b/MayTinhVietPhong/scss/mobile_css.css.map
index c76746a..253e9ef 100644
--- a/MayTinhVietPhong/scss/mobile_css.css.map
+++ b/MayTinhVietPhong/scss/mobile_css.css.map
@@ -1,6 +1,6 @@
 {
     "version": 3,
-    "mappings": "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",
+    "mappings": "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",
     "sources": [
         "mobile_css.scss"
     ],
diff --git a/MayTinhVietPhong/scss/mobile_css.scss b/MayTinhVietPhong/scss/mobile_css.scss
index 454f07c..d615434 100644
--- a/MayTinhVietPhong/scss/mobile_css.scss
+++ b/MayTinhVietPhong/scss/mobile_css.scss
@@ -1,7 +1,7 @@
 body{
     color:#000;
-    font-family: 'Inter', sans-serif;
-    background: #fff;
+    font-family: 'Roboto', sans-serif;
+    background: #F8F8FC;
     position: relative;
     font-size:14px;
     font-weight:400;
@@ -153,7 +153,7 @@ iframe {
     color: #FE7801;
 }
 .red{
-    color: #EE6A6A;
+    color: #CE000C;
 }
 .grey{
     color: #999;
@@ -162,7 +162,7 @@ iframe {
     color: #fdb813; 
 }
 .color-main{
-    color: #D8262F;
+    color: #007FD5;
 }
 .black{
     color: #222;
@@ -180,11 +180,46 @@ iframe {
     background: #29A07E;
 }
 .bg-main{
-    background: #D8262F;
+    background: #007FD5;
 }
 .blue-light{
     color: #31c6fe;
 }
+@keyframes gradient-bg-antimation {
+    0% {
+        background-position: 0 0
+    }
+    100% {
+        background-position: -200% 0
+    }
+}
+@keyframes backInRight{
+    0%{
+        opacity:.7;
+        transform:translateX(2000px) scale(.7)
+    }
+    80%{
+        opacity:.7;
+        transform:translateX(0) scale(.7)
+    }
+    to{
+        opacity:1;
+        transform:scale(1)
+    }
+}
+.animate__backInRight{    
+    animation-name:backInRight;
+}
+.bg-linear{
+    background: linear-gradient(90.13deg, #FF7E00 1.62%, #FF4949 98.76%);
+}
+.bg-linear-animate{
+    background: -o-repeating-linear-gradient(left,#ff990f 0,#fe532e 50%,#ff990f 100%);
+    background: repeating-linear-gradient(to right,#ff990f 0,#fe532e 50%,#ff990f 100%);
+    background-size: 200% auto;
+    background-position: 0 100%;
+    animation: 2s linear infinite forwards gradient-bg-antimation;
+}
 .text-white{
     color: #fff;
 }
@@ -432,9 +467,6 @@ iframe {
         height: 300px;
     }
 }
-.bg-linear{
-    background:linear-gradient(180deg, #EE1B25 0%, #FF7E85 100%);
-}
 .inherit{
     font-size: inherit;
     font-weight: inherit;
@@ -500,13 +532,13 @@ iframe {
         }
     }
 }
-.label-container{font-size: 13px; display:block;position:relative;padding-left: 24px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height: 22px;cursor: pointer;margin-bottom: 5px;}
+.label-container{display:block;position:relative;padding-left: 24px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height: 21px;cursor: pointer;}
 .label-container:hover{@extend .color-main;}
 .label-container .checkmark{position:absolute;top:3px;left:0;height: 13px;width: 13px;background-color: #fff;border-radius:50%;border: 1px solid #BFBFBF}
 .label-container input{position:absolute;opacity:0;cursor:pointer}
-.label-container input:checked ~ .checkmark{border-color: #FF0000;}
+.label-container input:checked ~ .checkmark{border-color: #FF7A00;}
 .label-container input:checked ~ .checkmark:after{display:block}
-.label-container input:checked ~ .checkmark:after {content: '';width: 9px;height: 9px;background: #FF0000;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
+.label-container input:checked ~ .checkmark:after {content: '';width: 8px;height: 8px;background: #FF7A00;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
 .bg-popup {
     position: fixed;
     top: 0;
@@ -525,11 +557,10 @@ iframe {
     padding: 0 10px;
 }
 .global-breadcrumb{
-    font-size: 12px;
-    line-height: 15px;
-    padding: 12px 10px;
-    background: #F5F5F5;
-    text-transform: uppercase;
+    font-size: 14px;
+    line-height: 20px;
+    padding-top: 14px;
+    padding-bottom: 14px;
     a{
         color: #000000;    
         &:hover{
@@ -545,14 +576,8 @@ iframe {
         display: flex;
         align-items: center;
         &::after{
-            content:'';            
-            background: url(../images/icon-left.png) no-repeat;
-            background-position: center 5px;
-            background-size: 6px;
-            transform: rotate(-180deg);
-            width: 28px;
-            height: 18px;
-            color: #A3A3A3;
+            content:'/';
+            padding: 0 4px;
         }
         &:last-child{
             &::after{
@@ -565,45 +590,43 @@ iframe {
     }
 }
 .paging{
+    margin: 20px 0;
     display: flex;    
     flex-wrap: wrap;
     align-items: center;
     justify-content:  center;    
-    background: #F5F5F5;
-    border-radius: 12px;
-    margin: 12px 0;
-    padding: 13px;
     a{
-        line-height: 24px;
+        width: 30px;
+        height: 30px;
+        line-height: 30px;
+        border-radius: 50%;
+        background: #F3F3F3;
         text-align: center;
         color: #000;
-        margin: 0 10px;
+        margin: 0 4px;
         transition: .12s all;
-        font-size: 13px;
-        line-height: 24px;
-        &.current{
-            @extend .color-main;
-            font-weight: 700;    
-        }
-        &:last-child{
-            margin: 0;
+        &:hover, &.current{ 
+            background-color: #FFC21F;
+            color: #fff;
         }
     }
-    .prev, .next {
-        @extend .icons;
-        border: 0;
-        font-size: 0 !important;
-        width: 20px;
-        background-position: -191px -71px !important;
-        background-size: 219px !important;
+    .icon-prev, .icon-next {
+        background: url(../images/icon-left.png) no-repeat center;
+        background-size: 7px 12px;
+        background-color: #F3F3F3;
+        font-size: 0 !important;        
     }
-    .prev{
+    .icon-next {
         transform: rotate(-180deg);
     }
 }
 .icons{
     background: url(../images/sprite.png) no-repeat;
-    background-size: 300px 300px;
+    background-size: 315px 400px;
+}
+.mb-icons{
+    background: url(../images/mb-sprite.png) no-repeat;
+    background-size: 250px 250px;
 }
 .custom-nav{
     .owl-nav {
@@ -619,23 +642,22 @@ iframe {
             }               
         }
         .owl-prev {
-            left: 0;
+            left: 0px;
         }
         .owl-next {
-            right: 0;
+            right: 0px;
         }
         .arrow{
-            width: 12px;
-            height: 20px;
+            width: 26px;
+            height: 53px;
             display: block;
             background: url(../images/icon-left.png) no-repeat;
-            background-position: center;
-            background-size: contain;
+            background-position: 6px center;
+            background-size: 8px 16px;  
             transition: .2s all;  
-            opacity: .4;
-            &:hover{
-                opacity: 1;
-            }
+            background-color: #fff;
+            box-shadow: 0px 0.748699px 4.4922px rgba(0, 0, 0, 0.25);            
+            border-radius: 0 50px 50px 0;
         }
         .arrow-next{
             transform: rotate(180deg);
@@ -643,22 +665,25 @@ iframe {
     }
 }
 .custom-dots{
-    .owl-dots {     
-        margin-top: 16px !important;   
+    .owl-dots {
+        margin: 0 !important;        
         .owl-dot {
+            margin: 0 3px;
+            width: 6px;
+            height: 6px;
+            border-radius: 50px;
+            background: transparent;
+            transition: .2s all;
+            background: #ccc;
+            background: rgba(0, 0, 0, 0.5);
             span{
-                margin: 0 7px;
-                width: 10px;
-                height: 10px;
-                border-radius: 50%;
-                background: transparent;
-                transition: .2s all;
-                background: rgba(0, 0, 0, 0.5);
+                display: none;
+            }
+            &.active{
+                width: 20px;
             }
             &.active {
-                span{
-                    background: #D8262F;                    
-                }
+                background: #007FD5;
             }
         }
     }
@@ -666,1722 +691,995 @@ iframe {
 .p-item{
     background: #FFFFFF;    
     overflow: hidden;    
-    line-height: 16px;
     position: relative;
-    padding: 12px 10px;
-    box-shadow: 0px 0px 0px 1px #D9D9D9;
-    border-radius: 15px;
-    text-align: center;
-    font-size: 12px;
+    padding: 8px 6px;
+    border: 0.885787px solid #EAEAEA;
+    border-radius: 13px;
+    font-size: 13px;
+    line-height: 16px;   
+    z-index: 1; 
     img{
-        @extend .fit-img;
-        transition: .4s all !important;
-        transform: scale(1);
+        display: block;
+        width: auto;
     }
+    p{
+        margin: 0;
+    }    
     .p-img{
         display: block;
         position: relative;
         padding-bottom: 100%;
         overflow: hidden;
-        margin-bottom: 7px;
+        margin-bottom: 8px;
+        border-radius: inherit;
+        img{
+            @extend .fit-img;
+        }
     } 
+    .p-icons-group{
+        position: absolute;
+        top: -1px;
+        right: 10px;
+        z-index: 1;
+    }
+    .p-icon-sale-off {
+        display: block;
+        width: 30px;
+        height: 38px;
+        background: url(../images/p-bg-saleoff.png) no-repeat center;
+        background-size: contain;
+    }
+    .p-discount{
+        width: 30px;
+        height: 30px;
+        line-height: 30px;
+        text-align: center;
+        color: #fff;
+        font-weight: 700;
+        font-size: 10px;        
+        background: url(../images/p-bg-discount.png) no-repeat center;
+        background-size: contain;
+        display: block;
+        margin: auto;
+    }
+    .p-brand-group{
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        font-size: 12px;
+        line-height: 20px;
+        min-height: 20px;
+        margin: 5px 0;
+    }
+    .p-brand{
+        font-weight: 500;
+        text-transform: uppercase;
+        line-height: 20px;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        max-width: 100px;
+        img{
+            max-height: 20px;
+        }
+    }
+    .p-sku span, .p-outstock{
+        @extend .red;
+    }
     .p-name{
         display: block;
         color: #000;
-        text-transform: uppercase;
-        margin: 0 0 7px 0;
+        font-weight: 500;        
+        margin: 5px 0 7px 0;
+        min-height: 32px;
         *{
             @extend .inherit;
             @extend .line-clamp-2;
         }
     }    
-    .p-price{
-        margin: 7px 0 0 0;
-        color: #D8262F;
-        font-weight: 700;
-        font-size: 16px;   
-        line-height: 24px;     
+    .p-price-group{
+        @extend .red;
+        margin: 7px 0 10px 0;  
+        min-height: 38px; 
+        font-size: 11px;
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
     }
-    .p-price-group{       
-        min-height: 24px; 
-        line-height: 24px;
-        font-size: 13px;
-        *{
-            display: inline-block;
-        }
+    .p-price{
+        color: #000000;
+        margin: 0 0 6px 0;
+        font-weight: 700;
+        font-size: 16px;
+        width: 100%;
     }
     del{
-        font-weight: 500;        
-        margin-right: 6px;
-        color: #B7B7B7;
+        font-weight: 500;
+        margin-right: 4px;
+        color: #999999;
     }
-    .p-discount {
-        color: #D8262F;
+    .p-btn-group{
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        line-height: 23px;
+        font-size: 11px;
+    }
+    .p-btn-compare{
+        color: #FF7A00;
+        position: relative;
+        padding-left: 20px;
+        &.selected{
+            @extend .red;
+            font-weight: bold;
+            &::before{
+                content: '\2713';
+                font-size: 11px;
+                box-shadow: 0px 0px 0px 1px #DA251C;
+            }
+        }
+        &::before{
+            content: '+';
+            width: 13px;
+            height: 13px;
+            line-height: 13px;
+            border-radius: 50%;
+            text-align: center;
+            background: #fff;
+            box-shadow: 0px 0px 0px 1px #FF7A00;
+            position: absolute;
+            top: 4px;
+            left: 0;
+        }
+    }
+    .p-btn-buy{
+        width: 32px;
+        height: 23px;
+        border-radius: 3.57441px;
+        background: url(../images/p-icon-btn.png) no-repeat center;
+        background-color: #F5F5F5;
+        background-size: 17px 13px;
+        margin-left: 6px;
+        transition: .15s all;
+    }
+    .p-quantity-group{
+        display: flex;
+        align-items: center;
+    }
+    .p-instock {
+        color: #33C600;
     }
     .p-deal-group{
-        margin-top: 5px;
+        margin: 12px 0 6px 0;
         position: relative;
-        background: #FFD0D4;
-        border-radius: 9px;
-        height: 18px;
+        background: linear-gradient(270deg, rgba(255,184,0, .3) 0%, rgba(255,122,48, .3) 100%);
+        border-radius: 26px;
+        height: 13px;
+        line-height: 13px;
+        text-align: center;
         &::before{
             content: '';
-            width: 19px;
-            height: 26px;
-            background: url(../images/icon-deal.png) no-repeat;
+            width: 15px;
+            height: 21px;
+            background: url(../images/p-bg-deal.png) no-repeat;
             background-size: contain;
             position: absolute;
             bottom: 0;
-            left: 0px;
+            left: 0;
             z-index: 1;
         }
     }
-    .p-line {
+    .p-deal-line {
+        @extend .bg-linear-animate;
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         max-width: 100%;
-        background: #F90012;
         border-radius: inherit;
     }
     .p-sale-quantity {
         margin: 0;
         position: absolute;
         inset: 0;
-        color: #fff;
-        line-height: 18px;
-        font-weight: 600;
-        font-size: 11px;
+        color: #fff;        
+        font-weight: 500;
+        font-size: 10.7232px;
+    }
+    .p-countdown{
+        text-align: center;
+        font-weight: 300;
+        font-size: 10px;
+        line-height: 12px;
+        *{
+            display: inline-block;
+            margin: 0;
+        }
     }
 }
-.global-goTop{  
-    position: fixed;
-    right: -100%;
-    bottom: 40px;
-    transition: .4s all;
-    width: 40px;
-    height: 40px;
-    border-radius: 50%;    
-    background-color: #D8262F;
-    transform: rotate(90deg);
-    z-index: 3;
-    box-shadow:  0px 0px 5px 0px rgba(255,255,255,.5);
-    &::before{
-        content: '';
-        display: block;
-        height: 100%;
-        background: url(../images/icon-left.png) no-repeat;
-        background-position: center;
-        background-size: 9px;
-        filter: brightness(100);
+.art-item{
+    box-shadow: 0px 0.748699px 2.9948px rgba(0, 0, 0, 0.2);
+    border-radius: 8px;
+    background: #fff;
+    overflow: hidden;
+    font-size: 12px;
+    line-height: 16px;
+    transition: .2s all;
+    &:hover{
+        box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
+    }
+    a{
+        display: block;
+        color: #000;
+        &:hover{
+            @extend .color-main;
+        }
+    }
+    img {
+        @extend .fit-img;
+    }
+    .art-img{
+        position: relative;
+        padding-bottom: 56.5%;
+    }
+    .art-text{
+        @extend .clearfix;
+        padding: 9px 9px 12px 9px;
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center
+    }
+    .art-time{
+        margin: 0 10px 0 0;
+        width: 60px;
+        height: 38px;
+        padding: 0 10px;
+        color: #fff;
+        font-weight: 700;
+        font-size: 12px;
+        line-height: 14px;
+        background: url(../images/art-bg-time.png) no-repeat;
+        background-position: center;
+        background-size: contain;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        text-align: center;
+    }
+    .art-title{
+        @extend .line-clamp-2;
+        font-weight: 600;
+        font-size: 14px;
+        line-height: 16px;
+        width: calc(100% - 70px);
+    }
+    .art-summary{
+        @extend .line-clamp-3;
+        padding: 0 2px;
+        margin-top: 13px;
+        width: 100%;
+    }
+}
+.global-compare-group{background:#fff;position:fixed;bottom:0;left:0;width:100%;-webkit-box-shadow:3px -2px 11px 1px rgba(0,0,0,0.25);box-shadow:3px -2px 11px 1px rgba(0,0,0,0.25);z-index:9999;display:none}
+.global-compare-group .title{background:#0080D7;padding:8px 12px;font-size:18px}
+.global-compare-group p{margin:0}
+.global-compare-group .pro-compare-holder{padding:12px}
+.global-compare-group .compare-pro-holder .compare-item{display:block;width:calc(100% / 3 - 25px);margin:0 10px 10px 0;float:left;border:1px dashed #000;color:#000;border-radius:5px;overflow:hidden;position:relative;text-align:center;padding:8px}
+.global-compare-group .compare-pro-holder .compare-item:nth-child(3n){margin:0}
+.global-compare-group .btn-compare{width:100%;line-height:40px;background:#0080D7;color:#fff;font-weight:600;font-size:18px;border-radius:4px;text-align:center;display:block}
+.global-compare-group .btn-compare:hover{background:#1d6393}
+.global-compare-group {
+    .remove-compare::after, .close-compare::after {
+        content: '\00D7';
+    }
+    .remove-compare {
+        position: absolute;
+        font-size: 26px;
+        line-height: 18px;
+        padding: 7px;
+        right: 0;
+        top: 0;
+        cursor: pointer;
+        &:hover::after {
+            @extend .red;
+        }
+    }
+    .compare-item {
+        img {
+            display: block;
+            margin: auto;
+            max-width: 56%;
+        }
+        .name {
+            @extend .line-clamp-2;
+            color: #000;
+            font-size: 13px;
+            line-height: 20px;
+            &:hover {
+                @extend .red;
+            }
+        }
     }
-    &.active{
-        right: 10px;
-    } 
 }
 .global-header-container{
-    position: sticky;
+    @extend .bg-main;
+    padding: 3px 10px 10px 10px;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: space-between;
+    position: fixed;
     top: 0;
     left: 0;
     right: 0;
-    z-index: 99;
-    padding: 9px 12px;
-    box-shadow: 0px 0px 2px rgba(0,0,0,.3);
-    background: #fff;
-    display: flex;
-    align-items: center;
-    flex-wrap: wrap;
-    justify-content: space-between;
-    .icons{
+    z-index: 9;
+    &::after{
+        content: '';
+        height: 61px;
+        position: absolute;
+        left: 0;
+        right: 0;
+        top: calc(100% - 1px);
+        background: #007FD5;
+        border-radius: 0px 0px 30px 30px;
+        transition: .3s all;
+        z-index: -1;
+    }
+    img {
+        max-height: 42px;
+        display: block;
+        width: auto;
+    }
+    .mb-icons {
         width: 24px;
         height: 24px;
-        background-size: 200px;
     }
-    .icon-menu{
-        width: 28px;
-        height: 28px;
-        margin-right: 15px;
-        background-color: #D8262F;
-        border-radius: 6px;
-        background-size: 220px;
-        background-position: -2px -27px;
+    .icon-menu {
+        background-position: -9px -6px;
     }
-    .icon-user {
-        background-position: -107px -30px;    
-        margin-right: 15px;
-    }
-    .icon-cart{
+    .icon-cart {
+        background-position: -54px -8px;
         position: relative;
-        background-position: -150px -30px;
-    }
-    .icon-search {
-        width: 28px;
-        height: 28px;
-        background-size: 430px;
-        background-position: -73px -62px;
-        filter: invert(1);
-        margin-right: 15px;
-        border-radius: 6px;
-        &.active{
-            background-color: #D8262F;
-            filter: unset;          
-            background-size: 300px 300px;
-            background-position: -47px -39px;  
-        }
-    }
-    .header-logo{
-        max-width: 120px;
-        img{
-            width: auto;
-            height: auto;
-            max-height: 36px;
-            display: block;
-        }
+        margin-right: 5px;
     }
     .cart-count{
+        color: #fff;
+        background: linear-gradient(270deg, #FFB800 0%, #FF7A30 100%);
+        text-align: center;
         width: 15px;
         height: 15px;
-        line-height: 15px;
-        font-size: 12px;
+        line-height: 16px;
         border-radius: 50%;
         font-weight: 700;
-        color: #fff;
-        background: #D8262F;
-        font-style: normal;
-        text-align: center;
+        font-size: 12px;
         position: absolute;
-        top: -4px;
-        right: -4px;
+        top: -2px;
+        right: -5px;
     }
 }
 .header-search-group{
-    display: none;
-    background: #fff;
-    position: absolute;
-    left: 0;
-    right: 0;
-    top: calc(100% + 0px);
-    width: calc(100% - 20px) !important;
-    margin: auto;
-    padding: 0 10px 10px 10px;
-    border-bottom: 1px solid #d9d9d9;
+    width: 100%;
+    margin-top: 7px;
+    position: relative;
     form{
-        display: flex;
-        align-items: center;
-        padding: 2px;
+        background: #fff;
+        border-radius: 30px;
+        padding: 0 12px;
         position: relative;
-        box-shadow: 0px 0px 0px  1px #D9D9D9;
-        border-radius: 6px;
-        width: 100%;
-    }
-    .text-search {
-        padding: 0 10px;
-        border: 0;
-        margin: 0;
-        height: 32px;
-        width: calc(100% - 50px);
-        color: #8D8D8D;
-    }
-    .icon-search {
-        border-radius: 6px;
-        border: 0;
-        margin: 0;
-        padding: 0;
-        background-color: #D8262F;
-        background-position: -71px -60px;
-        filter: unset;
-        position: absolute;
-        right: 3px;
-        top: 2px;
-        height: 32px;
-        width: 32px;
-    }
-}
-.global-tags-group{
-    margin: 50px 0 12px 0 !important;
-    padding: 0 !important;
-    .tags-list{
-        @extend .clearfix;
-    }
-    a{
-        float: left;
-        margin: 0 6px 6px 0;
-        background: #ECECEC;
-        border-radius: 21px;
-        padding: 0 10px;
-        line-height: 38px;
-        font-size: 13px;
-        color: #000;
-        &:hover{
-            color: #fff;
-            background: #000;
-        }
-    }
-}
-.footer-newsletter-container{    
-    color: #fff;
-    padding: 0 10px;    
-    margin: 18px 0 10px 0;
-    .container{
-        padding: 20px 10px;
-        background: #D8262F;
-        border-radius: 12px;
-        @extend .d-block;
-    }
-    .col-left{
-        display: flex;
-        align-items: center;
-        flex-wrap: wrap;
-        *{
-            display: block;
-        }
-        .text{
-            width: calc(100% - 126px);     
-            font-size: 12px;
-            line-height: 15px;       
-        }
-        b{
-            font-weight: 700;
-            font-size: 15px;
-            line-height: 18px;       
-            margin-bottom: 6px;    
-        }
-    }
-    .icon-mailbox{
-        width: 114px;
-        height: auto;
-        padding-bottom: 83px;
-        margin-right: 12px;
-        background-position: -11px -267px;
-        background-size: 360px;
-    }
-    .newsletter-form-holder {
-        display: flex;
-        flex-wrap: wrap;
-        align-items: center;
-        margin-top: 25px;
     }
     input {
-        width: calc(100% - 145px);
         border: 0;
-        margin: 0 5px 0 0;
-        padding: 0 20px;
-        height: 42px;
-        border-radius: 25px;
-        color: #AFAFAF;
-    }
-    button {
-        background: #FED700;
-        border-radius: 25px;
-        width: 100px;
-        height: 42px;
-        font-size: 13px;
-        color: #D8262F;
-        font-weight: 700;
-        padding: 0;
         margin: 0;
-        border: 0;
+        padding: 0;
+        height: 36px;
+        border-radius: 30px 0 0 30px;
+        color: #B6B6B6;
+        width: calc(100% - 36px);
     }
-    .error-note {        
-        text-transform: capitalize;
-        width: 100%;
-        p{
-            margin: 10px 0 0 0;
-        }
+    .icon-search {
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        width: 36px;
+        height: 36px;
+        border: 0;
+        padding: 0;
+        margin: auto;
+        background-position: -9px -47px
     }
 }
-.global-footer{
-    .icons{
-        width: 23px;
-        height: 24px;
-        margin-right: 7px;
-        float: left;
+.header-fixed {
+    padding: 10px;
+    z-index: 99;
+    box-shadow: 0px 2px 4px 0px rgba(0,0,0,.3);
+    &::after{
+        height: 0;
     }
-    .icon-map {
-        background-position: -185px -5px;
-    }
-    .icon-tel {
-        background-position: -258px -6px;
-    }
-    .icon-email {
-        background-position: -223px -4px;
-    }
-}
-.footer-info-group{
-    font-size: 13px;
-    line-height: 24px; 
-    padding-top: 24px;  
-    padding-bottom: 24px;
-    a{
-        display: table;
-        color: #000;
-        position: relative;
-        padding-left: 12px;
-        &::before{
-            content: '';
-            position: absolute;
-            top: 10px;
-            left: 0;
-            width: 4px;
-            height: 4px;
-            border-radius: 50%;
-            background: #000;
-        }
-        &:hover{
-            @extend .color-main;
-        }        
-    } 
-    .col{
-        margin: 0 0 10px 0;            
-        &:first-child {
-            border-radius: 10px;
-            overflow: hidden;
-            padding: 20px 10px;
-            background: #F3F3F3;
-            .title{
-                line-height: 20px;
-                padding: 0;
-                margin: 0 0 17px 0;
-                &::before{
-                    content: none;
-                }
-            }
-        }
-    }
-    .title{
-        background: #F3F3F3;
-        border-radius: 10px;
-        text-transform: uppercase;    
-        position: relative;
-        padding: 0 28px 0 14px;
-        line-height: 50px;
-        font-weight: 700;
-        font-size: 15px;
-        margin: 0;
-        &::before{
-            @extend .icons;
-            content: '';
-            width: 13px !important;
-            height: 13px !important;
-            position: absolute;
-            top: 17px;
-            right: 14px;
-            margin: 0 !important;
-            background-position: -216px -140px;
-        }
-        &.active::before{
-            transform: rotate(-180deg);
-            top: 19px;
-        }
-    }
-    .footer-bct {
-        display: block;
-        margin: 15px 0 0 0;
-        padding: 0;
-        &::before{
-            content: none;
-        }
-        img{
-            width: auto;
-            height: auto;
-            max-height: 54px;
-        }
-    }
-    .info-list {
-        padding: 10px 10px 10px 20px;
+    .header-logo{
         display: none;
     }
-    .address-list{
-        display: block;
-        background: #F3F3F3;
-        padding: 0;
-        a{
-            display: flex;
-            padding: 0;
-            line-height: 24px;
-            margin: 0 0 10px 0;
-            @extend .clearfix;
-            &::before{
-                content: none;
-            }
-            &:last-child{
-                margin: 0;
-            }
-        }        
-        span{
-            float: left;
-            width: calc(100% - 30px);
-        }
-    }    
-}
-.footer-store-box {
-    background: #fff;
-    padding: 0 0 25px 0;
-    .container {
-        @extend .d-block;
+    .icon-cart{
+        order: 1;
     }
-    a{
-        display: flex;
-        line-height: 24px;
-        margin: 0 0 5px 0;
-        color: #000;
-        @extend .clearfix;
-        &::before{
-            content: none;
-        }
-        &:hover{
-            @extend .color-main;
-        }
-        &:last-child{
-            margin: 0;
-        }
-        span{
-            float: left;
-            width: calc(100% - 30px);
-            font-size: 13px;
-        }
-    }     
-    .item{
-        margin: 0 0 40px 0;
-        &:last-child{
-            margin: 0;
-        }
-        &:nth-child(4n){
-            margin-right: 0;
-        }
-        &:nth-child(2){
-           .number{
-                background: #FF000D;
-                &::before{
-                    border-bottom-color: #FF000D;
-                }
-           } 
-        }
-        &:nth-child(3){
-            .number{
-                background: #D8262F;
-                &::before{
-                    border-bottom-color: #D8262F;
-                }
-            }
-        }
-        &:nth-child(4){
-            .number{
-                background: #9F0008;
-                &::before{
-                    border-bottom-color: #9F0008;
-                }
-            }
-        }
-    }
-    .group-title{
-        display: flex;
-        align-items: center;
-        line-height: 27px;
-        font-weight: 700;
-        font-size: 12px;
-        margin: 0 0 10px 0;
-    }
-    .number{
-        background: #FF794F;
-        color: #fff;
-        font-size: 18px;
-        margin-right: 13px;
-        position: relative;
-        padding: 0 6px;
-        &::before{
-            content: '';
-            border-bottom: 28px solid #FF794F;
-            border-right: 10px solid transparent;
-            position: absolute;
-            right: -9px;
-            top: -1px;
-        }
+    .header-search-group {
+        width: calc(100% - 98px);
+        margin: 0;
     }
 }
-.footer-end-group{
-    @extend .d-block;
-    padding: 10px;    
-    background: #F3F3F3;
-    text-align: center;
-    font-size: 15px;
-    line-height: 26px;  
-    p{
-        margin: 0 0 6px 0;
-    }
-    .icon-payment{
-        width: 100%;
-        max-width: 335px;
-        height: 28px;
-        display: block;
-        background-size: contain;
-        background-position: center;
-        float: none;
-        margin: 10px auto 0 auto;
-    }
-}
-.global-deal-countdown{
-    display: flex;
-    align-items: center;
-    font-size: 16px;
-    b{
-        margin: 0 9px;
-        position: relative;
-        color: #fff;
-        background: #000;
-        border-radius: 5px;
-        line-height: 36px;
-        min-width: 36px;
-        text-align: center;
-        font-weight: 700;
-        font-size: 16px;
-        &:last-child::after{
-            content: none;
-        }
-        &::after{
-            content: ':';
-            position: absolute;
-            right: -8px;
-        }
-    }
-}
-.global-btn-view {
-    color: #D8262F !important;
+.global-page-content{
     position: relative;
-    margin-top: 12px;
-    font-weight: 500;
-    font-size: 13px;
-    line-height: 30px;
-    display: flex !important;
-    align-items: center;
-    justify-content: center;
-    &::after{
-        @extend .icons;
-        content: '';
-        background-position: -172px -72px;
-        display: inline-block;
-        height: 23px;
-        width: 10px;
-        background-size: 220px;
-        margin-left: 4px;
-    }
+    z-index: 9;
 }
-.homepage{
-    img{
-        width: auto;
-        height: auto;
-    }
-    .product-holder{
-        display: flex;
-        flex-wrap: wrap;
-        position: relative;
-        min-height: 200px;
-    }
-    .banner-under-deal{
-        margin: 11px auto 30px auto;
-        width: calc(100% - 20px);
-        img{
-            display: block;
-            border-radius: 10px;
-        }
-    }
-}
-.home-category-group{
-    overflow: hidden;
-    background: #fff;
-    position: relative;
-    z-index: 2;
-    img{
+.global-fixed-right{
+    position: fixed;
+    z-index: 9;
+    right: 10px;  
+    bottom: 80px;
+    animation-duration:1s;    
+    animation-duration:1s;    
+    animation-fill-mode:both;    
+    transform:translateX(2000px) scale(.7);
+    .mb-icons, .icons{
         display: block;
-        margin: auto 0 auto auto;
-    }
-    a{
-        color: #000;
-        display: table;
-        font-size: 13px;
-        line-height: 24px;
-    }
-    .item{
-        border-bottom: 1px solid #EBEBEB;
-        display: flex;
-        flex-wrap: wrap;
-        padding: 20px 18px;
-    }
-    .box-left, .box-img{
-        width: 50%;
-    }
-    .box-img {
-        text-align: right;
-    }
-    .cat-1 {
-        font-weight: 700;
-        font-size: 16px;
-        line-height: 19px;
-        margin-bottom: 12px;
-    }
-    .global-btn-view{
-        justify-content: unset;
-    }
-}
-.home-deal-group{
-    margin: 12px 0;
-    background: #D8262F;
-    border-radius: 20px;
-    padding: 20px 10px 10px 10px;
-    .p-item{
-        margin: 10px 10px 0 0;
-        width: calc(100% / 2 - 25px);
-        box-shadow: unset;
-        &:nth-child(2n){
-            margin-right: 0;
-        }
-    }
-    .global-btn-view{
-        color: #fff !important;
-        &::after{
-            filter: brightness(100);
-        }
-    }
-    .group-title{
-        color: #fff;
-        margin-bottom: 10px;
-        line-height: 30px;
-        justify-content: center;
-        .title{
-            font-weight: 700;
-            font-size: 24px;            
-            text-transform: uppercase;
-            margin: 0 0 15px 0;
-            color: #FED700;
-        }
-        p{
-            font-weight: 700;
-            font-size: 16px; 
-            margin: 0 10px 0 0;
-        }
-    }
-    .icon-bolt{
         width: 40px;
         height: 40px;
-        margin: 0 7px 15px 0;
-        background-size: 375px;
-        background-position: -183px -180px;
-        animation: tada 1.8s infinite ease-in-out;
-    }
-}
-.home-box-group{
-    margin: 30px 0 40px 0;
-    padding: 0 10px;
-    .box-title{
-        text-transform: uppercase;
-        font-weight: 700;
-        font-size: 24px;
-        line-height: 29px;
-        margin: 0 0 20px 0;
-        text-align: center;
-    }
-    .box-holder-left{
-        .p-img{
-            margin-bottom: 14px;
-        }
-        .p-item {
-            padding: 16px;
-            margin-bottom: 10px;
-        }
-        .p-name {
-            font-size: 15px;
-            line-height: 24px;
-            margin: 0 0 12px 0;
-        }
-        .p-price {
-            font-size: 24px;
-            line-height: 24px;
-            margin: 12px 0 9px 0;
-        }
-        .p-price-group{
-            *{
-                font-size: 15px;
-            }
-        }
-    }
-    .box-holder-right{
-        .p-item{
-            @extend .clearfix;
-            margin-bottom: 10px;
-            text-align: left;
-            font-size: 13px;
-            line-height: 18px;            
-        }
-        .p-img{
-            float: left;
-            width: 31%;
-            padding: 0;
-            margin: 0 10px 0 0 ;
-            img{
-                position: unset;
-            }
-        }   
-        .p-text {
-            width: calc(100% - 31% - 10px);
-            float: left;
-        }         
-        .p-name{
-            margin: 0 0 10px 0;
-        }
-        .p-price {
-            font-size: 16px;
-            line-height: 24px;                
-        }
-    }
-}
-.home-customer-comment-group{
-    margin: 40px 0 20px 0;
-    padding: 0 10px;
-    .box-title-group{        
-        line-height: 32px;
-        margin-bottom: 20px;
-        text-align: center;
-        .title{
-            margin: 0;
-            text-transform: uppercase;
-            font-size: 24px;
-            font-weight: 700;
-        }
-        a{
-            margin: 0;
-        }
-    }
-    img{
-        @extend .fit-img;
-        border-radius: 15px;
-    }
-    .image {
-        margin: 0 0 16px 0;
-        position: relative;
-        padding-bottom: 57.5%;
-    }
-    .item-name{
-        display: flex;
-        align-items: center;
-        margin: 16px 0 11px 0;
-        font-size: 15px;
-        line-height: 28px;
-        color: #8D8D8D;
-        i{
-            width: 28px;
-            height: 28px;
-            border-radius: 50%;
-            margin: 0 8px 0 0;
-            background-repeat: no-repeat;
-            background-size: contain;
-        }
-        b{
-            font-weight: 700;
-        }
-    }
-    .summary{
-        @extend .line-clamp-3;
-        margin: 17px 0 0 0;
-        font-weight: 300;
-        font-size: 15px;
-        line-height: 20px;
-    }
-}
-.product-page{
-    padding: 13px 10px;
-    .product-holder{
-        display: flex;
-        flex-wrap: wrap;        
-    }
-    .p-item{
-        margin: 0 10px 10px 0;
-        width: calc(100% / 2 - 25px);
-        &:nth-child(2n){
-            margin-right: 0;
-        }
-    }
-    .box-content-holder{
-        background: #F5F5F5;
-        border-radius: 8px;        
-        margin-bottom: 10px;
-        padding: 10px;
-    }
-    .box-display {
-        display: flex;
-        flex-wrap: wrap;
-        align-items: center;
-        a{
-            width: 25px;
-            height: 24px;
-            margin: 0 13px 6px 0;
-        }
-        p{
-            margin: 0 20px 6px 0 ;
-            font-size: 13px;
-            line-height: 24px;
-        }
-    }
-    .btn-filter{
-        background: #000000;
-        border-radius: 8px;
-        display: flex;        
-        align-items: center;
-        line-height: 46px;
-        height: auto !important;
-        width: auto !important;
-        color: #fff;
-        padding: 0 7px; 
-        margin: 0 0 6px 0 !important;  
-        font-size: 13px;     
-    }
-    .icon-grid {
-        background-position: -8px -144px;
-        &:hover, &.current{
-            background-position: -8px -180px;
-        }
-    }
-    .icon-list {
-        background-position: -54px -144px;
-        &:hover, &.current{
-            background-position: -53px -180px;
-        }
-    }
-    .icon-filter{
-        width: 22px;
-        height: 24px;
-        margin-right: 6px;
-        background-position: -99px -144px;
-    }
-    select{
-        background: #FFFFFF;
-        border: 1px solid #B7B7B7;
-        border-radius: 8px;
-        margin: 0;
-        height: 40px;
-        padding: 0 15px 0 5px;
-    }
-    .sort-by-group{
-        display: flex;
-        align-items: center;
-        flex-wrap: wrap;
-        b{
-            font-weight: 700;
-            font-size: 13px;
-            line-height: 24px;
-            margin-right: 13px;
-        }
-    }
-}
-.product-filter-container{
-    position: fixed;
-    transition: .3s all;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    top: 50%;
-    background: #fff;
-    z-index: -1;
-    opacity: 0;
-    visibility: visible;
-    padding: 16px;
-    &.active{
-        top: 0;
-        opacity: 1;
-        visibility: visible;
-        z-index: 999;
-    }
-    .popup-header {
-        font-weight: 700;
-        font-size: 18px;
-        margin-bottom: 10px;
-        line-height: 24px;
-        padding-bottom: 10px;
-        border-bottom: 1px solid #d9d9d9;
-    }
-    .popup-body {
-        height: calc(100% - 104px);
-        overflow: auto;
-        a{
-            color: #000;
-            display: table;
-            line-height: 20px;
-            font-size: 13px;
-            padding-left: 30px;
-            position: relative;
-            margin-bottom: 9px;
-            &:last-child{
-                margin: 0;
-            }
-            &::before{
-                content: '';
-                width: 15px;
-                height: 15px;
-                border: 1px solid #B7B7B7;
-                border-radius: 3px;
-                position: absolute;
-                top: 3px;
-                left: 0;
-                background: #fff;
-                transition: .1s all;
-            }
-            &.current ,&:hover{
-                @extend .color-main;   
-                font-weight: 600;         
-                &::after{
-                    content: "";
-                    display: block;
-                    box-sizing: border-box;
-                    position: absolute;
-                    left: 3px;
-                    top: 1.5px;
-                    width: 5px;
-                    height: 9px;
-                    border-width: 0 2px 2px 0;
-                    border-style: solid;
-                    border-color: #fff;
-                    transform-origin: bottom left;
-                    transform: rotate(45deg)
-                }
-                &::before{
-                    @extend .bg-main;
-                    border-color: transparent;
-                }
-            }
-        }
-    }
-    .popup-footer {
-        padding-top: 10px;
-        margin-top: 10px;
-        border-top: 1px solid #d9d9d9;
-        display: flex;
-        align-items: center;
-        justify-content: flex-end;
-        a{
-            color: #000;
-            line-height: 36px;
-            border: 1px solid #d9d9d9;
-            border-radius: 6px;
-            padding: 0 15px;
-            margin-left: 12px;
-            &:first-child{
-                @extend .bg-main;
-                color: #fff;
-                border-color: transparent;
-            }
-        }
-    }
-    .filter-list{
-        display: none;
-        margin-top: 16px;
-    }
-    .filter-item{
-        padding: 13px 0;
-        border-bottom: 1px solid #D9D9D9;
-        &:first-child{
-            padding-top: 0;
-        }
+        margin: 0 0 4px 0;
         &:last-child{
-            border: 0;
+            margin-bottom: 0;
         }
-    } 
-    .filter-title{
-        font-weight: 600;
-        line-height: 20px;
-        margin: 0;    
-        position: relative;    
-        &::after{
-            content: '';
-            background: url(../images/icon-left.png) no-repeat center;
-            background-size: 5px;
-            width: 20px;
-            height: 20px;
-            position: absolute;
-            top: 0px;
-            right: 0;
-            transform: rotate(-90deg);
+    }
+    .icon-phone {
+        background-position: -9px -162px;
+    }
+    .icon-zalo {
+        background-position: -72px -162px;
+    }
+    .icon-messenger {
+        background-position: -134px -162px;
+    }
+    .icon-goTop{
+        border-radius: 50%;
+        background-position: -281.6px -200px;
+        background-color: rgba(0,0,0,0.4);
+        display: none;
+    }
+}
+.global-fixed-bottom{
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    background: #fff;
+    padding: 10px ;
+    position: fixed;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    z-index: 99;
+    box-shadow: 26px 3px 14px rgba(0, 0, 0, 0.25);
+    font-size: 12px;
+    line-height: 22px;
+    a{
+        color: #000;
+        font-weight: 500;
+    }    
+    .mb-icons{
+        display: block;
+        width: 20px;
+        height: 20px;
+        margin: auto;
+    }
+    .icon-home {
+        background-position: -51px -53px;
+    }
+    .icon-menu {
+        background-position: -88px -53px;
+    }
+    .icon-support {
+        background-position: -124px -53px;
+    }
+    .icon-buildpc {
+        background-position: -160px -53px;
+    }
+    .icon-cart {
+        background-position: -198px -53px;
+    }
+    .current{
+        color: #007FD5;
+        .icon-home {
+            background-position: -51px -89px;
         }
-        &.active::after{
-            transform: rotate(90deg);
+        .icon-menu {
+            background-position: -88px -89px;
+        }
+        .icon-support {
+            background-position: -124px -89px;
+        }
+        .icon-buildpc {
+            background-position: -160px -89px;
+        }
+        .icon-cart {
+            background-position: -198px -89px;
         }
     }
 }
-.product-deal-page{
-    margin: 16px 0;
-    padding: 10px;
-    background: #D8262F;
-    border-radius: 26px;
-    .product-holder{
+.global-menu-container {
+    position: fixed;
+    top: 0;
+    left: -100%;
+    bottom: 0;
+    background: #fff;
+    z-index: 100;
+    width: 81%;
+    box-shadow: 0px 0 9px 2px rgba(0,0,0,.3);
+    transition: .4s all;
+    padding: 16px 0;
+    overflow: hidden;
+    &.show-menu {
+        left: 0;
+    }
+    a {
+        color: #000;
+        line-height: 20px;
+        padding: 10px 0;        
+    }
+    .global-menu-content {
+        display: block;
+        overflow: auto;
+        height: 100%;
+    }
+    .global-menu-header {
         display: flex;
-        flex-wrap: wrap;
+        align-items: center;
+        justify-content: space-between;
+        position: relative;
     }
-    .p-item{
-        margin: 0 10px 10px 0;
-        box-shadow: unset;
-        width: calc(100% / 2 - 25px);
-        &:nth-child(2n){
-            margin-right: 0;
-        }
-    }
-    .paging{
-        margin: 0;
-        background: transparent;
-        a{
-            color: #fff;
-        }
-        .prev, .next {
+    .header-user {
+        position: relative;
+        padding-left: 65px;
+        font-size: 15px;
+        line-height: 40px;
+        margin-bottom: 15px;
+        &::before {
+            content: '';
+            background: url(../images/sprite.png) no-repeat;
+            background-position: -234px -18px;
+            width: 40px;
+            height: 40px;
+            position: absolute;
+            top: 0;
+            left: 12px;
             filter: invert(1);
         }
     }
-    .group-title{
-        color: #fff;
-        margin-bottom: 20px;
-        line-height: 30px;
-        justify-content: center;
-        .title{
-            font-weight: 700;
-            font-size: 24px;            
-            text-transform: uppercase;
-            margin:  0;
-            color: #FED700;
-        }
-        p{
-            font-weight: 700;
-            font-size: 16px; 
-            margin: 0 10px 0 0;
-        }
-    }
-    .icon-bolt{
-        width: 40px;
-        height: 40px;
-        margin: 0 7px 15px 0;
-        background-size: 375px;
-        background-position: -183px -180px;
-        animation: tada 1.8s infinite ease-in-out;
-    }
-}
-.product-detail-page {
-    padding: 10px;
-    .page-title{
-        font-weight: 700;
-        font-size: 20px;
-        line-height: 26px;   
-        margin: 22px 0 8px 0;     
-    }
-    .deal-time-holder, .pd-deal-group {
-        margin-top: 10px;
-    }
-    .pd-deal-holder {
-        margin: 20px 0;
-        background: #D8262F;
-        color: #Fff;
-        border-radius: 12px;
-        padding: 20px 16px;
-        text-align: center;
-        font-size: 16px;
-        p{
-            margin: 0;
-        }
-        b{
-            font-weight: 600;
-        }        
-        .title{
-            font-weight: 700;
-            font-size: 22px;
-            line-height: 32px;        
-            text-transform: uppercase;
-            color: #FED700;    
-        }
-        .icon-bolt{
-            width: 32px;
-            height: 32px;
-            background-position: -152px -144px;
-            animation: tada 1.8s infinite ease-in-out;
-        }
-    }
-    .pd-deal-group {
-        position: relative;
-        background: #FFD0D4;
-        border-radius: 12px;
-        color: #D8262F;
-        font-size: 12px;
-        font-weight: 600;
-        text-align: center;
-        width: 100%;        
-        max-width: 282px;
-        line-height: 19px;
-        height: 19px;
-        margin: 14px auto 0 auto;
-        &::before {
-            content: '';
-            background: url(../images/pd-icon-deal.png) no-repeat;
-            background-size: contain;
-            width: 19px;
-            height: 27px;
-            position: absolute;
-            left: 0;
-            bottom: -.5px;
-            z-index: 2;
-        }
-    }    
-    .pd-line {
-        background: #FED700;
-        border-radius: inherit;
-        max-width: 100%;
-        position: absolute;
-        inset: 0;
-    }
-    .pd-sale-quantity{
-        position: relative;
-        z-index: 1;
-    }
-    .pd-price-group{        
-        font-size: 14px;
-        line-height: 24px;
-        color: #D8262F;
-        margin: 20px 0 14px 0;
-    }
-    .pd-price{
-        font-weight: 700;
-        font-size: 28px;
-        line-height: 24px;
-        color: #D8262F;
-        margin: 0 0 10px 0;
-    }
-    .pd-old-price{
-        font-weight: 500;
-        margin-right: 4px;
-        color: #B7B7B7;
-    }
-    .pd-offer-group {
-        margin: 15px 0;
-        border: 2px dashed #D8262F;
-        border-radius: 15px;
-        font-size: 13px;
-        line-height: 20px;
-        padding: 15px 10px;
+    .global-menu-list {
         .title {
-            color: #D8262F;
-            font-weight: 700;
-            font-size: 16px;
-            line-height: 24px;
-            margin-bottom: 5px;
-        }
-        .item{
-            padding-left: 16px;
+            font-weight: 600;
+            font-size: 15px;
+            margin-bottom: 15px;
             position: relative;
+            display: flex;
+            align-items: center;
+            padding: 0 12px;
             &::before {
                 content: '';
-                width: 4px;
-                height: 4px;
-                border-radius: 50%;
-                background: #000;
-                position: absolute;
-                top: 9px;
-                left: 3px;            
+                background: url(../images/mb-sprite.png) no-repeat;
+                background-size: 250px;
+                width: 20px;
+                height: 18px;
+                background-position: -99px -7px;
+                filter: invert(1);
+                margin-right: 8px;
             }
         }
     }
-    .pd-quantity-group {
-        margin: 15px 0;
+    .cat-item {
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        justify-content: space-between;
+        border-bottom: 1px solid #f3f3f3;
+        padding: 0 0 0 12px;
+        &:first-child {
+            border-top: 1px solid #f3f3f3;
+        }
+    }
+    .sub-menu {
+        width: calc(100% - 25px);
+        border-top: 1px solid #f3f3f3;
+        background: #f3f3f3;
+        padding: 0 18px;
+        display: none;
+        margin-left: -12px;
+        a {
+            display: block;
+        }
+    }
+    .cat-1 {
+        width: calc(100% - 46px);
         display: flex;
         align-items: center;
-        p {
-            font-weight: 700;
-            font-size: 13px;
-            line-height: 24px;
-            margin: 0 15px 0 0;
+        color: #000;
+        font-weight: 500;        
+    }
+    .cat-thum {
+        width: 30px;
+        height: 25px;
+        margin-right: 10px;
+        background-position: center;
+        background-repeat: no-repeat;
+        background-size: contain;
+    }
+    .cat-title{
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        width: calc(100%  - 40px);
+    }
+    .menu-static-list{
+        padding: 0 12px;
+    }
+    .icons {
+        background-size: 315px 400px;
+    }
+    .icon-arrow {
+        border-left: 1px solid #f3f3f3;
+        display: block;
+        width: 45px;
+        text-align: center;
+        font-size: 20px;
+        line-height: 45px;
+        height: 45px;
+        background-position: -56px -181px;
+        background-size: 400px;
+        &.active {
+            transform: rotate(-180deg);
+            background-position: -56px -184px;
+            border-left: 0;
+            border-right: 1px solid #f3f3f3;
+        }
+    }
+    .icon-close {
+        position: relative;
+        width: 40px;
+        height: 40px;
+        line-height: 40px;
+        position: absolute;
+        top: 0;
+        right: 0;
+        text-align: center;
+        &::before {
+            content: '\00D7';
+            font-size: 36px;
+        }
+    }
+    .icon-phone {        
+        background-position: -131px -123px;
+        background-size: 250px 250px;
+    }   
+    .icon-buildpc {
+        background-position: -43px -41px;
+        background-size: 215px 300px;
+    }    
+    .icon-deal {
+        background-position: 2px -35px;
+        background-size: 175px 260px;
+    } 
+    .icon-news{
+        background-size: 250px;
+        background-position: -174px -121px;
+    }
+}
+.global-deal-countdown{    
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    p{
+        position: relative;
+        margin: 0;        
+        font-weight: 600;
+        font-size: 10px;
+        line-height: 12px;
+        color: #fff;
+        margin: 0 8px;
+        &::after{
+            content: ':';
+            font-weight: 800;
+            font-size: 16px;
+            line-height: 32px;
+            position: absolute;
+            top: 0;
+            right: -11px;
+        }
+        &:last-child::after{
+            content: none;
+        }
+        *{
+            display: block;
+        }
+    }
+    b{
+        width: 26px;
+        height: 32px;        
+        line-height: 32px;
+        margin: 0 0 4px 0;
+        background: #FFFFFF;
+        border-radius: 5px;
+        text-align: center;
+        color: #001253;
+        font-weight: 800;
+        font-size: 16px;
+    }
+}
+.homepage{
+    .home-banner-container{
+        padding: 0 10px 10px 10px;
+        position: relative;              
+    }
+    .home-banner-slider{
+        min-height: 120px;
+        margin-bottom: 15px;
+        img{
+            border-radius: 10px;
         }
     }    
-    .pd-quantity-holder {
-        display: flex;
-        align-items: center;
-        border-radius: 6px;
-        box-shadow: 0px 0px 0px 1px #B7B7B7;
-        text-align: center;
-        width: 100px;
-        a{
-            color: #000;
-            line-height: 40px;   
-            width: 30px;         
-        }
-        input{
-            text-align: center;
-            font-weight: 700;
-            border: 0;
-            padding: 0;
-            margin: 0;
-            height: 40px;
-            width: 40px;
-        }
-    } 
-    .pd-btn-group {
-        margin: 20px 0 10px 0;        
-        text-align: center;
-        text-transform: uppercase;
-        font-weight: 700;
-        font-size: 20px;
-        a{
-            @extend .bg-main;
-            line-height: 52px;
-            color: #FFFFFF;
-            margin: 10px 0;
-            display: block;
-            border-radius: 12px;
-            box-shadow: unset;
-            &:first-child{
-                width: 100%;
-            }
-            &:nth-child(2){
-                color: #00833E;
-                background: #fff;
-                box-shadow: 0px 0px 0px 1px #00833E;
-            }
-            &:nth-child(3){
-                background: #00833E;
-                color: #fff;
-            }
-        }
-    }
-    .pd-static-text{        
-        font-size: 13px;
-        line-height: 22px;
+    .product-holder {
         position: relative;
-        display: flex;
-        justify-content: center;
-        text-align: center;
-        padding: 0 39px;
-        margin-bottom: 20px;
-        p{
-            margin: 0;
-        }
-        &::before{
-            @extend .icons;
-            content: '';
-            width: 26px;
-            height: 26px;
-            background-position: -7px -4px;
-        }
-        a{
-            @extend .color-main;
-            font-weight: 700;
-        }
-    }
-    .pd-tab-title-group {
+        min-height: 300px;
         display: flex;
         overflow: auto;
-        white-space: nowrap;
-        margin-bottom: 23px;
-        position: relative;
-        padding-bottom: .1px;
-        &::after{
-            content: '';
-            border-bottom: 1px solid #D9D9D9;
-            position: absolute;
-            left: 0;
-            right: 0;
-            bottom: 0px;
-            z-index: -1;
+    }
+    .p-item{
+        margin: 0 10px 0 0;
+        padding: 6px;
+        min-width: 160px;
+        overflow: unset;
+        .p-brand {
+            max-width: 40px;
         }
-        a{
-            color: #8D8D8D;
-            font-weight: 700;
-            font-size: 13px;
-            line-height: 24px;
-            margin: 0 26px 0 0;
-            padding-bottom: 6px;
+        .p-name{
+            font-size: 11px;
+            line-height: 13px;
+            min-height: 26px;
+        }
+        .p-price-group {
+            font-size: 9px;
+            line-height: 10px;
+            min-height: 28px;
+            letter-spacing: -0.5px;
+        }
+        .p-price{
+            font-size: 12px;
+            line-height: 10px;
+            margin-bottom: 8px;
+        }
+        .p-btn-group{
+            font-size: 10px;
+        }
+        .p-btn-compare {
+            padding-left: 18px;
+        }
+    }
+    .banner-under-deal {
+        margin: 14px 0;
+        img{
+            border-radius: 10px;
+        }
+    }
+}
+.home-btn-group{
+    display: flex;
+    justify-content: space-around;
+    font-weight: 500;
+    font-size: 12px;
+    line-height: 14px;
+    text-align: center;
+    a{
+        color: #000;
+    }  
+    span{
+        display: block;
+        max-width: 74px;
+        margin: auto;
+    }
+    .mb-icons{
+        background-color: #007FD5;
+        display: block;
+        margin: auto auto 4px auto;
+        width: 46px;
+        height: 46px;
+        border-radius: 50%;
+    }    
+    .icon-menu {
+        background-position: -84px 7px;
+    }
+    .icon-deal {
+        background-position: -119px 1.5px;
+    }
+    .icon-buildpc {
+        background-position: -158px 5.5px;
+    }
+    .icon-news {
+        background-position: -193px 7px;
+    }  
+}
+.home-deal-group{
+    border-radius: 12px;
+    overflow: hidden;
+    background-position: center;
+    margin: 0 0 13px 0; 
+    padding: 13px 10px;
+    .group-title{
+        text-align: center;
+        margin-bottom: 13px;
+        color: #fff;
+    }
+    .title{
+        font-weight: 800;
+        font-size: 28px;
+        line-height: 33px;
+        margin: 0 0 9px 0;
+        span{
             position: relative;
-            border-bottom: 1px solid transparent;
-            &::after{
+            background: transparent;
+            &::before, &::after{
                 content: '';
-                height: 1px;
+                background-color: #fff;
+                max-width: 60px;
                 width: 100%;
-                left: 0;
-                right: 0;
-                transition: .3s all;
+                height: 1px;
                 position: absolute;
-                bottom: -1px;                
+                bottom: 7px;
+                left: -62px;
             }
-            &.active{
-                @extend .color-main;
-                border-bottom: 1px solid #D8262F;
-                &::after{
-                    @extend .bg-main;
-                }
+            &::after{
+                left: unset;
+                right: -62px;
             }
         }
         
     }
-    .pd-tab-content{
-        display: none;
-        padding-bottom: 30px;
-        &.active{
-            display: block;
-        }
-        *{
-            font-family: inherit;
-        }
-    }
-    .pd-desc-btn {
+    .btn-view{
+        display: block;
         text-align: center;
-        a{
-            display: none;
-            color: #000;
-            border: 1px solid #d9d9d9;
-            max-width: 200px;
-            margin: auto;
-            text-align: center;
-            line-height: 36px;
-            border-radius: 6px;
-            font-weight: 500;
-        }
-    }
-    .pd-spec-holder{
-        table {
-            max-width: 800px;
-            margin: auto;
-        }
-        tr:nth-child(odd) {
-            background: #f5f5f5;
-        }
-        td {
-            padding: 10px 12px;
-            * {
-                margin: 0;
-            }
-        }
-    }
-}
-.pd-image-large{
-    margin-bottom: 11px;
-    .item{
-        display: block;
-        position: relative;
-        padding-bottom: 100%;
-    }       
-    img{
-        @extend .fit-img;
-    }
-}
-.pd-image-gallery{
-    margin-bottom: 22px;
-    .current{
-        .item{
-            border-color: #D8262F;
-        }
-    }
-    .item{
-        position: relative;
-        display: block;
-        padding-bottom: 100%;
-        border-radius: 8px;
-        overflow: hidden;
-        border: 1px solid #d9d9d9;
-    }
-    img{
-        @extend .fit-img;
-    }
-}
-.pd-variant-option-group {
-    tr {
-        display: block;
-        margin: 5px 0;
-    }
-    td {
-        display: inline-flex;
-        align-items: center;
-    }    
-    a{
-        color: #000;
-        display: block;
-        box-shadow: 0px 0px 0px 1px #DEDEDE;
+        line-height: 30px;
+        margin: 13px auto 0 auto;        
+        font-size: 14px;
+        color: #FF1313;
+        border-radius: 40px;
         background: #fff;
-        padding: 0 15px;
-        margin: 0 10px 10px 0;
-        border-radius: 3px;
-        line-height: 30px;
+        max-width: 106px;
     }
-    .selected{
-        @extend .bg-main;
-        color: #fff;
-        box-shadow: unset;
+    .product-holder{        
+        background: #FFFFFF;
+        border-radius: 10px;
+        padding: 10px;
     }
-    .variant-option-label {
-        font-size: 13px;
-        font-weight: bold;
-        line-height: 30px;
-        min-width: 70px;
-        margin-top: -6px;
-    }
-    .variant-option-value-box {
-        display: inline-block;
-    }
-    .variant-color {
-        a {
-            width: 30px;
-            height: 30px;
-            display: block;
-            font-size: 0;
-            border-radius: 50%;
-            margin: 0 11px 11px 0;
-            box-shadow: 0px 0px 0px 1px #DEDEDE;
-            position: relative;
-            padding: 0;
-            line-height: 0;
-        }        
-        .selected::before {
-            content: '';
-            width: 36px;
-            height: 36px;
-            border-radius: 50%;
-            box-shadow: 0px 0px 0px 1.5px #D8262F;
-            position: absolute;
-            top: -3px;
-            left: -3px;
-        }
-    }
-}
-.pd-related-container{
-    margin: 20px 0;
-    padding-top: 20px;
-    border-top: 1px solid #D9D9D9;
-    .title{
-        text-align: center;
-        font-weight: 700;
-        font-size: 24px;
-        line-height: 30px;
-        text-transform: uppercase;
-        margin: 0 0 18px 0;
-    }
-    .p-item {
-        box-shadow: unset;
-        border: 1px solid #d9d9d9;
-    }
-}
-.cart-page {
-    padding: 16px 10px 0 10px;
-    .cart-box-group{
-        border-top: 4px solid #D8262F;
-        margin-bottom: 16px;        
-        font-size: 13px;
-        line-height: 20px;
-        text-transform: uppercase;
-        p{
-            margin: 0;
-            padding: 11px 10px;
-            background: #F5F5F5;
-        }
-        a {
-            color: #D8262F;
-            text-decoration-line: underline;
-            font-weight: 700;
-            display: inline-block;
-        }
-    }
-    .cart-box-hidden{
-        display: none;
-        *{
-            display: block;
-            border-radius: 3px;
-            height: 40px;
-            line-height: 40px;
-            margin: 13px 0 0 0;
-        }
-        input{                        
-            background: #FFFFFF;
-            border: 1px solid #D9D9D9;            
-            padding: 0 14px;
-            color: #8D8D8D;          
-            width: calc(100% - 29px);  
-        }
-        a{
-            display: block;
-            max-width: 165px;
-            background: #D8262F;
-            color: #fff;
-            text-decoration: none;
-            text-align: center;
-        }
-    }
-    .cart-price-group{
-        display: flex;
-        align-items: center;
-        justify-content: space-between;        
-        line-height: 20px;
-        margin: 14px 0;
-        font-size: 13px;
-        p{
-            margin: 0;
-        }
-        b{
-            font-weight: 700;
-        }
-    }
-    .cart-total-price{
-        font-weight: 700;
-    }
-    .cart-btn-group{        
-        text-align: center;
-        a{
-            @extend .color-main;
-            font-weight: 500;
-            font-size: 13px;
-            line-height: 16px;
-        }
-    }
-    .btn-submit{
-        display: block;
-        margin: 15px 0;
-        width: 100%;
-        font-weight: 700;
-        font-size: 16px;
-        background: #D8262F;
-        border-radius: 3px;
-        color: #fff;
+    .p-item{
+        margin: 0 10px 0 0;
         border: 0;
-        padding: 0;
-        height: 40px;
+        box-shadow: 0px 0.551587px 4.4127px rgba(0, 0, 0, 0.25);
+        min-width: 146px;        
     }
 }
-.cart-info-group{
-    margin: 16px 0;
-    &:last-child{
-        margin-bottom: 0;
+.home-collection-container{
+    margin: 14px 0;
+    padding: 20px 010px;
+    border-radius: 12px;
+    overflow: hidden;
+    background-position: center;
+    .container {
+        padding: 0;
     }
-    .box-item, .payment-item{
-        margin-bottom: 35px;
-    }
-    .title{
-        font-weight: 600;
-        font-size: 20px;
-        line-height: 24px;
-        margin-bottom: 10px;
-    }
-    .box-item{
-        input, select{
-            width: calc(100% - 29px);
-            height: 40px;
-            line-height: 40px;
-            background: #FFFFFF;
-            border: 1px solid #D9D9D9;
-            border-radius: 8px;
-            display: block;
-        }
-        input{            
-            padding: 0 14px;
-            color: #8D8D8D;
-            margin: 0 0 10px 0;
-        }
-        select{
-            margin: 0 0 10px 0;
-            width: 100%;
-            display: block;
-            padding: 0 10px;
-            &:last-child{
-                margin: 0;
-            }
-        }
-    }
-    .cart-summary-group {
-        background: #F5F5F5;
-        padding: 16px;
-    }
-    .item-row {
+    .collection-tab-group{
         display: flex;
-        flex-wrap: wrap;
-        align-items: flex-start;
-        border-bottom: 1px solid #D9D9D9;
-        padding: 16px 0;
-        font-size: 13px;
-        line-height: 20px;
-        &:first-child{
-            padding-top: 0;
-        }
-    }
-    .p-img {
-        width: 92px;
-        margin-right: 26px;
-        text-align: center;
-        img{
-            display: block;
-            margin: auto;
-        }
+        overflow: auto;
+        margin-bottom: 17px;
         a{
-            font-weight: 300;
-            font-size: 16px;
-            line-height: 19px;
-            color: #8D8D8D;
-            display: inline-block;
-            margin-top: 15px;
-        }
-    }
-    .p-text {
-        width: calc(100% - 118px);
-    }
-    .p-name {
-        display: block;
-        line-height: 20px;
-        color: #000;
-        margin: 0 0 10px 0;
-    }
-    .p-price {
-        font-weight: 600;
-        font-size: 15px;
-        line-height: 18px;
-        color: #D8262F;
-        margin: 10px 0;
-    }
-    .p-variant-item {
-        line-height: 24px;
-        margin: 10px 0;
-        display: flex;
-        align-items: center;
-        span{
-            width: 26px;
-            height: 26px;
-            border-radius: 50%;
-            border: 1px solid #DEDEDE;
-            margin: 0 15px;
-            position: relative;
-            &::before{
-                content: '';
-                width: 32px;
-                height: 32px;
-                border-radius: 50%;
-                position: absolute;
-                border: solid 2px #D8262F;
-                top: 50%;
-                left: 50%;
-                transform: translate(-50%,-50%);
+            margin: 0 8px 0 0;
+            box-shadow: 0px 0.914894px 1.82979px 0.914894px rgba(0, 0, 0, 0.25);
+            border-radius: 7px;
+            background: #fff;
+            display: flex;
+            align-items: center;
+            text-align: center;
+            color: #000000;
+            padding: 5px 10px;
+            min-width: 145px;
+            &:nth-child(1){
+                .image{
+                    background: #FF7E00;
+                }
             }
+            &:nth-child(2){                
+                .image{
+                    background: linear-gradient(180deg, #037FAA 0%, #00B2F0 100%);                
+                }
+            }
+            &:nth-child(3){                
+                .image{
+                    background: linear-gradient(180deg, #FFF500 0%, #FFBF42 100%);                 
+                }
+            }
+            &:nth-child(4){                
+                .image{
+                    background: linear-gradient(359.34deg, #42FF92 -6.9%, #1F834A 107.13%);                
+                }
+            }  
+            &.current{
+                color: #fff;
+                .image{ 
+                    filter: saturate(1.8);
+                }
+                &:nth-child(1){
+                    background: #FF7E00;
+                    .image{
+                        background: #fff;
+                    }
+                }
+                &:nth-child(2){                
+                    background: linear-gradient(180deg, #037FAA 0%, #00B2F0 100%);
+                }
+                &:nth-child(3){                
+                    background: linear-gradient(180deg, #FFF500 0%, #FFBF42 100%);                    
+                }
+                &:nth-child(4){                
+                    background: linear-gradient(359.34deg, #42FF92 -6.9%, #1F834A 107.13%);
+                }     
+            }   
+        }        
+        .image{
+            width: 35px;
+            height: 35px;
+            border-radius: 50%;
+            margin-right: 5px;
+            position: relative;
+            overflow: hidden;
+            background: #FF7E00;            
+        }
+        i{
+            display: block;
+            height: 100%;
+            background-position: center;
+            background-size: calc(100% - 14px);
+            background-repeat: no-repeat;
         }
         b{
-            background-color: #D8262F;
-            color: #fff;
-            padding: 2px 10px;
-            border-radius: 3px;
-            margin: 0 15px;
-            text-align: center;
-            min-width: 37px;
+            font-weight: 500;
+            font-size: 17px;
+            line-height: 22px;
+            text-transform: uppercase;    
         }
-    }
-    .p-quantity-group {
-        margin: 12px 0 0 0;
+        .text{
+            width: calc(100% - 40px);
+            margin: 0;
+            span {
+                display: none;
+            }
+        }
+    }    
+    .btn-view{
         display: flex;
         align-items: center;
-        p{
-            margin: 0 10px 0 0;
-        }
-        input{
-            background: #FFFFFF;
-            border: 1px solid #999999;
-            border-radius: 5px;
-            text-align: center;
-            font-weight: 700;
+        justify-content: center;
+        margin: 14px auto 0 auto;
+        max-width: 90px;
+        line-height: 22px;
+        text-align: center;
+        color: #fff;
+        box-shadow: 0px 0px 0px 1px #fff;
+        font-weight: 500;
+        font-size: 10px;  
+        border-radius: 50px;
+        &::after{
+            content: '\00BB';
             font-size: 16px;
-            height: 33px;
-            width: 55px;
+            margin: -1px 0 0 2px;
         }
     }
+}
+.home-box-group{
+    margin: 15px 0;
 }
\ No newline at end of file