@media only screen and (max-width: 768px) {

    /* For mobile phones: */
    /* [class*="col-"] {
      width: 100%;
    } */

    .header-right-side-bg {
        display: none;
    }

    .navbar_bottom a {
        /* margin: 0px; */
        padding: 8px;
    }

    .map-controller {
        position: fixed;
        bottom: calc(100vh / 2) !important;
        right: 1rem;
    }

    #mouse-coordinate {
        bottom: 90px !important;
        right: 1rem !important;
    }

    .ol-control {
        margin-bottom: calc(100vh / 2 - 120px) !important;
    }

    .account_box,
    .input_box {
        width: 100%;
    }
}