.blog-cc-list .date{
  width: 100%;
}

.blog-cc-list .d-flex{
  display: flex;
}

.blog-cc-list .category {
    display: flex;
    font-size: 13px;
    color: #fff;
    line-height: 1;
    margin: 0 2px;
    padding: 2px 10px;
    background-color: #ffad00;
    padding: 0px 10px;
    width: auto !important;
    align-items: center;
    justify-content: center;
    height: 25px;
    padding: 0px 10px !important;
}

.blog-cc-list .w100{
  width: 100%;
}

.search-left-cont .date{
  width: 100%;
}

.search-left-cont .d-flex{
  display: flex;
}

.search-left-cont .category {
    display: flex;
    font-size: 13px;
    color: #fff;
    line-height: 1;
    margin: 0 2px;
    padding: 2px 10px;
    background-color: #ffad00;
    padding: 0px 10px;
    width: auto !important;
    align-items: center;
    justify-content: center;
    height: 25px;
    padding: 0px 10px !important;
}

.search-left-cont .w100{
  width: 100%;
}



.category.js-contp.cat-developer {
  background-color: rgb(246, 171, 0) !important;
}

.category.js-contp.cat-production {
  background-color: rgb(0, 162, 106) !important;
}

.category.js-contp.cat-other {
  background-color: rgb(60, 85, 151) !important;
}

@media screen and (max-width:599px) {
    .blog-cc-list .category {
        font-size: 12px;
        padding: 2px 10px;
        background-color: #ffad00;
        padding: 0px 10px;
        width: auto !important;
        height: 22px;
        padding: 0px 5px !important;
    }
    
    
    
        .search-left-cont .category {
        font-size: 12px;
        padding: 2px 10px;
        background-color: #ffad00;
        padding: 0px 10px;
        width: auto !important;
        height: 22px;
        padding: 0px 5px !important;
    }
}