@media (max-width: 576px) {

    body>main>section>div>.bg-white.p-4.p-md-5.rd-15.sh-bot {
        background-color: #faf6f5 !important;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
}

h2{
    color: darkblue;
    font-weight: bold !important;
}

.title{
    font-weight: bold !important;
}

.garuda {
    width: 100px;
}

.black-text{
    color: #323232;
}

.blue-text{
    color: darkblue;
}

.input-group-text{
    background: #f2ba01 !important;
}

.title-yellow{
    background-color: #f2ba01;
    color: darkblue;
    padding: 5px;
    margin-bottom: 20px;
    text-align:center;
    font-style: italic;
}

.title-blue{
    background-color: darkblue;
    color: white;
    padding: 5px;
    border-left: 10px solid #f2ba01;
    margin-bottom: 20px;
}

.text-underline{
    text-decoration: underline;
}

.white-box{
    min-height: 400px;
}

.profil{
    width: 200px;
}

.swiper-button-prev .fas{
    transform: rotate(60deg);
}

.swiper-button-prev, .swiper-button-next{
    background-image: none;
    margin-top: -85px;
}

.overlay-title{
    display: none;
    visibility: hidden;
}

.overlay-title.overlay, .overlay{
    display: inline-block;
    width: 100%;
    height: 250px;
    background: #03126d;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    opacity: 0.4;
    border: 20px solid #cc9c00;
}

.thumbnail .overlay-title.f-white{
    z-index: 20;
    position: relative;
    top: 100px;
    width: 120px;
    display: inline-block !important;
    visibility: visible;
}

#list-contact label, #list-contact span{
    margin-bottom: 0;
    min-width: 80px;
}

#swiper_menteri .swiper-slide .thumbnail{
    height: 240px;
}

#swiper_menteri .swiper-slide{
    height: 400px;
}

#swiper_menteri .swiper-slide span{
    font-size: 13px;
}

#swiper_menteri .fas{
    color: #f2ba01;
    opacity: 0.7;
    margin-top: 5px;
}

@media (max-width: 576px) {
    #swiper_menteri .swiper-slide .thumbnail, .overlay-title.overlay, .overlay{
        height: 118px;
    }

    .swiper-button-prev, .swiper-button-next {
        margin-top: -160px
    }

    .thumbnail .overlay-title.f-white{
        font-size: 11px;
        top: 40px;
        width: auto;
    }
    
    .bg-white.p-4.rd-15.sh-bot.white-box{
        box-shadow: none;
        background-color: #faf6f5 !important;
        padding-right: 10px !important;
        padding-left: 10px !important;    
    }

    h2.f-blue.mt-5{
        font-size: 15px;
    }

    #nilai h2.f-blue.mt-5{
        font-size: 30px;
    }

    #nilai .col-12.mt-4.p-0 p{
        text-align: justify;
    }

    .col-12.mt-4.p-0{
        margin-top: 0 !important;
    }

    .bg-grey > div > div > div.row.border-bottom.m-0 {
        font-size: 9px;
    }

    .f-blue.title,  h4.f-blue{
        font-size: 16px;
    }
}