/*sm*/
@media (min-width: 576px) {
}

/*md*/
@media (min-width: 768px) {
}

/*lg*/
@media (min-width: 992px) {
}

/*xl*/
@media (min-width: 1200px) {
}

/*xxl*/
@media (min-width: 1400px) {
}

/*cancel forgot password page unresponsive style*/
@media (max-width:991px) {
    #frmLogin > .login-wrapper {
        background-size: 100%;
        min-width: unset;
        min-height: unset;
        width: 80%;
        margin: 10px auto;
        background-position: top;
    }

        #frmLogin > .login-wrapper > .login-container {
            width: unset;
        }

            #frmLogin > .login-wrapper > .login-container > .login-header {
                font-size: 26px;
                margin-bottom: unset;
                margin-bottom: 10px;
            }

            #frmLogin > .login-wrapper > .login-container > .login-notes {
                font-size: 16px;
                margin-bottom: unset;
            }

            #frmLogin > .login-wrapper > .login-container > #divUserNameInputContainer.login-input-container {
                width: unset;
                height: unset;
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: space-between;
                border-radius: 10px;
                margin: 10px;
            }

                #frmLogin > .login-wrapper > .login-container > #divUserNameInputContainer.login-input-container > label {
                    width: 50%;
                    font-size: unset;
                    margin-bottom: 0;
                }

                #frmLogin > .login-wrapper > .login-container > #divUserNameInputContainer.login-input-container > input {
                    width: 50%;
                    font-size: unset !important;
                    padding-right: unset;
                }

            #frmLogin > .login-wrapper > .login-container > .login-footer {
                height: unset;
                margin-top: 40px;
                width: unset;
            }

                #frmLogin > .login-wrapper > .login-container > .login-footer > #divLoginButtonContainer .login-login-button {
                    margin-bottom: unset;
                    margin-right: 10px;
                    width: calc(100% - 20px);
                    height: unset;
                    font-size: unset;
                    padding-bottom: 8px;
                    border-radius: 10px;
                    margin-top: -20px;
                }

                #frmLogin > .login-wrapper > .login-container > .login-footer .login-footer-notes-success {
                    font-size: 14px;
                }
}