@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;
    }
}

@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;
        gap: 30px;
    }

    #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;
    }
}

@media screen and (max-width: 600px){
    .group-control-2d .btn-group-zoom,
    .group-control-2d .btn-location,
    .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;*/
        top: 100px;
    }

    .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);
    }

    .select2-container .select2-selection--single{
        height: 44px;
    }

    .select2-container--default .select2-selection--single{
        border-color: #1aa7ee;
    }

    .select2-container{
        width: 100% !important;
    }

    .group-input-search{
        z-index: 11;
    }

    .input-search{
        width: 43px;
    }

    .width-search-mb{
        width: 100% !important;
    }

    .control-top .center{
        width: 100%;
    }

    .district{
        width: 50%;
    }

    .group_sponsor{
        align-items: center;
        right: unset;
        left: 50%;
        transform: translateX(-50%);
        bottom: 150px;
    }

    .group_sponsor img{
        width: 50px;
    }

    .group_sponsor span{
        font-size: 15px;
    }
}

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

    .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;
    }

    #btn_return_globe{
        bottom: 50px !important;
    }

    #btn_return_globe img{
        width: 40px;
    }

    #btn_return_globe span{
        font-size: 10px;
    }

    .instruct-right .item-instruct{
        text-align: left;
    }
}

@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){

}