/* <div class="landscape">
<img src="./images/rotate-device.png" width="200px" height="200px">
</div> */

.landscape {
    width: 100%;
    height: 100%;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    background-color: white;
    text-align: center;
    z-index: 9999;
}

.typeA-dropdown .ggskin_rectangle {
    background-color: #595d3c !important;
    color: white !important;
}

.typeA-dropdown .ggskin_text div {
    background: transparent !important;
    color: white !important;
}

.typeA-dropdown .ggskin_rectangle .ggskin_cloner div:nth-of-type(6),
.typeA-dropdown .ggskin_rectangle .ggskin_cloner div:nth-of-type(7) {
    display: none !important;
}

.floorplan-img {
    background-color: #ffffffbf;
}

.loader-img img {
    object-fit: cover;
    animation: fade_move 20s;
    transform-origin: middle center;
}

@keyframes fade_move {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(1.8);
    }
}

@media only screen and (max-width: 960px) {
    .right-menu .ggskin {
        font-size: 11px !important;
    }
    .right-menu .level6 div,
    .right-menu .level12 div {
        height: 37px !important;
        padding: 3px !important;
        width: 90px !important;
    }
    .typea-details {
        left: -50px !important;
    }
    .level6 {
        top: 55px !important
    }
    .level12 {
        top: 102px !important;
    }
    .right-menu .typea1 div {
        height: 25px !important;
        padding: 3px !important;
        width: 90px !important;
    }
    .all-hotspots .places-title div {
        border: 0.5px solid rgb(255, 255, 255) !important;
        font-size: 7px !important;
        line-height: 1;
        padding: 2px 5px 2px 5px !important;
    }
}

@media screen and (orientation: portrait) {
    .landscape {
        display: flex!important;
    }
}