@keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}

.animatedFadeInUp {
    opacity: 0
}

.fadeInUp {
    opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
}



@media screen and (width>=475px){
    #imgdiv{
     min-width: 495px;
     margin-top: 10%;
    }
}

@media screen and (width<475px){

    #imgdiv{
        margin-top: 0%;
        /* min-width: 605px !important; */
    }

    #imgic{
        min-width: 350px;
    }

    .my-auto{
        margin-top: 0% !important;
    }
}

#frmpengaduan{
    min-width:333px;
}


@media screen and (width <= 1330px){

    .list-pengaduan{
        min-width: 100%;
    }
}


@media screen and (width > 768px){
    .content-pengaduan{
        display: flex !important;
    }

    .img-pengaduan{
        width: 50%;
        height: auto;
        margin-bottom: 5px;
    }

    .ts-pengaduan{
        margin-left: 15px;
    }

    #idaduan{
        min-width:510px;
    }

}


@media screen and (width <= 768px){
    .content-pengaduan{
        display: block !important;
        text-align: justify;
        text-justify: inter-word;
        justify-content: center;
    }

    .img-pengaduan{
        width: 100%;
        height: auto;
        margin-bottom: 5px;
    }

    #idaduan{
        min-width:300px;
        max-width:100%;
    }

}


@media screen and (width <= 510px){

    .img-konten{
        max-width:200px !important;
        min-width: 200px;
    }

}

@media screen and (width < 400px){
    .judul-top{
        font-size:10pt;
    }

    .gambar-top{
        width:30;
        height:30;
    }
}


/* @media screen and (width>=385px){
    div.container-fluid.m-0.p-0.konten-akun{
        position:relative; 
    }
}

@media screen and (width<385px){
    div.container-fluid.m-0.p-0.konten-akun{
        position:absolute;
    }
} */



@media screen and (width>450px){
    btn-user{
        display: flex;
       
    }
}



@media screen and (width < 510px){
    #berandacontainer{
        width:75%;
        height:75%;
    }
}


@media screen and (width<451px){
    btn-user{
        display: block;
       
    }
}