.map-container {
   position: relative; width: 100%; height: 460px; margin-top: 10px;
}

#map {
   width: 100%; height: 100%;
}

.map-search {
    position: absolute; right: 0; top: 0;
}

.map-search-input {
    width: 200px; padding: 0 8px; font-size: 13px; line-height: 24px; height: 24px;
    box-shadow: 2px 2px 4px #999999 inset; background: #ffffff;
    border: none; margin: 10px; border-radius: 4px;
}

@media screen and (max-height: 520px) {
    .map-container {
        height: 300px;
    }
}

@media screen and (max-height: 360px) {
    .map-container {
        height: 200px;
    }
}
