@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:992px){
/* .header_sec.headerStatic{ padding: 10px 0; } */
.header_sec{ top: 10px; }
.mainNav .navbar-brand{ padding-top: 0; }
.navbar{ padding: 5px 1rem; }
.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: 16px;
        margin-bottom: 5px;
}
.appsecLeft p {
    font-size: 12px;
    line-height: 16px;
        margin-bottom: 10px;
    text-align: center;
}
.appsecLeft a{     max-width: 120px; }
/*.mainNav .navbar-brand, .footer_logo {
    width: 120px;
}*/
.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;
}

.stats-text figure img{
    max-width: 120px;
}
.stats-text h2{
    font-size: 34px;
}

.stats-text h3{
    font-size: 16px;
}

}   

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

@media (max-width:767px){
    .fixedBtmBar a span {
        display: none;
    }
    .aboutSec ul.nav {
        width: auto;
        height: auto;
    }
    .aboutSec .nav li {
        width: auto;
    }
    .tab-content.listOfTrust {
        width: auto;
        height: auto;
        margin: 10px 0;
    }
    .aboutSec .nav li a {
        margin: 0 !important;
    }
    .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;}
    .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{}
    .topSocialHeader .social_menu li {
        padding: 6px 0px;
    }
    .topSocialHeader .social_menu li a {
        width: 25px;
        height: 25px;
    }
    .viewSectioninner {
        margin-top: 0 !important;
    }
    .teamBoxSec{
       display: block; 
    }
    .logiSec {
        margin: 0 auto;
    }
    .logiSec ul.nav {
        margin: 5px 0 0 0;
    }
    #loginPopup .modal-body{ display:block;     }
    #loginPopup .modal-dialog{      padding: 0;
        width: 100%;
        max-width: 100% !important; }
    .modalLeft, .modalright{ float:none;  padding: 30px; 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;
    }
    .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: 120px;
    height: 2px;
    top: 26px;
    left: 0px;
}
.aboutSec,.mapSec,.concatInfoSec,.contacSec{ padding: 120px 0 40px; }
.aboutSec .nav li {
    margin: 3px 3px;
}

.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;
}

.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*/

	.downloadAppDirectly{
	    margin-top: 50px;
	}
	.subscribe {
	    margin-top: 50px !important;
	}
	.flex_center{
	    justify-content: flex-end;
	}
	.footer_left {
    	margin-top: 23px !important;
	}
}

@media only screen and (max-width:768px){
    .fixed-header{
        padding: 15px;
    }
    .logo img{
        height: 45px;
    }
    .fixed-header.scroll-header .logo img {
        height: 35px;
    }
    .main-heading{
        font-size: 34px;
    }
    .how-it-works-main{
        background-position: center -80px ,center bottom;
        padding: 30px 0 150px;
    }
    .stats-text{
        margin-top: 0 !important;
        margin-bottom: 30px;
    }
    .app-link-form{
        margin-top: 50px;
    }
}
@media only screen and (max-width:576px){
    .mainNav .navbar-brand {
        width: 140px !important;
    }
    .mainNav .navbar ul li a, .mainNav .navbar ul li:last-child a{
        font-weight: 500 !important;
        margin-left: 5px !important;
        padding: 0px 15px !important;
    }
    .playNow {
        margin-top: 23% !important;
        margin-left: 15% !important;
    }
    .playNow a{
        padding: 6px 10px !important;
    }
    .media .media-body {
        padding: 7px 5px;
    }
    .viewSectioninner .media h5 {
        font-size: 18px;
    }
    .viewSectioninner .media p {
        font-size: 14px;
    }
    .viewSectioninner span {
        width: 60px;
        height: 60px;
    }
    .viewSectioninner .media img.mds-icon {
        height: 30px;
    }
    .viewSectioninner .media img {
        height: 35px;
    }
    .commonHeading h2 {
        font-size: 24px;
    }
    .stepItem h3 {
        font-size: 28px;
    }
    .fixedBtmBar a {
        font-size: 12px;
        padding: 8px 13px;
        margin: 0px 1px;
    }
    .work-text figure img{
        width: 240px;
    }
    .main-heading {
        font-size: 24px;
    }
    .how-it-works-main {
        background-position: center -90px ,center bottom;
    }
    .app-link-form h3{
        font-size: 20px;
    }
    .stats-text h2{
        font-size: 24px;
    }
    .stats-text h3 {
        font-size: 14px;
    }
    .app-link-form .form-group{
        flex-wrap: wrap;
        justify-content: center;
    }
    .app-link-form .form-group .form-control{
        min-height: 50px;
        border-radius: 30px;
        font-size: 14px;
    }
    .app-link-form .form-group .submit-btn{
        border-radius: 30px;
        font-size: 14px;
        padding: 10px 30px;
        margin-top: 20px;
    }
    .app-link-form a img{
        width: 150px;
    }
    .clients-main{
        padding-top: 30px;
    }
    .review-box p{
        font-size: 14px;
        line-height: 26px;
    }
    .review-box figure{
        width: 100px;
    }
    .review-box figure img{
        width: 100px;
        height: 100px;
    }
    .review-box h5{
        font-size: 16px;
    }
    .copyright-text{
        margin-top: 40px;
    }
    .sidenav{
        right: -280px;
        width: 280px;
    }
}
@media only screen and (max-width:380px){
    .mainNav .navbar-brand {
        width: 100px !important;
    }
    .mainNav .navbar ul li a, .mainNav .navbar ul li:last-child a{
        font-size: 12px !important;
        font-weight: 400 !important;
        margin-left: 5px !important;
        padding: 0px 10px !important;
    }
    .playNow {
        margin-top: 27% !important;
        margin-left: 15% !important;
    }
    .playNow a{
        font-size: 10px !important;
    }
    .subscribe input{
        width: 160px !important;
    }
    .subscribe a{
        padding: 7px 8px !important;
    }
}
@media screen and (max-width: 1199px) and (min-width: 1024px){
    /* .playNow {
        margin-left: 18% !important;
    } */
}
@media screen and (max-width: 991px) and (min-width: 769px){
    .playNow {
        margin-top: 35% !important;
        margin-left: 0% !important;
    }
}
@media screen and (max-width: 767px) and (min-width: 576px){
    .playNow {
        margin-top: 40% !important;
        margin-left: 0% !important;
    }
}
@media (max-width: 991px){
    .footer_sec {
        margin-bottom: 0;
        padding-bottom: 00px;
        padding-top: 0;
    }
}