@media screen and (min-width: 767px) { 
    .search-form.search-no{
        width: 40%;
    }
    .search-form.search-no form input{
        width: 80%;
        padding: 5px 8px;
        border: none;
        color: #000;
        font-size: 16px;
        flex-grow: 3;
        background: transparent;
    }
    .search-form.search-no .btn-search input{
        padding: 5px 8px;
        border-radius: 0px 4px 4px 0px;
        color: #fff;
        font-size: 16px;
        background: #009FE3;
        border: none;
        height: 100%;
        width: 100%;
    }
    .form_search{
        border-radius: 4px;
        border: 1px solid #E0E0E0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 47px;
    }
    .form_search label{
            flex-grow: 1;
            margin-left: 10px;
    }
    .btn-search{
        height: 100%;
        flex-grow: 4;
    }
}

@media screen and (max-width: 767px) { 
    .form_search label{
        display: none;
    }
    .form_search{
        display: grid;
        grid-template-columns: 4fr 1fr;
        gap: 5px;
        align-items: center;
    }
    .search-form.search-no{
    	margin-top: 10px;
    }
    .search-form.search-no form input{
        padding: 5px 8px;
        background: #F2F3F5;
        border-radius: 10px;
        color: #000;
        border: 1px solid #009FE3;
        font-size: 16px;
    }

    .search-form.search-no .btn-search input{
        padding: 5px 8px;
        border-radius: 10px;
        color: #fff;
        border: none;
        font-size: 16px;
        background: #009FE3;
        width: 100%;
    }
}