@media screen and (max-width : 1199px) {
    .search-overlay-content input[type=text] {
        width: 400px;
    }
}

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

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

    .search-overlay .closebtn {
        top: 15px;
        right: 15px;
    }

    .search-overlay-content {
        width: calc(100% - 30px);
    }

    .search-overlay input[type=text] {
        width: calc(100% - 64px);
        font-size: 1em;
    }

    .quicksearch_results ul {
        max-height: 120px;
    }
}