#section_category_menu {
  width: 100%;
  margin: 30px auto;
}

#section_category_menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-between;
}

.mobile #section_category_menu ul {
  flex-wrap: wrap; /* ทำให้รายการสามารถห่อได้เมื่อพื้นที่ไม่พอ */
  justify-content: center; /* จัดกึ่งกลางรายการ */
}

#section_category_menu ul li {
  text-align: center;
  margin-bottom: 20px;
}

.tablet #section_category_menu ul li {
  width: 25vw; /* กำหนดความกว้างของแต่ละรายการเป็น 25% สำหรับแท็บเล็ต */
}

.mobile #section_category_menu ul li {
  width: 50%; /* กำหนดความกว้างของแต่ละรายการเป็น 50% สำหรับมือถือ */
}