@media screen and (max-width: 768px) and (orientation: portrait) {
    .searchbar {
        width: 100% !important;
    }
}

@media screen and (max-width: 768px) and (orientation: landscape) {
    .searchbar {
        width: 60% !important;
    }
}