#whyTravelSlider {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: nowrap;
}

    #whyTravelSlider .item {
        flex: 1;
        max-width: 300px;
        text-align: center;
    }

.form-control {
    height: 20px !important;
}

@media(max-width:500px) {
    #whyTravelSlider .item {
        max-width: 100%;
    }
}

.owl-nav button {
    display: none;
}

@media (min-width: 280px) and (max-width:500px) {
    .destop-banner {
        display: none;
    }
}

@media (min-width: 500px) {
    .mobile-banner {
        display: none;
    }
}