#sub-venue .zoom-layout {
    opacity: 1;
    overflow: hidden;
    border: 2px solid rgb(208, 208, 208);
    border-radius: 15px;
    position: relative;
    height: 600px;
    margin: 15px;
    touch-action: none;
    background-color: rgb(240, 240, 240);
    padding: 0;
}
/*    #sub-venue .zoom-layout #map-layout {
        position: relative;
        height: auto;
        padding: 15px;
        border-radius: 15px;
        background-color: #fff;
    }*/

/*        #sub-venue .zoom-layout #map-layout .sub-venue-map {
            position: relative;
            display: block;
            cursor: move;
            transition: transform 200ms ease-in-out 0s;
            padding: 15px;
        }

            #sub-venue .zoom-layout #map-layout .sub-venue-map .map {
                width: 100%;
            }

            #sub-venue .zoom-layout #map-layout .sub-venue-map .booth {
                position: absolute;
                width: 25px;
                border-radius: 5px;
                cursor: pointer;
                transition: 0.2s all;
            }*/

                #sub-venue .zoom-layout #map-layout .sub-venue-map .booth:hover {
                    box-shadow: 0 1px 8px #ef5360;
                    z-index: 100;
                }

    #sub-venue .zoom-layout .group-zoom-btn {
        position: absolute;
        right: 0;
        top: 0;
        background-color: #fff;
        opacity: 0.9;
        z-index: 100;
        padding: 10px;
        border-radius: 10px;
    }

        #sub-venue .zoom-layout .group-zoom-btn .group-btn {
            position: relative;
            display: block;
        }

        #sub-venue .zoom-layout .group-zoom-btn .zoom-btn {
            display: block;
            background-color: #fff !important;
            outline: none;
            box-shadow: none;
            width: 55px;
            margin-top: 5px;
            border: 2px solid rgb(208, 208,208);
            border-radius: 5px;
        }

        #sub-venue .zoom-layout .group-zoom-btn .zoom-scale{
            padding-left: 20px;
        }

        #sub-venue .zoom-layout .booth-description {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
        }

        #sub-venue .zoom-layout .booth-description .description {
            border-top: 2px solid rgb(208, 208, 208);
            background-color: #fff;
            height: 70px;
            border-radius: 0 0 15px 15px;
            padding: 7px 15px;
            /*opacity: 0.9;*/
        }

            #sub-venue .zoom-layout .booth-description .description p {
                /*color: #ef5360;*/
                font-weight: 600;
            }

            #sub-venue .zoom-layout .booth-description .description a:hover {
                text-decoration: none;
            }


            #sub-venue .zoom-layout .booth-description .description .booth-logo {
                position: absolute;
                width: 100px;
            }
            #sub-venue .zoom-layout .booth-description .description .booth-detail {
                padding-left: 100px;
            }

                .slider {
                    -webkit-appearance: none;
                    height: 5px;
                    background: #d3d3d3;
                    outline: none;
                    -webkit-transition: .2s;
                    transition: opacity .2s;
                    margin: 12px 0;
                }

    .slider:hover {
        opacity: 1;
    }

    .slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 15px;
        height: 15px;
        background: #ef5360;
        border-radius: 49px;
        cursor: pointer;
    }

    .slider::-moz-range-thumb {
        width: 15px;
        height: 15px;
        background: #ef5360;
        border-radius: 49px;
        cursor: pointer;
    }
.map-detail {
    border-radius: 8px;
}
#map-layout {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 600px;
    cursor: grab;
}


#sub-venue-map {
    display: inline-block;
    position: relative;
    will-change: transform;
    background: white;
    padding: 2rem;
    border-radius: 8px;
}

    #sub-venue-map img.map {
        display: block;
        max-width: none;
        user-select: none;
        pointer-events: none;
    }

    #sub-venue-map img.booth {
        position: absolute;
        width: 40px;
        height: 40px;
        pointer-events: auto;
    }
.zoom-layout #zoomInButton,
.zoom-layout #zoomOutButton,
.zoom-layout #resetButton {
    border: none;
    font-size: 16px;
}
    .zoom-layout #zoomInButton:focus,
    .zoom-layout #zoomOutButton:focus,
    .zoom-layout #resetButton:focus {
       box-shadow: none;
       outline: none;
    }
@media (max-width: 768px) {
    #sub-venue .zoom-layout {
        height: 500px;
        margin: 0;
    }
}