@media (min-width: 820px) {
    .left-side {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 300px;
        height: 100%;
    }

    .left-side-image {
        width: 70%;
        margin: 200px auto;
        display: block;
    }

    .right-side {
        position: absolute;
        left: 300px;
        width: calc(100% - 300px);
        height: 100%
    }

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

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

@media (max-width: 819px) {
    .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;
}