@media screen  and(max-width:1100px){
    header{
        width: 95%;
    }
    header .trip-bx .search-bx{
        width: 70%;
    }
    header .trip-bx .travel_bx .cards{
        overflow: auto;
    }
    header .trip-bx .travel_bx .cards .card{
        min-width: 220px;
        margin-right: 10px;
    }
}
@media screen  and(max-width:950px){

    header .trip-bx .search-bx{
        width: 85%;
    }
    header .trip-bx .search-bx .card{
        margin-right: 8px;
    }
}
@media screen  and(max-width:950px){

    header .trip-bx .search-bx{
        width: 85%;
    }
    header .trip-bx .search-bx .card{
        margin-right: 8px;
    }
}