@charset "utf-8";

/* CSS Document */

@media (max-width:1300px){
.mainNav .navbar ul li a{
    padding: 3px 5px !important;
    font-size: 13px;
    font-weight: 300;
    text-align: center;

}
.mainNav .navbar-brand,.footer_logo{ width: 200px; }
.bannerContent h3{
    font-size:30px;
}
.bannerContent p {
    font-size: 20px;
}
.appsecLeft h4{
    font-size: 20px;
}
.appsecLeft p{
font-size: 18px;
    line-height: 20px;
}
.appsecLeft a{
        max-width: 200px;
}
.footer_bottom{ font-size: 12px; }
.footer_right li a{ font-size: 12px; }





}


    

    
@media (max-width:990px){
.header_sec.headerStatic{ padding: 10px 0 0; }
.header_sec{ top: 10px; }
.mainNav .navbar-brand{ padding-top: 0; }
.navbar{ padding: 0; }
.mainNav{ padding-right: 0; }
.mainNav .navbar-collapse {background: #000;margin-top: 10px;}
/*.mainNav .navbar ul li a{ border-right:1px solid #565250; }*/
.comnHead h4{ font-size: 30px;  }

.howtoplayright ul li h5{ font-size: 20px; }
.howtoplayright ul li p{ line-height: 18px; font-size: 14px; }
.howtoplayright ul li span{ width: 50px; height: 50px; font-size: 30px; }
.appsecLeft{ padding-bottom: 25px; }
.appSec{ text-align: center; }
.appsecLeft h4 { font-size: 18px; }
.appsecLeft p { font-size: 16px; }
.appsecLeft a{ max-width: 170px; }
.mainNav .navbar-brand, .footer_logo { width: 120px; padding-bottom: 8px; }
.footr_menu ul li{ font-size: 12px; line-height: 26px;}
.gameCategory::after,.gameCategory::before{ display: none; }

.invitePlaySec {padding-top: 30px;}
.invitePlaySec .invilogoImg {margin-top: 0px; margin-bottom: 20px;}
.invitePlaySec h3 {font-size: 25px;}
.invitePlaySec p {font-size: 16px;}
.invitePlaySec cite{margin-top: 45px;}
.stepBoxSec .step_number{ font-size: 16px;
    line-height: 42px;
    height: 40px;
 }
.stepBoxSec .step_information{ font-size: 14px; }
.screenShortSec ul li{ max-width: 33.33%; padding-bottom: 15px; }
.stepBoxSec .step img{ max-width:250px;}
.stepBoxSec .step_info{ left: 211px; top: 68px; }
.footer_right li a {padding: 0 8px; }
}   

 @media (min-width: 768px) and (max-width: 1024px) {
  .previewBg .teamPreviewRow li.wicket-keeper {
        top: 5px;
    }   
  .previewBg .teamPreviewRow li.all-rounders {
        top: 113px;
    }
    .previewBg .teamPreviewRow li.bowlers {
        top: 150px;
    }
}   

@media (max-width:767px){
.previewBg {
    background-size: cover;
}

.previewBg .teamPreviewRow li.wicket-keeper {
    top: 5px;
}

.previewBg .teamPreviewRow li.batsman {
    top: 82px;flex: 0 0 17.33%;
}


.previewBg .teamPreviewRow li.all-rounders {
    top: 120px;
    left: 0px;
}

.previewBg .teamPreviewRow li.bowlers {
    top: 170px;
}

.playerName {
    font-size: 8px;
}
/*body .footer_right{ text-align: left !important; }*/
.categoryBox img{ max-height: 30px; margin-bottom: 10px; }
.categoryBox{ font-size: 14px; padding: 10px;  }
.appRight{ max-width: 200px;
margin:0 auto; }
.appSec{ padding-top: 60px;}
.howtoplaySec{ padding: 60px 0; }
.categoryBox{ top: 0; margin-bottom: 20px; }
.gameCategory{ padding-top: 20px; }

.slider_test_main p{ font-size: 12px; line-height: 18px; }
.testimonial_slider h5{
    margin-top: 10px;
    font-size: 16px;
}
.newsLatterSec h5{    font-size: 20px;}
.newLattInput input{ height: 40px;  }
.newLattInput .subBtn{position: static; width: 100%;margin-top: 8px; padding: 6px 20px;
    max-width: 150px; float: right;}
.comnHead h4 {
    font-size: 20px;
    padding-bottom: 30px;
}
.howtoplaySec iframe{ width: 100%; max-width: 100%; position: static; margin-top: 80px;}

.testimonialSec .slick-arrow{
    left: 0;
    top: 20%;
}
.testimonialSec .slick-next.slick-arrow{
    right:0;
    top: 20%;
}
.bannerHome .slick-dots{  bottom: 0px;
    right: 10px;
    left: unset;
    width: auto;
 }
.bannerContent{ top: 50%;     left: -14px; }
.bannerContent h3{
font-size: 16px;
    font-weight: 500;
    line-height: 15px;
}
.howtoplaySec .pS{ position: relative; }
.bannerContent p {
    font-size: 12px;
}   

.playNow {
font-size: 12px;
    font-weight: 100;
    line-height: 10px;
    margin-top: 5px;
    min-width: 80px;
}
.howtoplayright ul li{
    margin-bottom: 20px;
    padding-left: 80px;
}

.howtoplayright ul li h5{
    font-size: 16px;
}
.howtoplayright ul li span{ 
    width: 40px;
    height: 40px;
    font-size: 16px;
}
.howtoplayright ul li p {
    line-height: 16px;
    font-size: 12px;
}
.footer_right ul{ margin:0 -6px; }

.footer_right li a{ padding: 0 7px; }


.footer_bottom{ margin-top: 20px; }
.bannerHome .slick-dots li{ width: 10px; height: 10px; }
.teamContainer{width: 100%; 
 font-size: 14px; 

}

.teamBoxSec .teamHead h3{ font-size: 17px; line-height: 20px; }
.teamBoxSec .teamHead{    padding: 15px 15px; }
.alertmsg{     min-height: 50px;     padding: 13px 20px 13px 10px; }
.footerMenu li a{ font-size: 12px; }
.footerMenu li a i{font-size: 20px; }
.responCentHeight{
        overflow-y: scroll;
    -webkit-flex: auto;
    -moz-flex: auto;
    -ms-flex: auto;
    -o-flex:auto ;
    flex: auto;
}
html,body,main,.mainContainer,.teamBoxSec{ height: 100%;  }
.footer_logo + .footr_menu{ margin-bottom: 20px; }
.social_menu{ margin-top: 20px; }
.teamBoxSec{
   display: block; 
}


#loginPopup .modal-body{ display:block;     }
#loginPopup .modal-dialog{  padding: 0 30px; }
.modalLeft, .modalright{ float:none;  padding: 10px; width: 100%;     min-height: auto;}

.modalLeft h1{ font-size: 22px; }
.modalLeft h4{ font-size: 14px; margin:7px 0; }

.modalLeft a{ padding:7px;  font-size: 14px;}
.forgotModal .modal-header .closeBtn{ 
    height: 25px;
    width: 25px;
    left: 10px;
    right: unset;
    top: 10px;
 }
 .forgotModal .modal-header h3{     font-size: 16px; }
.forgotModal p {
    font-size: 12px;
    letter-spacing: 0;
}
.verifiCode ul li input{ height: 35px; font-size: 16px; }

.verifiCode .h5 {
    font-size: 14px;
    margin: 15px 0 15px;
}
.forgotModal .btn{ margin-top: 15px; }
.forgotModal .btnPar a{ font-size: 14px; }
.forgotModal .btn{ font-size: 22px; }
.verifiCode ul{ padding: 0 0; }
.forgotModal .btnCustom{ font-size: 16px; height: 40px; }




.pl-5{ padding-left: 20px !important; }
.pr-5{ padding-right: 20px !important; }


.listOfTeamPar.myContest{ padding: 10px 10px; }

.matchTab .nav.nav-tabs li .nav-link{ font-size: 14px; }
.myContest .nav.nav-tabs li a{ font-size: 14px; font-weight: 500; }
.matchListBox{ padding: 10px 0; }

.matchListBox ul li{ font-size: 12px; }
.myContest .tab-content .tab-content em{ font-size: 12px; }

.matchListBox ul li img{ height: 35px; }
.myContest .tab-content .tab-content cite{ font-size: 12px; }

.listOfTeamPar.meSec{ padding-bottom: 60px; }
.myContest .tab-content .tab-content{ padding-bottom: 0; padding-top: 10px; }
.winingList ul li{ font-size: 14px; line-height: 30px; }
.checkBoxPar .checkmark{     height: 15px;
    width: 15px; }
.checkboxList ul li .checkBoxPar .checkmark{ top: 8px; }
.modal-dialog.comnPopup .modal-header h5{ font-size: 16px; }
.modal-header{ padding: 10px; }
.modal-dialog.comnPopup .modal-header button.close{ 
    top: 22px;
    left: 10px;
    height: 25px;
    width: 25px;
    right:unset;

 }
 .modal-dialog.comnPopup .modal-header button.close{ font-size: 21px;     line-height: 24px;}
.checkBoxPar .checkmark:after{
    left: 3px;
    top: 0px;
    width: 5px;
    height: 9px;
    border-width: 0 2px 2px 0;
}
.melist ul li a{     padding: 7px 0; }
.meSec .melist ul li a span{ font-size: 16px; width: 25px; }
.melist ul li a i{ font-size: 18px; padding-top: 3px;}
.btn.btnNeed{ transform: translateX(200px) }

.closeBtn{
        left: 15px;
    top: 14px;
    width: 20px;
    height: 20px;
}
.closeBtn.closeBtnIcon{
     width: 25px;
    height: 25px;
}
.closeBtn span {
    right: 38px;
    top: 12px;
}

.teamBar ul{     padding: 15px 0px; margin-right: 0; margin-left: 0; }
.walletBtn{ font-size: 16px; right: 15px;}
.teamBar{ font-size: 12px; }
.teamBar ul li img{ width: 15px; }
.headerTitle{ 
    padding: 7px 15px;
    background: #fff;
    margin-bottom: 5px;
 }
.headerTitle .h3{ 
        font-size: 14px;
    line-height: 16px;
    font-weight: 500;
}
.headerTitle span {
    line-height: 14px;
    display: inline-block;
    margin-top: 3px;
}

.listOfTeamPar{
        padding: 0 15px 0px;
}
.contestBox ul li .toggleBtn a{ font-size: 14px; }
.contestProgress h4{ font-size: 12px; }
.contestHeadCont h2,.contestBottom ul li a h5{ font-size: 14px; }
.contestBottom ul li img{ width: 30px; }
.footerBtnpar .btn-primary{ padding: 10px 0; font-size: 14px;}

.filterCotest ul li .btn.btn-primary{ font-size: 14px; }


.filterCotest ul li .dropdown-toggle::after {
    border-top: 5px solid;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}
.modal-dialog.comnPopup .modal-body.clearfix{
    padding: 15px;
}
.currentBalaModBox ul li{ padding-top: 0px; font-size: 14px; }
.currentBalaModBox ul li h5,.currentBalaModBox ul li p{ font-size: 14px; }
.winingList.currentBalaModBox{ margin-bottom: 5px; }
label{    font-size: 14px;}
.add_money ul li{
        width: 30%;
    margin: 0 1%;
    margin-bottom: 10px;
}

.popupbtn{ margin-top: 10px; font-size: 14px; }
.modalBox{ padding: 0; }
.modalBox h5{ font-size: 14px; }
.modalBox p { font-size: 12px;margin-top: 5px;}
.modalBox .codeInput input{ padding: 5px 0; }
.comnPopup .btnCreat{ font-size: 14px;  }

.form-group{ margin-bottom: 10px; }
.winingList h4{ font-size: 14px; line-height: 18px; }
.joinedBox ul li{ font-size: 14px; line-height: 20px; }
.pt-4{ padding-top: 10px; }
.joinedContestList{ margin:0 15px 15px; }
.joinedBox{ padding: 7px 10px; }
.mCSB_inside > .mCSB_container{     margin-right: 1px; }

.PersonalDetFormBox{ padding: 15px 15px; }

.PersonalDetFormBox .form-group label{ margin-bottom: 0; }
.PersonalDetFormBox .form-control{ padding: 5px 0; font-size: 14px; }
.checkBoxPar{ padding-left: 25px; }
.form-group .checkBoxPar .checkmark{ top: 2px; }
.entrBox{ margin: 20px 10px; }
.detailsBox ul{ font-size: 12px;     line-height: 16px; }
.btn.btnPrimaryThem{ font-size: 14px; }
.beakupBox ul li{ flex:0 0 30%; }
.infoTittle span{ font-size: 10px; }
.infoTittle{ line-height: 15px; }
.leaderBox ul{ margin-top: 15px;     padding: 3px 0; }
.leaderBox ul li {font-size: 14px;}
.leaderBox ul li a { font-size: 16px;}
.teamRank ul{ padding: 7px ; }
.teamListPar figure{ width: 25px; height: 25px; }
.teamListPar .teamConten p,.teamListPar .teamConten em{ font-size: 12px; }
.teamListPar{ padding: 7px; }
.teamListPar .teamConten{padding-left: 10px;}
body .alert{ padding: 15px; }
.alert .closebtn{ font-size: 14px;   }
.tabPar{ padding: 0; }
.tabPar .tabBottmList li.active a {
    border-bottom: 2px solid var(--primaryClr);
}
.tabPar .tabBottmList li a i{ padding-bottom: 5px; }
.tabPar .tabBox{     padding: 10px 15px 0; }
.tabPar .tabBottmList li{     padding: 10px 0 10px; }
.tabPar .tabBottmList li a{     line-height: 15px; }
.tabPar .teamNavBar{padding: 7px 15px;}

.dropdown-menu{ padding: 3px 0; }
.dropdown-item{ padding: 5px 7px; font-size: 14px; }
.listOfTeamPar .listOfTeam{ padding: 5px 0px; margin-bottom: 0;}

.listOfTeam li figure{ width: 40px; height: 40px; }
.listOfTeam ul li{ padding: 5px 0; }
.listOfTeam ul li label{     font-size: 14px;margin-bottom: 0; }

.cearteTeamBox .listOfTeam ul li a {     font-size: 20px; }

.listOfTeam ul li cite i{ padding-right: 4px; }
.listOfTeam ul li cite u{ padding-left: 5px; }
.closeBtn span:before, .closeBtn span:after{
        left: 25px;
    top: -5px;
        height: 11px;
}
.listOfTeamPar h3{ 
font-size: 14px;
    padding: 7px 5px;
    line-height: 16px;
 }

.teamName{ margin-top: 0; }
.previewBg .teamPreviewRow{ padding: 5px 0;     margin: 0 10px;}
.previewBg .teamPreviewRow h2{ font-size: 14px; line-height: 18px; }
.previewBg ul li{margin-top: 5px; flex:0 0 33.33%;}
.previewBg ul li span{
    margin-top: 2px;
    line-height: 16px;
}
.playerImg{ width: 40px; height: 40px; }
.captaine{ left: 5px; top: 3px; font-size: 10px; width: 20px; height: 20px;}
.playerName{   padding: 1px 5px 1px; }
.currentBalaModBox h6{ font-size: 14px; }
.currentBalaModBox p{ 
    font-size: 12px;
    line-height: 18px;
    margin: 7px 0;
 }

 .currentBalaModBox .joinBar {
    margin: 5px 0;
    font-size: 14px;
}
.widgetsPar .editBar {
    padding: 10px 0px 0;
}
.mCSB_scrollTools{ width: 13px; }
.widgetsPar > p{ font-size: 14px;     line-height: 16px;     padding: 10px 0 0px; }
.widgetsPar h4{ font-size: 14px;     padding-bottom: 8px; }
.widgetsPar{ padding: 0 15px; }
.widgetsPar .widgetBox{     padding: 7px 10px;     font-size: 12px; }
.widgetsPar .widgetBox h5,.widgetsPar .widgetBox h4{ 
    padding: 7px 0;
    font-size: 14px;
    font-weight: 600;
 }
 .editBar ul li i{padding-right: 2px;}

hr{ margin-top: 10px; margin-bottom: 10px; }

.accountSec .teamBar p{
    font-size: 12px;
    padding: 7px 15px;
    line-height: 16px;
}

.joinedBox ul li .comnBtn{ font-size: 14px;     padding: 5px 10px; }

.joinedContestList .joinedBox:nth-child(3) button{ margin-top: 7px; }
.joinedBox .linkList li a{ font-size: 14px; line-height: 20px; }


.teamBar label{ 
    margin: 0;
    line-height: 16px;

 }
.teamBar .virImg img {
    width: 40px;
}
.cardBoxPar .cardPar {
    padding: 20px 15px 20px 60px;
}
.cardBoxPar .cardPar img {
    left: 15px;
    width: 35px;
}
.cardBoxPar .headPar{
    padding: 7px 15px;
}
.cardBoxPar .gridBoxPar .gridChild a{ padding: 8px; }
.gridBoxPar >p a {
    padding: 7px 15px;
}
.cardBoxPar .cardPar h4{ font-size: 14px; }
.cardBoxPar .cardPar p{ line-height: 14px; }
.cardBoxPar .cardPar .editBtn {right: 0;}
.modalBox .btnOk {
    padding: 5px 20px;
    margin-top: 10px;
}
.dashboardBox .card-header a i,.TodolistPar li i{font-size: 18px;}

.dashboardBox .card-header,.dashboardBox .card-body p{  padding: 7px 10px; }

.no-cards{     padding: 20px 10px 10px; }
.no-cards-title {
    padding: 10px 0;
}
.cardBox {
    padding: 10px 0;
}
.codeInput input{ padding: 5px 0; }
.cardBox .stamp{ margin-top: 0;     width: 80px; }
.cardBox .cardBtnPar {margin-top: 10px;}

 
.inviteFienPar .inviteFienhead{     padding: 10px 15px;  height: 150px;}
.inviteFienhead .h3{     font-size: 18px;line-height: 22px; }
.inviteFienhead a{ margin-top: 0; }
.inviteFienPar .inviteCodeWrapper{ margin: 10px 0; }
.inviteCodeWrapper small{ font-size: 20px; line-height: 26px; }
.inviteFienPar .socialShare{ margin-bottom: 0; }
.inviteBottomContent .h4,.inviteBottomContent .downloadBtn a{ font-size: 14px; }
.infoTooltipBox .h4{ font-size: 14px; margin-bottom: 5px; }
.infoTooltipBox p {
    font-size: 12px; 
}

.infoTooltipBox span {
    font-size: 12px;
    line-height: 14px;
}

.PersonalDetFormBox .form-group .radioPar{ font-size: 14px; }
.modal-body .infoTooltipBox{ margin: 10px 0px; }
.dobBox .dobCol label .form-control{ font-size: 17px; }
.outlineBtn{ font-size: 14px; }
.listOfDetail{     padding: 0px 0px; }
.accordionPar .card-header{     padding: 5px 15px; }
.accordionPar .card-header .btn{ font-size: 14px; }
.accordionPar .card i{ font-size: 18px; }
.accordionPar .card-body{ padding: 5px; }
.accordionPar .card-body .card-header{     font-size: 12px;  padding: 5px 0px;}
.accordionPar .card-body .card-body {font-size: 12px }


.bannerSec h1{
    font-size: 20px;
    line-height: 25px;
}

.bannerSec h1:after {
    width: 30px;
    height: 30px;
        top: -2px;
    left: -8px;
}
.aboutSec,.mapSec,.concatInfoSec,.contacSec{ padding: 40px 0; }
.aboutSec .nav li {
    margin-bottom: 10px;
}

.aboutSec .tab-pane h3{  font-size: 20px; margin-top: 30px; }

.pt-5{ padding-top: 20px !important; }
.mt-5{margin-top: 20px !important; }
.captRow .capCol{ flex: 0 0 100%; }
.captRow .capCol .circleImg{ margin:0 auto; }
.imgThumlist .h2 {
    font-size: 20px;
    line-height: 30px;
}
.captRow .capCol .h3 {
    font-size: 16px;
    margin-top: 15px;   
    margin-bottom: 5px;
}
.tab-content p{ font-size: 12px; line-height: 18px; }
.pb-4{ padding-bottom: 10px !important;     }
.captRow .capCol h5 {
    font-size: 16px;
    line-height: 20px;
    margin-top: 10px;
}
.captRow .capCol h6 {
    font-size: 14px;
    line-height: 18px;
    color: #898e8f;
    margin-top: 5px;
}
.primaryHead h2{ font-size: 20px; }

.concatInfoSec ul{ margin-bottom: 20px; margin-top: 10px; font-size: 14px;}
.contacSec h3{ font-size: 20px; margin-bottom: 10px; }
.contacSec input {
    margin-bottom: 10px;
    height: 35px;
}
.contacSec textarea{ height: 130px; }
.conctBtnPar .btn{ margin-top: 20px; }
.concatInfoSec cite {
    font-size: 20px;
    width: 50px;
    height: 50px;
}
.footer_logo {
    margin-bottom: 10px;
}

.footer_sec {
    padding-top: 30px;
}
.privaSec p{ line-height: 18px; }
.listOfTeamPar.accordionPar .subList{ padding-left: 15px; padding-right: 15px; margin:15px 0; }
.privaSec dd ul{ padding-left: 10px; }

.teamBar.fantastHead ul li img{     width: 25px;
    height: 26px;     margin-right: 5px; }
.teamBar.fantastHead ul li span,.teamBar.fantastHead .h6{ font-size: 14px; }
.teamBar.homeHead.fantastHead{ padding: 10px 15px; }



.txtField input{     height: 40px;      font-size: 16px;}
.invitForm .txtField span{ top: 4px;     font-size: 16px;}
.invitePlaySec cite {margin-top: 35px;}
.invitePlaySec{ padding-top: 30px; }
.user_rating{width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}
.screenShortSec ul li{
    max-width: 100%;
}
.stepBoxSec h3{
    font-size: 12px;
    color: #282828;
}
.stepBoxSec .tagglePar i{ font-size: 22px; top: -2px;}
.stepBoxSec{ margin-top: 10px; }
.invitForm .txtField{    flex-wrap: wrap;}
.invitForm .getAppBtn{
    margin-top: 10px    ;
    margin-left: 0; 
    height: 40px;   
        font-size: 16px;
}
.user_rating .numbers{
    font-size: 25px;
}
.num_description.w-50{ width: 80%; }
.user_rating .num_bottom_description{ font-size: 14px; }
.user_rating .middle_box {
    padding-left: 15px;
}
.stepBoxSec .step img {
    max-width: 100%;
}

.stepBoxSec .step_info{ position: static; text-align: center; width: 100%;}
.stepBoxSec .step_number{ background: #f87f03; color: #fff; }
.stepBoxSec .step_information{ text-align: center; margin-top: 10px; }
.stepBoxSec .step {
    margin-top: 20px;
    margin-bottom: 20px;
}

.invitePlaySec p{ font-size: 14px; }
.app_call_to_action{ padding: 40px 0; }
.app_call_to_action h3{ font-size: 20px; }
.app_call_to_action ul {display: block; text-align: center; margin:auto;}
.app_call_to_action ul li{  max-width: 150px; margin:10px auto 0; }

/*contact start*/
.feedbackSec .heading h4{padding-top: 0;}
.feedbackForm h1{margin-bottom: 15px;font-size: 20px; line-height: 26px;}
.feedbackForm input {height: 40px;}
.feedbackForm .playNow{padding: 10px 10px;}
.feedbackSec .feedbackForm{ margin-bottom: 20px; }
.feedbackForm textarea{ height: 200px; }
.mapSec .contactDetails ul li .text{ font-size: 14px; }
.mapSec .contactDetails{ margin-top:15px; }
/*contact end*/




}