/* ===== MOBILE RESPONSIVE ===== */
@media (max-width: 768px) {

    .map-wrapper {
        padding: 20px 10px;
    }

    .map-box {
        border-width: 2px;
        border-radius: 8px;
    }

    .map-img {
        width: 100%;
        height: auto;
    }

    /* Marker size small */
    .count {
        padding: 3px 6px;
        font-size: 12px;
    }

    /* Tooltip adjust */
    .tooltip {
        font-size: 11px;
        padding: 4px 8px;
        left: 110%;
    }

    .marker:hover .tooltip {
        left: 120%;
    }

    /* Reduce animation movement */
    @keyframes float {
        0%,100% { transform: translateY(0); }
        50% { transform: translateY(-4px); }
    }
    .popup-box input, .popup-box select, .popup-box textarea {padding: 5px;}
}