.validation-summary-errors {
    color: red;
}

.m-brand__logo-wrapper img {
    max-width: 45%;
}

.m-login.m-login--2 .m-login__wrapper {
    padding: 1% 2rem 1rem 2rem;
    position: relative;
    /*top: 14px;*/
    margin-top:14px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 0px 0px 20px 5px #ddd;
}

.field-control {
    width: 100%;
    float: left;
}

.field-addon {
    position: relative;
    float: right;
    display: flex;
    top: -25px;
    right: 15px;
}

/******************************************************
    CSS FOR SMALL DEVICES
******************************************************/

@media only screen and (max-width : 1200px) {
    .m-login.m-login--2 .m-login__wrapper {
        width: 50%;
    }
}

@media only screen and (max-width : 979px) {
    .m-login.m-login--2 .m-login__wrapper {
        width: 50%;
    }
}
@media only screen and (max-width : 844px) {
    .m-login.m-login--2 .m-login__wrapper {
        width: 68%;
    }
}
@media only screen and (max-width : 767px) {
    .m-login.m-login--2 .m-login__wrapper {
       width: 65%;
    }
}

@media only screen and (max-width : 480px) {

}

@media only screen and (max-width : 320px) {
    .m-login.m-login--2 .m-login__wrapper {
       width: 90%;
    }
}