@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1199px) {
    .divCenter .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media screen and (max-width: 1023px) {
    .divCenter .col-lg-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .boxLft, .boxRht {
        float: none;
        margin: 0 auto 40px;
    }

    .divCenter {
        position: fixed;
        left: auto;
        top: 50%;
        margin: 0;
        margin-top: -290px;
        min-height: 674px;
    }
}

@media screen and (max-width: 767px) {
    .innerDiv {
        overflow: visible;
    }

    .innerDiv2 {
        overflow: visible;
        padding: 30px 0;
    }

    .loginDiv {
        position: relative;
        left: auto;
        top: auto;
        margin: 20px auto;
        padding: 15px;
    }

    .divCenter {
        position: relative;
        left: auto;
        top: auto;
        margin: 0;
        margin-top: 0;
        min-height: auto;
    }

    .push {
        margin-bottom: 45px;
    }
}

@media screen and (max-width: 639px) {
    .loginBox {
        width: 528px;
    }
}

@media screen and (max-width: 567px) {
    .loginBox {
        width: 440px;
    }

    .loginDiv img {
        width: 66%;
    }
}

@media screen and (max-width: 479px) {
    .loginBox {
        width: 320px;
        padding: 40px;
    }

    .siteLogo img {
        width: 63%;
        float: left;
    }

    .burgMenu {
        padding: 20px 25px;
    }

    .innerTwoBox {
        width: 100%;
    }
}

@media screen and (max-width: 359px) {
    .loginBox {
        width: 280px;
    }

    .btn.login, .btn.register {
        float: none;
        width: 100%;
    }

    .btn.login {
        margin-bottom: 10px;
    }
}