@media screen and (max-width:991px) {
    body {
        background: url(../images/home/bg-phone.jpg);
        background-size: cover;
        background-repeat: no-repeat;
    }
    main {
        margin-top: 100px;
    }
    header {
        background-size: cover;
    }
    header .container .logo img {
        width: 20%;
    }
    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: 95%;
    }
    .register-btn .container .row button {
        width: 95%;
    }
    ul#move li img {
        width: 100%;
        margin-top: 0px;
    }
    .login .container {
        padding: 10px;
    }
    .phone-login .wrap {
        grid-template-columns: 28% 72%;
    }

}
@media screen and (max-width:600px) {
    .phone-login .wrap {
        grid-template-columns: 35% 65%;
    }
}
@media screen and (max-width:400px) {
    .phone-login .wrap {
        grid-template-columns: 42% 58%;
    }
}