@media screen and (max-width: 1600px) {
    #list-vrtour {
        overflow: auto;
        max-height: calc(100% - 20px);
    }

    .item_category_view{
        display: none;
    }

    .modal-popup-content{
        width: 60%;
    }

    .popup-instruct .modal-popup-content{
        aspect-ratio: unset;
    }

    .cat_show_map{
        display: flex !important;
    }
}

@media screen and (max-width: 1366px){
    .list_categories{
        display: none !important;
    }
}

@media screen and (max-width: 1200px){
    .view_home{
        display: none;
    }
}

@media screen and (max-width: 1024px){
    .modal-popup-content{
        width: 90%;
    }

    .popup-play-game .modal-popup-content{
        aspect-ratio: 1/1;
    }

    .hidden-mobile{
        display: none;
    }
}

@media screen and (max-width: 768px){
    .g-name .name-game{
        font-size: 13px;
    }

    .popup-list-vrtour .modal-popup-content{
        aspect-ratio: 1.1/1;
    }

    .popup-game .modal-popup-content{
        aspect-ratio: 1.4/1;
    }
}

@media screen and (max-width: 767px){
    .group-instruct{
        height: 600px;
        overflow: auto;
        margin: 10px;
    }

    #copyright{
        display: none;
    }

    .instruct-right .item-instruct{
        flex-direction: row;
    }

    .instruct-right img#chatbot, .instruct-right img#space{
        width: 44px;
        height: 44px;
    }

    .group-instruct .left{
        border: none;
    }

    .btn-layer{
        display: none;
    }
}

@media screen and (max-width: 600px){
    .group-control-2d,
    .group-control-3d{
        display: none;
    }

    .modal-popup-content {
        width: 100%;
        height: 100%;
        border-radius: 0;
        left: 0;
        top: 0;
        transform: unset;
    }

    .btn-chatbot{
        position: absolute;
        right: 0;
        bottom: 75px;
        padding: 0;
    }

    .popup-game .modal-popup-body{
        overflow: auto;
    }

    .header-list-vrtour {
        flex-direction: column;
        gap: 10px;
        align-items: normal;
    }

    .control-center .left{
        display: none;
    }

    .control-mobile {
        position: absolute;
        left: 15px;
        top: 80px;
        background: #ffffff;
        border-radius: 10px;
    }

    .btn-show-more{
        border-bottom: 1px solid var(--color-button);
    }

    #list-vrtour {
        max-height: calc(100% - 40px);
    }

    .province-district-mobile{
        display: flex;
    }

    .popup-list-tour-content{
        height: calc(100% - 90px);
    }
}

@media screen and (max-width: 486px){
    .popup-event {
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        border-radius: 0;
    }

    .popup-list-tour {
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        border-radius: 0;
    }

    .btn-group-menu-bottom{
        gap: 20px;
    }

    .input-search{
        width: 290px;
    }

    .group-instruct{
        height: 580px;
    }

    .btn-chatbot img{
        width: 150px;
    }

    .btn-space{
        width: 60px;
        height: 60px;
        bottom: 80px;
    }

    .btn-close-list-tour {
        text-align: center;
        background: var(--color-button);
        margin-bottom: 5px;
        position: unset;
        transform: none;
    }

    .btn_join_globe{
        padding: 5px 15px;
    }

    .group_logo {
        left: 10px;
        bottom: 10px;
    }

    .group_logo img{
        width: 80px;
    }

    .group_logo div{
        font-size: 18px;
    }
}

@media screen and (max-width: 390px){

}

@media screen and (max-width: 375px){

}

@media screen and (width: 1280px){
    .modal-popup-content{
        width: 70%;
    }

    .popup-list-vrtour .modal-popup-content{
        aspect-ratio: 1.6/1;
    }
}

@media screen and (width: 768px){
    .modal-popup-content{
        aspect-ratio: 1.1/1;
    }
}

@media screen and (width: 500px){
    .logo_vr {
        top: 10px;
        width: 100px;
    }

    .group_logo {
        left: 5px;
        bottom: 5px;
    }

    .group_logo img{
        width: 80px;
    }

    .group_logo div{
        font-size: 18px;
    }
}

@media screen and (width: 320px){

}

@media screen and (min-width: 568px) and (max-height: 480px){

}

@media screen and (max-width: 1600px) and (min-width: 1400px) and (min-height: 700px){

}

@media screen and (max-width: 1100px) and (max-height: 521px){

}

@media screen and (max-width: 1366px) and (max-height: 700px) {

}

@media screen and (width: 800px) and (max-height: 600px){

}