@media only screen and (max-width: 1399px) {
    .app-wrapper,
    .app-header{ min-width:100%;}
    .rightDetailPanel.collapse.show.xl {width:100%;}
    .main .info-text .total {white-space: nowrap;}
}

@media only screen and (max-width:1024px) {
    html, header, body, footer, nav, input, select {font-size:16px;}
    .app-content.main {padding-top:60px!important;}
    .app-content {padding-top:2rem;}
    .sub-content {padding:0;}
    .app-header  {padding:0;height: 3.75rem;}
    .app-header .main-brand {margin-top:.4rem;}
    .app-header  nav {flex-flow:row wrap;justify-content: end;}
    .app-header  nav .user-top {display:flex;align-items:center;padding-top:.4rem;}
    .app-header .nav-top {flex:0 0 3rem;justify-content: end;margin:0;}
    .app-header .nav-top .nav-item {display:none;}
    .app-header .nav-top .btn.sitemap {margin-top:.4rem;}
    #navbarNav nav > .nav-top .nav-item .nav-treeview .nav-item {padding:1rem;}
    .content-header {top:3.75rem;}
    .webzine .bbsList > ul > li {flex: 0 0 calc(50% - 1rem);}
    .modal, .modal-lg, .modal-xl,.modal-dialog,.modal.fade .modal-dialog,
    .bbsView {width:100%!important;height:calc(100% - 4.75rem);margin: 3.75rem 0 0 0;border-radius:0;max-width: 100%;}
    #navbarNav .modal-dialog,.modal.fade .modal-dialog {height:100%;margin-top:0;}
    #navbarNav .modal-content {border-radius:0;border:none;}
    .scroll-container .top {padding-top:0;}
    .scroll-container .bot {padding-top:1rem;}
    .main .info-text .total {font-size:1.6rem!important;}
    .main .stat-content .row-content .aside-wrap:last-child {flex:1 1 100% !important;flex-flow:row wrap;}
    .main .stat-content .row-content .mid-wrap.map + .aside-wrap:last-child {gap:1rem;}
    .main .stat-content .row-content .aside-wrap:last-child .card + .card  { margin:0!important;min-height:200px;}
    .main .main-tab-content .mcContainer,
    .main .stat-content .card-body .stat-column{flex-flow:row wrap;}
}

@media only screen and (max-width:480px) {
    .webzine .bbsList > ul > li {
        flex: 1 1 100%;
    }
    .only-pc {display:none;}
}