.reserved {
    background: url(../../images/reserved.png) no-repeat left center;
}

.waiting {
    background: url(../../images/waiting.png) no-repeat left center;
}

.large {
    background: url(../../assets/img/Floor_plans/large.jpg) no-repeat left center;
}

.small {
    background: url(../../assets/img/Floor_plans/small.jpg) no-repeat left center;
}

.icons {
    margin: 20px 10px;
}

    .icons div {
        display: inline-block;
        padding: 10px 27px;
        font-weight: bold;
        font-size: 16px;
    }

.plan {
    position: relative;
}

.plan01{
    position: absolute;
    z-index: 1;
}

.Booth, .booth, .emptyBooth {
    position: absolute;
    z-index: 2;
}

.plan-xl, .plan-lg, .plan-md, .plan-sm, .plan-xs {
    display: none;
    position: relative;
    z-index: 0
}

/*---------------------------------------------XXL View---------------------------------------------------*/
@media (min-width: 1400px) {
    .plan01 {
        width: 1400px;
        height: 815px;
    }

    .plan-xl {
        display: block;
    }

    .Booth01 {
        right: 231px;
        bottom: 102px;
    }

    .Booth02 {
        right: 265px;
        bottom: 102px;
    }

    .Booth03 {
        right: 177px;
        bottom: 235px;
    }

    .Booth04 {
        right: 203px;
        bottom: 250px;
    }

    .Booth05 {
        right: 280px;
        bottom: 300px;
    }

    .Booth06 {
        right: 362px;
        top: 334px;
    }

    .Booth07 {
        right: 384px;
        top: 318px;
    }

    .Booth08 {
        right: 405px;
        top: 304px;
    }

    .Booth09 {
        right: 436px;
        top: 287px;
    }

    .Booth10 {
        right: 457px;
        top: 272px;
    }

    .Booth11 {
        right: 479px;
        top: 258px;
    }

    .Booth12 {
        right: 511px;
        top: 238px;
    }

    .Booth13 {
        right: 533px;
        top: 223px;
    }

    .Booth14 {
        right: 556px;
        top: 208px;
    }

    .Booth15 {
        right: 590px;
        top: 189px;
    }

    .Booth16 {
        right: 612px;
        top: 173px;
    }

    .Booth17 {
        right: 637px;
        top: 156px;
    }

    /*Empty Booths*/
    .emptyBooth.Booth01 {
        height: 26px;
        right: 233px;
        bottom: 111px;
        width: 27px;
    }

    .emptyBooth.Booth02 {
        height: 26px;
        right: 267px;
        bottom: 111px;
        width: 27px;
    }

    .emptyBooth.Booth03 {
        height: 20px;
        right: 183px;
        bottom: 247px;
        width: 20px;
    }

    .emptyBooth.Booth04 {
        height: 20px;
        right: 208px;
        bottom: 265px;
        width: 20px;
    }

    .emptyBooth.Booth05 {
        height: 20px;
        right: 286px;
        bottom: 315px;
        width: 20px;
    }

    .emptyBooth.Booth06 {
        height: 13px;
        right: 371px;
        top: 352px;
        width: 13px;
    }

    .emptyBooth.Booth07 {
        height: 13px;
        right: 394px;
        top: 336px;
        width: 13px;
    }

    .emptyBooth.Booth08 {
        height: 13px;
        right: 415px;
        top: 323px;
        width: 13px;
    }

    .emptyBooth.Booth09 {
        height: 13px;
        right: 445px;
        top: 304px;
        width: 13px;
    }

    .emptyBooth.Booth10 {
        height: 13px;
        right: 466px;
        top: 288px;
        width: 13px;
    }

    .emptyBooth.Booth11 {
        height: 13px;
        right: 489px;
        top: 275px;
        width: 13px;
    }

    .emptyBooth.Booth12 {
        height: 13px;
        right: 520px;
        top: 255px;
        width: 13px;
    }

    .emptyBooth.Booth13 {
        height: 13px;
        right: 541px;
        top: 240px;
        width: 13px;
    }

    .emptyBooth.Booth14 {
        height: 13px;
        right: 566px;
        top: 223px;
        width: 13px;
    }

    .emptyBooth.Booth15 {
        height: 13px;
        right: 599px;
        top: 205px;
        width: 13px;
    }

    .emptyBooth.Booth16 {
        height: 13px;
        right: 621px;
        top: 190px;
        width: 13px;
    }

    .emptyBooth.Booth17 {
        height: 13px;
        right: 645px;
        top: 173px;
        width: 13px;
    }

}


/*---------------------------------------------XL View---------------------------------------------------*/
@media (min-width: 1200px) and (max-width: 1399px) {
    .plan01 {
        width: 1200px;
        height: 722px;
    }

    .plan-lg {
        display: block;
    }

    .Booth01 {
        right: 191px;
        bottom: 104px;
    }

    .Booth02 {
        right: 220px;
        bottom: 104px;
    }

    .Booth03 {
        right: 146px;
        bottom: 218px;
    }

    .Booth04 {
        right: 167px;
        bottom: 230px;
    }

    .Booth05 {
        right: 235px;
        bottom: 276px;
    }

    .Booth06 {
        right: 304px;
        top: 283px;
    }

    .Booth07 {
        right: 324px;
        top: 271px;
    }

    .Booth08 {
        right: 342px;
        top: 260px;
    }

    .Booth09 {
        right: 368px;
        top: 244px;
    }

    .Booth10 {
        right: 387px;
        top: 232px;
    }

    .Booth11 {
        right: 405px;
        top: 222px;
    }

    .Booth12 {
        right: 432px;
        top: 205px;
    }

    .Booth13 {
        right: 451px;
        top: 192px;
    }

    .Booth14 {
        right: 472px;
        top: 178px;
    }

    .Booth15 {
        right: 500px;
        top: 162px;
    }

    .Booth16 {
        right: 519px;
        top: 149px;
    }

    .Booth17 {
        right: 540px;
        top: 135px;
    }

    /*Empty Booths*/
    .emptyBooth.Booth01 {
        height: 18px;
        right: 197px;
        bottom: 117px;
        width: 19px;
    }

    .emptyBooth.Booth02 {
        height: 18px;
        right: 227px;
        bottom: 117px;
        width: 19px;
    }

    .emptyBooth.Booth03 {
        height: 16px;
        right: 151px;
        bottom: 233px;
        width: 17px;
    }

    .emptyBooth.Booth04 {
        height: 16px;
        right: 174px;
        bottom: 248px;
        width: 17px;
    }

    .emptyBooth.Booth05 {
        height: 16px;
        right: 241px;
        bottom: 291px;
        width: 17px;
    }

    .emptyBooth.Booth06 {
        height: 11px;
        right: 314px;
        top: 303px;
        width: 11px;
    }

    .emptyBooth.Booth07 {
        height: 11px;
        right: 334px;
        top: 290px;
        width: 11px;
    }

    .emptyBooth.Booth08 {
        height: 11px;
        right: 352px;
        top: 279px;
        width: 11px;
    }

    .emptyBooth.Booth09 {
        height: 11px;
        right: 377px;
        top: 262px;
        width: 11px;
    }

    .emptyBooth.Booth10 {
        height: 11px;
        right: 396px;
        top: 249px;
        width: 11px;
    }

    .emptyBooth.Booth11 {
        height: 11px;
        right: 415px;
        top: 237px;
        width: 11px;
    }

    .emptyBooth.Booth12 {
        height: 12px;
        right: 442px;
        top: 220px;
        width: 12px;
    }

    .emptyBooth.Booth13 {
        height: 12px;
        right: 460px;
        top: 207px;
        width: 12px;
    }

    .emptyBooth.Booth14 {
        height: 12px;
        right: 481px;
        top: 192px;
        width: 12px;
    }

    .emptyBooth.Booth15 {
        height: 12px;
        right: 509px;
        top: 176px;
        width: 12px;
    }

    .emptyBooth.Booth16 {
        height: 12px;
        right: 528px;
        top: 163px;
        width: 12px;
    }

    .emptyBooth.Booth17 {
        height: 12px;
        right: 550px;
        top: 149px;
        width: 12px;
    }
}


/*---------------------------------------------Lg View---------------------------------------------------*/
@media (min-width: 992px) and (max-width: 1199px) {
    .plan01 {
        width: 992px;
        height: 597px;
    }

    .plan-lg {
        display: block;
    }

    .Booth01 {
        right: 144px;
        bottom: 76px;
    }

    .Booth02 {
        right: 168px;
        bottom: 76px;
    }

    .Booth03 {
        right: 104px;
        bottom: 171px;
    }

    .Booth04 {
        right: 122px;
        bottom: 180px;
    }

    .Booth05 {
        right: 180px;
        bottom: 215px;
    }

    .Booth06 {
        right: 238px;
        top: 236px;
    }

    .Booth07 {
        right: 254px;
        top: 227px;
    }

    .Booth08 {
        right: 269px;
        top: 218px
    }

    .Booth09 {
        right: 290px;
        top: 203px;
    }

    .Booth10 {
        right: 306px;
        top: 193px;
    }

    .Booth11 {
        right: 322px;
        top: 183px;
    }

    .Booth12 {
        right: 344px;
        top: 169px;
    }

    .Booth13 {
        right: 362px;
        top: 158px;
    }

    .Booth14 {
        right: 379px;
        top: 146px;
    }

    .Booth15 {
        right: 402px;
        top: 133px;
    }

    .Booth16 {
        right: 417px;
        top: 122px;
    }

    .Booth17 {
        right: 435px;
        top: 110px;
    }

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

    /*Empty Booths*/
    .emptyBooth.Booth01 {
        height: 18px;
        right: 149px;
        bottom: 89px;
        width: 19px;
    }

    .emptyBooth.Booth02 {
        height: 18px;
        right: 174px;
        bottom: 89px;
        width: 19px;
    }

    .emptyBooth.Booth03 {
        height: 15px;
        right: 112px;
        bottom: 186px;
        width: 15px;
    }

    .emptyBooth.Booth04 {
        height: 15px;
        right: 130px;
        bottom: 200px;
        width: 16px;
    }

    .emptyBooth.Booth05 {
        height: 15px;
        right: 187px;
        bottom: 236px;
        width: 16px;
    }

    .emptyBooth.Booth06 {
        height: 12px;
        right: 247px;
        top: 252px;
        width: 12px;
    }

    .emptyBooth.Booth07 {
        height: 12px;
        right: 264px;
        top: 242px;
        width: 12px;
    }

    .emptyBooth.Booth08 {
        height: 12px;
        right: 279px;
        top: 232px;
        width: 12px;
    }

    .emptyBooth.Booth09 {
        height: 12px;
        right: 301px;
        top: 218px;
        width: 12px;
    }

    .emptyBooth.Booth10 {
        height: 12px;
        right: 317px;
        top: 207px;
        width: 12px;
    }

    .emptyBooth.Booth11 {
        height: 12px;
        right: 333px;
        top: 197px;
        width: 12px;
    }

    .emptyBooth.Booth12 {
        height: 12px;
        right: 355px;
        top: 183px;
        width: 12px;
    }

    .emptyBooth.Booth13 {
        height: 12px;
        right: 371px;
        top: 172px;
        width: 12px;
    }

    .emptyBooth.Booth14 {
        height: 12px;
        right: 388px;
        top: 160px;
        width: 12px;
    }

    .emptyBooth.Booth15 {
        height: 12px;
        right: 412px;
        top: 146px;
        width: 12px;
    }

    .emptyBooth.Booth16 {
        height: 12px;
        right: 428px;
        top: 135px;
        width: 12px;
    }

    .emptyBooth.Booth17 {
        height: 12px;
        right: 446px;
        top: 123px;
        width: 12px;
    }
}


/*--------------------------------------------Medium View---------------------------------------------------*/
@media (min-width: 768px) and (max-width: 991px) {
    .plan01 {
        width: 768px;
        height: 462px;
    }

        .plan01 img {
            width: 20px;
        }

    .plan-sm {
        display: block;
    }

    .Booth01 {
        right: 136px;
        bottom: 67px;
    }

    .Booth02 {
        right: 154px;
        bottom: 67px;
    }

    .Booth03 {
        right: 108px;
        bottom: 137px;
    }

    .Booth04 {
        right: 121px;
        bottom: 146px;
    }

    .Booth05 {
        right: 163px;
        bottom: 173px;
    }

    .Booth06 {
        right: 206px;
        top: 172px;
    }

    .Booth07 {
        right: 219px;
        top: 164px;
    }

    .Booth08 {
        right: 231px;
        top: 158px;
    }

    .Booth09 {
        right: 246px;
        top: 148px;
    }

    .Booth10 {
        right: 258px;
        top: 140px;
    }

    .Booth11 {
        right: 270px;
        top: 133px;
    }

    .Booth12 {
        right: 286px;
        top: 122px;
    }

    .Booth13 {
        right: 298px;
        top: 114px;
    }

    .Booth14 {
        right: 311px;
        top: 105px;
    }

    .Booth15 {
        right: 329px;
        top: 94px;
    }

    .Booth16 {
        right: 341px;
        top: 87px;
    }

    .Booth17 {
        right: 355px;
        top: 78px;
    }

    /*Empty Booths*/
    .emptyBooth.Booth01 {
        height: 14px;
        right: 142px;
        bottom: 84px;
        width: 14px;
    }

    .emptyBooth.Booth02 {
        height: 14px;
        right: 160px;
        bottom: 84px;
        width: 14px;
    }

    .emptyBooth.Booth03 {
        height: 14px;
        right: 112px;
        bottom: 154px;
        width: 14px;
    }

    .emptyBooth.Booth04 {
        height: 14px;
        right: 126px;
        bottom: 165px;
        width: 14px;
    }

    .emptyBooth.Booth05 {
        height: 14px;
        right: 168px;
        bottom: 192px;
        width: 14px;
    }

    .emptyBooth.Booth06 {
        height: 11px;
        right: 213px;
        top: 187px;
        width: 11px;
    }

    .emptyBooth.Booth07 {
        height: 11px;
        right: 225px;
        top: 179px;
        width: 11px;
    }

    .emptyBooth.Booth08 {
        height: 11px;
        right: 237px;
        top: 171px;
        width: 11px;
    }

    .emptyBooth.Booth09 {
        height: 11px;
        right: 252px;
        top: 161px;
        width: 11px;
    }

    .emptyBooth.Booth10 {
        height: 11px;
        right: 265px;
        top: 153px;
        width: 11px;
    }

    .emptyBooth.Booth11 {
        height: 11px;
        right: 276px;
        top: 146px;
        width: 11px;
    }

    .emptyBooth.Booth12 {
        height: 11px;
        right: 293px;
        top: 135px;
        width: 11px;
    }

    .emptyBooth.Booth13 {
        height: 11px;
        right: 305px;
        top: 127px;
        width: 11px;
    }

    .emptyBooth.Booth14 {
        height: 11px;
        right: 318px;
        top: 119px;
        width: 11px;
    }

    .emptyBooth.Booth15 {
        height: 11px;
        right: 336px;
        top: 108px;
        width: 11px;
    }

    .emptyBooth.Booth16 {
        height: 11px;
        right: 347px;
        top: 100px;
        width: 11px;
    }

    .emptyBooth.Booth17 {
        height: 11px;
        right: 360px;
        top: 91px;
        width: 11px;
    }
}

@media (max-width: 767px){
    .plan01 {
        width: 375px;
        height: 621px;
    }
    
    .plan-xs {
        display: block;
    }

    .plan01 .booth img {
        width: 15px!important;
    }

    .Booth01 {
        left: 52px;
        bottom: 38px;
    }

    .Booth02 {
        left: 49px;
        bottom: 58px;
    }

    .Booth03 {
        left: 123px;
        bottom: 14px;
    }

    .Booth04 {
        left: 130px;
        bottom: 30px;
    }

    .Booth05 {
        left: 150px;
        bottom: 73px;
    }

    .Booth06 {
        left: 213px;
        bottom: 118px;
    }

    .Booth07 {
        left: 221px;
        bottom: 131px;
    }

    .Booth08 {
        left: 229px;
        bottom: 141px;
    }

    .Booth09 {
        left: 235px;
        bottom: 156px;
    }

    .Booth10 {
        left: 242px;
        bottom: 167px;
    }

    .Booth11 {
        left: 248px;
        bottom: 178px;
    }

    .Booth12 {
        left: 256px;
        bottom: 195px;
    }

    .Booth13 {
        left: 262px;
        bottom: 207px;
    }

    .Booth14 {
        left: 270px;
        bottom: 222px;
    }

    .Booth15 {
        left: 277px;
        bottom: 238px;
    }

    .Booth16 {
        left: 284px;
        bottom: 250px;
    }

    .Booth17 {
        left: 291px;
        bottom: 263px;
    }

    /*Empty Booths*/
    .emptyBooth.Booth01 {
        height: 14px;
        left: 51px;
        bottom: 57px;
        width: 14px;
    }

    .emptyBooth.Booth02 {
        height: 14px;
        left: 50px;
        bottom: 73px;
        width: 14px;
    }

    .emptyBooth.Booth03 {
        height: 14px;
        left: 122px;
        bottom: 35px;
        width: 14px;
    }

    .emptyBooth.Booth04 {
        height: 14px;
        left: 130px;
        bottom: 49px;
        width: 14px;
    }

    .emptyBooth.Booth05 {
        height: 14px;
        left: 151px;
        bottom: 91px;
        width: 14px;
    }

    .emptyBooth.Booth06 {
        height: 10px;
        left: 216px;
        bottom: 140px;
        width: 10px;
    }

    .emptyBooth.Booth07 {
        height: 10px;
        left: 222px;
        bottom: 152px;
        width: 10px;
    }

    .emptyBooth.Booth08 {
        height: 10px;
        left: 228px;
        bottom: 163px;
        width: 10px;
    }

    .emptyBooth.Booth09 {
        height: 10px;
        left: 236px;
        bottom: 179px;
        width: 10px;
    }

    .emptyBooth.Booth10 {
        height: 10px;
        left: 242px;
        bottom: 191px;
        width: 10px;
    }

    .emptyBooth.Booth11 {
        height: 10px;
        left: 248px;
        bottom: 203px;
        width: 10px;
    }

    .emptyBooth.Booth12 {
        height: 10px;
        left: 256px;
        bottom: 219px;
        width: 10px;
    }

    .emptyBooth.Booth13 {
        height: 10px;
        left: 263px;
        bottom: 231px;
        width: 10px;
    }

    .emptyBooth.Booth14 {
        height: 10px;
        left: 270px;
        bottom: 244px;
        width: 10px;
    }

    .emptyBooth.Booth15 {
        height: 10px;
        left: 278px;
        bottom: 262px;
        width: 10px;
    }

    .emptyBooth.Booth16 {
        height: 10px;
        left: 284px;
        bottom: 274px;
        width: 10px;
    }

    .emptyBooth.Booth17 {
        height: 10px;
        left: 291px;
        bottom: 286px;
        width: 10px;
    }

}