@media only screen and (max-width: 480px) and (min-width: 320px){
	.hidem{display: none !important;}
	.hided{display: block !important;display: flex !important;}
    .section-title { padding: 15px !important; }
    .dialogbox .msgbox{
        max-width: 90%;
        min-width: 90%;
    }
    .header{
        padding: 10px 5px;
    }
    .header .nav{
        max-width: 70px;
        top: 0px;
        left: 10px;
    }
    .search-files {
        z-index: 99;
        background: #eee;
        border-radius: var(--radius);
        overflow: hidden;
        display: none;
        top: 70px;
        left: 15px;
        right: 120px;
    }
    .premium .voucherview{
        width: 100%;
        padding: 20px;
    }
    .me-nav{
        transform: translateX(-110vw);
        position: fixed;
        top: 0px;
        left: 0px;
        bottom: 0px;
        z-index: 130;
        width: 90%;
        flex-direction: column;
        align-items: inherit;
        justify-content: flex-start !important;
        padding-top: 20px;
        height: auto;
    }
    .me-nav.visible{transform: translateX(0px);}
    .header .menu{
        border: 0px;
        background: rgba(0,0,0,0);
        padding: 12px;
        height: 60px;
        width: 70px;
    }
    .header .menu .l1{
        width: 25px;
        height: 3px;
        background-color: #fff;
        margin: 4px 0px;
        border-radius: 3px;
    }
    .header .logo {
        padding: 10px 15px;
        height: 51px;
        display: block;
        margin: 0 auto;
    }
    .header .logo .oa{height: 30px;}
    .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;
        flex: inherit !important;
    }
    .landing ._l lottie-player{
        height: 250px !important;
    }
    .landing ._l .button{
        margin: 30px auto;
    }
    .landing ._r h2:first-child{
        font-size: 24px;
        text-align: center;
    }
    .landing ._r h2:nth-child(2){
        font-size: 36px;
        text-align: center;
    }
    .landing ._r h2:nth-child(3){
        font-size: 18px;
        text-align: center;
    }
    .premium-plans{
        flex-direction: column;
        gap: 30px;
    }
    .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;
        flex-direction: column;
        align-items: flex-start;
    }
    .footer .nav a{
        font-size: 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;
    }
    .header .logo .ob h2 {
        transform: translateX(8px);
    }
    .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{
        padding: 7px 12px 6px 2px;
    }
    .public-note{
        font-size: 11px;
        padding-top: 9px;
    }
    .fm .manager .files .file .col.meta{max-width: 60%;}
    .fm .manager .files .file .col.meta h2{}
    .upload-manager{
        width: auto;
        right: 10px;
    }
    .link-manager textarea{ width: 100%; }
    .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: 30px; }
    .affiliate .stats .st .meta .s24{ font-size: 20px; }
    .affiliate .detail{
        flex-direction: column;
        align-items: flex-start;
    }
    .affiliate .detail,
    .affiliate-detail, 
    .affiliate-more {
        padding: 0px 2vw;
    }
    .affiliate .request-cashout {
        padding: 0px 5vw;
    }
    .affiliate .detail-more {
        padding: 10px 2vw 10px 2vw;
    }
    .affiliate .get-aff-link{
        margin: 10px 25px 20px 25px;
    }
    .request-cashout .blocks {
        flex-direction: column;
    }
    .profile .me-section,
    .request-cashout .payout,
    .request-cashout .stitle,
    .request-cashout .blocks .block, 
    .affiliate .section-content{ width: 100%; }
    .profile .me-section{
        flex-direction: column-reverse;
    }
    .affiliate .detail .amt .from input, .to input{width: 100%;}
    .profile .aff-menu,
    .affiliate .aff-menu{
        left: 20px;
        top: -34px;
        z-index: 2;
        background: var(--primary);
        padding: 3px 12px;
    }
    .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: 0px 10px 0px 10px;
        flex-direction: column;
    }
    .affiliate .stats .st {
        flex: 1;
        background: #fff;
        overflow: hidden;
        padding: 40px;
        border-bottom: 1px #eee solid;
        width: 100%;
    }
    .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 {
        
    }
    .request-cashout .sector-content .note {
        padding: 20px 0px;
    }
    .profile .acc-section {
        padding: 20px;
        flex-direction: column;
    }
    .profile .pro-offer{
        width: 100%;
        margin-bottom: 12px;
        margin-top: 20px;
    }
    .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: 15px !important;
    }
    .profile .me-affcog {
        width: 100%;
        text-align: left;
        margin: 0px;
        padding: 15px !important;
    }


    .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;
    }
    .account-wrap .lottie{ display: none; }
    .account-wrap .account{ justify-content: flex-start; }

}