    #kt_body {
        background: #fff;
    }

    #kt_login {
        position: relative;
        height: 100%;
        width: 100%;
        margin: auto;
    }

    #page, .login_section {
      height: 100%;
    }

    .login.login-1 .login-aside .aside-img {
        min-height: auto;
    }


    #login_left_Img {
        background-size: 100% 100%;
    }

    #login_btn {
        background-color: #ff5062;
        border-color: #ed495a;
        width: 100%;
        border-radius: 0.2em;
    }

    .hb_Welcome_Back {
        color: #2B2D39;
    }

    .hb_login_lable {
        color: #3d3c38;
    }

    .form-control.form-control-solid, .form-control.form-control-solid:focus  {
        background-color: #F3F6F9;
    }

    .layer {
        height: 100%;
        width: 100%;
        background: #2e303bab;
        padding: 7%;
    }

    .login_left_text {
        color: #ffffff;
        font-size: 2.5em;
    }

    .login_left_content_section {
        padding-top: 39%;
    }

    #login_letf_section {
        width: 50%;
    }

    .form-group label {
        font-size: 1.15rem;
        font-weight: 400;
        margin-bottom: 16px;
    }

    .form-group {
        margin-bottom: 2.2rem;
    }

    @media only screen and (max-width: 992px) {
        #kt_login {
            height: auto;
            width: auto;
            margin: 0;
            border-radius: 0;
            box-shadow: none;
        }

        #login_letf_section {
            border-radius:0;
            width: 100%;
        }

        .login_left_content_section {
            padding-top: 2%;
        }
    }

    @media only screen and (max-width: 420px) {
        .login_left_content_section {
            padding-top: 2%;
        }
    }

    @media only screen and (max-width: 992px) {
        .login.login-1 .login-content {
            width: 100%;
            max-width: 573px;
        }
        .login.login-1 .login-content .login-form {
            width: 100%;
            max-width: 466px;
        }
    }