@media (min-width: 800px) {
    .left-side {
        position: absolute;
        left: 0px;
        top: 0px;
        width: calc(100% - 500px);
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .right-side {
        position: fixed;
        right: 0px;
        top: 0px;
        width: 500px;
        height: 100%;
    }

    .frm-place {
        padding: 70px 10%;
    }

    .frm-size {
        text-align: center;
        width: 400px;
        margin: auto;
    }
}

@media (max-width: 799px) {
    .left-side {
        display: none;
    }

    .right-side {
        width: 100%;
    }

    .frm-place {
        padding: 50px 10%;
    }

    .frm-size {
        text-align: center;
        width: 100%;
        margin: auto;
    }
}

@media (max-height: 600px) {
    .logo-name {
        display: none;
    }
}

#auth-form-logo {
    max-height: 100px;
}