.row_berita {
    --gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    /* display: flex */
;
    flex-wrap: wrap;
    margin-top: calc(-1* var(--bs-gutter-y));
    /* margin-right: calc(-.5* var(--bs-gutter-x)); */
    /* margin-left: calc(-.5* var(--bs-gutter-x)); */
}

.header-logo-blu{
    width: 80px;
    height: 80px;
}

#header .header-logo-blu {
    margin: 16px 0;
    margin: 1rem 0;
    position: relative;
    z-index: 1;
}

.pdf_bppp a {
    color: white;
}

.header-logo-blu-kanan{
    width: 80px;
    height: 80px;
}

#header .header-logo-blu-kanan {
    margin: 16px 0;
    margin: 1rem 0;
    position: relative;
    z-index: 1;
}

#header .header-logo-blu-kanan .header-row .header-logo img{
    width: 500%;
}

.pdf_bppp a {
    color: white;
}



/* Slide 1 */
#sl-1-res-text-u {
    transform: scale(1);   
}

#sl-1-res-text-l {
    transform: scale(1);   
}

#sl-1-res-text {
    transform: scale(1);   
}

/* Slide 2 */

#sl-2-res-text {
    transform: scale(1);   
}

#sl-2-res-text-l {
    transform: scale(1);   
}

#sl-2-res-text-u {
    transform: scale(1);   
}

#sl-2-container-res {
    transform: scale(1);
}


/* home intro */
#home-rs {
    transform: scale(1);
}

/* Layanan */
#layanan-container-rs {
    transform: scale(1);
}


/* profile */

#profile-container-rs {
    transform: scale(1);
}

#profile-card-rs {
    transform: scale(1);
}

#berita-container-rs {
    transform: scale(1);
}

#testimoni-container-rs {
    transform: scale(1);
}

#footer-container-rs {
    transform: scale(1);
}


/* responsiveness for each class */

/* @media (max-width: 320px) {


}     */


@media (max-width: 500px) {

    html, body {
    overflow-x: hidden;
    }

    .feature-box {
        flex-direction: column;
        text-align: center;
    }
    
    #header .header-logo img {
        transform: scale(0.9);
    }    

    #sl-2-res-text {
        font-size: 2rem !important;
        /* transform: scale(0.6) !important; */
        padding-left: 1.2rem !important;
        margin-bottom: 0 !important;
        text-align: start !important;
        /* line-height: 44px !important; */
        /* color: aqua !important;  */
    }

    #sl-2-res-text-u {
        /* color: aqua !important;  */
        padding-right: 1.2rem !important;
        padding-left: 1.2rem !important;
    }

    #sl-2-res-text-l {
        font-size: 0.6rem !important;
        /* color: aqua !important;  */
        padding-right: 1.2rem !important;
        padding-left: 1.2rem !important;
    }

    #sl-1-res-text-l {
        font-size: 0.9rem !important;
        /* color: aqua !important;  */
        padding-right: 1.4rem !important;
        padding-left: 1.4rem !important;
        margin-bottom: 0%;
        text-align: left !important;
    }

    #sl-1-res-text {
        display: none;   
    }  

    #sl-1-res-text-u {
        text-align: start !important;
    }

    #sl-2-container-res {
        align-items: start !important;
    }

    #home-rs {
        font-size: 0.8rem !important;
        /* color: aqua !important;  */
        padding-right: 1.2rem !important;
        padding-left: 1.2rem !important;
    }

    .home-intro {
        margin-bottom: 0% !important;
        padding-top: 1.2rem !important;
        padding-bottom: 1.2rem !important;
    }


    .home-intro p {
        margin-bottom: 0% !important;
    }

    #layanan-container-rs {
        padding-right: 2rem !important;
        background-color: white;
        padding-left: 2rem !important;
    }

    #profile-container-rs {
        /* background-color: #348d87; */
        padding-right: 2rem !important;
        padding-left: 2rem !important;
        padding-top: 2rem;
        padding-bottom: 3rem;
    }

    #profile-card-rs {
        border-bottom: 1px solid #348d87 !important;
        padding-bottom: 4px !important;
    }

    #berita-container-rs {
        padding-right: 2rem !important;
        padding-left: 2rem !important;
        padding-top: 2rem;
        /* padding-bottom: 3rem; */
    }

    #testimoni-container-rs {
        padding-right: 2rem !important;
        padding-left: 2rem !important;
        /* padding-top: 2rem; */
        padding-bottom: 3rem; 
    }

    #indeks-container-rs {
        padding-right: 2rem !important;
        padding-left: 2rem !important;
        padding-top: 2rem;
        padding-bottom: 3rem; 
    }

    #footer-container-rs {
        padding-right: 2rem !important;
        padding-left: 2rem !important;
        padding-top: 2rem !important;
        padding-bottom: 3rem !important; 
    }
}
/* 
@media (max-width: 500px) {
    #header .header-row .header-btn-collapse-nav {
        background-color: aqua;
    }    
} */