.hidden {
        display: none;
    }

    .map_img1:after {
        background: #bc002d;
        width: 6px;
        height: 6px;
        content: "";
        position: absolute;
        top: 12%;
        left: 55%;
        border-radius: 50px;
        padding: 0;
        box-shadow: 0px 0px 0px 5px #bc002d66;
    }

    .map_img2:after {
        background: #bc002d;
        width: 6px;
        height: 6px;
        content: "";
        position: absolute;
        top: 36%;
        left: 48.3%;
        border-radius: 50px;
        padding: 0;
        box-shadow: 0px 0px 0px 5px #bc002d66;
    }

    .map_img3:after {
        background: #bc002d;
        width: 6px;
        height: 6px;
        content: "";
        position: absolute;
        top: 54%;
        left: 46%;
        border-radius: 50px;
        padding: 0;
        box-shadow: 0px 0px 0px 5px #bc002d66;
    }

    .map_img4:after {
        background: #bc002d;
        width: 6px;
        height: 6px;
        content: "";
        position: absolute;
        top: 56%;
        left: 43%;
        border-radius: 50px;
        padding: 0;
        box-shadow: 0px 0px 0px 5px #bc002d66;
    }

    .map_img5:after {
        background: #bc002d;
        width: 6px;
        height: 6px;
        content: "";
        position: absolute;
        top: 57%;
        left: 39%;
        border-radius: 50px;
        padding: 0;
        box-shadow: 0px 0px 0px 5px #bc002d66;
    }

    .map_img7:after {
        background: #bc002d;
        width: 6px;
        height: 6px;
        content: "";
        position: absolute;
        top: 52%;
        left: 33%;
        border-radius: 50px;
        padding: 0;
        box-shadow: 0px 0px 0px 5px #bc002d66;
    }

    .map_img6:after {
        background: #bc002d;
        width: 6px;
        height: 6px;
        content: "";
        position: absolute;
        top: 56%;
        left: 34%;
        border-radius: 50px;
        padding: 0;
        box-shadow: 0px 0px 0px 5px #bc002d66;
    }

    .map_img11:after {
        background: #bc002d;
        width: 6px;
        height: 6px;
        content: "";
        position: absolute;
        top: 65%;
        left: 23%;
        border-radius: 50px;
        padding: 0;
        box-shadow: 0px 0px 0px 5px #bc002d66;
    }

    .map_img8:after {
        background: #bc002d;
        width: 6px;
        height: 6px;
        content: "";
        position: absolute;
        top: 59%;
        left: 30%;
        border-radius: 50px;
        padding: 0;
        box-shadow: 0px 0px 0px 5px #bc002d66;
    }

    .map_img9:after {
        background: #bc002d;
        width: 6px;
        height: 6px;
        content: "";
        position: absolute;
        left: 28.8%;
        border-radius: 50px;
        padding: 0;
        box-shadow: 0px 0px 0px 5px #bc002d66;
        bottom: 35.5%;
    }

    .map_img10:after {
        background: #bc002d;
        width: 6px;
        height: 6px;
        content: "";
        position: absolute;
        left: 17%;
        border-radius: 50px;
        padding: 0;
        box-shadow: 0px 0px 0px 5px #bc002d66;
        bottom: 37%;
    }

    .map_img12:after {
        background: #bc002d;
        width: 6px;
        height: 6px;
        content: "";
        position: absolute;
        left: 12%;
        border-radius: 50px;
        padding: 0;
        box-shadow: 0px 0px 0px 5px #bc002d66;
        bottom: 27%;
    }

    .hover_c2 {
        position: absolute;
        top: 0px;
        width: 30%;
        right: 7%;
        background-color: #FFF;
        height: auto;
        box-shadow: 0px 0px 20px 20px rgba(0, 0, 0, 0.04);
        padding: 2px;
        border-radius: 6px;
        z-index: 99;
    }

    .hover_c2:after {
        position: absolute;
        content: '';
        top: 41px;
        left: -57px;
        border-top: 6px solid transparent;
        transform: rotate(-26deg);
        border-bottom: 6px solid transparent;
        border-right: 112px solid white;
        z-index: -1;
    }

    .hover_c3 {
        position: absolute;
        top: 16%;
        width: 30%;
        right: 7%;
        background-color: #FFF;
        height: auto;
        box-shadow: 0px 0px 20px 20px rgba(0, 0, 0, 0.04);
        padding: 2px;
        border-radius: 6px;
        z-index: 99;
    }

    .hover_c3:after {
        position: absolute;
        content: '';
        top: 66px;
        left: -109px;
        border-top: 6px solid transparent;
        transform: rotate(-30deg);
        border-bottom: 7px solid transparent;
        border-right: 186px solid white;
        z-index: -1;
    }

    .hover_c4 {
        position: absolute;
        width: 30%;
        background-color: #FFF;
        height: auto;
        box-shadow: 0px 0px 20px 20px rgba(0, 0, 0, 0.04);
        padding: 2px;
        border-radius: 6px;
        bottom: 54%;
        right: 8%;
        z-index: 99;
    }

    .hover_c4:after {
        position: absolute;
        content: '';
        top: 48px;
        left: -116px;
        border-top: 6px solid transparent;
        transform: rotate(-31deg);
        border-bottom: 6px solid transparent;
        border-right: 154px solid white;
        z-index: -1;
    }

    .hover_c5 {
        position: absolute;
        width: 30%;
        background-color: #FFF;
        height: auto;
        box-shadow: 0px 0px 20px 20px rgba(0, 0, 0, 0.04);
        padding: 2px;
        border-radius: 6px;
        bottom: 40%;
        right: 9%;
        z-index: 99;
    }

    .hover_c5:after {
        position: absolute;
        content: '';
        top: 18px;
        left: -118px;
        border-top: 6px solid transparent;
        transform: rotate(-1deg);
        border-bottom: 6px solid transparent;
        border-right: 154px solid white;
        z-index: -1;
    }

    .hover_c6 {
        position: absolute;
        width: 30%;
        background-color: #FFF;
        height: auto;
        box-shadow: 0px 0px 20px 20px rgba(0, 0, 0, 0.04);
        padding: 2px;
        border-radius: 6px;
        bottom: 31%;
        z-index: 99;
        right: 22%;
    }

    .hover_c6:after {
        position: absolute;
        content: '';
        top: -2px;
        left: -62px;
        border-top: 6px solid transparent;
        transform: rotate(24deg);
        border-bottom: 6px solid transparent;
        border-right: 119px solid white;
        z-index: -1;
    }

    .hover_c7 {
        position: absolute;
        width: 30%;
        background-color: #FFF;
        height: auto;
        box-shadow: 0px 0px 20px 20px rgba(0, 0, 0, 0.04);
        padding: 2px;
        border-radius: 6px;
        bottom: 68%;
        left: 13%;
        z-index: 99;
    }

    .hover_c7:after {
        position: absolute;
        content: '';
        top: 93px;
        left: 61px;
        border-top: 6px solid transparent;
        transform: rotate(-84deg);
        border-bottom: 6px solid transparent;
        border-right: 180px solid white;
        z-index: -1;
    }

    .hover_c8 {
        position: absolute;
        width: 30%;
        background-color: #FFF;
        height: auto;
        box-shadow: 0px 0px 20px 20px rgba(0, 0, 0, 0.04);
        padding: 2px;
        border-radius: 6px;
        bottom: 57%;
        left: 0;
        z-index: 99;
    }

    .hover_c8:after {
        position: absolute;
        content: '';
        top: 46px;
        left: 131px;
        border-top: 6px solid transparent;
        transform: rotate(-125deg);
        border-bottom: 6px solid transparent;
        border-right: 117px solid white;
        z-index: -1;
    }

    .hover_c11 {
        position: absolute;
        width: 30%;
        background-color: #FFF;
        height: auto;
        box-shadow: 0px 0px 20px 20px rgba(0, 0, 0, 0.04);
        padding: 2px;
        border-radius: 6px;
        bottom: 46%;
        left: 0;
        z-index: 99;
    }

    .hover_c11:after {
        position: absolute;
        content: '';
        top: 57px;
        left: 74px;
        border-top: 6px solid transparent;
        transform: rotate(-107deg);
        border-bottom: 6px solid transparent;
        border-right: 64px solid white;
        z-index: -1;
    }

    .hover_c9 {
        position: absolute;
        width: 30%;
        background-color: #FFF;
        height: auto;
        box-shadow: 0px 0px 20px 20px rgba(0, 0, 0, 0.04);
        padding: 2px;
        border-radius: 6px;
        bottom: 22%;
        left: 43%;
        z-index: 99;
    }

    .hover_c9:after {
        position: absolute;
        content: '';
        top: -29px;
        left: -93px;
        border-top: 6px solid transparent;
        transform: rotate(29deg);
        border-bottom: 6px solid transparent;
        border-right: 163px solid white;
        z-index: -1;
    }

    .hover_c10 {
        position: absolute;
        width: 30%;
        background-color: #FFF;
        height: auto;
        box-shadow: 0px 0px 20px 20px rgba(0, 0, 0, 0.04);
        padding: 2px;
        border-radius: 6px;
        bottom: 13%;
        right: 30%;
        z-index: 99;
    }

    .hover_c10:after {
        position: absolute;
        content: '';
        top: -44px;
        left: -96px;
        border-top: 6px solid transparent;
        transform: rotate(48deg);
        border-bottom: 6px solid transparent;
        border-right: 136px solid white;
        z-index: -1;
    }

    .hover_c12 {
        position: absolute;
        width: 25%;
        background-color: #FFF;
        height: auto;
        box-shadow: 0px 0px 20px 20px rgba(0, 0, 0, 0.04);
        padding: 2px;
        border-radius: 6px;
        bottom: 75px;
        left: 14%;
        z-index: 99;
    }

    .hover_c12:after {
        position: absolute;
        content: '';
        top: -32px;
        left: -12px;
        border-top: 6px solid transparent;
        transform: rotate(111deg);
        border-bottom: 6px solid transparent;
        border-right: 109px solid white;
        z-index: -1;
    }

    .hover_c13 {
        position: absolute;
        width: 25%;
        background-color: #FFF;
        height: auto;
        box-shadow: 0px 0px 20px 20px rgba(0, 0, 0, 0.04);
        padding: 2px;
        border-radius: 6px;
        bottom: 25px;
        left: 0;
        z-index: 99;
    }

    .hover_c13:after {
        position: absolute;
        content: '';
        top: -37px;
        left: 23px;
        border-top: 6px solid transparent;
        transform: rotate(95deg);
        border-bottom: 6px solid transparent;
        border-right: 112px solid white;
        z-index: -1;
    }

    .tk1 {
        font-weight: bold;
        color: #000;
        width: 100%;
        margin-left: 5px;
    }

    .tk2 {
        color: grey;
        width: 70%;
        position: absolute;
        top: 22px;
        left: 57px;
        font-size: 12px;
        font-weight: bold;
    }

    .map_cst2 {
        position: absolute;
        right: 16px;
        top: 6px;
    }

    .map_cstm_section .container {
        max-width: 1140px;
    }

    img.j2 {
        width: 40px;
        object-fit: cover;
        height: 40px;
        margin-left: 10px;
    }

    a.top-place-read {
        color: #000;
        font-weight: bold;
        font-size: 15px;
    }

    .hover_c1,
    .hover_c2,
    .hover_c3,
    .hover_c4,
    .hover_c5,
    .hover_c6,
    .hover_c7,
    .hover_c8,
    .hover_c9,
    .hover_c10,
    .hover_c11,
    .hover_c12,
    .hover_c13 {
        display: block !important;
    }

    @media screen and (min-width: 992px) and (max-width: 1199px) {
        .map_img1:after {
            top: 13%;
            left: 38%;
        }

        .map_img2:after {
            top: 39%;
            left: 37%;
        }

        .map_img3:after {
            top: 62%;
            left: 31%;
        }

        .map_img4:after {
            top: 64%;
            left: 29%;
        }

        .map_img5:after {
            top: 65%;
            left: 27%;
        }

        .map_img6:after {
            top: 57%;
            left: 23%;
        }

        .map_img7:after {
            top: 61%;
            left: 23%;
        }

        .map_img8:after {
            top: 83%;
            left: 12%;
        }

        .map_img9:after {
            top: 70%;
            left: 20%;
        }

        .map_img10:after {
            bottom: 25%;
            left: 19%;
        }

        .map_img11:after {
            bottom: 29%;
            left: 12%;
        }

        .map_img12:after {
            bottom: 8%;
            left: 5%;
        }

    }

    @media screen and (max-width: 991px) {
        .map_img1:after {
            top: 13%;
            left: 49%;
        }

        .map_img2:after {
            top: 39%;
            left: 48%;
        }

        .map_img3:after {
            top: 62%;
            left: 41%;
        }

        .map_img4:after {
            top: 64%;
            left: 39%;
        }

        .map_img5:after {
            top: 66%;
            left: 36%;
        }

        .map_img6:after {
            top: 56%;
            left: 30%;
        }

        .map_img7:after {
            top: 61%;
            left: 30%;
        }

        .map_img8:after {
            top: 83%;
            left: 16%;
        }

        .map_img9:after {
            top: 68%;
            left: 26%;
        }

        .map_img10:after {
            bottom: 26%;
            left: 25%;
        }

        .map_img11:after {
            bottom: 29%;
            left: 16%;
        }

        .map_img12:after {
            bottom: 7%;
            left: 6%;
        }
    }

    @media screen and (max-width: 576px) {
        .map_img1:after {
            left: 78%;
        }

        .map_img2:after {
            top: 39%;
            left: 78%;
        }

        .map_img3:after {
            top: 62%;
            left: 65%;
        }

        .map_img4:after {
            top: 64%;
            left: 61%;
        }

        .map_img5:after {
            top: 65%;
            left: 57%;
        }

        .map_img6:after {
            top: 55%;
            left: 48%;
        }

        .map_img7:after {
            top: 60%;
            left: 48%;
        }

        .map_img8:after {
            top: 83%;
            left: 27%;
        }

        .map_img9:after {
            top: 68%;
            left: 41%;
        }

        .map_img10:after {
            bottom: 26%;
            left: 41%;
        }

        .map_img11:after {
            bottom: 28%;
            left: 23%;
        }

        .map_img12:after {
            bottom: 7%;
            left: 12%;
        }
    }


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

    .hover_c1,
    .hover_c2,
    .hover_c3,
    .hover_c4,
    .hover_c5,
    .hover_c6,
    .hover_c7,
    .hover_c8,
    .hover_c9,
    .hover_c10,
    .hover_c11,
    .hover_c12,
    .hover_c13 {
        display: none !important;
    }

    .map_img1,
    .map_img2,
    .map_img3,
    .map_img4,
    .map_img5,
    .map_img6,
    .map_img7,
    .map_img8,
    .map_img9,
    .map_img10,
    .map_img11,
    .map_img12 {
        display: none !important;    
    }

    .d-md-flex {display: none !important;}
    .map_tablet {display: block !important;}


    }
    

    @media screen and (min-width: 1025px) {

    .map_computer {display: block !important;}
    
    
    }