a.text-primary {

    color: #007bff !important;

}





a.text-primary:hover {

    text-decoration: none;

    color: white !important;

}



.container#cp {

    min-height: 761px;

    padding-left: 4rem;
    
    padding-right: 0rem;

}

.card#judul-cp {
    border-width: 0px;
    height: 240px;
    background-color: transparent;
    padding: 6rem 5rem 1rem;
    border-radius: 0px;
    margin-bottom: 2rem;
    margin: auto;
    max-width: 1440px;
}

@media (max-width: 991.98px) {
    .card#judul-cp {
        padding: 6rem 3rem 1rem;
    }
}

@media (max-width: 576px) {
    .card#judul-cp {
        padding: 6rem 1rem 1rem;
    }
}

.w3-sidebar {

    height: 1080px;

    width: 200px;

    background-color: #fff;

    position: absolute !important;

    z-index: 1;

    overflow: auto;

}





h6#CP {

    margin-bottom: 2px;

}



p#CP {

    margin-bottom: 1px;

}

.w3-bar-block .w3-bar-item {

    padding: 8px 8px !important;

}



.dropdown-btn.w3-button.active {

    color: #007bff;

    font-weight: bold;

}



  /* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */

.dropdown-container {

    display: none;

    background-color: white;

    margin-right: 1rem;

}





/*Rajungan Divison*/

.card-deck#rajungan {

    align-items: center;

    align-content: space-between;

    text-align: -webkit-center;

}

.card-deck#rajungan

.card#rajungan {

    width: 280px !important;

    text-align: center;

    align-items: center;

}

.card-deck#rajungan

.card#rajungan

.card-img-top {

    max-width: 280px;

}

.card-deck#rajungan

.card#rajungan

.card-body {

    padding: 0px;

    max-width: 280px;

}





/*Frozen Division*/



.card#judul-frozen {

    text-align: left;

}

.card-deck#frozen {

    align-content: space-between;

    background-color: transparent;

    text-align: -webkit-center;

}

.card-deck#frozen

.card#frozen {

    width: 280px !important;

    text-align: center;

    align-items: center;

    background-color: transparent;

}

.card-deck#frozen

.card#frozen

.card-img-top {

    max-width: 280px;

}

.card-deck#frozen

.card#frozen

.card-body {

    padding: 0px;

    max-width: 280px;

    padding-top: 1rem;

}



/*Prod-1

.w3-container#Demo1, .w3-container#Demo2, .w3-container#Demo3 {

    border-width: 1px;

    border-color: #007bff;

}*/



.card-deck#prod-1 {

    
    text-align: -webkit-center;

}



.card#prod-1 {

    background-color: transparent;
    max-width: 240px;

    min-width: 200px;

    text-align: left;

}
.card-body {
    background-color: transparent !important;
}



/*------------- Under 14" ------------------*/

@media (max-width: 1280px) {

    .container#cp {

        padding-left: 2rem;

        padding-right: 0rem;

    }



    /*struktur*/

    img#struktur {

        width: 100% !important;

    }

}





/*------ Tablet Kebawah ------*/

@media (max-width: 991.98px) {



    p {

        font-size: 14px;

    }



    h2 {

        font-size: 26px;

    }



    h6 {

        font-size: 14px;

    }





    .container#cp {

        padding-left: 2rem;

        padding-right: 0rem;

    }









}





/*------------ dibawah 768px -------------*/

@media (max-width: 767px) {



    p {

        font-size: 13px !important;

    }



    h2 {

        font-size: 24px !important;

    }

    h5 {

        font-size: 16px;

    }



    h6 {

        font-size: 13px !important;

    }



    .w3-sidebar {

        width: 130px !important;

    }





    div#isi-cp {

        margin-left: 130px !important;

    }



    .container#cp {

        padding-left: 1rem;

        padding-right: 0rem;

    }



    h2#judul {

        text-align: left !important;



    }





}

/*-------------------- Khusus -----------------*/

@media (max-width: 767px) and (min-width: 576px) {



    

}



/*------------------------ HP -----------------------------*/

@media (max-width: 575px) {



    .container {

        padding: 0rem;

    }



    .w3-bar-block .w3-bar-item {

        text-align: left !important;

    }



    .w3-black {

        display: contents;

    }



    div#isi-cp {

        margin-left: 0px !important;

    }



    .container#cp {

        padding: 0rem !important;

    }



    .w3-container,

    .w3-panel {

        margin-top: 1rem;

        padding: 0px !important;

    }



    h2#judul {

        margin-left: 5px;

        text-align: left !important;



    }





    .dropdown-container {

        margin-left: 1rem !important;

        margin-right: 0px !important;

    }

    .w3-bar-item.w3-button#khusus {

        text-align: left !important;

    }



    /*BOC, BOD, Dll*/









}



/*------------------------ HP KENTANG -----------------------------*/

@media (max-width: 420px) {}