@media screen and (min-width: 769px) {
    #cp2309 .category_area {
        background: #EFEAE9;
      }
      
      #cp2309 .category_area .category {
        display: flex;
        justify-content: center;
        align-items: flex-start;
      }
      
      #cp2309 .category_area .category li .img {
        height: 130px;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px;
        border-radius:130px;
      }
      
      #cp2309 .category_area .category li  {
        display: flex;
        padding: 20px;
        align-items: center;
        justify-content: center;
        /* vertical-align: baseline; */
      }
      
      #cp2309 .category_area .category li .text {
        font-weight: bold;
        margin: 30px 0 0 0;
        text-align:center;
        align-items: baseline ;
      }

}



@media screen and (max-width: 768px) {
    #cp2309 .category_area {
        background: #EFEAE9;
    }

    #cp2309 .category_area .category {
        display: block;
        margin: 25px 0 0;
        display: flex;
        flex-wrap: wrap;
        gap: 20px 5px;
        justify-content: center;
        align-items: flex-start;
    }

    #cp2309 .category_area .category li {
        width: calc((100% - (5px * 2)) / 3);
    }

    #cp2309 .category_area .category li .img {
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px;
        border-radius: 130px;
    }

    #cp2309 .category_area .category li .text {
        font-weight: bold;
        margin: 15px 0 0 0;
        text-align: center;
        align-items: baseline;
    }
    
}
#cp2309 .category_area h3 span:before{
  content: "";
  position: absolute;
  width: 50px;
  height: 2px;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  background: #484343;
}
#cp2309 .category_area h3 {
background: none;
margin: 0;
position: relative;
padding: 0 0 20px 0!important;
}