.customPos {
    top: calc(50% - 183px) !important;
}

.MarkerPin.active {
    z-index: 100 !important;
}

/* .mapContainer {
    width: 85vw;
    height: 85vh;
}

.map {
    width: max-content !important;
    height: max-content !important;
    padding: 20px 0px 20px 0px !important;
} */

/* .map img.ggskin_map {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
} */

/* .mapContainer .map_popup {
    transition: left 0ms linear !important;
}

.mapContainer.active .map_popup {
    transition: left 1000ms ease !important;
} */

@media (max-width: 630px) {
    .mapContainer .map_popup {
        opacity: 0 !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
    }

    .mapContainer .map_popup .map {
        pointer-events: none !important;
    }

    .mapContainer .map_popup .map,
    .mapContainer .map_popup .map > .ggskin_map {
        overflow: visible !important;
    }

    .mapContainer.active .map_popup {
        transition: opacity 500ms linear !important;
        opacity: 1 !important;
    }

    .mapContainer.active .map_popup .map {
        pointer-events: all !important;
    }

    .map_close_btn {
        bottom: 0 !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
}