@media only screen and (max-width: 767px)
.search-bar {
    width: 100%;
    margin: 0 auto;
}
@media (max-width: 768px)
.search-bar .search-forms {
    border-radius: 8px;
    width: 90%;
}
@media only screen and (max-width: 767px)
.search-forms {
    border: none;
}
@media only screen and (max-width: 767px)
.search-forms {
    margin-right: 0;
}
@media only screen and (max-width: 767px)
.search-bar .buton-div {
    flex: 1 0 100%;
}
@media only screen and (max-width: 767px)
.buton-div {
}
@media only screen and (max-width: 767px)
.search-1, .search-2, .search-3 {
    width: 100%;
    margin-bottom: 10px;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #fff;
}
@media only screen and (max-width: 767px)
#main-search {
    width: 88px;
}
@media only screen and (max-width: 767px)
#main-search, #kategoria, #vendndodhja {
    padding: 10px;
    font-size: 12px;
    width: 100%;
}
@media (max-width: 768px)
#buton-kerko {
    margin: 10px auto 0;
    border-radius: 8px;
    padding: 10px;
    height: unset !important;
    width: 90%;
    text-align: center;
    justify-content: center;
    align-items: center;
}
@media only screen and (max-width: 767px)
#buton-kerko {
    margin: 10px auto 0;
    border-radius: 8px;
    padding: 5px 10px;
    height: unset !important;
}