@media only screen and (max-width: 480px) and (min-width: 320px){
	.hidem{display: none !important;}
	.hided{display: block !important;display: flex !important;}

    .dialogbox .msgbox{
        max-width: 90%;
        min-width: 90%;
    }
    .header{
        padding: 10px 5px;
        background: #ebf0fd !important;
    }
    .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 {
        padding: 10px 15px;
        height: 51px;
        display: block;
        margin: 0 auto;
    }
    .landing {
        padding: 30px;
    }
    .landing.lng{ flex-direction: column-reverse !important; }
    .landing.dng{ flex-direction: column !important; }
    .landing ._r{
        max-height: 300px;
        margin: auto !important;
    }
    .landing.dng ._r h2.s20{
        margin-top: 15px;
        text-align: center;
    }
    .landing.dng ._r .button{margin: 30px auto;}
    .landing ._l{
        text-align: center;
    }
    .landing ._l .button{
        margin: 30px auto;
    }
    .premium-plans{
        flex-direction: column;
    }
    .premium-plans .proplan:nth-child(1) {
        margin-left: 0px;
    }
    .premium-plan .proplan{
        margin: 5px 0px;
    }
    .banding{padding: 0px 10%;}
    .footer {
        padding: 40px;
        flex-direction: column;
    }
    .footer .copyr{
        margin-bottom: 20px;
    }
    .footer .nav{
        margin-bottom: 20px;
    }
    ._menu{
        top: 0px;
        left: 0px;
        bottom: 0px;
        z-index: 101;
        background: #fff;
        padding: 30px;
        right: 50px;
        box-shadow: 0px 0px 10px #ccc;
        transform: translateX(-110vw);
    }
    ._menu.shw{
        transform: translateX(0px);
    }
    ._menu a{
        padding: 4px 10px;
        background: #fff;
        margin-bottom: 4px;
        border-radius: 10px;
    }
    ._menu .h_d{
        margin-bottom: 15px;
    }
    ._menu .h_d button{
        border: 0px;
        background: #fff;
        margin-right: 8px;
    }
    ._menu .h_d button:active{
        background: rgba(var(--colorh), 0.1);
    }
    ._menu .h_d h2{}
    .account {
        width: 100%;
        margin: 20px auto 100px auto;
        padding: 40px;
    }
    .fm .sidebar,
    .fm .manager .head .actions .crumb,
    .fm .manager .head .actions.actions-r .button.__transfers,
    .fm .manager .head .actions.actions-r .button.__newfolder h2,
    .fm .manager .head .actions.actions-r .button.__upload h2,
    .fm .manager .files .file .col.downs,
    .fm .manager .files .file .col.size{
        display: none !important;
    }
    .fm .manager .files .file .col.stamp{
        max-width: 75px !important;
        min-width: 75px !important;
    } 
    .fm .manager .files .file .col.stamp .cntxt{
        border: 0px;
        margin-left: 15px;
        background: rgba(0,0,0,0);
    }
    .search-files .query{
        width: calc(100vw - 80px - 88px - 83px) !important;
    }
    .fm .manager .files .file .col.meta{max-width: 60%;}
    .fm .manager .files .file .col.meta h2{}
    .upload-manager{
        width: auto;
        right: 10px;
    }

    .premium {
        width: 100%;
        margin: 20px auto;
        padding: 20px;
        box-sizing: border-box;
    }
    .premium .points{
        flex-wrap: wrap;
    }
    .premium .pmethods button.pm{
        min-width: 100%;
        max-width: 100%;
        flex-direction: row !important;
    }
    .premium .pmethods button.pm img {
        height: auto;
        width: 60px;
    }

    .profile ._side,
    .affiliate ._side{
        position: fixed;
        background: #fff;
        z-index: 3;
        transform: translateX(-300px);
    }
    .profile ._side.visible,
    .affiliate ._side.visible{transform: translateX(0px);}
    .affiliate .stats .st .meta .val{font-size: 18px;}
    .affiliate .detail{
        flex-direction: column;
        align-items: flex-start;
    }
    .affiliate .get-aff-link{
        margin: 10px 25px 20px 25px;
    }
    .affiliate .detail .amt .from input, .to input{width: 100%;}
    .profile .aff-menu,
    .affiliate .aff-menu{
        left: 20px;
        top: 65px;
        z-index: 2;
    }
    .profile .h_d,
    .affiliate .h_d{
        margin-bottom: 15px;
    }
    .profile .h_d button,
    .affiliate .h_d button{
        border: 0px;
        background: #fff;
        margin-right: 8px;
    }
    .profile .h_d button:active,
    .affiliate .h_d button:active{
        background: rgba(var(--colorh), 0.1);
    }
    .affiliate .stats {
        padding: 45px 20px 0px 20px;
    }
    .affiliate .request-cashout{
        padding-top: 45px;
    }
    .affiliate .request-cashout .sector{
        flex-direction: column ;
    }
    .request-cashout .form {
        width: 100% !important;
        margin-top: 20px;
    }
    .request-cashout .sector-content {
        margin: 25px;
    }
    .profile .me-section,
    .affiliate .aff-section{padding-top: 45px;}
    .profile .acc-section {
        padding: 20px;
        flex-direction: column;
    }
    .profile .pro-offer{
        width: 100%;
        margin-bottom: 12px;
    }
    .profile .stats .st:nth-child(1) {
        margin-bottom: 12px;
    }
    .profile .editor {
        padding: 20px 35px;
        width: 100%;
    }
    .profile .editor .in {
        flex: 1;
        padding: 10px 0px;
        margin-bottom: 15px;
        flex-direction: column;
        align-items: flex-start;
    }
    .profile .editor .in .lbl {
        width: 100%;
        text-align: left;
        padding-right: 0px;
        margin-bottom: 20px;
    }
    .profile .editor .in .val .udp{margin-bottom: 10px;}
    .profile .editor .in .val .input {
        border: 1px #ddd solid;
        border-radius: 3px;
        padding: 8px 10px;
        width: 100%;
    }
    .profile .editor .in .val{
        flex: 1;
        max-width: 100%;
        width: 100%;
    }
    .profile .editor .in .val2{margin-top: 10px;}
    .profile .session-history {
        margin: 0px;
        width: auto;
        padding: 0px 20px;
    }
    .profile .me-pincode {
        text-align: left;
        width: 100%;
        margin: 0px;
        padding: 0px 25px;
    }
    .profile .me-affcog {
        width: 100%;
        text-align: left;
        margin: 0px;
        padding: 0px 25px;
    }


    .folder-view{
        width: 100%;
        padding: 0px 20px;
    }
    .folder-view .dl-files .mta {
        max-width: 70vw;
    }
    
    .dl-file {
        padding: 0px 20px;
    }
    .dl-file .dl-meta {
        padding: 0px;
    }
    .dl-file .dl-meta .speedbox{
        flex-direction: column !important;
        padding-left: 0px;
    }
    .dl-file .dl-meta .speedbox .spd{
        margin-bottom: 10px;
    }
    .dl-file .premium-plans{
        width: 100%;
    }

    .download .dl-box-pro {
        width: 100%;
        margin: 50px auto;
        box-sizing: border-box;
        height: auto !important;
        flex-direction: column;
        padding: 0px 25px;
    }
    .download .dl-box-pro .icon {
        width: 100% !important;
        border-radius: 10px 10px 0px 0px;
    }
    .download .dl-box-pro .meta {
        width: 100%;
        text-align: center;
    }
    .download .dl-box-pro .meta .button{
        margin: 20px auto;
        border-radius: 6px;
    }
    .antidebrid {
        width: 100%;
        margin: 0px;
        background: rgba(var(--colorh), 0.05);
        padding: 30px;
    }

}