.contact-image {
    text-align: center;
}

.lockscreen-wrapper{
    width: 450px;
    max-width: 95%;
    margin: 0 auto;
}

.contact-image i {
    padding: 15px;
    margin-top: 10px;
    margin-bottom: 15px;
}

@media (max-width: 768px) {
    .login-box, .register-box {
        width: 95%;
        margin-top: 80px;
    }

    .lockscreen-wrapper {
        width: 95%;
    }
}

@media (max-width: 576px) {
    .login-box, .register-box {
        width: 98%;
        margin-top: 60px;
        margin-left: auto;
        margin-right: auto;
    }

    .login-card-body {
        padding: 1rem;
    }
}

.login-box p.desc{
    font-size: 14px;
}