.equal {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

.user-login-5 .login-logo {
    position: initial;
    max-height: 120px;
    margin-bottom: 5px;
}

.user-login-5 .login-background {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.user-login-5 .login-container > .login-content {
    margin-top: 10%;
    margin-bottom: 100px;
    width: 100%;
}

.has-logo .user-login-5 .login-container > .login-content {
    margin-top: 5%;
}

.user-login-5 .login-container > .login-content > .login-form {
    margin-top: 40px;
}

.user-login-5 .login-container > .login-footer {
    padding-bottom: 15px;
}

.user-login-5 .text-right {
    text-align: right !important;
}

.user-login-5 .form-group.has-error {
    border-bottom: none !important;
}

.login .create-account {
    margin-top: 80px;
}

.login .create-account .btn {
    background-color: #5775b2;
    box-shadow: 0 2px 2px #5775b2;
    border: 1px solid #567487;
    padding: 20px 26px;
    color: #fff;
    /*min-width: 320px;*/
}

.login .create-account .btn:hover {
    background-color: #567487;
    border: 1px solid #5775b2;
}

.login .create-account .btn i {
    color: white;
    font-size: 25px;
    position: relative;
    top: 3px;
}

.login .create-account .btn span.xs {
    display: none;
}

.login .create-account .btn span.lg {
    display: inline-block;
}


@media (max-width: 440px) {
    .user-login-5 .login-container .login-copyright,
    .user-login-5 .login-container .login-social,
    .user-login-5 .login-container > .login-content {
        padding: 0 10px;
    }

    .user-login-5 .login-container > .login-content h3 {
        font-size: 20px;
    }

    .login .create-account .btn span.xs {
        display: inline-block;
    }

    .login .create-account .btn span.lg {
        display: none;
    }

    .login .login-content .create-account {
        /*width: 280px;*/
    }

    .login .create-account .btn i {
        display: none;
    }
}