@media (max-width: 420px) {

    #menu {
        top: 55px;
        right: 10px;
    }

    #menu button {
        width: 100%;
    }

    .icon-menu {
        margin-bottom: 10px;
    }

    .icon-menu img {
        width: 40px;
    }


    #note {
        max-width: 150px;
        position: absolute;
        bottom: 15px;
        left: 10px;
        z-index: 5;
        font-size: 10px;
    }

    .item-note {
        padding: 0 0 0 20px;
    }

    #note-point {
        max-width: 150px;
        margin-top: 15px;
        max-height: 80px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    #note-point .item-note div {
        padding-left: 5px;
    }

    .item-note-color {
        width: 15px;
        height: 15px;
    }

    .item-note-text {
        padding-left: 5px;
    }

    #note-mesh .item-note div {
        line-height: 20px;
    }

    #note-mesh .item-note-text {
        padding-right: 10px;
    }

    .form-popup, .form, #setting-deer-trap, #display-project {
        width: 100% !important;
        height: 100%;
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 9;
    }

    .form-popup .form-container, .form-menu, #form-point-setting, #form-display-project {
        max-width: 100%;
        width: 100% !important;
        height: 100%;
        margin: 0;
    }

    .custom .modal .modal-dialog {
        margin: 0;
    }

    .custom .modal .modal-dialog .modal-content {
        min-height: 100vh;
    }

    .check-display {
        margin-left: 15px;
    }

    #popup-info, #popup-name, #popup-info-point {
        z-index: 5;
        top: 110px;
        left: 5px;
        font-size: 12px;
        max-width: 150px;
        min-height: 50px;
        max-height: 400px;
    }

    #popup-name {
        top: 52px;
        left: 32%;
    }

    #content-info {
        padding: 10px;
    }

    #update-deer-trap button, #create-modal-project button {
        width: auto !important;
    }

    .center-point {
        font-size: 2em !important;
    }
    .h30 {
        height: 30px;
    }

}