@media all and (max-width: 767px) {
    html {
        min-height: 0;
        height: 100%;
    }

    body {
        min-height: 100%;
        background-size: cover;
    }

    .left-pane {
        width: 100%;
    }

    .wrapper {
        display: block;
        width: 100%;
        position: relative;
        overflow: hidden;
        height: auto;
        min-height: 100%;
        min-width: 0;
    }

    .left-pane-wrapper {
        padding: 20px;
        box-sizing: border-box;
        display: block;
        width: auto;
    }

        .left-pane-wrapper >div {
            display: block !important;
            width: auto;
        }

    .right-pane-content-wrapper {
        width: 100%;
        padding: 100px 30px 30px 30px;
        box-sizing: border-box;
    }

    .right-pane .password-form h2 {
        margin-top: 0px;
    }

    .about {
        float: none;
        padding: 13px;
        margin: 5px auto 0;
        text-align: center;
    }

    .contact-right {
        display: block;
        text-align: center;
        float: none;
        margin: 20px 0;
    }

    .about .text {
        margin: 25px 0 0;
    }

    .sc-logo {
        margin-bottom: 0px;
    }

        .sc-logo img {
            width: 150px;
        }

    .login-form {
        margin: 0 auto;
        text-align: center;
    }

        .login-form input[type="text"], .login-form input[type="password"] {
            width: 100%;
            height: 43px;
            line-height: 43px;
        }

        .login-form input[type="submit"] {
            height: 44px;
            line-height: 30px;
            font-size: 20px;
        }

        .login-form a {
            float: none;
        }

        .login-form .clear {
            display: block;
        }

        .login-form h1 {
            font: 29px/29px GloberLight;
            margin-top: 53px;
        }

    .footer-wrapper {
        height: auto;
    }

    footer {
        max-width: none;
        margin-top: 30px;
        display: block;
        height: auto;
    }

    .contact {
        text-align: center;
        float: none;
        font: 13px/18px LeelawRegular;
    }

    .powered {
        float: none;
        text-align: center;
    }

        .powered img {
            width: 58px;
        }

        .powered br {
            display: none;
        }

    .right-pane {
        width: 100%;
        margin: 0;
    }

    .right-pane-wrapper {
        position: fixed;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        background: #fff;
    }


    .right-pane .password-form .captcha {
        font: 16px/50px GloberBook;
    }

        .right-pane .password-form .captcha img {
            width: 120px;
            margin: 0 0 0 8px;
        }

    .right-pane-content-wrapper {
        padding: 85px 30px 30px 30px;
        height: 100%;
        border-radius: 0;
    }

    .close-pane {
        width: 26px;
        height: 26px;
        right: 30px;
        background-size: contain;
    }

    .right-pane .password-form h2 {
        font: 25px/30px GloberLight;
    }

    .control-group.captcha-re {
        text-align: center;
    }

 

.right-pane .password-form input[type="text"]{
    height: 40px;
    font: 17px/30px TTNorms-Regular;
}

.right-pane .password-form input[type="submit"]{
    height: 40px;
    font: 20px/35px TTNorms-Bold;
}

.captcha .captcha-re label.control-label{
    font-size: 14px;
    font: 14px/47px TTNorms-Medium;
}

.right-pane .password-form a{
    width: 25px;
    height: 26px;
    background-size: contain;
}

}