/* prize management page css start */
.pmtable{
    background-color: rgba(246, 246, 246, 246);
    color: #000;
    border: 1px solid #000;
    max-width: 991px;
    margin: 0 auto;
    margin-top: 35px;
}
.pmtable thead{
    background: #000;
    color: #fff;
}
.pmtable thead tr th {
    width: 33.33% !important;
    padding: 10px  20px;
    border-color: #000;
}
.pmtable tbody tr td {
    width: 33.33% !important;
    vertical-align: middle;
    padding: 10px  20px;
    border-color: #dedede;
}
.pmtable tbody tr td img{
    width: 80px;
    height: 80px;
}
.mdcoursecontent{
    display: none !important;
}

.pmtable .ptimg{
    border: 2px solid #000;
    padding: 10px;
    border-radius: 10px;
    max-width: 150px;
    margin: 0 auto;
    background: #fff
}


/* prize management page css end */

/* header css start */

.top_bar .right_part a img{
    margin-right: 5px;
}

.lrbtn, .pgbtn, .cibtn, .tlbtn, .drpnbtn{
    border-radius: 4px !important;
    border: 1px solid #009ae0 !important;
    display: flex !important;
    align-items: center;
    height: 34px;
    justify-content: center;
}
#challenge_items .cibtn{
    background-color: #009ae0 !important;
    border: 1px solid #009ae0 !important;
}
.lrbtn, .pgbtn, .tlbtn, .drpnbtn{
    background: #003e5b !important;
}
.tlbtn{
    margin-left: 4px;
}
.lrbtn:hover, .pgbtn:hover, .tlbtn:hover, .drpnbtn:hover{
    background-color: #009ae0 !important;
    border: 1px solid #009ae0 !important;
}
.rarrow{
    display: none !important;
    color: #fff;
    font-size: 20px;
}
.tdotsdrop1{
    margin-top: 5px !important;
    z-index: 999 !important;
}
/* header css end */

.vvidio1{
    position:relative;padding-bottom:56.25%;
}
.vvidio1 iframe{
    width:100%;height:100%;position:absolute;left:0px;top:0px;
}
.vvidio1 .video_wrapper {
        position: relative;
        padding-bottom: 56.25%; /* 16:9, for an aspect ratio of 1:1 change to this value to 100% */ 
}
.vvidio1 iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* footer fixed menu css start */
.mobile-bottom-fixbtn{
    display: none;
    align-items: center;
    background-color: #fff;
    box-shadow: 0 -2px 4px rgb(0 0 0 / 8%), 0 -4px 12px rgb(0 0 0 / 8%);
    padding: 8px 15px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1;
    transform: translateY(0);
    transition: transform 250ms cubic-bezier(0,0,.38,.9);
}
.mobile-bottom-fixbtn .innerbtm-menu{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mb-btn1{

    font-size: 18px;

    font-weight: 700;
    text-transform: uppercase;
    color: #002333;
}
.mb-btn1 span{
    color: #009ae0;
}
.mb-btn{
    height: 48px;
    line-height: 48px;
    color: #fff;
    border-radius: 4px;
    border: none;
    background-color: #3722d3;
    text-align: center;
    text-transform: initial;
    padding: 0 1.2rem;
    display: inline-block;
    width: 100%;
    min-width: 10rem;
    margin-left: 15px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize;
}
a.mb-btn:hover{
    background: transparent;
    border: 1px solid #3722d3;
}
a.mb-btn:visited{
    background: transparent;
    border: 1px solid #3722d3;
   
}
a.mb-btn:focus{
    background: transparent;
    border: 1px solid #3722d3;

}

.desktop-none{
    display: none !important;
}

/* course list page design css start */
.clistitem1{
    width:100%;
    max-width: 100%;
    flex: 0 0 100%;
}
.clistitem1 .tab-pane-slider-align{
    flex-direction:row;
    border: 1px solid #dddddd;
    box-shadow: unset;
    border-radius: unset;
}
.clistitem1 .tab-pane-slider-align .tab-pane-slider-img{
    max-width: 297px;
   
}
.clistitem1 .tab-pane-slider-align .tab-pane-slider-img img{
    height: 167px;
    border-radius: unset;
}
.clistitem1 .tab-pane-slider-cnt{
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}
.clistitem1 .tab-pane-slider-cnt .clcontent{
    width: calc(100% - 100px);
    padding-right: 15px;
}
.clistitem1 .tab-pane-slider-cnt .clcontent .cldes p{
    font-size: 14px;
    font-weight: 300;
    font-family: inherit;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
    padding-bottom: 0;
}
.clistitem1  .tab-pane-slider-cnt h3 {
    min-height: unset;
}
.clistitem1 .tab-box-rating-stars{
    margin-top: 10px;
}
.clistitem1 .tab-box-free-part{
    width: 100px;
    height: 100%;
    align-items: unset;
    padding-top: 0;
}

/*.uprofile-page .account-main1 .tab-content{
    max-width: 620px;
}*/

.upuname{
    margin-top: -17px;
    margin-bottom: -20px; 
    font-size: 16px;
}
.uprofile-page .profile_pik{
    margin-top: -14%;
    width: 100%;
}
.uprofile-page .usel{
    margin-top: 25%;
}
.uprofile-page .account-left {
    margin-top: 34px;
}
.fsheader{
    display: flex;
    align-items: center;
    padding-bottom: 10px;
    justify-content: space-between;
}
.fsheader h4{
    padding-bottom: 0 !important;
}
.fsheader .fsidebarclose{
    display: none;
    border: 1px solid #ced4da;
    color: #000;
    font-size: 18px;
    font-weight: bold;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
}
.pmodelnew .modal-content {
    border-radius: 10px !important ;
}

/* course list page design css  end */

/*new welcome popup css start*/
.newelcome{
        padding-right: 0 !important;
}
.newelcome .modal-content {
    width: 700px;
    border-radius: 10px !important;
    padding: 0 30px;
}
.newelcome  .modal-dialog {
     max-width: 700px; 
    
}
.newelcome .modal-content .close {
     float: unset; 
    width: auto;
    margin-left: auto;
    margin-right: -20px;
}
.newelcome .modal-content .close span{
    font-size: 25px;
}
.newelcome .modal-content .modal-header:after {
    display: none;
}
.newelcome .modal-content .modal-header1{
    background: #1a263a;
    border-radius: 0 !important;
    text-align: center !important;
    align-items: center;
    padding: 10px;
}
.newelcome .modal-content .modal-header1 h5{
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 300;
    font-family: inherit;
}
.newelcome .modal-body1{
    background: #edece6;
    padding: 15px;
}
.newelcome .wumbox{
    background: #fff;

    max-width: 560px;

    margin: 0 auto;
    padding: 20px;
}
.newelcome .wuimg{
    height: 150px;
    width: 150px;
    margin: 0 auto;
}
.wucontent {
    margin-top: 15px;
    text-align: center;
}
.wucontent .wuname{
    display: block;
    font-size: 14px;
    text-transform: capitalize;
    color: #000;
    text-align: center;
    line-height: 14px;
}
.wucontent .wudes{
     font-size: 14px;
     line-height: 20px;
    text-align: center;
    display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
  margin-top: 5px;
}
.wuicont{
    text-align: center;
    margin-top: 10px;
}
.wuicont span{
    font-size: 14px;
    display: block;
    font-weight: bold;
    text-transform: capitalize;
}
.wuicont h6{
     font-size: 14px;
     color: #000;
      font-weight: 300;
    font-family: inherit;
}
.wuicont p{
    color: #000;
    font-size: 14px;
    text-transform: capitalize;
     font-weight: 300;
    font-family: inherit;
}
.newelcome .wuimg img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.newelcome  .modal-footer {
    justify-content: center !important; 
}
.newelcome  .modal-footer button{
    font-family: inherit;
    font-weight: normal;
    text-transform: capitalize;
}
/*new welcome popup css end*/

.swal-overlay .swal-modal .swal-footer{
    text-align: center !important;
}
/*missing pints popup css start*/
.missingp-popup{
    padding-right: 0 !important;
}
.missingp-popup .modal-dialog{
    max-width: 700px !important;
}
.missingp-popup .modal-content{
    width: 100% !important;
}
.missingp-popup .modal-header:after {
    display: none !important;
}
.missingp-popup .modal-header{
    border-bottom: 2px solid #8f8f8f2e;
}
.missingp-popup .modal-header .close {
    padding: 17px 10px !important;
}
.missingp-popup .modal-header h5 {
    font-size: 30px !important;
    line-height: 30px !important;
}
.missingp-popup .modal-body p{
    font-size: 15px;
    line-height: 22px;
    font-family: inherit !important; 
}
.missingp-popup .modal-body ol li{
     font-size: 15px;
    line-height: 22px;
    font-family: inherit !important; 
}
 .missingp-popup .modal-body p {margin-bottom: 20px; line-height: 24px}
 .missingp-popup .modal-footer {border-top: 2px solid #8f8f8f2e;display: flex;justify-content: flex-end; padding: 20px 20px; }
.missingp-popup .modal-content { transform: translate(-50%, 0%);}
.missingp-popup  .mp-bg{
    background: rgb(246, 246, 246)!important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.missingp-popup  .mgb20{
    margin-bottom: 20px !important;
}
.pudnone{
        display: none !important;
    }
     .lb-main .new-leader-board-sub-cnt-before{
        width: 100%;
    }
    .lb-main .userPersonalDetail{
        padding-left: 10px;
         overflow: hidden;
         width: 100%;
    }
    .lb-main .userPersonalDetail p{
        font-size: 14px;
        color: #000;
        padding-left: 0 !important;
        height: unset !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-transform: capitalize;
    }
    .lb-main .userPersonalDetail span{
         font-size: 13px;
         color: #475e75;
         display: block;
         line-height: 18px;
    }
    .img16-9{
        position: relative !important;
        padding-bottom: 55.7% !important;
    }
    .img16-9 img{
        height: 100% !important;
        width: 100% !important;
        position: absolute !important;
    }
    /*social media model css start*/
    .smshare-model{

    }
    .smshare-model .copy-wraper{
        display: flex;
        justify-content: space-between;
        smargin-bottom: 5px;
    }
    .smshare-model .modal-dialog{
        max-width: 700px !important;
    }
    .smshare-model .modal-content {
        width: 100%;
    }
    .smshare-model .modal-header{
        border-bottom: 2px solid #8f8f8f2e;
    }
    .smshare-model .modal-header::after{
        display: none !important;
    }
    .smshare-model .modal-header .modal-title{
        margin: 0 !important;
        font-size: 16px !important;
    }
    .smshare-model .modal-header .close{
        padding: 12px 10px 12px 10px !important;
    }
    .smshare-model .modal-footer{
        border-top: 2px solid #8f8f8f2e;
        justify-content: center;
    }
    .smshare-model .modal-body input{
        padding: 0 15px !important;
        height: 40px !important;
        line-height: 40px !important;
        font-size: 14px !important;
    }
    .smshare-model .modal-body .share_tooltip button{
        height: 40px !important;
        line-height: 40px !important;
        font-size: 18px !important;
        padding:0 15px !important;
        background-color: #ffaa32;
        border-color: #ffaa32;
    }
     .smshare-model .modal-body .share_tooltip button .tooltiptext {
        bottom: 110%;
        left: 20%;
        margin-left: -50px;
        font-size: xx-small;
    }
    /*social media model css end*/

    /*qite challange model css start*/
    .cqnewmodel{
        padding-right: 0 !important;
    }
    .cqnewmodel .modal-content{
        width: 100% !important;
    }
    .cqnewmodel .modal-header h4 {
        font-size: 16px !important;
        line-height:16px !important;
        margin:0 !important; 
    }
    .cqnewmodel .modal-header .close {
        padding:12px 15px !important;
    }
    /*rating css start course page*/
    .frc-page .review-block-star ul{
        display: flex ;
        justify-content: center ;
    }
    .frc-page .five-star span:first-child {
        margin-left: 10px !important;
        
    } 
    .frc-page .five-star span{
        font-size: 16px !important;
    }
    .cq-model-new .modal-dialog {
        max-width: 700px !important;
    }
    .cq-model-new .modal-content {
        width: 100% !important;
    }
    .cq-model-new .modal-body{
        padding: 15px;
    }
    .cq-model-new .modal-title {
        font-size: 22px !important;
        margin: 0 !important;
    }
    .cq-model-new .modal-body p {
        font-size: 15px;
        line-height: 22px;
    }
 

@media (max-width: 1199px) {
    .course-carousel .ctm-prev {
        left: 0px !important;
    }
    .course-carousel .ctm-next {
        right: 0px !important;
    }
    .latest_challenges_sec .slick-list {
        overflow-y: hidden !important;
    }
    .tab-slider-sec-main {
        padding: 0 15px;
    }
    .top_challenges_sec {
        padding: 0 15px;
    }
    .latest_challenges_sec {
        padding: 0 15px;
    }
    .leader-board-sub-cnt-before-yl p {
        font-size: 18px !important;
    }
    .leader-board-sub-cnt-before-bl p {
        font-size: 18px !important;
    }
    .leader-board-sub-cnt-before-tt p {
        font-size: 18px !important;
    }
    .leader-board-sub-cnt-before p {
        font-size: 14px !important;
    }
    .uprofile-page .account-main1 .tab-content{
        max-width: 100%;
    }
    .listpmain{
        position: relative;
    }
    .left-sidebar-list{
        position: fixed;
        z-index: 999;
        left: 0;
        width: 300px;
        transform: translateX(-300px);
        transition: all 500ms;
        /* opacity: 0; */
        top: 0;
        height: 100vh;
        overflow-y: scroll;
        padding-right: 0;
        background-color: #f5f6fb;
    }
    .left-sidebar-list .category-sec{
        margin-bottom: 0 !important;
        height: 100%;
    }
    .sidebaropen{
        transform: translateX(0);
    }
    .fsheader .fsidebarclose{
        display: inline-block;
    }

    .acd-area h2 {
        font-size: 16px !important;
        line-height: 22px !important;
        margin-bottom: 15px;
    }
}
@media (max-width: 1200px){
   .fbr-main .five-star span.review-txt {
       font-size: 17px !important;
    }
    .pln0{
        padding-left: 0 !important;
    }
}

@media (max-width: 1199px) {
    .daily-challenge-main .panal-sec-part {
        width: 100% !important;
        margin: 0 !important;
    }
    .daily-challenge-main .panal-sec-part .panal-left {
        width: 100%;
    }
    .daily-challenge-main .panal-sec-part .panal-right {
        width: 100%;
        margin-top: 20px;
    }
    .challenge-details-one-tab-sub-left {
        width: 100%;
    }
    .challenge-details-one-tab-sub-sec .panal-right {
        width: 100%;
        padding-left: 0 !important;
    }
}

@media (max-width: 1024px) {
    .new-tab-cnt .tab-pane-slider-box-one {
        margin: 10px 15px !important;
    }
}

@media  (max-width: 991px) {
    .ftr-link-sec h5 {
        margin-top: 30px;
    }
    .daily-challenge-main .new-accordion {
        height: auto !important;
    }
    .daily-challenge-main .panal-sec-part .panal-left {
        width: 100% !important;
        /* padding: 0px 20px; */
    }
    .daily-challenge-main .panal-sec-part .panal-right {
        width: 100%;
    }
    .daily-challenge-social-dtl {
        margin-top: 20px;
    }
    .new-accordion.category-dtl-new-acc {
        height: auto !important;
    }
    .leader-board-header p {
        text-align: left !important;
    }
    .leader-board-sub-cnt-before-yl p {
        text-align: left !important;
    }
    .leader-board-sub-cnt-before-bl p {
        text-align: left !important;
    }
    .leader-board-sub-cnt-before-tt p {
        text-align: left !important;
    }
    form.inline-form {
        margin: 0px !important;
    }
    .category-dtl-right-new-main-leaderboad-part {
        margin-bottom: 20px !important;
    }
    .total-review .search-box select {
        width: 100% !important;
        margin-left: 0 !important;
        padding: 10px 10px !important;
        margin-top: 10px !important;
    }
    .rmodel .modal-content {
        width: 100%;
    }
    .rmodel .modal-content .modal-body {
        position: relative;
    }
    .rmodel .modal-content .modal-body h2 {
        font-size: 25px;
    }
    .pmtable thead tr th {
        padding: 10px  10px;
    }
    .pmtable tbody tr td {
        padding: 10px  10px;
    }
    .pmtable{
        max-width: 100%;
    }
    .uprofile-page .account-left-menu ul li {
        padding: 10px 0px 10px 0px;
    }
    .uprofile-page  .account-left-menu ul li a {
        font-size: 16px;
        padding: 5px 0;
    }
    .uprofile-page .sdfa li.nav-item a.active {
        padding: 10px 0px 10px 0px;
    }
    .uprofile-page .account-right {
        width: 100%;
        padding-left: 0;
    }
    .thisMonthLeaderBoardNew .leader-board-header p {
        text-align: center !important;
    }
   /* .thisMonthLeaderBoardNew .leader-board-sub-cnt-before p br{
        display: none !important
    }*/

    .fbr-main .five-star span {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
     .frc-page .five-star {
        height: 41px;
    }
    

   
}

@media  (max-width: 900px) {
    /* login home and withouut login home page csss */
    .sign-in-box>.btn {
        font-size: 14px;
    }
    .sign-in-box .btn-sign-up {
        border: unset;
    }
    .btn-group>.btn:first-child {
        border: unset;
    }
    /* .menu-icon-box .icon a {
        margin: 10px 5px !important;
    } */
    .menu-icon-box .icon a {
        width: 30px;
        display: inline;
    }
    form.inline-form {
        margin: 0;
    }
    /* login home and withouut login home page css end */
    .challenger-sub-page-tab .panel-tab ul.nav-tabs {
        max-width: 100%;
    }
    .daily-challenge-main .panel-tab .other-btn {
        max-width: 100%;
        width: 100%;
    }
    .panel-tab .other-btn {
        margin: 22px 0px 15px 0px;
    }
    .uprofile-page .account-right .pu1,
    .uprofile-page .account-right .cib1
    {
        width: 100%;
    }
    .uprofile-page .account-right .cib1{
        margin-top: 15px;
    }
    .uprofile-page .account-right-submit button{
        width: 100%;
    }
    .uprofile-page .content-update-box{
        padding: 20px 0 0 0;
    }
    .uprofile-page .content-update-box button{width: 100%;}
}

@media (max-width: 768px) {
    .panel-tab .other-btn a {
        font-size: 14px;
    }
    .daily-challenge-main .panel-tab .other-btn {
        max-width: unset;
        /* width: unset; */
    }
    .challenger-sub-page-tab .panel-tab ul.nav-tabs {
        border-bottom: 1px solid #ccc;
    }
    .challenger-sub-page-tab .panel-tab ul.nav-tabs .dropdown-arrow {
        top: 24px;
    }
    .challenger-sub-page-tab .panel-tab {
        /* margin-bottom: 0; */
        padding-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .footerpadding64{
        padding-bottom: 64px !important;
    }
    /* login home and withouut login home page css start */
    .tab-panel-slider-sec ul.nav-tabs li.nav-item .nav-link br {
        display: none;
    }
    .home-banner-wrap input[type="text"] {
        max-width: unset;
    }
    .home-banner-wrap h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .home-banner-wrap h2 br {
        display: none;
    }
    .home-banner-wrap p br {
        display: none;
    }
    .home-banner-wrap p {
        font-size: 16px;
        line-height: 22px;
    }
    .home-banner-area {
        padding: 40px 0;
    }
    .home-banner-wrap {
        padding: 0;
    }
    .home-banner-wrap .btn {
        padding: 10px 15px;
        width: unset;
    }
    /* login home and withouut login home page css end */
    /* footer css start */
    .ftr-txt-link-sec .col {
        width: 100% !important;
    }
    .ftr-logo-txt-sec {
        align-items: center;
    }
    .ftr-logo-txt-sec p {
        text-align: center !important;
        font-size: 16px !important;
    }
    .ftr-social-icons {
        justify-content: center !important;
    }
    .ftr-link-sec h5 {
        text-align: center !important;
        margin-top: 30px !important;
    }
    .ftr-link-sec {
        text-align: center !important;
    }
    .ftr-txt-link-sec .col {
        padding-bottom: 0 !important;
    }
    .ftr-link-sec ul li a,
    .ftr-link-sec ul.simple-links li a {
        font-size: 16px !important;
        justify-content: center !important;
        align-items: center !important;
    }
    .ftr-cpy-cnt-sec p {
        text-align: center !important;
        font-size: 16px !important;
    }
    .ftr-pri-ter {
        text-align: center !important;
    }
    .ftr-main-sec {
        padding: 40px 0px 40px !important;
    }
    .heading-title {
        font-size: 25px;
    }
    .top_challenges_sec .slick-list {
        margin: 0 -15px !important;
    }
    .course-box .course-image img {
        width: 100% !important;
    }
    .tabingwraper .tab-pane-slider-box-one {
        max-width: 50% !important;
        flex: 0 50% !important;
    }
    /* footer css end */
    .challenger-sub-page-tab .panel-tab ul.nav-tabs {
        max-width: 100%;
    }
    .daily-challenge-main .panel-tab .other-btn {
        max-width: 100%;
        width: 100%;
    }
    .right_part {
        flex-wrap: wrap !important;
    }
    .daily-challenge-main .video-link {
        height: unset !important;
    }
    /* .viral-video iframe {
        width: 100%;
        height: unset !important;
    } */
    .total-review .search-box {
        margin-left: 0 !important;
        width: 100% !important;
        opacity: 1 !important;
        visibility: visible !important;
        top: 0 !important;
        position: relative !important;
        padding: 15px 0 0 0 !important;
    }
    .feedback-main .five-star-after{
        margin-left: -15px !important;
    }
    .feedback-main .five-star ul li {
        font-size: 15px !important;
    }
    .feedback-main .five-star span {
        font-size: 16px !important;
        margin-left: 6px !important;
    }

    .fbr-main .five-star span.review-txt {
        font-size: 16px !important;
    }
    .feedback-main .rating-line .rating-color {
        margin-bottom: 16px !important;
    }
    .fbr-main .rating-line .rating-color {
        height: 16px !important;
    }

    .viral-marketing-right {
        padding: 16px !important;
    }
    .new-tab-cnt .tab-pane-slider-img>a>img {

        height: 100% !important;

    }
    .rmodel .modal-content .modal-body h2 {
        font-size: 20px;
    }
    .daily-challenge-main .panal-sec-part .panal-left {
        padding: 0 !important;
    }
    .daily-challenge-main .panal-sec-part .panal-right {
        padding: 0 !important;
    }
    .lslogo{
        display: none !important;
    }
    .rarrow{
        display: inline-block !important;
        max-width: unset !important;
    }
    .llmobile{
        display: flex;
        align-items: center;
        width: 100%;
    }
    .roneline span{
        display: block;
    }
    .roneline, .roneline span strong{ 
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
     
      .mdnone{
          display: none !important;
      }
      .mdcoursecontent{
          display: block !important;
      }
      .mbl-header{
          justify-content: unset !important;
      }
      .tlbtn{
          display: none !important;
      }
      .que-sec p {
        padding: 11px 15px;
      }
      .que-ans p {

        padding-top: 12px;

        font-size: 14px;
    }
    .di-ch-social-dtls-head h2 {
        font-size: 20px;
    }
    .di-ch-social-dtls-head h6 {
        font-size: 14px;
        margin-top: 5px;
    }
    .daily-challenge-social-dtl {
     
        padding: 10px 10px 10px 10px;
    }
    .panel-description-cnt h6{
        margin-top: 0 !important;
        font-size: 20px !important;
        line-height: 20px !important;
    }
    .description_dynamic p {
        font-size: 14px !important;
    }
    .panel-description-cnt .read-more{
        font-size: 16px !important;
        margin-bottom: 10px !important;
        margin-top: 5px !important;
    }
    .discussion-cnt h6 {
        font-size: 20px !important;
    }
    .meet-our-challenger .about-challenger-main-before p{
        font-size: 14px;
        line-height: 20px;
    }
    .challenge-details-one-tab-sub-left .alert{
        text-align: center !important;
    }
    .challenge-details-one-tab-sub-left .alert button{
        margin-top: 15px !important;
    }
    .leader-board-sub-cnt-before-yl p {
        text-align: center !important;
    }
    .leader-board-sub-cnt-before-bl p {
        text-align: center !important;
    }
    .leader-board-sub-cnt-before-tt p {
        text-align: center !important;
    }
    .di-ch-social-dtls-head h2,  .di-ch-social-dtls-head h6{
        font-size: 18px !important;
    }
    .di-ch-social-wh-round-box {
        padding: 15px !important;
    }
    .viral-marketing-title h6{
        font-size: 20px !important;
    }
    .viral-marketing-text p {
        font-size: 15px !important;
    }
    .category-dtl-new-design-tp .video-block span, .category-dtl-new-design-tp .time-block span {
        margin-left: 5px !important;
    }
    .viral-user-main-sm {
        width: 90px;
    }
   
    .after-course-title h6 {
        font-size: 20px !important;
        line-height: 30px !important;
    }
    .after-course-list ul li span i {
        width: 20px !important;
        height: 20px !important;
        font-size: 12px !important;
    }
    .after-course-list ul li {
        font-size: 14px !important;
        line-height: 20px !important;
    }
    .about-course-text p {
        font-size: 14px !important;
        line-height: 20px !important;
    }
    .about-course-text .read-more {
        margin-top: 10px !important;
        font-size: 14px;
    }
    .about-challenger h6 {
        font-size: 20px !important;
        line-height: 20px !important;
    }
    .meet-our-challenger .about-challenger-main-before h6 {
        font-size: 18px !important;
    }
    .meet-our-challenger .about-challenger-main-before p {
        font-size: 14px !important;
    }
    .about-challenger-bottom-text p {
        font-size: 14px !important;
    }
    .about-challenger-bottom-text p a{
        margin-top: 10px !important;
        display: inline-block !important;
    }
    .feedback h6 {
        font-size: 20px !important;
        text-align: center;
    }
    .feedback-first h1 {
        font-size: 70px !important;
        line-height: 70px !important;
    }
    .total-review-title h6 {
        font-size: 20px !important;
    }
    .viral-marketing-right1 {
        padding: 10px !important; 
    }
    .prizeSection p {
        text-align: center;
        font-size: 12px !important;
    }
    .prizeSection p span {
        font-size: 15px !important;
    }
    .accordion-sec{
        padding:15px !important;
    }
    .accordion-sec h6{
        font-size: 20px !important;
    }
    .thisMonthLeaderBoardNew{
        padding:15px !important;
    }
    .thisMonthLeaderBoardNew .leader-board h6 {
       font-size: 20px !important;
    }
    /*.thisMonthLeaderBoardNew .category-dtl-right-leaderboad-sub-box p br{
        display: none !important;
    }*/
    .mbl-header #challenge_items, .mbl-header #cart_items{
        display: none !important;
    }
    .mbl-header .mobile-header-buttons{
        width: 50% !important;
    }
    .mbl-header .mlogo{
        width: 50% !important;
        text-align: right !important;
    }
    /* .mobilesib{
        border-bottom: 1px solid #dedfe0;
    } */
    .sbar-added{
        border-top: 1px solid #dedfe0;
    }
    .sbar-added .icon a{
        margin-top: 20px !important;
       
    }
    .mobile-bottom-fixbtn{
        display: block;
    }
    .mobile-none{
        display: none !important;
    }
    .desktop-none{
        display: inline-block !important;
    }
    /* .mbl-oneline .review-block{
        justify-content: space-between;
    } */
    .category-dtl-new-design-tp{
        padding-top: 10px !important;
    }
    .vmm-mobile .viral-marketing-title h6{
        line-height: 25px !important;
    }
    .vmm-mobile .viral-marketing-text p{
        line-height: 20px !important;
    }
    .vmm-mobile .video-block{
        margin-left:  auto !important;
        margin-right:  auto !important;
    }
    .uprofile-page .account-left {
        max-width: 100%;
        margin-top: 8px;
    }
    .uprofile-page .account-left-menu ul {
        padding: 0px 20px 0;
    }
    .uprofile-page .account-left-user img{
        margin-top: 0 !important;
        padding: 0 !important;
        width: 250px;
        margin: 0 auto;
    }
    .uprofile-page .upuname {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 16px;
        margin-top: 20px;
    }
    .uprofile-page .usel {
        margin-top: 0;
    }
    .uprofile-page .account-left-menu ul li {
        padding: 0px;
    }
    .uprofile-page .account-left-menu ul {
        padding: 0px;
    }
    .uprofile-page .sdfa li.nav-item a.active {
        border-radius: 0;
        background-color: #e9ecef !important;
        color: #000;
    }
    .challenge-header-main-mame h6 {
        font-size: 20px;
    }
    .uprofile-page .account-main1 {
        margin-bottom: 40px;
    }
    .uprofile-page .user-dashboard-content .content-title-box {
        padding: 15px;
    }
    .uprofile-page .account-left-menu {
        margin-top: 20px;
    }
    .uprofile-page .account3-right-title{
        padding: 0;
    }
    .uprofile-page .account3-right-title h4{
        margin-top: 0 !important;
        font-size: 20px;
        line-height: 20px;
    }
    .uprofile-page .account-right-text p{
        font-size: 18px !important;
        line-height: 18px !important;
    }
    .uprofile-page .account3-right-upload-own {
        padding: 30px 0px 30px;
    }
    .uprofile-page .account3-right-upload-own p{
        font-size: 18px;
    }
    .uprofile-page .account-right-submit {
        padding-top: 40px;
    }
    .uprofile-page .account-right-submit button{
        height: 44px !important;
    }
    .uprofile-page .mx100{
        margin-top: 30px !important;
    }
    .account4-right-show-left input {
        width: 40px;
        text-align: center;
        margin-left: 3px;
    }
    .account4-right-show-right input {
        width: 189px;
    }
    .clistitem1 .tab-pane-slider-align {
       /* flex-direction: column;*/
       border:unset !important;
       padding-bottom: 15px;
       border-bottom: 2px solid #dddddd !important;
    }
    
    .clistitem1 .tab-pane-slider-cnt {
        flex-direction: column;
        padding: 0 10px;
    }
    .clistitem1 .tab-pane-slider-align .tab-pane-slider-img {
        max-width: 100px;
    }
    .clistitem1 .tab-pane-slider-cnt .clcontent {
        width: 100%;
        padding-right: 0;
    }
    .clistitem1 .tab-pane-slider-align .tab-pane-slider-img img {
        height: 100px;
    }
    .clistitem1 .tab-box-free-part {
        width: 100%;
    }
    .clistitem1 .tab-pane-slider-cnt h3 {
        font-size: 16px;
        line-height: 19px !important;
    }
    .list-parent .clistitem1:first-child .tab-pane-slider-align{
        padding-top: 15px !important;
        border-top: 2px solid #dddddd !important;
    }
    .clistitem1 .tab-pane-slider-cnt p {
        font-size: 13px !important;
        padding-bottom: 0 !important;
    }
    .clistitem1 .tab-pane-slider-cnt h5 {
        font-size: 16px !important;
    }
    .clistitem1 .tab-box-rating-stars {
        margin-top: 0px;
    }
    .new-counter-sec{
        margin-top: 10px !important;

        border-bottom: unset !important;
        padding-bottom: 0 !important;
    }
    .cspt-main{

    }
    .cspt-main .panel-tab {
        margin-bottom: 0 !important;
        padding-bottom: 15px !important;
        padding-top: 15px !important;
        border-top: 2px solid #dadbdd !important;

    }
    .newelcome .modal-content {
        width: 100%;
    }
    .newelcome{
        padding-right: 0 !important;
    }
    .newelcome .modal-body1 {
        padding: 5px;
    }
    .newelcome .wumbox {
        max-width: 100%;
    }
    .newelcome .modal-content {
        padding: 0 15px;
    }
    .newelcome .modal-content .close {
        margin-right: -10px;
    }

    .missingp-popup .modal-header h5 {
        font-size: 18px !important;
        line-height: 25px !important;
    }
    .missingp-popup .modal-body p {
        font-size: 14px;
        line-height: 20px;
    }
     .missingp-popup ol,
     .missingp-popup ul{
        padding-left: 20px !important;
    }
    .missingp-popup .modal-footer{
        text-align: center;
        justify-content: center;
    }
    .missingp-popup .modal-header {
        padding: 10px 15px 10px;
    }
    .vunew .viral-user-main-sm {
        width: 85px;

    }
    .vunew .viral-user-main-sm-right-side {
        width: calc(100% - 85px);
    }
    .vunew .viral-user-title h6{
        font-size: 16px !important;
    }
     .vunew .viral-user-text p{
        font-size: 14px;
        line-height: 20px;
    }
    .frightside{
        padding: 0 !important;
    }
    .rmnone{
        display: none;
    }
    .pudnone{
        display: block !important;
        margin-top: 40px;
    }
    .pumgtop0{
        margin-top: 0 !important;
    }
    .pumgtop20{
        margin-top: 20px !important;
    }
    .pudnone .premium a {
        font-size: 16px !important;
        width: auto !important;
        height: 45px;
        line-height: 45px;
        padding: 0 15px;
        margin: 0 auto;
    }
    .dcmt-main{
        padding-bottom: 40px !important;
    }
    .tcynlist ul li{
        font-size: 14px !important;
        line-height: 20px !important;
        margin: 0 0 12px 0 !important;
    }
    .tcynlist ul li:after {
        top: 7px !important;
    }
    .acd-area h2{
        font-size: 14px !important;
        line-height:20px !important;
        margin-bottom: 10px;
    }
    .lmp0{
        padding: 0 !important;
    }
    .lb-main .chl-leader-brd-first {
        min-height: unset !important;
    }
    .lb-main .chl-leader-brd-first-cnt h6 {
        font-size: 16px !important;
        min-width: 70%;
        white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-bottom: 0 !important;
    }
     .lb-main .chl-leader-brd-first-cnt a {
        font-size: 12px !important;
        height: 40px !important;
        line-height: 40px !important;
        padding: 0 10px !important;
    }
    .lb-main .new-leader-board-sub-cnt {
        padding: 10px !important;
    }
    .brow>.row{
            min-height: unset !important;
        }
    #tabs-4 .lb-main .leader-board-cnt {
        padding: 10px 10px !important;
    }
    .lb-main .leader-board-sub-cnt-before img {
        width: 35px;
        height: 35px;
    }
    .lb-main .leader-board-header p {
       font-size: 12px !important;
    }
    .lb-main .leader-board-sub-cnt-before-yl p {
        font-size: 13px !important;
    }
    .lb-main .leader-board-sub-cnt-before-bl p {
        font-size: 13px !important;
    }
    .leader-board-sub-cnt-before-tt p {
        font-size: 13px !important;
    }
    .discussion-cnt .accordion-sec {
        margin: 0 !important;
        padding:  10px 0 !important;
    }
    .lb-main .userPersonalDetail p{
        font-size: 13px;
    }
    .lb-main .userPersonalDetail span{
         font-size: 13px;
         line-height: 18px;
    }
     .lb-main{
        margin-bottom: 40px !important;
     }
     .course-box-wrap.slick-slide {
        padding: 0 !important;
        margin: 0 0px 10px 0px !important;
    }
    .smshare-model .copy-wraper {
        flex-wrap: wrap;
    }
    .smshare-model .modal-body input{
        width: 100% !important;
    }
    .smshare-model .modal-body .share_tooltip {
        width: 100%;
        margin-top: 15px;
        text-align: center;
    }
     .smshare-model .modal-body .share_tooltip button{
        margin-left: 0 !important
     }
    .smshare-model .modal-header {
        padding: 10px 15px 10px !important;
    }
    .smshare-model .modal-body{
        padding:20px 15px !important;
    }
    .daily-challenge-social-dtl .di-ch-social-dtls-head h2{
        font-size: 16px !important;
    }
    .daily-challenge-social-dtl .di-ch-social-dtls-head h6{
          font-size: 16px !important;
    }
    .review-block-sub-main .review-box-main .rating-text h6 {
        font-size: 16px !important;
        margin-left: 0 !important;
    }
    .review-block-sub-main .rating-text p {
        font-size: 14px !important;
    }
    .review-block-sub-main .kjdkkjsk {
        margin-bottom: 3px !important;
    }
    .review-block-sub-main .review-box-main{
        flex-wrap: nowrap;o
    }
    .review-block-sub-main .review-box-main .col-lg-11{
        padding-left: 0 !important;
    }
    .home-first .home-first-header h4 {
        font-size: 30px!important;
        line-height: 35px;
        padding-top: 15px !important
    }
    .course-carousel .ctm-prev {
        left: -25px !important;
    }
    .course-carousel .ctm-next {
        right: -25px !important;
    }
     .frc-page .five-star {
        height: unset;
    }
    .frc-page .arp0{
        padding-left: 0 !important;
    }
    .pln0 {
        padding-left: 15px !important;
    }
    .cq-model-new .modal-body{
        padding: 15px;
    }
    .cq-model-new .modal-body h2{
        font-size: 16px !important;
        line-height: 20px;
    }
    .cq-model-new .modal-title {
        font-size: 18px !important;
    }

}

@media only screen and (max-width: 761px) {
    /* login home and withouut login home page css start */
    .tabingwraper .tab-pane-slider-box-one {
        max-width: 100% !important;
        flex: 0 100% !important;
    }
    /* login home and withouut login home page css end */
}

@media only screen and (max-width: 575px) {
    .two-btn {
        flex-direction: column;
    }
    .two-btn .submit-btn {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .two-btn .submit-btn a {
        width: 100%;
    }
    .two-btn .share-btn a {
        width: 100%;
    }
    
    
    
    
   
    .webui-popover{
        left: 0 !important;
        width: 320px !important;
    }
    .mblogout .codropdown1{
        left: 0 !important;
        width: 250px !important;
    }
    .mblogout .codropdown1::before{
        left: 14px !important;
    }
    .mblogout .codropdown1::after{
        left: 14px !important;
    }
    .mblogout .cartdrop1{
        left: -105px !important;
        width: 250px !important;
    }
    .mblogout .cartdrop1::before{
        left: 115px !important;
    }
    .mblogout .cartdrop1::after{
        left: 115px !important;
    }
    .mbl-header .menu-icon-box{
        margin: 0 !important;
        margin-right: 10px !important;
    }
    .mbl-header .menu-icon-box a{
        margin-left: 0 !important;
    }
    .mbloggin .cartdrop1{
        right: 0 !important;
        width: 250px !important;
    }
    .mbloggin .mchallangedropdown{
        width: 250px !important;
    }
    .mbloggin .chlotherdropdown{
        width: 250px !important;
    
        left: 0 !important;
    }
    .mbloggin .chlotherdropdown::before{
        left: 14px !important;
    }
    .mbloggin .chlotherdropdown::after{
        left: 14px !important;
    }

    .fbr-main .rating-line {
        margin-top: 8px !important;
    }
    .fbr-main .rating-line .rating-color {
        height: 15px !important;
        margin-bottom: 10.5px !important;
    }
    .five-star ul {
        padding-left: 15px !important;
        margin-top: 1px !important;
        /*justify-content: center;*/
        width: 100%
    }
     .frc-page .pln1{
        padding-left: 0 !important;
    }
    .fbr-main .five-star{
        height: 30.5px !important;
    }

}
@media (max-width: 500px){
   
    .thisMonthLeaderBoardNew .leader-board-sub-cnt-before-yl p {
        font-size: 16px !important;
    }
    .thisMonthLeaderBoardNew .leader-board-sub-cnt-before-bl p {
        font-size: 16px !important;
    }
    .thisMonthLeaderBoardNew .leader-board-sub-cnt-before-tt p {
        font-size: 16px !important;
    }
}
@media only screen and (max-width: 460px) {
    #myDropdown {
        width: 249px;
    }
    #some-change {
        width: 249px;
        left: 0;
        right: 0;
    }
    .top_bar .right_part{
        margin-top: 15px;
    }
    .tlbtn {
        margin-left: 10px;
    }
    #challenge_items .cibtn {
        margin-left: 2px !important;
    }
    .tdotsdrop1 {
        margin-top: 16px !important;
        left: -100px !important;
        width: 250px !important;
    }
    .tdotsdrop1:after{
        left: 110px !important;
    }
    .tdotsdrop1::before{
        left: 110px !important;
    }
  
   
}

@media only screen and (max-width: 420px) {
    .category-dtl-new-main .review-block {
        /* flex-direction: column; */
    }
    .category-dtl-new-main .review-block span{
        font-size: 14px !important;
    }
    /* .category-dtl-new-main .video-block {
        margin-left: 10px !important;
    } */
    .vmm-mobile .category-dtl-new-main .review-block span {
        font-size: 12px !important;
    }
     .vmm-mobile .category-dtl-new-main .time-block p span {
        font-size: 12px !important;
    }
    .thisMonthLeaderBoardNew .leader-board-header p {
        font-size: 10px !important;
    }
    .thisMonthLeaderBoardNew .tmlcnt p {
        font-size: 13px !important;
        padding-left: 5px;
    }
    .thisMonthLeaderBoardNew .tmlcnt span{
         font-size: 13px !important;
         padding-left: 5px !important;
    }
    .thisMonthLeaderBoardNew .leader-board-sub-cnt-before-yl p {
        font-size: 13px !important;
    }
    .thisMonthLeaderBoardNew .leader-board-sub-cnt-before-bl p {
        font-size: 13px !important;
    }
    .thisMonthLeaderBoardNew .leader-board-sub-cnt-before-tt p {
       font-size: 13px !important;
    }
    .thisMonthLeaderBoardNew .category-dtl-new-design-right-leaderboad {
        padding: 10px 5px !important;
    }
    .thisMonthLeaderBoardNew .leader-board-sub-cnt-before img{
        width: 35px !important;
        height:35px !important;
    }
}

@media only screen and (max-width: 360px) {
  .dummy{
      padding: 0 10px;
  }
}


@media only screen and (max-width: 320px) {
    .vmm-mobile .category-dtl-new-main .review-block span {
        font-size: 11px !important;
    }
    .lb-main .leader-board-header p {
        font-size: 11px !important;
    }
     .lb-main .userPersonalDetail{
        padding-left: 5px;
     }
     .lb-main .userPersonalDetail p{
        font-size: 12px;
     }
      .lb-main .userPersonalDetail span{
        font-size: 12px;
      }
}

@media screen and (max-width:575px) {
    .newIMG .wuimg {
        flex-flow: column !important;
    }
    .newIMG .personImg{
        width: 100%;
        padding-left: 0;
    }
    .newIMG .WelcomePersonImg{
        margin: 0 auto;
    }
}