* {
    margin: 0;
    padding: 0;
}

body {
    background-color: white;
}

.bg-green {
    background: #009100;
}

.bg-purple {
    background: #A020F0;
}

.parent li {
    list-style: none;
}

a {
    text-decoration: none;
}

#ket .parent {
    padding: 0;
    margin: 0;
}

#ket .child {
    max-height: 0;
    overflow-y: hidden;
    transition: all .15s ease;
}

#ket .child.show {
    max-height: 100%;
    padding: 0;
    margin: 0;
}

#ket .child a:hover {
    color: blue;
}

#sidebar .parent>li>a.active,
#sidebar .parent>li>a.active:hover {
    background-color: blue;
    color: white;
}

.child ol {
    padding: 0;
    /* margin: 0; */
    margin-left: 20px;
    list-style: disc !important;
    list-style-type: disc !important;
}

.child ol li {
    list-style: disc !important;
    list-style-type: disc !important;
}


.show {
    display: block;
}

.hide {
    display: none;
}
.produk{
    transition: 2s ease;
}

@media (max-width:768px) {
    .tengah {
        text-align: center;
    }

    .fttengah {
        margin-top: 20px;
    }

    .tag-header {
        display: none;
    }

    /* .hidden-sm{
        display: none;
    }
    .show-sm
    {
        display: block;
    } */
}

/* @media (max-width:1007px){
    .hidden-md{
        display: none;
    }
    .show-md
    {
        display: block;
    }
} */
/* @media (min-width:1008px){
    .hidden-lg{
        display: none;
    }
    .show-lg
    {
        display: block;
    }
} */