.map #1 {
    background: url(../images/plan01.jpg) no-repeat -6px -3px;
    border: 5px solid #df4661;
    width: 507px;
    height: 544px;
}

.tooltip {
    z-index: 1000;
    padding: 5px !important;
    background-color: #f1ecdc !important;
    border: 1px solid #e1dbc7 !important;
}

.plan01 {
    background: url(../images/WestExhibitionHallA.jpg) no-repeat center center / cover;
    border: 5px solid #df4661;
}

.plan02 {
    background: url(../images/MiddleHallOutside-B1.jpg) no-repeat center center / cover;
    border: 5px solid #df4661;
}

.plan04 {
    background: url(../images/MainEntrance-C.jpg) no-repeat center center / cover;
    border: 5px solid #df4661;
}


/*---------------------------------------------Large View---------------------------------------------------*/
@media (min-width: 1200px) {

    .plan01, .plan02, .plan04 {
        width: 635px;
        height: 539px;
        position: relative;
    }

    .Booth {
        position: absolute;
        border-radius: 50%;
    }

    .Booth01 {
        bottom: 29%;
        left: 52.5%;
    }

    .Booth02 {
        bottom: 39.8%;
        left: 47.5%;
    }

    .Booth03 {
        bottom: 52.9%;
        left: 49.6%;
    }

    .Booth04 {
        bottom: 57%;
        left: 56.5%;
    }

    .Booth05 {
        bottom: 77.8%;
        left: 63.6%;
    }

    .Booth06 {
        bottom: 68.2%;
        left: 66.9%;
    }

    .Booth06 {
        bottom: 75.2%;
        left: 57.9%;
    }

    .Booth07 {
        bottom: 71.5%;
        left: 52%;
    }

    .Booth08 {
        bottom: 67.8%;
        left: 46.2%;
    }

    .Booth09 {
        bottom: 64.8%;
        left: 40.2%;
    }

    .Booth10 {
        bottom: 61.2%;
        left: 35.5%;
    }

    .Booth11 {
        bottom: 58.2%;
        left: 29.5%;
    }

    .Booth12 {
        bottom: 54.9%;
        left: 23.9%;
    }

    .Booth13 {
        bottom: 48%;
        left: 18.6%;
    }

    .Booth14 {
        bottom: 45%;
        left: 12.9%;
    }

    .Booth15 {
        bottom: 41.5%;
        left: 7.6%;
    }

    .Booth16 {
        bottom: 31.5%;
        left: 20%;
    }

    .Booth17 {
        bottom: 24.2%;
        left: 23.3%;
    }

    .Booth18 {
        bottom: 20.8%;
        left: 38%;
    }

    .Booth21 {
        bottom: 40.7%;
        left: 75.6%;
    }

    .Booth22 {
        bottom: 64%;
        left: 68%;
    }

    .Booth23 {
        left: 49.4%;
        top: 41.5%;
    }

    .Booth24 {
        left: 40.5%;
        top: 41.5%;
    }

    .Booth1001 {
        left: 23.2%;
        top: 31%;
    }

    .Booth1002 {
        left: 15%;
        top: 55%;
    }

    .Booth37 {
        right: 29.8%;
        top: 23%;
    }

    .Booth38 {
        right: 57.1%;
        top: 23%;
    }

    .Booth52 {
        right: 13.1%;
        top: 65.9%;
    }

    .cong-msg {
        font-size: 24px;
    }
}


/*--------------------------------------------Medium View---------------------------------------------------*/
@media (min-width: 992px) and (max-width: 1199px) {

    .plan01, .plan02, .plan04 {
        width: 635px;
        height: 539px;
        position: relative;
    }

    .Booth {
        position: absolute;
        border-radius: 50%;
    }

    .Booth01 {
        bottom: 29%;
        left: 52.5%;
    }

    .Booth02 {
        bottom: 39.8%;
        left: 47.5%;
    }

    .Booth03 {
        bottom: 52.9%;
        left: 49.6%;
    }

    .Booth04 {
        bottom: 57%;
        left: 56.5%;
    }

    .Booth05 {
        bottom: 77.8%;
        left: 63.6%;
    }

    .Booth06 {
        bottom: 68.2%;
        left: 66.9%;
    }

    .Booth06 {
        bottom: 75.2%;
        left: 57.9%;
    }

    .Booth07 {
        bottom: 71.5%;
        left: 52%;
    }

    .Booth08 {
        bottom: 67.8%;
        left: 46.2%;
    }

    .Booth09 {
        bottom: 64.8%;
        left: 40.2%;
    }

    .Booth10 {
        bottom: 61.2%;
        left: 35.5%;
    }

    .Booth11 {
        bottom: 58.2%;
        left: 29.5%;
    }

    .Booth12 {
        bottom: 54.9%;
        left: 23.9%;
    }

    .Booth13 {
        bottom: 48%;
        left: 18.6%;
    }

    .Booth14 {
        bottom: 45%;
        left: 12.9%;
    }

    .Booth15 {
        bottom: 41.5%;
        left: 7.6%;
    }

    .Booth16 {
        bottom: 31.5%;
        left: 20%;
    }

    .Booth17 {
        bottom: 24.2%;
        left: 23.3%;
    }

    .Booth18 {
        bottom: 20.8%;
        left: 38%;
    }

    .Booth21 {
        bottom: 40.7%;
        left: 75.6%;
    }

    .Booth22 {
        bottom: 64%;
        left: 68%;
    }

    .Booth23 {
        left: 49.4%;
        top: 41.5%;
    }

    .Booth24 {
        left: 40.5%;
        top: 41.5%;
    }

    .Booth1001 {
        left: 23.2%;
        top: 31%;
    }

    .Booth1002 {
        left: 15%;
        top: 55%;
    }

    .Booth37 {
        right: 29.8%;
        top: 23%;
    }

    .Booth38 {
        right: 57.1%;
        top: 23%;
    }

    .Booth52 {
        right: 13.1%;
        top: 65.9%;
    }

    .cong-msg {
        font-size: 24px;
    }
}

/*--------------------------------------------Small View----------------------------------------------------*/
@media (min-width: 768px) and (max-width: 991px) {

    .plan01, .plan02, .plan04 {
        width: 635px;
        height: 539px;
        position: relative;
    }

    .Booth {
        position: absolute;
        border-radius: 50%;
    }

    .Booth01 {
        bottom: 29%;
        left: 52.5%;
    }

    .Booth02 {
        bottom: 39.8%;
        left: 47.5%;
    }

    .Booth03 {
        bottom: 52.9%;
        left: 49.6%;
    }

    .Booth04 {
        bottom: 57%;
        left: 56.5%;
    }

    .Booth05 {
        bottom: 77.8%;
        left: 63.6%;
    }

    .Booth06 {
        bottom: 68.2%;
        left: 66.9%;
    }

    .Booth06 {
        bottom: 75.2%;
        left: 57.9%;
    }

    .Booth07 {
        bottom: 71.5%;
        left: 52%;
    }

    .Booth08 {
        bottom: 67.8%;
        left: 46.2%;
    }

    .Booth09 {
        bottom: 64.8%;
        left: 40.2%;
    }

    .Booth10 {
        bottom: 61.2%;
        left: 35.5%;
    }

    .Booth11 {
        bottom: 58.2%;
        left: 29.5%;
    }

    .Booth12 {
        bottom: 54.9%;
        left: 23.9%;
    }

    .Booth13 {
        bottom: 48%;
        left: 18.6%;
    }

    .Booth14 {
        bottom: 45%;
        left: 12.9%;
    }

    .Booth15 {
        bottom: 41.5%;
        left: 7.6%;
    }

    .Booth16 {
        bottom: 31.5%;
        left: 20%;
    }

    .Booth17 {
        bottom: 24.2%;
        left: 23.3%;
    }

    .Booth18 {
        bottom: 20.8%;
        left: 38%;
    }

    .Booth21 {
        bottom: 40.7%;
        left: 75.6%;
    }

    .Booth22 {
        bottom: 64%;
        left: 68%;
    }

    .Booth23 {
        left: 49.4%;
        top: 41.5%;
    }

    .Booth24 {
        left: 40.5%;
        top: 41.5%;
    }

    .Booth1001 {
        left: 23.2%;
        top: 31%;
    }

    .Booth1002 {
        left: 15%;
        top: 55%;
    }

    .Booth37 {
        right: 29.8%;
        top: 23%;
    }

    .Booth38 {
        right: 57.1%;
        top: 23%;
    }

    .Booth52 {
        right: 13.1%;
        top: 65.9%;
    }

    .cong-msg {
        font-size: 24px;
    }
}

/*--------------------------------------------x-Small View----------------------------------------------------*/

@media (max-width: 767px) {

    .plan01, .plan02, .plan04 {
        width: 550px;
        height: 400px;
        background-size: 100% !important;
        position: relative;
    }

    .Booth img {
        width: 22px;
    }

    .Booth {
        position: absolute;
        border-radius: 50%;
    }

    .Booth01 {
        bottom: 24%;
        left: 51.5%;
    }

    .Booth02 {
        bottom: 36.8%;
        left: 47.5%;
    }

    .Booth03 {
        bottom: 51.9%;
        left: 49.6%;
    }

    .Booth04 {
        bottom: 58%;
        left: 56.5%;
    }

    .Booth05 {
        bottom: 81.8%;
        left: 62.6%;
    }

    .Booth06 {
        bottom: 68.2%;
        left: 66.9%;
    }

    .Booth06 {
        bottom: 78.2%;
        left: 56.9%;
    }

    .Booth07 {
        bottom: 74.5%;
        left: 51%;
    }

    .Booth08 {
        bottom: 70.8%;
        left: 45.2%;
    }

    .Booth09 {
        bottom: 67.2%;
        left: 39.5%;
    }

    .Booth10 {
        bottom: 63.2%;
        left: 34.5%;
    }

    .Booth11 {
        bottom: 58.5%;
        left: 28.9%;
    }

    .Booth12 {
        bottom: 54.9%;
        left: 22.9%;
    }

    .Booth13 {
        bottom: 47%;
        left: 18.2%;
    }

    .Booth14 {
        bottom: 43.5%;
        left: 12.5%;
    }

    .Booth15 {
        bottom: 39.5%;
        left: 6.6%;
    }

    .Booth16 {
        bottom: 27.5%;
        left: 19%;
    }

    .Booth17 {
        bottom: 18.2%;
        left: 22.3%;
    }

    .Booth18 {
        bottom: 14.8%;
        left: 38%;
    }

    .Booth21 {
        bottom: 39.7%;
        left: 75.6%;
    }

    .Booth22 {
        bottom: 66%;
        left: 68%;
    }

    .Booth23 {
        left: 48.4%;
        top: 39.5%;
    }

    .Booth24 {
        left: 40.5%;
        top: 39.5%;
    }

    .Booth1001 {
        left: 23.2%;
        top: 28%;
    }

    .Booth1002 {
        left: 15%;
        top: 57%;
    }

    .Booth37 {
        right: 29%;
        top: 18%;
    }

    .Booth38 {
        right: 57.1%;
        top: 18%;
    }

    .Booth52 {
        right: 13.1%;
        top: 65.9%;
    }

    .cong-msg {
        font-size: 24px;
    }
}

/*--------------------------------------------Custom View----------------------------------------------------*/
@media (max-width: 600px) {

    .plan01, .plan02, .plan04 {
        width: 450px;
        height: 350px;
        background-size: 100% !important;
        position: relative;
    }

    .Booth img {
        width: 20px;
    }

    .Booth01 {
        bottom: 26%;
        left: 51.4%;
    }

    .Booth02 {
        bottom: 37.2%;
        left: 46.9%;
    }

    .Booth03 {
        bottom: 52.2%;
        left: 49%;
    }

    .Booth04 {
        bottom: 57%;
        left: 56.2%;
    }

    .Booth05 {
        bottom: 79.5%;
        left: 63%;
    }

    .Booth06 {
        bottom: 68.2%;
        left: 66.3%;
    }

    .Booth06 {
        bottom: 76.2%;
        left: 56.3%;
    }

    .Booth07 {
        bottom: 72.8%;
        left: 50.4%;
    }

    .Booth08 {
        bottom: 68.8%;
        left: 45.6%;
    }

    .Booth09 {
        bottom: 64.8%;
        left: 39.6%;
    }

    .Booth10 {
        bottom: 62.2%;
        left: 33.9%;
    }

    .Booth11 {
        bottom: 58.2%;
        left: 28.9%;
    }

    .Booth12 {
        bottom: 54.9%;
        left: 22.3%;
    }

    .Booth13 {
        bottom: 47%;
        left: 18%;
    }

    .Booth14 {
        bottom: 43%;
        left: 12%;
    }

    .Booth15 {
        bottom: 40.5%;
        left: 6%;
    }

    .Booth16 {
        bottom: 28.5%;
        left: 18.4%;
    }

    .Booth17 {
        bottom: 20.2%;
        left: 22.7%;
    }

    .Booth18 {
        bottom: 17.5%;
        left: 37.4%;
    }

    .Booth21 {
        bottom: 38.7%;
        left: 74%;
    }

    .Booth22 {
        bottom: 64%;
        left: 67.4%;
    }

    .Booth23 {
        left: 48.1%;
        top: 39.5%;
    }

    .Booth24 {
        left: 40.1%;
        top: 39.5%;
    }

    .Booth1001 {
        left: 22.6%;
        top: 29%;
    }

    .Booth1002 {
        left: 14.4%;
        top: 55%;
    }

    .Booth37 {
        right: 28.8%;
        top: 19.3%;
    }

    .Booth38 {
        right: 56.9%;
        top: 19.5%;
    }

    .Booth52 {
        right: 13.1%;
        top: 65.9%;
    }
}

@media (max-width: 450px) {

    .plan01, .plan02, .plan04 {
        width: 320px;
        height: 200px;
        background-size: 100% !important;
        position: relative;
    }

    .Booth img {
        width: 15px;
    }

    .Booth01 {
        bottom: 19%;
        left: 50.4%;
    }

    .Booth02 {
        bottom: 33.2%;
        left: 46.9%;
    }

    .Booth03 {
        bottom: 51.2%;
        left: 48%;
    }

    .Booth04 {
        bottom: 59%;
        left: 55.2%;
    }

    .Booth05 {
        bottom: 85.5%;
        left: 62%;
    }

    .Booth06 {
        bottom: 81.2%;
        left: 56.3%;
    }

    .Booth07 {
        bottom: 76.8%;
        left: 51.4%;
    }

    .Booth08 {
        bottom: 72.8%;
        left: 45.6%;
    }

    .Booth09 {
        bottom: 68.8%;
        left: 39.6%;
    }

    .Booth10 {
        bottom: 64.2%;
        left: 33.9%;
    }

    .Booth11 {
        bottom: 60.2%;
        left: 27.9%;
    }

    .Booth12 {
        bottom: 54.9%;
        left: 22.3%;
    }

    .Booth13 {
        bottom: 46%;
        left: 18%;
    }

    .Booth14 {
        bottom: 41%;
        left: 12%;
    }

    .Booth15 {
        bottom: 36.5%;
        left: 6%;
    }

    .Booth16 {
        bottom: 22.5%;
        left: 19.4%;
    }

    .Booth17 {
        bottom: 11.2%;
        left: 22.7%;
    }

    .Booth18 {
        bottom: 8.5%;
        left: 37.4%;
    }

    .Booth21 {
        bottom: 34.7%;
        left: 74%;
    }

    .Booth22 {
        bottom: 66%;
        left: 66.4%;
    }

    .Booth23 {
        left: 48.1%;
        top: 35.5%;
    }

    .Booth24 {
        left: 39.4%;
        top: 35.5%;
    }

    .Booth1001 {
        left: 21.6%;
        top: 23%;
    }

    .Booth1002 {
        left: 13.4%;
        top: 55%;
    }

    .Booth37 {
        right: 28%;
        top: 10.3%;
    }

    .Booth38 {
        right: 55.9%;
        top: 10.5%;
    }

    .Booth52 {
        right: 13.1%;
        top: 65.9%;
    }
}