@media only screen and (max-width: 576px) {
    .top-banner > div {
        height: 90vh;
        /* background-image: url('../images/bg_banner_mo_01.webp');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat; */
    }

    .highlight {
        padding-bottom: 0px;
    }

    .highlight .row > div {
        padding: 0px;
    }

    .project-preview {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .project-preview .row > div {
        padding: 0px;
    }

    .project-preview .subtitle {
        font-size: 10px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .project-location {
        padding-top: 0px;
        padding-bottom: 50px;
    }

    .project-location .row > div {
        padding: 0px;
    }
}