@media (max-width: 991px) {
    
    .search-overlay input[type=text] {
        width: 300px;    
    }

}

@media screen and (max-width : 767px) {

    .search-overlay-content {
        left: 0;
        transform: translate(0, -50%);
        width: 100%;
        padding: 0 15px;
    }

    .search-overlay input[type=text] {
        width: calc(100% - 65px);
    }

    .search-overlay button {
        width: 65px;
    }
}