If you want to have the same search as in Office Demo but you do not want to import this demo, please follow below steps.

The office demo homepage – https://office.wprentals.org/ –  is created with:

• Search type 4
• Search display in float mode. Read more here 
• Hero Media as set as image. Read more here

Select Search type 4

Enable and set search custom fields

Css to hide default fields

Help to add to custom css https://help.wprentals.org/article/3029/

/*adv search*/

.adv_handler {
display: none;
}

.adv-search-4 {
padding: 10px 10px 5px 10px;
}

.adv-search-4 .col-md-2:nth-of-type(2) {
display: none;
}

#search_wrapper {
max-width: 900px;
left: 0px;
right: 0px;
margin: 0 auto;
}

#search_wrapper_color {
max-width: 900px;
left: 0px;
right: 0px;
margin: 0 auto;
}

#advanced_submit_4{
width:100%;
}

.adv-search-4 .col-md-2:nth-of-type(4), .adv-search-4 .col-md-2:nth-of-type(3) {
width: 25%;
}

Css to hide both categories and types

#search_wrapper, #search_wrapper_color {
    max-width: 750px;
}

.adv_handler, .adv-search-4 .col-md-2:nth-of-type(2), .adv-search-4 .col-md-2:nth-of-type(3) {
    display: none;
}

#search_wrapper.search_wr_type4 .col-md-6 {
    width: 83%;
}

#advanced_submit_4{
width:100%;
}