@media screen and (max-width:480px){

    .of_grid{
        display: flex;
        flex-wrap: wrap;
    }
    
    .csm-offers{
        width: 48%;
    }

    .offer-span{
        display: none;
    }

}

.app-preloader{
    z-index: 999999999999999;
}
























/* Additional Css */

.for-mobile-navigation-bar{
    display: none;
}

.p-share a i{
    color: #fff !important;
}

.mobile-mode-container-profilecard{
    display: none !important;
}

.main-content{
    margin-bottom: 3rem;
}


@media screen and (min-width: 319px) {


.mobile-mode-container-profilecard{
    display: block;
}

.for-mobile-mode-profilecard .line-clamp-1{
    font-size: 9px;
}

.for-mobile-mode-profilecard .shrink-0{
    width: 2rem !important;
    height: 2rem !important;
}

.for-mobile-mode-profilecard{
    width: 50%;
}

.for-mobile-mode-profilecard .space-x-3{

    margin-top: .5rem;
    margin-bottom: .5rem;
}


.mobile-mode-wrapper-profilecard{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

}


@media screen and (min-width: 374px) {


.mobile-mode-container-profilecard{
    display: block;
}

.for-mobile-mode-profilecard .line-clamp-1 {
    font-size: 12px;
}

.for-mobile-mode-profilecard{
    width: 50%;
}

.for-mobile-mode-profilecard .space-x-3{

    margin-top: .5rem;
    margin-bottom: .5rem;
}


.mobile-mode-wrapper-profilecard{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}



}









@media screen and (max-width:480px){

    .of_grid{
        display: flex;
        flex-wrap: wrap;
    }
    
    .csm-offers{
        width: 48%;
    }


    .for-desktop-mode-profilecard{
        display: none;
    }
    
    .mobile-mode-container-profilecard{
        display: block !important;
    }
    
    
    .offer-persent {
    background: #01d676;
    color: white;
    font-size: smaller !important;
    border-radius: 10px;
    padding: 0.2rem !important;
}

.offer-span-fires{
    display: none;
}

.offer-h1 {
    font-size: 14px;
    font-weight: 700;
    font-family: unset;
}



    
.avatar-image-pop{
    height: 4rem;
    width: 4rem;
}

    
    
    

    .menu-toggle{
        display: none;
    }




.css-1i3s5n9 img{
    width: 100% !important;
}





.clos_csm_{
    display: none;
}

.nav-li-n-o-mobile {
    border-radius: 7px;
    margin-top: 9px!important;
    cursor: pointer;
    text-align: center;
    height: 42px;
    padding: 0 5px;
    font-size: 15px;
    position: relative;
    transition: background-color .1s ease-in-out;
    color: #fff;
    background: 0 0;
}


.nav-li-n-o-mobile i{
    margin-top: .3rem;
}


    .for-mobile-navigation-bar {
        width: 100%;
        display: block;
        position: fixed;
        bottom: 0;
        z-index: 99999999;
        background: black;
    }

    .for-mobile-navigation-bar-inner {
        display: flex;
        justify-content: space-around;
    }


    .second-earning-menu{
        margin-top: -7px !important;
        background: black !important;
    }

    .second-earning-menu i{
        color: #088446 !important;
    }




    .chat-mid-msgs {
        height: 45%;
    }


    .chat-tab {
        height: 80%;
    }

    .sidebar-panel-chat {
        height: 91%;
    }


    .for-mobile-moder-earn-head{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .for-mobile-moder{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
 

a.dc-logo-landing img {
    margin-left: 30px !important;
}

.offer-span-fires{
    display: none;
}




}


@media screen and (min-width:768px){


    .avatar-image-pop{
        height: 5.5rem;
        width: 5.5rem;
    }

}



@media screen and (max-width:768px){

    .menu-toggle{
        display: none;
    }

.clos_csm_{
    display: none;
}
.nav-li-n-o-mobile {
    border-radius: 7px;
    margin-top: 9px!important;
    cursor: pointer;
    text-align: center;
    height: 42px;
    padding: 0 5px;
    font-size: 15px;
    position: relative;
    transition: background-color .1s ease-in-out;
    color: #fff;
    background: 0 0;
}


.nav-li-n-o-mobile i{
    margin-top: .3rem;
}


    .for-mobile-navigation-bar {
        width: 100%;
        display: block;
        position: fixed;
        bottom: 0;
        z-index: 99999999;
        background: black;
    }

    .for-mobile-navigation-bar-inner {
        display: flex;
        justify-content: space-around;
    }


    .second-earning-menu{
        margin-top: -7px !important;
        background: black !important;
    }

    .second-earning-menu i{
        color: #088446 !important;
    }

    .chat-mid-msgs {
        height: 45%;
    }


    .chat-tab {
        height: 80%;
    }

    .sidebar-panel-chat {
        height: 91%;
    }



    .earn_header {
        display: flex;
        align-items: center;
        gap: 1rem;
        justify-content: center;
    }
    

a.dc-logo-landing {
    margin-left: -40px !important;
}



}




@media screen and (max-width:1024px){

    .menu-toggle{
        display: none;
    }
/* .is-scrollbar-hidden button{
    display: none;
} */

.clos_csm_{
    display: none;
}

.is-sidebar-open .sidebar-panel{
    display: none;
}

.for-mobile-main-sidebar{
    display: none;
}

.mobile-mode-container-profilecard {
    display: none;
}

.nav-li-n-o-mobile {
    border-radius: 7px;
    margin-top: 9px!important;
    cursor: pointer;
    text-align: center;
    height: 42px;
    padding: 0 5px;
    font-size: 15px;
    position: relative;
    transition: background-color .1s ease-in-out;
    color: #fff;
    background: 0 0;
}


.nav-li-n-o-mobile i{
    margin-top: .3rem;
}


    .for-mobile-navigation-bar {
        width: 100%;
        display: block;
        position: fixed;
        bottom: 0;
        border-top: 1px solid #088446;
        z-index: 99999999;
        background: #141523;
    }

    .for-mobile-navigation-bar-inner {
        display: flex;
        justify-content: space-around;
    }


    .second-earning-menu{
        margin-top: -7px !important;
        background: black !important;
    }

    .second-earning-menu i{
        color: #088446 !important;
    }

    .chat-mid-msgs {
        height: 45%;
    }


    .chat-tab {
        height: 80%;
    }

    .sidebar-panel-chat {
        height: 91%;
    }



    .earn_header {
        display: flex;
        align-items: center;
        gap: 1rem;
        justify-content: center;
    }
    
    .dc-logo-landing{
    margin-left: -60px !important;
}

a.dc-logo-landing {
    margin-left: -40px !important;
}

.offer-span-fires{
    display: none;
}

}