.map-canvas {
    position: relative;
    top: 0;
    left: 0;
    border-radius: 20;
    border: solid 1px #EEE;
}

@media (min-width: 768px) {
    .map-cursor {
        cursor: pointer;
    }
}

@media (max-width: 767px) {
    .wrapInPopupImageMapSection .modal-dialog.modal-dialog-centered {
        margin: 0px;
        padding: 0px;
    }

    .wrapPopupImageMapSection .modal-dialog .modal-content {
        margin-top: 50px;
        top: 12px;
        position: relative;
        right: 0;
        left: 0;
        padding: 15px;
    }

    canvas#map {
        background-color: rgb(243, 243, 243);
        width: 100%;
    }

    .full-map {
        width: 100%;
    }
}

canvas#map {
    background-color: rgb(243, 243, 243);
}
.aseanmap_modal strong {
    color: #222222;
    font-family: Thongterm-Bold;
    font-weight: 700;
    font-size: 16px;
}
.aseanmap.container-fluid.mt-4.px-0 {
    margin-left: -15px;
    margin-right: -15px;
}
.aseanmap {
    width: 100%;
}
.content-for-asian .col-12 {
    padding-left: 0px;
    padding-right: 0px;
}
.aseanmap.mt-4 {
    margin-bottom: 40px;
}
@media (min-width: 767px) {
    .content-for-asian .col-12 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}