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

@media (min-width:480px) and (max-width:640px) {}

@media (max-width:640px) {
    #loginbox {
        grid-template-rows: 30% 70%;
        grid-template-columns: none;
        width: 55vw;
        height: 70vw;
    }

    #img-box {
        height: 100%;
        width: 55vw;
    }

    #credentials-box {
        height: 100%;
        width: 55vw;
    }

    #admin-welcome {
        font-size: 6vw;
    }

    #tag-name {
        font-size: 6vw;
    }

    i {
        font-size: 4.9vw;
    }

    .box input {
        font-size: 3vw;
    }

    #showpass p {
        font-size: 3.5vw;
    }

    #btn input {
        height: fit-content;
        width: fit-content;
        font-size: 3vw;
        padding: 0vw 2vw;
    }

    #mssg {
        font-size: 2.8vw;
    }
}

@media (min-width:640px) and (max-width:768px) {}

@media (min-width:768px) and (max-width:1024px) {}

@media (min-width:1025px) and (max-width:1280px) {}