@media screen and (max-width:600px) {
    .search-group {
        width: 50%;
        float: right;
    }
}
@media screen and (min-width:601px) {
    .search-group {
        width: 30%;
        float: right;
    }
}
.search-group>.form-control{
    background-color:transparent;
    color:white;
}

.search-text{
    width:90%;
}