.searchbar{
    background-color: #b3b3b338;
    border:1px solid #d8d7d7;
}

.search_input::placeholder {
    color: inherit;
    opacity: 0.75; /* Firefox */
}

.search_input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: inherit;
}

.search_input::-ms-input-placeholder { /* Microsoft Edge */
    color: inherit;
}

.search_input{
    outline: 0;
    /*width: 80%;*/
    caret-color:inherit;
    transition: width 0.4s linear;
}

.search_icon:hover{
    background-color: transparent;
    text-decoration: none;
}

.search_icon{
    color: inherit;
}

@media (min-width: 768px) {
    .search-box {
        height: auto;
    }
}