@media screen and (max-width:991px) {
    body {
        line-height: normal !important;
    }

    body:before {
        content: "";
        display: block;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: -10;
        background: url(../images/home/bg-header-m.jpg) no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    main {
        margin-top: 100px;
    }

    header {
        background-size: cover;
    }

    header .container .login {
        margin-top: 5px;
        right: 0;
    }

    header .container .km {
        display: none;
    }

    .fa-home-alt {
        display: none;
    }

    .menu-bar {
        font-size: 22px;
        font-weight: 600;
        font-family: DB-Heavent-Cond;
    }

    .icon-nav {
        position: relative;
        top: 10px;
        left: -10px;
        display: inline;
        height: 30px;
    }

    header .container .km {
        width: 20px;
        height: 20px;
        float: left;
        position: relative;
        top: 6px;
    }

    .login-btn .container .row button {
        width: 90%;
    }

    .register-btn .container .row button {
        width: 90%;
    }

    span.psw {
        display: block;
        float: none;
    }

    .cancelbtn {
        width: 100%;
    }

    .modal-login-content {
        width: 95%;
    }

    .description .container img {
        width: 200px;
        display: block;
    }
        span.psw {
        display: block;
        float: none;
    }

    .cancelbtn {
        width: 100%;
    }

    .modal-content-signup {
        margin: 5% auto 0% auto;
        width: 95%;
        border-radius: 10px;
    }
        

}