.hotel-container {
    .hotel-content {
        background: #000;

        .hotel-cave {
            /*height: 4000px;
            background-image: url('../../../images/hotel/floor1/cave/cave_bg.jpg');
            background-repeat: no-repeat;
            background-size: cover;
            background-position: bottom center;*/
            max-width: 1920px;
            width: 100%;
            margin: 0 auto;
            position: relative;
            overflow: hidden;

            .bg-container {
                width: 100%;
                z-index: 10;

                img {
                    width: 100%;
                }
            }

            .ladder {
                position: absolute;
                top: 0;
                left: 50%;
                transform: translateX(-50%);
                z-index: 100;

                pre {
                    margin: 0;
                    padding: 0;
                }
            }

            .target {
                position: absolute;
                top: 50vh;
                left: 50%;
                transform: translateX(-50%) translateY(-50%);
                z-index: 90;
                width: 360px;
                height: 360px;
                border-radius: 50%;
                border: 2px solid var(--basecolor);
                background: #000;
                overflow: hidden;
                opacity: 0.65;
            }

            .tmpground {
                position: absolute;
                bottom: 320px;
                left: 50%;
                transform: translateX(-50%);
                z-index: 100;
                text-align: center;
                padding: 40px 30px;
                background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.2) 100%);
            }

            .grt1 {
                position: absolute;
                top: -15px;
                left: 0;
                z-index: 900;
            }
            .grt2 {
                position: absolute;
                top: -15px;
                right: 0;
                z-index: 900;
            }
            .grt3 {
                position: absolute;
                top: 980px;
                left: -245px;
                z-index: 70;
            }
            .grt4 {
                position: absolute;
                top: 967px;
                right: -40px;
                z-index: 70;
            }
            .cryst1 {
                position: absolute;
                top: 1280px;
                left: 20px;
                z-index: 20;
            }
            .cryst2 {
                position: absolute;
                top: 1563px;
                right: -192px;
                z-index: 80;
            }
            .cryst3 {
                position: absolute;
                top: 1651px;
                right: 18%;
                z-index: 40;
            }
            .cryst4 {
                position: absolute;
                top: 2260px;
                left: -192px;
                z-index: 72;
            }
            .nuage3 {
                position: absolute;
                top: 1550px;
                left: -15px;
                z-index: 30;
            }
            .nuage4 {
                position: absolute;
                top: 2180px;
                right: -56px;
                z-index: 95;
            }


            .journal-block {
                position: absolute;
                max-width: 80px;
                cursor: pointer;
                top: 2080px;
                left: 15px;
                z-index: 65;

                img{
                    width: 100%;
                }
            }
        }
    }
}


@media (max-width: 1700px) {
    .hotel-container {
        .hotel-content {
            .hotel-cave {
                .grt1 {
                    top: -15px;
                }
                .grt2 {
                    top: -15px;
                }
                .grt3 {
                    top: 880px;
                }
                .grt4 {
                    top: 867px;
                }
                .cryst1 {
                    top: 1180px;
                }
                .cryst2 {
                    top: 1423px;
                }
                .cryst3 {
                    top: 1501px;
                }
                .cryst4 {
                    top: 2060px;
                }
                .nuage3 {
                    top: 1440px;
                }
                .nuage4 {
                    top: 1960px;
                }
            }
        }
    }
}