@media screen and (min-width:320px) and (max-width:1200px) {
    .autocomplete,
    .autocomplete-search {
        position: relative;
        display: inline-block;
    }

    .autocomplete-items div,
    .autocomplete-items-search div {
        padding: 16px;
        cursor: pointer;
        font-family: Heebo, sans-serif;
        letter-spacing: 1px;
        font-weight: 400;
        width: 130%
    }

    * {
        box-sizing: border-box
    }

    .autocomplete {
        width: 33%;
        top: 35%;
        margin-left: 13.5%
    }

    .autocomplete-search {
        width: 100%
    }

    .autocomplete-items,
    .autocomplete-items-search {
        position: absolute;
        z-index: 99;
        top: 100%;
        left: 0;
        right: 0
    }

    .autocomplete-items {
        margin-left: 37px;
        width: 94%;
        border: 1px solid #d0d0e5;
        border-top: none;
        border-bottom: none
    }

    .autocomplete-items div {
        background-color: #fff;
        color: #041A31;
        font-size: 18px;
        border-bottom: 1px solid #d0d0e5
    }

    .autocomplete-items div:hover {
        background-color: #F0F0FA
    }

    .autocomplete-active {
        background-color: #F0F0FA!important
    }

    strong {
        color: #5050c4
    }

    .autocomplete-items-search {
        width: 100%;
        border: 1px solid #d0d0e5;
        border-top: none;
        border-bottom: none
    }

    .autocomplete-items-search div {
        background-color: #fff;
        color: #041A31;
        font-size: 15px;
        border-bottom: 1px solid #d0d0e5
    }

    .autocomplete-items-search div:hover {
        background-color: #F0F0FA
    }

    .autocomplete-active-search {
        background-color: #F0F0FA!important
    }
}

@media screen and (min-width:1201px) {
    .autocomplete,
    .autocomplete-search {
        position: relative;
        display: inline-block;
        float: left
    }

    .autocomplete-items div,
    .autocomplete-items-search div {
        padding: 16px;
        cursor: pointer;
        font-family: Heebo, sans-serif;
        letter-spacing: 1px;
        font-weight: 400
    }

    * {
        box-sizing: border-box
    }

    .autocomplete {
        width: 33%;
        top: 35%;
        margin-left: 13.5%
    }

    .autocomplete-search {
        width: 17%
    }

    .autocomplete-items,
    .autocomplete-items-search {
        position: absolute;
        z-index: 99;
        top: 100%;
        left: 0;
        right: 0
    }

    .autocomplete-items {
        margin-left: 37px;
        width: 94%;
        border: 1px solid #d0d0e5;
        border-top: none;
        border-bottom: none
    }

    .autocomplete-items div {
        background-color: #fff;
        color: #041A31;
        font-size: 18px;
        border-bottom: 1px solid #d0d0e5
    }

    .autocomplete-items div:hover {
        background-color: #F0F0FA
    }

    .autocomplete-active {
        background-color: #F0F0FA!important
    }

    strong {
        color: #5050c4
    }

    .autocomplete-items-search {
        width: 100%;
        border: 1px solid #d0d0e5;
        border-top: none;
        border-bottom: none
    }

    .autocomplete-items-search div {
        background-color: #fff;
        color: #041A31;
        font-size: 15px;
        border-bottom: 1px solid #d0d0e5
    }

    .autocomplete-items-search div:hover {
        background-color: #F0F0FA
    }

    .autocomplete-active-search {
        background-color: #F0F0FA!important
    }
}