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

    .v1_2 {
        /* width: 375px;
        height: 800px; */
        width: 100vw;
        height: 100vh;
        left: 0px;
    }

    .v1_3 {
        /* width: 375px; */
        width: 100vw;
        height: 241px;
    }

    .v1_5 {
        width: 334px;
        height: 122px;
        left: 16px;
    }

    .v1_4 {
        /* width: 375px; */
        height: 563px;
        width: 100vw;
        top: 104px;
        left: 1px;
    }

    .v2_11 {
        left: 16px;
    }

    .v2_19 {
        left: 16px
    }

    .v2_19 {
        left: 16px;
    }

    .v2_40 {
        left: 142px;
    }

    .v2_22 {
        left: 18px;
    }

    .v2_12 {
        left: 16px;
    }

    .v2_13 {
        left: 187px;
    }

    .v2_14 {
        left: 57px;
    }

    .v2_16 {
        left: 232px;
    }

    .v2_20 {
        left: 20px;
    }

    .v2_21 {
        left: 186px;
    }

    .v2_23 {
        left: 18px;
    }

    /* #layout-tugas {
        position: absolute;
        top: 463px;
        left: 25px;
    } */




    .v2_28 {
        /*width: 257px;*/
        color: rgba(0, 0, 0, 1);
        /*position: absolute;*/
        /*top: 475px;
        left: 74px;*/
        font-family: Inter;
        font-weight: Regular;
        font-size: 12px;
        opacity: 1;
        text-align: left;
    }

    .v2_29 {
        /*width: 85px;*/
        color: rgba(0, 0, 0, 1);
        /*position: absolute;
        top: 492px;
        left: 75px;
    */
        font-family: Inter;
        font-weight: Bold;
        font-size: 10px;
        opacity: 1;
        text-align: left;
    }

    .v2_30 {
        left: 21px;
    }

    .v2_31 {
        left: 31px;
    }

    .v2_32 {
        left: 70px;
    }

    .v2_33 {
        width: 85px;
        color: rgba(0, 0, 0, 1);
        position: absolute;
        top: 556px;
        left: 71px;
    }

    .v2_34 {
        left: 21px;
    }

    .v2_35 {
        left: 31px;
    }

    .v2_36 {
        top: 601px;
        left: 70px;
    }

    .v2_37 {
        left: 71px;
    }

    .v2_38 {
        left: 77px;
    }

    .v2_39 {
        left: 110px;
    }

    .v2_42 {
        left: 78px;
    }

    .v2_43 {
        left: 250px;
    }

    .v2_45 {
        left: 249px;
    }

    .v2_46 {
        left: 79px;
    }

    #layout-tugas {
        left: 20px;
    }


    /* responseive login */
    .v2_50 {
        left: 61px
    }

    .v2_51 {
        left: 15px;
    }

    .v2_57 {
        left: 15px;
    }

    .v2_59 {
        left: 15px;
    }

    .v2_52 {
        left: 17px;
    }

    .v2_53 {
        left: 15px;
    }
}