@media(max-width: 1920px) {
    .logo-copyright {
        margin-top: 10%;
    }
    .login-copyright-form {
        margin-top: 13%;
    }
}

@media(max-width: 1600px) {
    .login-copyright-form {
        margin-top: 8%;
    }
}

@media(max-width: 1366px) {
    .login-copyright-form {
        margin-top: 8%;
    }
    .logo-copyright {
        margin-top:20%;
    }
}

@media (max-width: 1200px) {
    .login-copyright-form .col-md-6:nth-child(1) {
        width: 33%;
        margin-right: 15%;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .login-copyright-form {
        margin-top: 9%;
    }
    .logo-copyright #copyright-txt {
        font-size: 15px;
    }
    .logo-copyright {
        margin-top: 30%;
        margin-left: 10%;
    }
    .login-copyright-form .col-md-6:nth-child(1) {
        width: 39%;
        margin-right: 8%;
    }
    #canvas {
        width: 48%;
    }
    .input-val {
        width: 50%;
        margin-right: 4px;
    }
}


@media (max-width: 991px){
    .login_container #logo img {
        width: 200px;
    }
    .logo-copyright {
        margin-top: 30%;
        margin-left: 0;
    }
    /*.login-copyright-form .col-md-6:nth-child(1) {*/
    /*width: 43%;*/
    /*margin-right: 6%;*/
    /*}*/
}
@media (max-width: 768px){
    .login-form .panel-title {
        font-size: 26px;
    }

    .login-form .panel-default .panel-heading {
        padding: 40px 0 10px 45px;
    }
}
@media (min-width: 768px) and (max-width: 850px){
    .input-val {
        width: 50%;
    }
    #canvas {
        width: 47%;
    }
    .login-copyright-form .col-md-6:nth-child(1) {
        width: 49%;
        margin-right: 0;
    }
    .copyright-container{
        width:51%;
    }

    .logo-copyright {
        margin-top: 35%;
    }
}

@media (min-width: 851px) and (max-width: 991px){
    .input-val {
        width: 50%;
    }
    #canvas {
        width: 47%;
    }
    .logo-copyright {
        margin-top: 35%;
    }
    .login-copyright-form .col-md-6:nth-child(1) {
        width: 45%;
        margin-right: 5%;
    }
    .copyright-container{
        width:50%;
    }
}

@media (max-width: 767px){
    .pc-lcf{
        display: none;
    }
    .mobile-lcf{
        display: block;
    }
    .login-copyright-form .col-md-6:nth-child(1) {
        width: 100%;
        margin-right: 0;
    }
    .logo-copyright {
        margin-top: 4%;
    }
    .login-copyright-form {
        margin-top: 40px;
    }
    .logo-copyright #copyright-txt {
        padding-top: 30px;
    }
    .login-copyright-form .col-md-6:nth-child(2) {
        margin-top: 50px;
    }
    .login-copyright-form .col-md-6:nth-child(2) {
        float: none;
        width: 70%;
        margin-top: 40px;
        display: inline-block;
    }
    .login-form .panel-title {
        text-align: left;
    }
    .login-copyright-form {
        text-align: center;
    }
    #copyright-txt {
        padding-bottom: 20px;
    }
    .login-form .panel-title {
        font-size: 25px;
    }
}
@media (max-width: 480px){
    .login-copyright-form .col-md-6:nth-child(2) {
        width: 85%;
        margin-top: 25px;
    }
    .logo-copyright #logo img {
        width: 150px;
    }
}
@media (max-width: 414px){

    .login-form .panel-title {
        font-size: 22px;
    }
    .login-form .panel-default .panel-heading {
        padding: 30px 0 10px 45px;
    }
    .form-content .login-btn {
        padding: 8px;
        font-size: 18px;
    }
    .form-content .un-form .fa-user:before, .form-content .pwd-form .fa-lock:before {
        left: -20px;
        bottom: 3px;
        width: 28px;
        height: 28px;
        background-size: 28px;
    }
}
@media (max-width: 375px){

    .logo-copyright {
        margin-top: 6%;
    }
    .login-copyright-form .col-md-6:nth-child(2) {
        width: 100%;
        margin-top: 30px;
    }
    .login-form .panel-title {
        font-size: 20px;
    }
    #copyright-txt {
        font-size: 15px;
        padding-top: 35px;
        padding-bottom: 15px;
    }
    .form-content .form-group {
        padding-left: 40px;
        padding-right: 20px;
    }
    .login-form .panel-default .panel-heading {
        padding: 30px 0 10px 33px;
    }
    .form-content .remember-pwd {
        left: 55px;
    }
    .form-content .text-right {
        padding-left: 26px;
        padding-right: 20px;
    }
}
@media (max-width: 320px){
    .login-form .panel-title {
        font-size: 18px;
        padding-bottom: 0px;
    }
    .form-content .login-btn {
        font-size: 16px;
    }
    #copyright-txt {
        font-size: 13px;
    }
}