@media(min-width:576px) {
    .container {
        max-width: 540px
    }

    .offersModal-container .modal-dialog {
        margin-right: 0;
        margin-left: 0
    }
}

@media(min-width:768px) {
    .container {
        max-width: 720px
    }
}

@media(min-width:992px) {
    .container {
        max-width: 960px
    }
    
}

.col,
.col-auto {
    max-width: 100%
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    flex-basis: 0;
    flex-grow: 1
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.col-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.col-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.col-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.col-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.33333%
}

.offset-2 {
    margin-left: 16.66667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333%
}

.offset-5 {
    margin-left: 41.66667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333%
}

.offset-8 {
    margin-left: 66.66667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333%
}

.offset-11 {
    margin-left: 91.66667%
}

@media(min-width:576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-sm-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-sm-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-sm-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-sm-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-sm-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        order: -1
    }

    .order-sm-last {
        order: 13
    }

    .order-sm-0 {
        order: 0
    }

    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .order-sm-3 {
        order: 3
    }

    .order-sm-4 {
        order: 4
    }

    .order-sm-5 {
        order: 5
    }

    .order-sm-6 {
        order: 6
    }

    .order-sm-7 {
        order: 7
    }

    .order-sm-8 {
        order: 8
    }

    .order-sm-9 {
        order: 9
    }

    .order-sm-10 {
        order: 10
    }

    .order-sm-11 {
        order: 11
    }

    .order-sm-12 {
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333%
    }

    .offset-sm-2 {
        margin-left: 16.66667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333%
    }

    .offset-sm-5 {
        margin-left: 41.66667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333%
    }

    .offset-sm-8 {
        margin-left: 66.66667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333%
    }

    .offset-sm-11 {
        margin-left: 91.66667%
    }
}

@media(min-width:768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-md-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-md-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-md-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-md-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-md-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        order: -1
    }

    .order-md-last {
        order: 13
    }

    .order-md-0 {
        order: 0
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333%
    }

    .offset-md-2 {
        margin-left: 16.66667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333%
    }

    .offset-md-5 {
        margin-left: 41.66667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333%
    }

    .offset-md-8 {
        margin-left: 66.66667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333%
    }

    .offset-md-11 {
        margin-left: 91.66667%
    }
}

@media(min-width:1200px) {
    .container {
        max-width: 1140px
    }

    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xl-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xl-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xl-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xl-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xl-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        order: -1
    }

    .order-xl-last {
        order: 13
    }

    .order-xl-0 {
        order: 0
    }

    .order-xl-1 {
        order: 1
    }

    .order-xl-2 {
        order: 2
    }

    .order-xl-3 {
        order: 3
    }

    .order-xl-4 {
        order: 4
    }

    .order-xl-5 {
        order: 5
    }

    .order-xl-6 {
        order: 6
    }

    .order-xl-7 {
        order: 7
    }

    .order-xl-8 {
        order: 8
    }

    .order-xl-9 {
        order: 9
    }

    .order-xl-10 {
        order: 10
    }

    .order-xl-11 {
        order: 11
    }

    .order-xl-12 {
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333%
    }

    .offset-xl-2 {
        margin-left: 16.66667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333%
    }

    .offset-xl-5 {
        margin-left: 41.66667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333%
    }

    .offset-xl-8 {
        margin-left: 66.66667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333%
    }

    .offset-xl-11 {
        margin-left: 91.66667%
    }
}

@media all and (max-width:240px) {
    #toast-container>div {
        padding: 8px 8px 8px 50px;
        width: 11em
    }

    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
}

@media all and (min-width:241px) and (max-width:480px) {
    #toast-container>div {
        padding: 8px 8px 8px 50px;
        width: 18em
    }

    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
}

@media all and (min-width:481px) and (max-width:768px) {
    #toast-container>div {
        padding: 15px 15px 15px 50px;
        width: 25em
    }
}

@media only screen and (max-width:1320px) {
    .header-user-info {
        display: none
    }
}

@media only screen and (max-width:1279px) {
    .cust_dashboard_grid {
        padding-right: 0
    }

    .cust_dashboard_grid:last-child {
        padding-right: 15px
    }

    .app-main__outer .dash-header {
        padding: 10px 7px
    }

    .app-main__outer .dash-header.dash-header-bg .form_label span {
        font-size: 11px
    }
}

@media only screen and (max-width:1100px) {
    .cust_dashboard_grid {
        padding-right: 15px;
        flex: 0 0 50%;
        max-width: 50%;
        padding-bottom: 15px
    }

    .app-main__outer .dash-header.dash-header-bg .form_label span {
        font-size: 14px
    }

    .app-main__outer .dash-header {
        padding: 10px
    }

    .app-main__outer .Leaderboard li img {
        width: 45px;
        height: 45px
    }

    .app-main__outer .share-link .share-link-wrap {
        flex-wrap: wrap
    }

    .app-main__outer .share-link-wrap .submit {
        width: 78%
    }

    .share-social {
        padding-top: 12px
    }
}

@media all and (min-width:1180px) and (max-width:1279px) {
    .app-main__outer .share-link-wrap .submit {
        width: 38%
    }

    .app-main__outer .share-link-wrap .copy a,
    .app-main__outer .share-link-wrap .copy button {
        padding: 3px 15px;
        font-size: 15px;
        margin-left: 5px
    }
}

@media(max-width:991.98px) {

    .app-main,
    .page-title-head,
    .sidebar-mobile-open .app-sidebar .app-sidebar__inner ul::before,
    .sidebar-mobile-open .sidebar-mobile-overlay {
        display: block
    }

    .app-footer .app-footer__inner .app-footer-right,
    .app-header .app-header__content .app-header-left .nav,
    .app-header__content .top-h-title h1,
    .app-page-title .page-title-icon,
    .app-sidebar .app-header__logo,
    .closed-sidebar.closed-sidebar-mobile .app-header .app-header__logo,
    .closed-sidebar.closed-sidebar-mobile .app-sidebar .app-header__logo,
    .dropdown-menu .btn-icon-vertical .btn-icon-wrapper,
    .dropdown-menu::after,
    .dropdown-menu::before,
    .popover .btn-icon-vertical .btn-icon-wrapper,
    .sidebar-mobile-open .app-sidebar .app-sidebar__inner .app-sidebar__heading::before,
    .ui-theme-settings {
        display: none
    }

    .app-sidebar {
        flex: 0 0 280px !important;
        width: 280px !important;
        transform: translateX(-280px);
        position: fixed
    }
.logo-src.mobile {
    display: none;
}
.hamburger {
    background: #27AF61;
        padding: 8px 8px 3px 8px;
        border-radius: 16px;
    background: #27AF61;
}
.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before {
 
    background-color: #fff;
   
}
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::after, .hamburger.is-active .hamburger-inner::before {
    background-color: #fff;
}
.app-header-right .mr-5 {
    margin-right: .2rem !important;
}
/* .app-header {
    flex-direction: row-reverse;
} */
    .sidebar-mobile-open .app-sidebar {
        transform: translateX(0)
    }

    .sidebar-mobile-open .app-sidebar .app-sidebar__inner .app-sidebar__heading {
        text-indent: initial
    }

    .sidebar-mobile-open .app-sidebar .app-sidebar__inner ul li a {
        text-indent: initial;
        padding: 0 1.5rem 0 45px
    }

    .sidebar-mobile-open .app-sidebar .app-sidebar__inner .metismenu-icon {
        text-indent: initial;
        left: 5px;
        margin-left: 0
    }

    .sidebar-mobile-open .app-sidebar .app-sidebar__inner ul ul li a {
        padding-left: 1em
    }

    .sidebar-mobile-open .app-sidebar .app-sidebar__inner ul.mm-show {
        padding: .5em 0 0 2rem
    }

    .sidebar-mobile-open .app-sidebar .app-sidebar__inner ul.mm-show>li>a {
        height: 2rem;
        line-height: 2rem
    }

    .sidebar-mobile-open .app-sidebar .app-header__logo {
        width: auto !important
    }
    .sidebar_logout-btn p {
        text-indent: 0px !important;
    }
    .fixed-sidebar .app-sidebar {
        padding-top:0px;
        z-index:105;
    }
    .sidebar-mobile-open .app-sidebar .app-header__logo .logo-src {
        width: 97px !important;
        margin-left: auto;
        margin-right: 0
    }

    .sidebar-mobile-open .fixed-sidebar .app-sidebar {
        height: 100%
    }
    body {
        padding-top: 0px !important;
    }
    .sidebar_logout-btn p {
        padding-left: 0px;
        margin-left: -8px;
    }
    .app-main .app-main__outer {
        padding-left: 0 !important;
        padding-top: 25px;
    }

    .app-header {
        height: 65px;
        justify-content: space-between
    }

    .app-header .app-header__logo {
        display: none;
        order: 2;
        background: 0 0 !important;
        border: 0 !important
    }
    .app-header .app-header__content .top-h-title {
        display: block;
        margin-left: 0px;
        margin-top: 10px;
    }
    .app-header .app-header__content {
      
        left: 10%;
        width: 90%;
        top: 0;
        transition: .2s;       
        padding: 0 10px;
        /* overflow: hidden */
    }

    /* .app-header .app-header__content .header-btn-lg {
        margin-left: .5rem;
        padding: 0 .5rem
    } */

    .app-header .app-header__content.header-mobile-open {
        visibility: visible;
        opacity: 1
    }

    .app-header .app-header__mobile-menu {
        display: flex;
        order: 1
    }

    .app-header .app-header__menu {
        display: flex;
        order: 3
    }

    .app-header.header-text-light .app-header__menu>.btn,
    .app-header.header-text-light .app-header__menu>span .btn {
        background: rgba(255, 255, 255, .1);
        border-color: rgba(255, 255, 255, .1)
    }

    .app-header.header-text-light .header-mobile-open {
        background: #343a40
    }

    .dropdown-menu,
    .popover {
        position: fixed !important;
        z-index: 50;
        top: 6% !important;
        width: 20% !important;
        transform: translateY(-50%) !important;
        min-width: 10px !important
    }

    .app-header__content .dropdown-menu {
        top: 7% !important;
        left: 75% !important
    }

    .popover {
        max-width: initial
    }

    .popover .arrow {
        display: none !important
    }

    .app-page-title {
        text-align: center
    }

    .app-page-title .page-title-heading,
    .app-page-title .page-title-wrapper {
        margin: 0 auto;
        display: block
    }

    .app-page-title .page-title-actions {
        margin: 15px auto 0
    }

    .app-page-title .page-title-actions .breadcrumb,
    .app-page-title .page-title-actions .breadcrumb-item,
    .app-page-title .page-title-subheading .breadcrumb,
    .app-page-title .page-title-subheading .breadcrumb-item {
        display: inline-block
    }

    .app-footer .app-footer__inner .app-footer-left {
        width: 100%
    }

    .app-footer .app-footer__inner .app-footer-left .footer-dots {
        margin: 0 auto
    }

    .widget-content .widget-numbers {
        font-size: 1.6rem;
        line-height: 1
    }

    .bg-transparent.list-group-item {
        border-color: transparent
    }

    .tabs-lg-alternate.card-header>.nav .nav-item .widget-number {
        font-size: 1.5rem
    }

    .card-header.responsive-center {
        display: block;
        text-align: center;
        height: auto;
        padding: 1.5rem
    }

    .card-header.responsive-center .btn-actions-pane-right,
    .card-header.responsive-center .nav {
        margin: .75rem 0 0
    }

    .card-header.responsive-center .btn-actions-pane-right .d-inline-block.ml-2,
    .card-header.responsive-center .nav .d-inline-block.ml-2 {
        width: 100% !important;
        text-align: left;
        margin: 0 !important
    }

    .slick-slider-sm .slick-slider {
        max-width: 650px !important
    }

    .logo-src.mobile {
        margin-right: 20px;
        display: none
    }

    .user_details_show+p {
        flex-basis: 14%
    }

    .admin-cashout .cash-request-left span.price {
        margin-left: 10px
    }

    .admin-user .cashout-req ul li .cash-request-left {
        flex-basis: 36%
    }

    .admin-user.admin-cashout .cashout-req ul li {
        flex-wrap: wrap
    }

    .admin-setting .setting-list ul li {
        flex-direction: row !important
    }

    .todolist_table th.ref-no {
        min-width: 60px
    }

    .cash-request-right.admin-cashout.admin-c-drpdwn {
        flex-grow: 1
    }

    .admin-c-drpdwn::before {
        right: auto;
        left: 98px
    }

    #promoShowModal .modal-dialog {
        max-width: 90vw;
        height: auto
    }
}

@media(min-width:992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-lg-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-lg-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-lg-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-lg-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-lg-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        order: -1
    }

    .order-lg-last {
        order: 13
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333%
    }

    .offset-lg-2 {
        margin-left: 16.66667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333%
    }

    .offset-lg-5 {
        margin-left: 41.66667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333%
    }

    .offset-lg-8 {
        margin-left: 66.66667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333%
    }

    .offset-lg-11 {
        margin-left: 91.66667%
    }

    .slick-slider-sm .slick-slider {
        max-width: 850px !important
    }
}

@media(max-width:1199.98px) {
    .-hide-paging .-pagination .-center {
        display: none
    }
}

@media(max-width:767.98px) {
    .vertical-nav-menu li .account-manager-card .skype-btn {
        padding: 5px 0px !important;
        line-height: 24px !important;
    }
    .fixed-sidebar .app-main .app-main__outer {
        padding-top:70px;
       
     }
     
    .app-main {
        padding-bottom: 60px !important;
    }
    .app-main .app-main__inner {
        padding: 15px 15px 0
    }

    .mbg-3,
    body .card.mb-3 {
        margin-bottom: 15px !important
    }

    .app-page-title {
        padding: 15px;
        margin: -15px -15px 15px
    }

    .body-tabs,
    .forgot-frm-center,
    .login-frm-center {
        padding: 0 15px
    }

    .app-page-title+.body-tabs-layout {
        margin-top: -15px !important
    }

    .body-tabs-line .body-tabs-layout {
        margin-bottom: 15px;
        margin-left: -15px;
        margin-right: -15px;
        padding: 0 15px
    }

    .body-tabs {
        display: block
    }

    .body-tabs .nav-item .nav-link {
        margin: 0
    }

    .dropdown-menu,
    .popover {
        width: 80%;
        left: 10%
    }

    body .card-header {
        height: auto;
        display: block;
        padding: .75rem 1.5rem;
        text-align: center
    }

    body .card-header .btn-actions-pane-right {
        padding: .75rem 0 0
    }

    body .card-header .actions-icon-btn {
        padding: 0
    }
.porofile_img-cont {
    text-align: center;
}
.change-user-name .porofile_img-cont h4 {
    text-align: center;
}
    .card-header.card-header-tab .card-header-title {
        display: inline-flex !important;
        line-height: 1
    }

    .edit_profile-image {
        flex-wrap: wrap;
        gap: 10px;
    }  
    .edit_profile-image .profile_image {
        flex: 0 0 100%;
    }

    .edit_profile-image .profile_image {
        flex: 0 0 100%;
    }
    .edit_profile-image .change_pro-img-col {
        flex: 0 0 100%;
        padding-left: 0px;
    }
    .edit_profile-image .change_pro-img-col .upload-wrap {
        position: absolute;
        left: 102px;
        bottom: 0px;
        top: 61px;
    }
    .card-header.card-header-tab>.nav {
        margin: .75rem 0 -.75rem;
        display: table !important;
        width: 100%
    }

    .card-header.card-header-tab>.nav .nav-item {
        display: table-cell
    }

    .header-icon {
        display: none
    }
    .app-main__outer .refer .refer-right {
        flex:auto;
    }
    .profile-responsive .dropdown-menu-header .menu-header-content.btn-pane-right,
    .profile-responsive-sm .dropdown-menu-header .menu-header-content.btn-pane-right {
        display: block;
        text-align: center
    }

    .profile-responsive .dropdown-menu-header .menu-header-content.btn-pane-right .avatar-icon-wrapper,
    .profile-responsive-sm .dropdown-menu-header .menu-header-content.btn-pane-right .avatar-icon-wrapper {
        margin-right: 0 !important
    }

    .profile-responsive .dropdown-menu-header .menu-header-content.btn-pane-right .menu-header-btn-pane,
    .profile-responsive-sm .dropdown-menu-header .menu-header-content.btn-pane-right .menu-header-btn-pane {
        margin-top: 1rem
    }

    .slick-slider-sm .slick-slider .slick-prev {
        left: 15px
    }

    .slick-slider-sm .slick-slider .slick-next {
        right: 15px
    }

    .admin-user .cashout-req ul li .cash-request-left {
        flex-basis: 100%;
        justify-content: space-between
    }

    .admin-user .cashout-req ul li .user_details_show {
        margin-left: 0;
        margin-right: 0
    }

    .payout-history ul li {
        gap: 0 !important
    }

    .admin-setting .setting-list-right input[type=number] {
        padding-left: 45px;
        width: 115px;
        height: 42px
    }

    .admin-setting .setting-list-right button {
        width: 114px;
        height: 42px
    }

    .admin-setting .setting-list ul li,
    .admin-user ul.user_list li {
        flex-wrap: wrap
    }

    .offer-list-table th:first-child,
    .support-message-table th.ref-no,
    .survey-list-table th.ref-no {
        min-width: 60px
    }

    .survey-list-table .point_title {
        min-width: 80px
    }

    .survey-list-table .add_survey {
        min-width: 160px
    }

    .offer-list-table th:nth-child(4),
    .survey-list-table .actions,
    .todolist_table th.actions,
    .todolist_table th.task {
        min-width: 100px
    }

    .admin-user .cashout-req ul li .cash-request-left {
        justify-content: flex-start
    }

    .support-message-table th.fname,
    .support-message-table th.lname,
    .todolist_table th.rule_name {
        min-width: 110px
    }

    .offer-list-table th:nth-child(3),
    .support-message-table th.msg,
    .todolist_table th.max_value,
    .todolist_table th.point {
        min-width: 90px
    }

    .support-message-table th.email {
        min-width: 150px
    }

    .admin-user.admin-cashout .cashout-req ul.payout-history-list li {
        align-items: flex-end
    }

    .admin-user.admin-cashout .cashout-req ul.payout-history-list li .cash-request-right span.price {
        line-height: 20px;
    }

    .admin-user .cashout-req h2 {
        font-size: 17px
    }

    .Sign-up-container,
    .login-container {
        width: 100%
    }
    .cashout_balance .balance-wrap {        
        flex-wrap: wrap;
    }
    .cashout_balance .balance-wrap .balance_icon {
        flex: 0 0 100%;
        margin-bottom: 20px;
    }
    .cashout_balance {
        flex-wrap: wrap;
    }

    .cashout_balance .btn_pay-math {
        margin-top: 20px;
    }
.payment_history-col {
    margin: 20px 0px !important;
}
    .pay-list-history .payout_head {
        display: none !important;
    }
    .pay-list-history ul li {
        
        padding: 30px 0px !important;
        flex-wrap: wrap;
        position: relative;
        border-right:0px !important ;
        border-left:0px !important ;
        border-top:0px !important ;
        border-bottom: 1px solid #ECF0F8 !important;
    }
    .pay-list-history ul li:last-child{
        border: 0px !important;
    }
    .pay-list-history ul li .pay-img {
        flex: 0 0 100%;
    }
    .pay-list-history ul li .pay-date {
        flex: 0 0 100%;
    }
    .pay-list-history ul li .pay-des {
        flex: 0 0 60% !important;
        order: 1;
        align-items: flex-start !important;
    }
    .pay-list-history ul li .rec-money {
        flex: 0 0 40% !important;
        order: 2;
        display: flex;
        justify-content: flex-end;
    }
    .pay-list-history ul li .admin-cashout {
        flex: 0 0 100%;
    }
    .pay-list-history ul li .admin-cashout {
        flex: 0 0 100%;
        position: absolute;
        right: 0;
        top: 34px;
    }
    .offer-zone .offer-box {
        padding: 10px !important;
        margin-bottom: 12px !important;
    }
    .offer-zone .offer-box .offer-title h5 {
    font-size: 15px;
    line-height: 18px;
    }
    .offer-zone .offer-box .offer-content {
        padding: 0px 0 5px !important;
    }
    .offer-zone .offer-box .earn-cont {
        padding: 6px 16px;
    }
    .offer-zone .offer-box .earn-cont p {        
        font-size: 15px;
       
    }
    .offer-zone .offer-box .offer-ftr a {
        font-size: 15px;
        font-weight: 600;       
        padding: 10px 30px;
       
    }
    .offer-zone .offer-box .earn-cont h6 {      
        font-size: .85rem;
    }
    .payment_data-row .data-col {
        flex-grow: 1;
    }

    .payment_data-row .data-col p span {
        font-size: 14px;
    }
}

@media only screen and (min-width:1200px) and (max-width:1500px) {
    .profile-responsive .dropdown-menu-header .menu-header-content.btn-pane-right {
        display: block;
        text-align: center
    }

    .profile-responsive .dropdown-menu-header .menu-header-content.btn-pane-right .avatar-icon-wrapper {
        margin-right: 0 !important
    }

    .profile-responsive .dropdown-menu-header .menu-header-content.btn-pane-right .menu-header-btn-pane {
        margin-top: 1rem
    }
}

@media only screen and (max-width:768px) {
    .refer-cart {
        margin-bottom: 30px
    }

    .user_details_show+p {
        flex-basis: 84%;
        padding: 10px 0
    }

    .admin-user .cashout-req ul li {
        justify-content: space-between
    }

    .admin-setting .setting-list ul li {
        flex-direction: column;
        gap: 20px
    }
}

@media only screen and (max-width:670px) {
    .app-main__outer .share-link .share-link-wrap {
        flex-wrap: wrap;
        row-gap: 15px
    }

    .app-main__outer .share-link-wrap .submit {
        width: 80%
    }

    .app-main__outer .share-link-wrap .share-social {
        width: 100%
    }

    .app-main__outer .share-link-wrap .share-social ul {
        justify-content: center
    }
}

@media only screen and (max-width:377px) {
    .admin-user .cashout-req ul li .user_details_show {
        padding-top: 10px
    }
}

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

    /* .app-main__outer .dash-header .animate-four,
    .app-main__outer .dash-header .animate-last-four,
    .app-main__outer .dash-header .animate-last-one,
    .app-main__outer .dash-header .animate-last-three,
    .app-main__outer .dash-header .animate-last-two,
    .app-main__outer .dash-header .animate-one,
    .app-main__outer .dash-header .animate-three,
    .app-main__outer .dash-header .animate-two,
    .app-main__outer .share-link-wrap .share-social,
    .logo-src.mobile {
        display: none
    } */

    .app-header .app-header__content {
        left: 17%
    }
    .todo_count-wrap .count_colm {
        text-align: center;
    }
    .todo_count-wrap .count_colm {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .count_colm .dash-header-content {
        order: 2;
        display: flex;
    }
    .count_colm .dash-header-content img{
        margin-right: 5px;
    }
    .todo_count-wrap .count_colm h4 {
        padding: 0px;
        order: 1;

    }
    .app-main__outer .share-link-wrap .submit,
    .change-user-name .change-username-content input[type=password],
    .change-user-name .change-username-content input[type=text] {
        width: 100%
    }

    .app-main__outer .refer {        
        row-gap: 30px;
        background-image: url('../images/reffer_earn-mobile-bg.jpg') !important;
        background-repeat: no-repeat;
        position: relative;
    }
    .app-main__outer .refer::before{
        content:"";
        width: 100%;
        height: 100%;
        position: absolute;
        background: rgba(0,0,0,.2);
        top: 0px;
        left: 0px;
        border-radius: 15px;
    }
    .app-main__outer .refer .refer-left, .app-main__outer .refer .refer-right {
        position: relative;
        z-index: 1;
    }
    .app-main__outer .refer p {
        text-align:left !important;
    }
 
    .app-main__outer .refer p,
    .payment .payment-history .pay-list .pay-des p {
        text-align: center
    }
    .app-main__outer .refer h5{
        text-align: left;
    }
    .app-main__outer .refer a {
        width: auto;
        text-align: center
    }

    .change-user-name .change-username-content button.update {
        margin-left: 0;
        margin-top: 20px
    }

    .change-user-name .change-username-content input[type=email] {
        width: 100%;
        margin-bottom: 0
    }

    .description,
    .payment .payment-history,
    .payment-method .bank-details {
        margin-bottom: 0
    }

    .cashout .cashout-top-wrap,
   
    .helpcenter .help-center-top,
    .payment-method .row.pay-bank {
        margin-top: 0
    }

    .payment .payment-history .pay-list ul li {
        flex-direction: row;
        row-gap: 10px;
        border: 1px solid #a9c3de;
        padding: 10px;
        border-radius: 0px
    }
    .payment.offer-zone .payment-history .pay-list .pay-des {
        flex: 0 0 50%;
    }
    .payment .payment-history .pay-list ul li .rec-money {
        flex: 0 0 20%;
    }
    .payment .payment-history .pay-list .admin-cashout {
        flex: 0 0 100%;
    }
    .payment .payment-history .pay-list .pay-des {
        order: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }
    .data_tb-header {
        display: none;
    }
    .data_table-wrapper ul li {
        gap: 0px;
        flex-wrap: wrap;
    }
    .data_table-wrapper ul li .pay-des {
        flex: 0 0 60%;
    }
    .data_table-wrapper ul li .rec-money {
        flex: 0 0 20%;
        text-align: right;
    }
    .data_table-wrapper ul li .admin-cashout {
        flex: 0 0 100%;
        margin-top: 25px;
    }
    .data_table-wrapper ul li .admin-cashout button.approve {
        width: fit-content;
    }
    .cashout .balance .check-out a {
        width: 88px;
        height: 37px
    }

    .cashout .balance .balance-wrap {
        column-gap: 16px
    }

    .helpcenter .call a {
        font-size: 24px
    }

    .payment.offer-zone .payment-history .pay-list ul {
        flex-wrap: wrap;
        gap: 6px
    }

    .payment.offer-zone .payment-history .pay-list .pay-des {
        order: 0
    }

    .payment.offer-zone .payment-history .pay-list ul li {
        width: 100%;
        margin: auto
    }

    .offer-zone-modal .modal-dialog iframe {
        height: 230px
    }

    .offer-zone-modal {
        top: 80px
    }

    .offer-zone-modal .modal-dialog {
        max-width: 94vw;
        height: 80vh;
        margin: auto
    }

    .dashboard .cash-request ul li {
        flex-wrap: wrap;
        gap: 20px
    }

    .dashboard .cash-request .cash-request-right {
        width: 100%;
        justify-content: end
    }

    .share-social {
        padding-top: 0
    }

    .app-header__content .dropdown-menu {
        top: 75px !important;
        width: 100px !important;
        right: 10px !important;
        left: auto !important
    }

    .mobile-app-header {
        display: block;
        box-shadow: 0 -1px 6px 0 rgba(0,0,0,.2)
    }

    .mobile-app-header ul li {
        list-style: none
    }

    .app-main__outer .dash-header {
        padding: 10px;
        border-radius: 25px;
        background: #2ecc71;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative
    }

    .app-main__outer .dash-header h4,
    .app-main__outer .dash-header span {
        font-size: 18px;
        font-weight: 400;
        letter-spacing: 0;
        color: #fff;
        margin-top: 0
    }

    .app-main__outer .share-link {
       
       
        margin-top: 10px
    }


    .app-main__outer .dash-header.dash-header-bg .form_label span {
        font-size: 18px
    }



    .app-main__outer .share-link-wrap .copy a,
    .app-main__outer .share-link-wrap .copy button {
        border: 1px solid #fff;
       
    }
    .app-main__outer .share-link-wrap .submit {
        width:56%;
    }

    .app-main__outer .share-link-wrap .copy {
        width: 44%;
        text-align: end
    }
    .app-main__outer .share-link-wrap .copy button {
        padding: 5px 10px;
    }
    ul.mob-re-share {
        display: block;
        text-align: center;
        padding: 0;
        margin: 20px 0 0
    }

    ul.mob-re-share li {
        display: inline-block;
        padding: 0 10px
    }

    .admin-setting .setting-list ul li {
        margin-top: 20px
    }

    body {
        padding-bottom: 60px
    }

    .-todo-text-mob {
        display: block
    }

    .-todo-text-mob h5{
        display: none;
    }

  
    .app-main__outer .to-do .to-do-progress {
        padding: 10px 0px;
        margin-bottom: 10px;
        border-radius: 25px
    }

    .payment .payment-history .pay-list {
        border: none;
        padding: 0
    }

    .admin-cashout {
        order: 1
    }
.survey_title-row {
    display: none !important;
}
    /* .payment-mobile .admin-cashout a.approve,
    .payment-mobile .admin-cashout a.pending,
    .payment-mobile .admin-cashout a.rejected {
        width: 10px;
        height: 10px;
        vertical-align: middle;
        font-size: 0
    } */

    .payment-mobile .payment .payment-history .pay-list {
        border: none
    }

    .payment.offer-zone a.approve {
        width: 110px
    }

    .app-main__outer .dash-header .dash-header-content>img {
        position: absolute;
        left: 20px;
        top: 50%;
        transform: translateY(-50%);
        padding: 6px;
        background: #fff;
        border-radius: 100%;
        height: 30px;
        width: 30px;
        object-fit: contain
    }

    .share-container .sh-bx .txt {
        padding: 0 10px
    }

    .share-container .sh-bx .cli-me button {
        padding: 4px 10px;
        display: flex;
        align-items: center
    }

    .share-container .sh-bx .txt strong {
        font-size: 18px;
        font-weight: 400
    }

    .share-container .sh-bx {
        padding: 6px
    }

    .share-container-sub .sub-bx .bb button {
        text-wrap: nowrap
    }
}

@media only screen and (max-width:374px) {
    .app-main__outer .dash-header.dash-header-bg .form_label span {
        font-size: 13px
    }
}
@media(max-width: 991px){
    .progress-wrap {
    width: 80%;
    }
    .card{
        padding: 15px;
    }
}

@media(max-width: 767px){
    .sharable-content p, .post-coent-sec p{
        font-size: 15px;
        padding-bottom: 14px;
    }
    .page-box-title{
        padding-bottom: 12px;
    }
    .step-content ol li{
        font-size: 15px;
    }
    .step-content h6{
        padding-top: 10px;
    }
    .social_share-row-wrap {
        padding: 20px 10px 20px 30px;
    }
    .social_inner-wrap .sub_batch {
        margin-top: 5px;
    }
    .social_share-row-wrap .social_inner-wrap .footer_block {
        margin-top: 20px;
    }
    .social_share-row-wrap .social_inner-wrap .footer_block {
        align-items: flex-end;
    }
    .progress-btn-wrap  {
        display: block;
    }
    .spin_wheel {
        width: 340px;
        margin: 0px auto;
    }
    .btn_align {
        text-align: center;
    }

    .message p {
        max-width: 100%;
    }
    .chat-box {
        
        height: calc(100vh - 165px);
     
    }
    .login-sec-main {
        display: block;
    }
    .login-sec-main .login-box {
        width: 100%;
    }
    .login-container-bx .form_panel-header {
        flex-direction: column;
        padding: 20px 15px 0px;
        width: 100%;
        margin-bottom: 20px;
    }
    .login-container-bx .form_panel-header .form_mode-title {
        margin-top: 25px;
    }
    .login-container-bx .form_panel-header .form_mode-title h2 {
        text-align: center;
        font-size: 25px;
    }
    .login-container-bx .form_panel-header .form_mode-title p {
        text-align: center;
    }
    .login-container-bx .form_panel-header .app-logo {
        background: #fff;
        padding: 15px;
        width: 55%;
      
    }
    .referral-btn {
        font-size: 12px;
    }
}

@media (max-width:475px){
    .spin_wheel {
        width: 250px;
        margin: 0px auto;
    }
}