@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 .logo img {
        width: 160px;
        height: 43px;
        /* padding-left: 10px; */
    }

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

    header .container .login .btn1 {
        font-size: 14px;
        border-radius: 50px;
        margin-left: 5px;
        width: 80px;
        height: 35px;
        text-align: center;
        line-height: 35px;
    }

    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%;
    }

    button[type=submit] {
        padding: 10px !important
    }

    .description .container img {
        width: 200px;
        display: block;
    }


}