.content-produk{
    margin-left:50px !important;
    padding-right:0px !important;
}
.konten-card-catalog{
    height: fit-content;
    width:23.5%;

    border:1px solid #BDC1C6;
    border-radius: 10px 10px 10px 10px;

    text-align: center;
    vertical-align: middle;
    line-height: 140px;
    padding:0 !important;
    margin-bottom:20px;
    margin-right:0px;
}
.konten-card-catalog:hover{
    border:3px solid #F7C59F;
    box-shadow: 0 0 5px 1px #00000040;
}

.konten-card-catalog .status-produk{
    position: absolute;
    left:6%;
    top:5%;
    width:70px;

    background-color: #0D47A1;
    padding: 5px 2px 5px 2px !important;

    text-align: center;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0em;
    z-index: 1;
}
.konten-card-catalog .card-body{
    padding-left:0px;
    padding-right:0px;
}

.konten-card-catalog .card-body a{
    text-decoration: none;
}

.konten-card-catalog .kategori-produk{
    padding-top:20px;
    padding-bottom:5px;
    text-align: left;
    color:#808080;

    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
}

.konten-card-catalog .judul-produk{
    text-align: left;
    color:#252525;
    margin-bottom: 10px;

    font-size: 13px;
    line-height: 18px;
    font-weight: bold;
    letter-spacing: 0em;
}

.konten-card-catalog .bintang-produk{
    text-align: left;
    color:#808080;

    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0em;
}

.konten-card-catalog .bintang-produk label{
    text-align: left;
    color:#808080;
    padding-left:7px;
}

.konten-card-catalog .bintang-produk i{
    text-align: left;
    color:#FFC300;

    font-size: 13px;
    line-height: 18px;
    font-weight: bold;
    letter-spacing: 0em;
}

.konten-card-catalog .harga-produk{
    text-align: left;
    color:#808080;

    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0em;
}

.konten-card-catalog .harga-produk label{
    width: 100%;
}

.konten-card-catalog #harga-diskon-produk{
    text-align: left;
    color:#808080;

    text-decoration: line-through;
    letter-spacing: 0em;
    font-size:11px;
}

.konten-card-catalog #harga-normal-produk{
    color:black;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0em;

    text-align: left;
    vertical-align: middle;
    line-height: 15px;
}

.konten-card-catalog .harga-produk button{
    background-color:#FF7B00;
    border:transparent;
    border-radius:5px;
    width:60px;
    height:30px;

    text-align: center;
    position: absolute;
    right:5%;
    bottom:10%;
}

.konten-card-catalog .harga-produk button:hover{
    box-shadow: 0 5px 5px 5px #00000040;
}
.konten-card-catalog .harga-produk img{
    max-width:30%;
    height:auto;
    padding:0;

    position: absolute;
    top:5px;
    left:5px;
}

.konten-card-catalog .harga-produk #add-to-cart{
    color:white;
    font-size: 11px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;

    position: absolute;
    top:6px;
    left:10px;
}


@media screen and (max-width: 1199px) {
    #show-allView .konten-card-catalog{
        width:100% !important;
    }
    .konten-card-catalog{
        width:33% !important;
    }
}
@media screen and (max-width: 767px) {
    .konten-card-catalog{
        width:49% !important;
    }
}
@media screen and (max-width: 575px) {
    .konten-card-catalog{
        width:100% !important;
    }
}