.nav{
    margin-top: 50px;
}
.h11{
    height: 300px;
}
.serach1{
    width: 30%;
}
@media  screen and (min-width:220px) {
    .nav{
        margin-top: 30px;
    }
    .h11{
        height: 220px;
    }
    .serach1{
        width: 80%;
    }
}
@media  screen and (min-width:720px) {
    .nav{
        margin-top: 50px;
    }
    .h11{
        height: 300px;
    }
    .serach1{
        width: 30%;
    }
}
@media  screen and (min-width:920px) {
    .nav{
        margin-top: 50px;
    }
    .h11{
        height: 300px;
    }
    .serach1{
        width: 30%;
    }
}