@media screen and (min-width: 481px){
    .box_item_store {
        width: 50% !important;
    }

    .box_store_vip{
        width: 50% !important;
    }

    .box_category_item{
        width: 25% !important;
    }

    .popup-list-category .popup-content {
        width: 95vw;
        height: 65vh;
        font-size: 12px;
    }

    .box_category_item img {
        width: 140px;
        height: 120px;
    }

    .popup-list-category .popup-body {
        height: 582px !important;
    }
}
@media screen and (min-width: 768px){
    .box_item_store {
        width: 50% !important;
    }

    .box_store_vip{
        width: 50% !important;
    }

    .box_category_item{
        width: 25% !important;
    }

    #modal_store_vip .popup-body{
        height: 610px;
    }

    .image_vip {
        height: 144px;
    }

    .popup-list-category .popup-content {
        width: 96vw;
        height: 65vh;
        font-size: 12px;
    }

    .box_category_item img{
        width: 170px;
        height: 130px;
    }

    .item_store{
        height: 300px;
    }
}

@media screen and (min-width: 860px) {
    .item_store{
        height: 340px;
    }
}
@media screen and (min-width: 992px){
    .box_item_store {
        width: 33.333333333% !important;
    }

    .box_store_vip{
        width: 25% !important;
    }


    .box_category_item{
        width: 25% !important;
    }

    #modal_store_vip .popup-body{
        height: 450px;
    }

    .image_vip {
        height: 94px;
    }

    .popup-list-category .popup-content {
        width: 95vw;
        height: 65vh;
        height: max-content;
    }

    .item_store {
        height: 280px;
    }
}
@media screen and (min-width: 1200px){
    .box_item_store {
        width: 25% !important;
    }

    .box_category_item {
        width: 25% !important;
    }

    #modal_stores .popup-body, .search_store .popup-body{
        padding: 0 10%;
    }

    .box_store_vip{
        width: 25% !important;
    }

    #modal_store_vip .popup-body{
        height: 600px;
    }

    .image_vip {
        height: 144px;
    }

    .popup-list-category .popup-content {
        width: 60vw;
        height: 66vh;
        height: max-content;
        font-size: 16px;
    }

    .popup-list-category .popup-body {
        height: 590px !important;
    }

    .item_store {
        height: 250px;
    }
}

@media screen and (min-width: 1600px){
    .box_store_vip{
        width: 20% !important;
    }

    .item_store {
        height: 300px;
    }
}

@media screen and (max-width: 580px){
    #modal_stores .popup-header{
        padding: 5px;
        min-height: 70px;
        display: block;
    }

    #modal_stores .popup-header .title{
        font-size: 20px;
        text-transform: uppercase;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 5px auto;
    }

    #modal_stores .popup-body .top {
        padding: 15px 0;
        height: max-content;
        margin: unset;
        width: 100%;
    }

    .sort_store {
        height: 100%;
        float: left;
        width: 94%;
        margin: 5px 3%;
    }

    select#sort_store {
        width: 100%;
    }

    #modal_stores .popup-body .body {
        height: calc(100vh - 175px);
    }

    #modal_stores .popup-header .logo img {
        margin-top: unset;
    }

    .filter_two {
        width: 89%;
        justify-content: space-between;
    }

    #modal_filter_two{
        width: 100%;
        right: 0;
        top: 300px;
    }

    .list_category {
        margin: 0 15px;
    }

    #modal_store_vip .popup-header{
        margin: 0;
        width: 100%;
    }

    #modal_store_vip .popup-body{
        padding: 0;
        width: 90%;
        width: 100%;
        height: calc(100vh - 98px);
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: -10px;
        background: transparent;
    }

    .box_store_vip{
        width: 50%;
        padding: 5px;
    }

    .image_vip {
        height: 94px;
    }

    #modal_store_vip .close-popup{
        top: 10px;
    }

    .vr-button.button_home{
        top: 7px;
        right: 10px;
    }

    #popup .store_name {
        font-size: 16px;
        padding: 15px;
        line-height: 1.3;
        height: 20px;
        padding-left: 5px;
    }

    .back-list-store {
        right: 60px;
    }

    .box_category_item{
        width: 50% !important;
    }

    .popup-list-category .popup-content {
        width: 95vw;
        height: 590px;
        font-size: 12px;
    }

    .box_category_item img{
        width: 160px;
    }

    .box_category_item .cate_name {
        height: 20px;
    }

    .popup-list-category .close-popup {
        right: 0px;
        top: 0px;
    }

    .popup-list-category .popup-body {
        height: 590px !important;
    }

    .logo_vrmall img{
        width: 80px;
    }

    .top-control .desc_info {
        font-size: 12px;
        width: 76%;
        left: calc(13%);
    }

    .item_store {
        height: 215px;
    }

    .item_store .content{
        margin-top: -15px;
    }

    .box_store_vip .views {
        position: absolute;
        top: 10px;
        right: 0;
        background: #0000006e;
        padding: 3px 5px;
        font-size: 16px;
        border-radius: 5px 0 0 5px;
        color: #ffffff;
        display: flex;
        height: 10px;
        width: max-content;
    }

    .box_store_vip .views div{
        font-size: 10px;
    }

    img.eye{
        width: 11px;
    }

    .search_all_store{
        max-width: 350px;
    }
}

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

    #modal_stores .popup-body .top {
        padding: 0;
    }

    .filter_mobile {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 96%;
        margin: 0 auto;
    }

    .sort_store_two_mobile {
        padding: 10px 10px 4px 10px;
        background: #ffffff;
        border-radius: 5px;
    }

    #modal_filter_two {
        top: 135px;
        width: 93%;
        right: 15px;
    }

    .sort_store_one_mobile {
        padding: 10px 10px 4px 10px;
        background: #ffffff;
        border-radius: 5px;
        margin-right: 10px;
    }

    .search.sort_store {
        margin: 5px 3% 5px 0;
    }

    select#sort_store {
        width: calc(100% - 30px);
    }

    #btn_sort {
        width: 30px;
    }

    #modal_filter_one {
        width: 93%;
        left: 15px;
    }

    #modal_stores .popup-body {
        max-height: calc(100% - 79px);
        height: 100%;
    }

    #modal_stores .popup-body .body {
        height: calc(100% - 90px);
    }

    .content-store-vip {
        position: unset;
        transform: unset;
        width: unset;
        height: 100%;
    }

    #modal_store_vip .popup-body {
        height: calc(100% - 100px);
    }

    .name_store_vip {
        font-size: 10px;
    }

    /* custom ui list store */
    .item_store .header {
        width: 100%;
        margin: 0;
        top: 0;
    }

    .item_store {
        height: auto;
        background: transparent;
    }

    .item_store .content {
        display: none;
    }

    .name_store_mobile {
        position: absolute;
        bottom: -2px;
        background: #626262;
        width: 100%;
        margin: 0;
        font-size: 10px;
        color: #ffffff;
        text-transform: uppercase;
        display: -webkit-box;
        line-height: 2;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        border-radius: 0 0 15px 15px;
    }

    .box_item_store {
        padding: 5;
        width: 50%;
    }

    .item_store .header .views {
        font-size: 10px;
        top: 10px;
    }

    .item_store .header .views img {
        width: 11px;
    }

    .vip {
        font-size: 10px;
    }

    .menu-btn-open {
        top: calc(8% + 4px) !important;
    }

    nav > ul{
        top: 8%;
    }
}

@media screen and (width: 1366px){
    .popup-list-category .popup-content {
        width: 70vw;
        height: 76vh;
    }

    .box_store_vip{
        width: 25% !important;
    }

    #modal_store_vip .popup-body {
        height: 545px;
    }
}

@media screen and (width: 1024px){
    .popup-list-category .popup-content {
        width: 94vw;
        height: 43vh;
    }

    .popup-list-category .popup-body{
        height: 580px !important;
    }

    /*#modal_store_vip .popup-body {*/
    /*    height: 425px;*/
    /*}*/

    .image_vip {
        height: 130px;
    }

    #modal_store_vip .popup-body {
        height: 560px;
    }
}

@media screen and (width: 768px){
    .popup-list-category .popup-content {
        width: 93vw;
        height: 57vh;
        font-size: 14px;
    }

    .popup-list-category .popup-body {
        height: 580px !important;
    }

    #modal_store_vip .popup-body {
        height: 810px;
    }
}

@media screen and (width: 320px) {
    .popup-list-category .popup-content {
        width: 95vw;
        height: 76vh;
    }

    .popup-list-category .popup-body{
        height: 76vh !important;
    }

    .filter_mobile {
        width: 70%;
    }

    nav > ul{
        width: 260px;
        left: -260px;
    }

    .menu-btn-open{
        left: 240px !important;
    }

    .search__toggle:checked ~ .search__field {
        width: calc(100% - 120px);
    }
}

@media screen and (width: 1920px) {
    .popup-list-category .popup-content {
        height: max-content;
    }
}

@media all and (min-width: 2400px) {
    .content-store-vip{
        width: 75%;
    }

    .item_store{
        height: 350px;
    }
}

@media all and (min-width: 2800px) {
    .item_store{
        height: 400px;
    }
}


@media all and (min-width: 3800px) {
    .item_store{
        height: 480px;
    }
}

@media all and (min-width: 4000px) {
    #modal_store_vip .popup-body {
        height: 1270px;
    }
}

@media only screen and (min-device-width: 800px) and (max-device-width: 850){
    .popup-body .body{
        height: 315px;
    }
}