/*Ipad ngang(1024 x 768)*/
@media screen and (max-width: 1024px){
    .menu_item.home {
        display: none;
    }
    .switch-map { right: 12px; }
    .menu_item {
        flex: 1;
    }
    .menu_item a {
        padding: 28px 0 0 0;
        display: block;
        font-size: 10px;
        font-style: normal;
        font-weight: 600;
        text-align: center;
    }

    .menu-left {
        display: block;
    }

    #switch-map { display: none }
    #switch-map-show-mobile {
       display: block !important;
    }
    .tab-mobile { display: block; }
    #switch-map-show-mobile .switch-map { top: 22px; }
    #switch-map-show-mobile .select-map-item { top: 22px }

    /* video */
    .vid-item { display: grid; width: 31%; margin: 0px 5px 20px 11px; height: auto }
    .vid-list { width: 100%; }
    .thumb { height: 133px; }
    /*img.bg { width: 100%; }*/
    .sub-video, .sub-map { display: none; }

    #div-image .select-group {
        position: fixed;
        width: 200px;
    }
    #div-image .box-show-image {
        width: 100%;
    }
    #div-image .box-img {
        width: 100%;
        float: none;
    }
    #div-image .box-img img {
        width: 100%;
        height: auto;
    }

    #div-image .box-img.box-image-full img {
        width: 100%;
        height: auto;
    }
}
/*Ipad dọc(768 x 1024)*/
@media screen and (max-width: 768px){

}
/*Tablet nhỏ(480 x 640)*/
@media screen and (max-width: 480px){
    #div-image .box-img:first-child {
        margin-top: 120px;
    }
    #switch-map-show-mobile .select-map-icon, #switch-map-show-mobile .switch-map {
        top: 52px;
    }

    .menu_item.tab-6, .menu_item.tab-7 {
        display: none;
    }
    .menu_item-tab-5 {
        display: none;
    }
    .menu_item a {
        padding: 28px 0 0 0;
        font-style: normal;
        font-weight: normal;
        font-size: 9px;
    }
    .menu-left {
        display: block;
    }

    .select-group {
        display: none;
    }
    .select-group-mobile {
        display: flex !important;
    }
    .tab-mobile { display: block; }
    .box-name {
        bottom: 64px;
        padding: 5px 10px;
    }
    .box-name .row-name {
        font-size: 15px;
        margin-bottom: 0;
    }
    .box-name .row-m {
        font-size: 12px;
    }

    .select-hour-template {
        display: none;
    }
    .select-hour-template-mobile {
        display: flex !important;
    }

    .video_mobile .container {
        display: none;
    }
    .map_mobile .menu-bottom, .video_mobile .menu-bottom {
        display: none;
    }
    .map_mobile .nav-mobile, .video_mobile .nav-mobile, .video_mobile .list-video-mobile, .box-notify-video, .sub-video, .sub-map, #switch-map-show-mobile, .tab-mobile {
        display: block !important;
    }
    .tab-mobile-tablet { display: none !important; }
}
/*Iphone(480 x 640)*/
@media screen and (max-width: 320px){

}
/*Smart phone nhỏ*/
@media screen and (max-width: 240px){

}