#outer-container.login-outer-container {
    height: auto;
    min-height: 100vh;
    display: flex;
    align-content: center;
    align-items: center;
}

#outer-container.login-outer-container .sign-box {
    height: auto;
    margin: 50px 0;
}

.error-ul{
    margin-top: 20px;
}

.erd{
    background-color: #ffc3c3 !important;
    width: 100%;
    padding: 20px;
    margin: 10px 0 0 !important;
}

@media (min-width: 992px) and (max-width: 1199px) {
    #outer-container.login-outer-container #inside-container {
        padding: 0 40px;
    }
    #inside-container .main-row .logo-txt .logo {
        width: 320px;
    }
    .sign-box {
        width: 50%;
        margin-top: 100px;
        padding: 40px 60px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        height: auto;
    }

    #inside-container .form-type-1 .submit #submit-btn {
        margin: 20px auto 30px;
    }

    #inside-container .no-account .no-account-p {
        margin-bottom: 30px;
    }

    #inside-container .main-row .logo-txt h1 {
        font: 700 44px/56px "SFPD Bold";
        margin: 95px 0 20px;
    }

    #inside-container .main-row .logo-txt h3 {
        font: 400 18px/18px "SFPD Regular";
    }

    .pin-ver-form .col-2{
        padding: 5px;
    }

    #inside-container .pin-ver-form .col-2 .form-group .form-control{
        padding: 5px;
        text-align: center;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #outer-container.login-outer-container #inside-container {
        padding: 0 20px;
    }
    #inside-container .main-row .logo-txt .logo {
        width: 280px;
    }
    .sign-box {
        width: 50%;
        margin-top: 100px;
        padding: 30px 40px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        height: auto;
    }

    #inside-container .form-type-1 .submit #submit-btn {
        margin: 20px auto 30px;
    }

    #inside-container .no-account .no-account-p {
        margin-bottom: 30px;
    }

    #inside-container .main-row .logo-txt h1 {
        font: 700 44px/56px "SFPD Bold";
        margin: 95px 0 20px;
    }

    #inside-container .main-row .logo-txt h3 {
        font: 400 18px/18px "SFPD Regular";
    }

    .pin-ver-form .col-2{
        padding: 5px;
    }

    #inside-container .pin-ver-form .col-2 .form-group .form-control{
        padding: 5px;
        text-align: center;
    }
}

@media (max-width: 768px) {
    #turn-box {
        display: none;
    }
    #inside-container .main-row .logo-txt {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin: 40px 0;
        text-align: center;
        padding: 0;
    }

    #outer-container.login-outer-container #inside-container {
        padding: 0 20px;
    }
    #inside-container .main-row .logo-txt .logo {
        width: 240px;
    }
    #outer-container.login-outer-container .sign-box {
        margin-top: 100px;
        padding: 30px 40px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 300px;
        flex: 0 0 300px;
      width: 300px;
        height: auto;
        margin: 30px auto;
        max-width: none;
    }

    #inside-container .form-type-1 .submit #submit-btn {
        margin: 20px auto 30px;
    }

    #inside-container .no-account .no-account-p {
        margin-bottom: 30px;
    }

    #inside-container .main-row .logo-txt h3 {
        font: 400 16px/18px "SFPD Regular";
    }

    #inside-container .main-row .logo-txt h1 {
        font: 700 35px/56px "SFPD Bold";
        margin: 30px 0 20px;
    }
    #inside-container .form-type-1 .form-group .form-control{
        height: 40px;
        font-size: 12.8px;
        padding: 15px;
    }
    #inside-container .form-type-1 .submit #submit-btn {
        line-height: 15px;
        height: 45px;
        padding: 10px;
        font-size: 12.8px;
    }
    #inside-container .sign-top .sign-head {
        font: 700 26px/36px "SFPD Regular";
        margin-bottom: 30px;
    }
    .g-recaptcha iframe {
        width: 100%;
        transform: scale(0.8);
        transform-origin: left;
    }

    #inside-container .sign-box .change-tel {
        font: 700 12.8px "Roboto", sans-serif;
        height: 45px;
        padding: 10px 20px;
    }

    .pin-ver-form .col-2{
        padding: 5px;
    }

    #inside-container .pin-ver-form .col-2 .form-group .form-control{
        padding: 5px;
        text-align: center;
    }
}