#progressbar {
    color: #ffffff;
    font-weight: 700;
    text-align: center !important;
    font-size: 16px;
    line-height: 29px;
    height: 30px;
    width: 100% !important;
    padding: 0 30px;
}
#progressbar .progress {
    width: 100% !important;
    text-align: center !important;
}
@media only screen and (min-width: 1000px) and (max-width: 1024px) {
    .main.main-map {
        max-height: 60vh;
    }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
    .main.main-map {
        max-height: 100vh;
        padding-bottom: 20vh;
    }
}
@media (max-width: 767px) {
    div.category_unittype_mobile.slider-mobile-fix {
        padding-bottom: 75px !important;
    }
    div.category_facilities {
        padding-bottom: 0px !important;
    }
    .main.main-map {
        padding-top: 0px;
    }
    .main-navigation {
        margin-top: 0px;
    }
    .cstm-masterplan {
        padding: 0 20px !important;
    }
    .main.main-map div.category_facilities h3 {
        position: relative;
        top: 0px;
        padding-top: 125px;
        max-width: 85%;
        left: -7px;
        margin: 0 auto;
    }
}