.login-wrapper {
    height: 100%;
    
}

    .login-wrapper > * {
        height: 100%;
    }

    .login-wrapper .bg-pic {
        position: absolute;
        width: 100%;
        overflow: hidden;
        opacity: 0.9;
    }

        .login-wrapper .bg-pic > img {
            height: 100%;
        }

    .login-wrapper .login-container {
        width: 496px;
        margin-top:0;
        display: block;
        position: relative;
        float: right;
    }

    .login-wrapper .bg-caption {
        width: 500px;
    }

.bg-white {
    background-color: #fff;
}


@media (max-width: 768px) {
    .login-wrapper .login-container {
        width: 100%;
    }

    .register-container {
        width: 100%;
        padding: 15px;
    }
}

@media only screen and (max-width: 321px) {
    .login-wrapper .login-container {
        width: 100%;
    }
}