﻿.navigation .menu li a {
    font-weight: 300;
    font-size: 18px;
}
.fa-mobile-phone:before, .fa-mobile:before{
    font-size:21px;
}

.mc-btn {
    font-weight: 500;
}

.search-inner {
    text-align: left;
}

.navigation .menu > li > a {
    font-weight: 500;
}

.navigation .menu .sub-menu li a {
    padding: 0 15px;
}

.sub-menu .md-user-minus, .sub-menu .fa-credit-card {
    font-size: 12px;
}

.sub-menu .icon {
    padding-right: 19px;
}

.sub-menu .fa {
    padding-right: 30px;
}

.sub-menu .icon.md-user-minus {
    padding-right: 15px;
}

.dataTables_wrapper.form-inline {
    width: 100%;
}

.after-slider-content h4, .mc-count-item h4 {
    font-weight: 600;
}

.footer .widget.quick_link h3.sm, .footer .news_letter .letter-heading h3.md {
    font-weight: 600;
}

.dataTables_wrapper {
    color: #666;
}

#before-footer {
    padding: 20px 0;
}

    #before-footer p {
        line-height: 0.3em;
        margin: 10px 0;
    }

    #before-footer .before-footer-link {
        padding-top: 10px;
        padding-bottom: 0;
    }

.number div {
    display: inline-block;
    position: relative;
    /*overflow: hidden;*/
    vertical-align: middle;
}

.pointsblock b {
    font-size: 50px;
    background: #f8f8f8;
    margin: 0px 2px;
    padding: 0 12px;
    color: #2b8e3e;
    border-radius: 6px;
    font-weight: 100;
    border: solid 1px #d4e2ec;
    border-bottom: 2px solid;
    font-family: 'Yantramanav', sans-serif !important;
    background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgba(246,246,246,1) 47%, rgb(212, 212, 212) 100%);
}

.cashbackrewards .pointsblock b {
    font-size: 55px;
}

.pointsblock sup {
    top: 0;
    font-size: 25px;
    color: #2b8e3e;
    font-weight: bold;
    z-index: 10;
    line-height: 28px;
}

.pointsblock hr {
    color: #fff;
    border-width: 1.11px;
    margin: 0px;
    position: absolute;
    top: 48%;
    transform: translateY(-20%);
    width: 94%;
    box-shadow: 0px 0px 0px 1.2px rgb(255, 253, 253);
    border-color: #d4e2ec;
    /*z-index: 99999999999;*/
    margin-left: 3%;
}

.pointsblock i {
    font-size: 23px;
    font-weight: bold;
}

@media screen and (max-width: 1200px) {

    .waystoearn .col-md-8, .waystoearn .col-md-4 {
        width: 100%;
    }

    .waystoearn .mc-btn.btn-style-1 {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .cashbackrewards .pointsblock b {
        font-size: 50px;
    }
    #footer .copyright{
        text-align:center;
    }
}

@media screen and (max-width: 992px) {
    /*Social Share stat*/

    .referrals .widget_categories ul {
        width: 50%;
    }

        .referrals .widget_categories ul li.col-xs-6 {
            width: 100%;
        }

    /*Social Share stat*/

    /*User Profile*/
    .userprofile .form-horizontal .form-group {
        width: 100%;
        margin-left: 0;
    }

    .userprofile .form-group .col-md-12 {
        padding: 0 0px;
    }

    /*User Profile*/
    .cashback, .recentpurchase {
        margin-left: 0;
    }

    .cashbackrewards {
        text-align: left;
    }
}

@media screen and (max-width: 768px) {


    #mc-section-1 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .profile-feature .container {
        margin: 0 19px;
        width: auto;
    }

    .container {
        width: auto;
    }

    .profile-feature .info-author .image {
        margin-left: 8px;
        margin-right: 12px;
    }

    .open-menu .item {
        left: -10px;
    }

    .after-slider-content .form-actions .mc-btn {
        width: 46%;
        margin: 20px 15px;
    }

    .leaderboardlearnmore {
        width: 46%;
        margin: 34px 15px;
    }

    .after-slider-content .form-actions .mc-btn, .leaderboardlearnmore {
        font-size: 17px;
        width: 44%;
        padding: 0 10px;
    }

    .before-footer-link .mc-btn {
        margin-left: 0;
        font-size: 17px !important;
        width: 49% !important;
        padding: 0 10px !important;
    }

    .first-footer .letter .mc-btn {
        font-size: 17px !important;
        padding: 0 10px !important;
    }

    .mobilebanner .mc-btn {
        font-size: 17px;
        padding: 0 10px;
    }

    .after-slider-content .tb-cell.text-right.col {
        text-align: right;
        position: relative;
        margin-top: -72px;
        padding-bottom: 12px;
    }

    .after-slider-content.tb {
        padding-bottom: 7px;
    }

    .after-slider-content .form-actions .mc-btn {
        margin-top: -2px;
    }

    .dataTables_wrapper .col-sm-6 {
        width: 50%;
        float: left;
        padding-bottom: 9px;
    }

    .navigation .menu li a {
        line-height: 2.2em;
    }

    .navigation .menu .sub-menu li a {
        width: 260px;
    }

    div.dataTables_wrapper div.dataTables_length {
        text-align: right;
    }

    div.dataTables_wrapper div.dataTables_filter {
        text-align: left;
    }

    .avatar-acount {
        padding: 17px 7px;
    }

    .open-menu {
        width: 58px;
    }

    .navigation .list-account-info.list-item {
        margin-right: 31px;
    }

    /*.section-outline .section-list li .list-body {
        padding-left: 15px;
        padding-right: 15px;
    }*/

    .dataTables_filter .form-control.input-sm {
        width: 60%;
    }

    .after-slider-content h4 {
        width: 100%;
    }

    .dataTables_wrapper {
        color: #999a9a;
        text-transform: uppercase;
        font-size: 14px;
    }

        .dataTables_wrapper > .row:nth-child(1) {
            display: none;
        }

    .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        padding: 21px 8px;
    }

    .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
        background: #fff;
    }

    .txHistory thead th:nth-child(3), .txHistory thead th:nth-child(5), .txHistory tbody td:nth-child(3), .txHistory tbody td:nth-child(5) {
        display: none;
    }

    .txHistory .hiddenoffername {
        display: block;
        font-weight: inherit;
    }

    .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
        white-space: pre-line;
    }

    .table-responsive {
        overflow-x: hidden;
    }

    /*.tblLeaderboard thead th:nth-child(1), .tblLeaderboard thead th:nth-child(4), .tblLeaderboard thead th:nth-child(5), .tblLeaderboard tbody td:nth-child(1), .tblLeaderboard tbody td:nth-child(4), .tblLeaderboard tbody td:nth-child(5) {
        display: none;
    }*/

    .recentpurchase, .cashback {
        margin-left: 0;
    }

    .tblLeaderboard .hiddenrank {
        display: block;
    }

    p, p.mc-text {
        font-size: 18px;
        line-height: 1.8em;
    }

    #header .logo p {
        line-height: 20px;
    }

    .big.h2top0 {
        font-weight: 600;
    }

    .featured-item .title-box.text-uppercase {
        font-size: 17px;
    }

    /*Footer*/
    .mc-section-3 {
        padding-left: 15px;
        padding-right: 15px;
    }

    #before-footer, #footer .first-footer {
        padding-left: 15px;
        padding-right: 15px;
    }

    .first-footer .widget.news_letter {
        text-align: left;
    }

    .first-footer .input-text {
        padding: 15px 15px;
    }

    .first-footer .letter span {
        margin-top: 0;
        font-size: 16px;
    }
    /*Footer*/

    /*Header Settings*/
    #header .open-menu {
        left: 0;
        right: 100%;
    }

    #header .list-account-info {
        position: absolute;
        right: -18px;
    }

    #header .navigation .menu {
        left: 0;
        right: 100%;
        /*top: 12px;*/
    }

    #header .search-box {
        position: relative;
        top: 44px;
        bottom: -43px;
        right: -16px;
        display: none;
        margin-bottom: 41px;
    }

    .search-box .icon {
        display: none;
    }
    /*#header .search-box {
        display: none !important;
    }*/

    #header .menu .menu-item-has-children .sub-menu {
        display: block;
    }

    /*#header .navigation .menu li.menu-item-has-children > a {
        background-color: #11538c;
    }*/

    .menu-home > a {
        background-color: #11538c;
    }

    #header .logo {
        position: relative;
        left: 48px;
        top: 13px;
        text-align: left;
        transform: translateY(0%);
        padding: 0;
        height: 0;
    }
    #header .logo p {
        line-height: 20px;
    }

    .HeaderPoint {
        padding: 9px 14px;
    }
    /*Header Settings*/

    /*Banner Settings*/
    .mobilebanner {
        display: block;
        height: 250px;
    }

        .mobilebanner img {
            height: 250px;
            width: 100%;
            object-fit: cover;
        }

    .webbanner {
        display: none;
    }

    .mobilebanner .item-inner {
        transform: scale(0.8) !important;
    }
    .d-felx-center{
        display : flex;
        align-items : center;
        justify-content :center;
    }
    .learn-more .mc-btn{
        position:relative;
        z-index : 9;
    }
    .mobilebanner .textblock {
        background: white;
        color: black;
        width: 420px;
        margin-top: -150px;
        position: relative;
        background: white;
        color: #666;
        z-index: 22;
        padding: 43px;
        border-radius: 10px;
    }

    .mobilebanner .mc-btn {
        padding: 0 20px;
        margin-top: 5px;
        margin-bottom: 2px;
    }

    .mobilebanner .group {
        text-align: center;
    }

    .mobilebanner .textblock h2 {
        font-size: 17px;
    }

    .mobilebanner .textblock p {
        font-size: 18px;
        margin: 0;
        color: black;
        font-weight: 500;
        text-align: center;
    }


    /*Login Banner*/

    .ribbon {
        display: none;
    }

    .mobilerank {
        display: inline-block !important;
    }

    #after-slider .inner.tb-cell {
        padding-top: 110px;
    }

    .i-1.mobilerank {
        padding-top: 0;
        padding-bottom: 0;
    }

    .mobilebanner .textblock p {
        font-size: 18px!important;
        margin: 0;
        color: #737373;
        font-weight: 500!important;
    }

    .after-slider-content h4 {
        padding: 0 7px;
    }
    /*Login Banner*/

    /*Banner Settings*/

    .mc-section-1, .before-footer {
        padding-left: 21px;
        padding-right: 21px;
    }



    /*transfer Point*/
    .trasnferpointleft, .trasnferpointright {
        padding-left: 0;
        padding-right: 0;
    }

    .TrasferPointBlock .col-md-12.text-center {
        padding-left: 0;
        padding-right: 0;
    }
    /*transfer Point*/

    /*User Profile*/
    .profile .avatar-acount {
        padding: 17px 15px;
    }

    /*User Profile*/

    /*Ways to earn*/
    .waystoearn .odd, .waystoearn .even {
        padding: 20px 0px !important;
    }


    /*Ways to earn*/

    /*Tx History*/
    .txhistory .avatar-acount {
        padding: 0 7px;
    }

    i.fa-arrows-alt.fa {
        display: inline-block;
    }

    .txhistory h3.childtitle.fixed {
        position: fixed;
        z-index: 99999;
        width: 100%;
    }

        .txhistory h3.childtitle.fixed + .row .avatar-acount .row .table-responsive {
            padding-right: 9px;
            padding-left: 9px;
        }

        .txhistory h3.childtitle.fixed + .row {
            margin-top: 52px;
        }

    /*Tx History*/

    /*Leader Board*/
    .profile.leaderboard .avatar-acount {
        padding: 0 7px;
    }

    .player {
        padding: 0px 0 !important;
        margin-top: 8px;
    }

    .playername {
        display: inline;
        line-height: 0;
    }
    /*Leader Board*/

    /*Refer Friend*/
    .referfriend .avatar-acount .form-body .form-group > .col-md-12 {
        padding-left: 0;
        padding-right: 0;
    }

        .referfriend .avatar-acount .form-body .form-group > .col-md-12.suggestedemail {
            padding-left: 17px;
        }

    .referfriend .avatar-acount .col-md-12.title {
        border: none;
    }
    /*Refer Friend*/

    /*Point Goals*/
    .section-outline .section-list li .line {
        right: 30px;
    }

    .section-outline .section-list li .div-x {
        right: 20px;
    }

    .section-outline .section-list li .list-body {
        padding-right: 37px;
    }
    /*Point Goals*/

    /*CashBack*/
    .trasnferpointleft .mt-radio p, .trasnferpointright .mt-radio p {
        margin-top: -8px;
    }
    /*CashBack*/

    /*Referrals*/
    .referrals .categories-section {
        padding: 27px 15px;
    }

        .referrals .categories-section .widget_categories li a {
            padding: 18px 10px;
            margin: 0 15px;
            font-size: 12px;
        }

    .referrals .dataTables_wrapper .col-sm-12 {
        padding-left: 7px;
        padding-right: 7px;
    }

    .referrals .widget_categories li.col-xs-6 {
        padding-right: 0px;
        padding-left: 0px;
    }

    .referrals .container {
        width: auto;
    }
    /*Referrals*/

}

@media screen and (max-width: 580px) {


    .referrals .widget_categories li {
        margin-bottom: 0;
    }



    .waystoearn .mc-btn.btn-style-1 {
        width: 200px;
    }

    /*Login Banner*/

    .ribbon {
        display: none;
    }

    .mobilerank {
        display: inline-block;
    }

    .i-2.mobilerank {
        padding-top: 0;
        padding-bottom: 0;
    }

    .mobilebanner .textblock p {
        font-size: 18px;
        margin: 0;
        color: #737373;
        font-weight: 500;
    }

    .mobilebanner .textblock {
        width: 328px;
        padding: 32px;
    }

    .after-slider-content h4 {
        padding: 0 7px;
    }
    /*Login Banner*/

    .cashbackrewards, .cashback, .recentpurchase {
        text-align: left;
    }

    .recentpurchase {
        padding-bottom: 45px;
    }

    .title-box {
        font-weight:500;
    }

    #before-footer .col-lg-3 {
        padding-left: 14px;
        padding-right: 14px;
    }
}

@media screen and (max-width: 402px) {
    .waystoearn .mc-btn.btn-style-1 {
        margin-right: 0px;
    }

    .pointsblock b {
        font-size: 35px!important;
        margin: 0px;
    }

    .mobilebanner .textblock {
        width: 287px;
        padding: 32px;
    }

    .logo img {
        /*width: 100%;*/
        max-height: 40px;
        max-width: 100%;
    }

     #header .logo {
        position: relative;
        left: 42px;
        top: 10.5px;
        text-align: left;
        transform: translateY(0%);
        padding: 0;
        height: 0;
    }
    .list-account-info .list-item {
       margin-left: 8px;
}
    .userprofilemaster .profile-feature.row .info-follow {
        padding-left: 110px;
    }



    .waystoearn .title {
        font-size: 24px;
    }

    .pointsblock .title {
        font-size: 18px;
    }

    .waystoearn .right {
        overflow: inherit;
    }

    .first-footer .letter span {
        padding-right: 0;
    }

    .footer .widget.quick_link h3.sm, .footer .news_letter .letter-heading h3.md {
        font-size: 21px;
    }

    .first-footer .letter .mc-btn, .first-footer .letter span {
        font-size: 12px;
    }

    .first-footer .letter .mc-btn {
        height: 36px;
    }

    .after-slider-content .form-actions .mc-btn, .leaderboardlearnmore {
        font-size: 13px;
        width: 44%;
        padding: 0 10px;
        font-weight: bold;
    }

    .before-footer-link .mc-btn {
        margin-left: 0;
        font-size: 13px !important;
        width: 49% !important;
        padding: 0 10px !important;
        font-weight: bold;
    }

    .first-footer .letter .mc-btn {
        font-size: 13px !important;
        padding: 0 10px !important;
        font-weight: bold;
    }

    .mobilebanner .mc-btn {
        font-size: 13px;
        padding: 0 10px;
        font-weight: bold;
    }
}


@media (min-width:360px) {
            /*.pointsblock .number b {
                font-size: 53px !important;
                margin: 0px 0px !important;
                padding: 0 12px !important;
            }*/
    .mobilebanner .textblock {
        width: 328px;
    }

}

/*@media (min-width:460px) {
            .pointsblock .number b {
                font-size: 60px !important;
                padding: 0 15px !important;
            }
}

        @media (min-width:992px) {
            .pointsblock .number b {
                font-size: 49px !important;
                padding: 0 13px !important;
            }
        }

        @media (min-width:1200px) {
            .pointsblock .number b {
                font-size: 60px !important;
                padding: 0 15px !important;
            }
        }*/
