@media only screen and (max-width: 480px) and (min-width: 320px){
	.hidem{display: none !important;}
	.hided{display: block !important;display: flex !important;}
    .anim{transition:all 0.3s linear 0s;}
    .dialogbox .msgbox{
        max-width: 90%;
        min-width: 90%;
    }
    .dialogbox .msgbox .extra-options{
        flex-direction: column;
        align-items: flex-start;
    }
    .dialogbox .msgbox .extra-options ._l,
    .dialogbox .msgbox .extra-options ._r{margin: 5px 0px;}
    .app-content{
        height: 100vh;
        padding-bottom: 120px;
        margin-bottom: 75px;
    }
    .app-main ._side{
        position: fixed;
        z-index: 2;
        background: #fff;
        top: 0px;
        transform: translateX(-270px);
    }
    .app-main ._side.shw{
        transform: translateX(0px);
    }
    .section-title {
        padding: 25px 15px;
        flex-direction: column;
        align-items: flex-start !important;
    }
    .section-title ._l {
        margin-bottom: 8px;
    }
    .header{
        background: rgba(var(--colorh), 0.09);
        z-index: 99;
        top: 0px;
        height: 51px;
        backdrop-filter: saturate(180%) blur(20px);
        padding: 10px 5px;
        background: #ebf0fd !important;
    }
    .header.shw{
        transform: translateX(222px);
    }
    .header.shw .menu div:nth-child(1){display: none;}
    .header.shw .menu div:nth-child(2){transform: rotate(45deg);}
    .header.shw .menu div:nth-child(3){
        transform: rotate(-45deg);
        margin-top: -7px;
    }
    .header .nav{
        max-width: 70px;
        top: 0px;
        left: 10px;
    }
    .header .menu{
        border: 0px;
        background: rgba(0,0,0,0);
        padding: 12px;
        height: 51px;
        width: 70px;
    }
    .header .menu .l1{
        width: 25px;
        height: 3px;
        background-color: var(--color);
        margin: 4px 0px;
        border-radius: 3px;
    }
    .header .logo{
        margin: 0 auto;
    }
    .header .logo .fav{
        width: 30px;
        height: 30px;
        border-radius: 24px;
        margin-right: 6px;
        background: rgba(var(--colorh), 1);
        transform: scale(0.75);
    }
    .header .logo .fav:before{
        content: "";
        position: absolute;
        width: 33px;
        height: 20px;
        border-radius: 24px;
        background: rgba(var(--colorh), 1);
        left: -10px;
        bottom: 0px;
    }
    .header .logo .fav:after{
        content: "";
        position: absolute;
        width: 45px;
        height: 20px;
        border-radius: 24px;
        background: rgba(var(--colorh), 0.6);
        right: -6px;
        bottom: 0px;
    }
    .header .logo:hover{
        background: rgba(var(--colorh), 0.08);
    }
    .users-data .col-blnc,
    .users-data .col-stamp,
    .users-data .col-bw,
    .users-data .col-fc{
        display: none;
    }
    .sessions .data-table .data-row .col-id,
    .users .data-table .data-row .col-id {
        max-width: 70px !important;
    }
    .sessions .data-table .data-row .col-id h2,
    .users .data-table .data-row .col-id h2{
        font-size: 13px !important;
    }
    .users .data-table .data-row .col-name{
        min-width: 190px !important;
    }
    .uform .group {
        flex: 1;
        flex-direction: column;
        align-items: flex-start;
    }
    .uform .input{width: 100%;}
    .uform {
        width: 100% !important;
        margin: 0px !important;
        padding: 0px 20px 20px 20px !important;
    }
    .uform .group .stc {
        flex: 1;
        width: 100%;
    }
    .files .section-title ._r{
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .files .section-title ._r .input{
        margin: 4px 0px;
        width: 100%;
    }
    .files .section-title ._r .search{
        margin: 8px 0px;
        width: 100%;
    }
    .dmca-form {
        margin: 0px 20px 25px 20px;
    }
    .dmca-data .col-size,
    .dmca-data .col-stamp{display: none;}
    .files .section-title ._r .switch-dmca-mode{
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .servers .data-table .data-row.data-row-head,
    .resellers .data-table .data-row.data-row-head,
    .sessions .data-table .data-row.data-row-head,
    .cashouts .data-table .data-row.data-row-head,
    .payments .data-table .data-row.data-row-head{display: none !important;}
    .servers .data-table .data-row,
    .resellers .data-table .data-row,
    .sessions .data-table .data-row,
    .cashouts .data-table .data-row,
    .payments .data-table .data-row{
        flex-direction: column !important;
        align-items: flex-start;
        padding: 20px;
    }
    .wsales{flex-direction: column;}
    .weekly-sale-list{
        width: 100% !important;
        height: 100vh !important;
        border-bottom: 1px solid rgba(var(--colorh),0.5);
        top: 0px !important;
        z-index: 5;
        background: #fff;
        border-right: 0px !important;
    }
    .weekly-detail .sales-overview {
        padding: 20px 0px !important;
        width: 100% !important;
    }
    .weekly-detail .sale-box {
        padding: 15px 0px !important;
    }
    .weekly-detail .sale-box .sale-list .amount{
        width: 145px !important;
    }
    .vouchers .uform {
        width: 100%;
        margin: 0px;
    }
    .sessions .col-brs{display: none;}
    .settings{padding: 0px !important;}
}