.address-input {
    margin-bottom: 10px;
}

.active {
    display: block;
}

.inactive {
    display: none;
}

.suggestionContainer {
    position: relative;
}

.suggestionBox {
    position: absolute;
    top: -10px;
    left: -3px;
    border: solid 2px #e0e0e0;
    background-color: #fff;
    width: 500px;
    height: 200px;
    overflow-y: scroll;
    cursor: pointer;
    z-index: 2;

}

.suggestionBox > div {
    padding: 7px 10px;
}

.suggestionBox div:hover {
    background-color: #06c;
    color: #fff;
}

@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px) {
    .suggestionBox {
        max-width: 320px;
    }
    .suggestionBox > div > div:last-child {
        white-space: nowrap;
    }
}