.category-list{
 display: flex;
 -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content: flex-start; 
 flex-wrap: wrap;
 width:100% ;
}
.category-list li{
  width:18%;
  margin-right:2%;
  margin-bottom:20px;
  font-size:14px;
  text-align: center;
  /*height:140px;*/
  
}
.category-list2 li{
  height:160% !important;
  
}
.category-list3 li{
  height:200px !important;
  
}
.category-list li:nth-child(5){
  margin-right:0% !important;
}
.category-list li a:hover{
  text-decoration: none;
}

.category-list li img{
  width: 100% !important;
กก/* height:90% !important; */
  height:auto !important;
  object-fit: cover !important;
  border:1px solid #7b4b14;
}
.category-list2 li img{
  height:100% !important;
}

.group-list{
 display: flex;
 -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content: flex-start; 
 flex-wrap: wrap;
 width:100% ;
}
.group-list li{
  width:22%;
  margin-right:2%;
  margin-bottom:4%;
  font-size:14px;
  letter-spacing: 0;
  text-align: center;
  
  
  
}
.group-list li a{
  display: block;
  height:100%;
  width:100%;
  border:1px solid #a98536;
  background: #d9bd80;
  padding:8% 0 0;
}
.group-list li a:hover{
  background: #a98536;
  color:#fff;
}
.group-list li:nth-child(4){
  margin-right:0% !important;
}
.group-list li a:hover{
  text-decoration: none;
}





.product-list__fav-items {
  margin-top: 10px;
    width: 10%;
    margin-left: 90%;
}

.product-list__fav-items button {
  display: block;
  width: 100%;
  padding: 5px 0;
  cursor: pointer;
  transition: .2s;
  text-align: center;
  color: #6f5645;
  border: 0;
  outline: none;
  background: transparent;
}

.product-list__fav-items .fav-items {
  color: #ff7373;
}

.product-list__fav-items svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.cg_freespace_01 {
	margin-top: 30px;
	background: #e4dcce;
	padding: 15px;
}

@media (max-width: 768px){
	.category-list li{
	  width:22%;
	  margin-right:3%;
	  margin-bottom:5%;
	  font-size:10px;
	  line-height:160%;
	  letter-spacing: 0;
	  text-align: center;

	}
	 .category-list li:nth-child(5){
	  margin-right:3% !important;
	}
	.category-list li:nth-child(4){
	  margin-right:0% !important;
	}
	.category-list li img{
	  width: 100% !important;
	  height:auto !important;
	}
	.category-list2 li img{
	height:100% !important;
	}
	.category-list3 li{
		height:100px !important;
	  }
	.category-list3 li img{
	height:100% !important;
	}
	  .group-list li{
	  width:47%;
	  margin-right:3%;
	  margin-bottom:6%;
	  font-size:12px;

	}
		.group-list li:nth-child(2){
	  margin-right:0% !important;
	}
	  .group-list li:nth-child(5){
	  margin-right:3% !important;
	}
}