@media only screen and (max-width: 1000px) {
    .nav-bar{
        padding: 10px 20px;
    }
    .nav-bar .logo img{
        width: 50;
        height: 40;
    }
    .nav-bar input{
        font-size: 15px;
        width: 100%;
    }
    .nav-bar .menu i {
        font-size: 40px;
    }
    .nav-bar .ulmenu a{
        width: 40%;
        padding: 15px;
        font-size: 17px;
    }   
    .nav-bar .ulmenu {
        top: 80;
    }
}