@media (max-width: 1399px){
    .container{width: 100%;}   
    /* .login {padding: 40px 10px;} */
    /* .login .loginDetails label{font-size: 30px;}
    .modal-dialog .modal-content .modal-body ul li{width: 22.66%;display: inline-block;padding: 5px;}
    .modal-dialog .modal-content .modal-body ul.nav-pills > li a{font-size: 16px;}
    .main .spinnerGamebtmNum ul li {padding: 0 5px;position: relative;}
    .main .spinnerGamebtmSec .leftSec ul li{padding: 30px;}
    .main .spinnerGamebtmSec .centerSec .wheelpic img{width: 90%;}
    .main .spinnerGamebtmSec .leftSec ul li img{width:60px;height: 60px;} */

}

@media (max-width: 1366px){
    .main .spinnerGamebtmSec .leftSec ul li{padding: 25px;}
    
}

@media (max-width: 1280px){
   .main .spinnerGamebtmSec .leftSec ul li{padding: 17px;}
    .main .spinnerGamebtmSec .rightSec .details{width: 90%;float: right;}

}

@media (max-width: 1160px){
    .main .spinnerGamebtmSec .leftSec ul li{padding: 5px;}
    
}
    

@media (max-width: 1024px){
    /* .login .loginDetails label.rememberTxt .class_checkbox{margin-left: -40px;} */
    .login .loginDetails label{font-size: 28px;} 
    .main .gameListSec ul li{width: 24%;padding: 5px;} 
    .modal-dialog .modal-content .modal-body ul li{width: 25.66%;}
    .main .spinnerGameInfo .infoScore ul li{width: 22.33%;}
    .main .spinnerGameInfo .infoScore ul{text-align: left;}
    .main .spinnerGameInfo .threeBtn ul,.main .spinnerGamebtmSec .leftSec ul{text-align: right;padding: 10px 0;}
    .main .spinnerGamebtmSec .centerSec .wheelpic img{width: 80%;}
    .main .spinnerGamebtmSec .leftSec ul{text-align: left;padding: 10px 0;}
    
}
@media (max-width: 992px){
    .main .spinnerGamebtmSec .leftSec ul li {padding: 3px;}
    .main .spinnerGameInfo .infoScore ul{text-align: center;}
    .main .spinnerGameInfo .threeBtn ul, .main .spinnerGamebtmSec .leftSec ul{text-align: center;}
    .main .spinnerGameInfo {margin-top: 0;}
   
}
@media (max-width: 980px){
    /* .login .loginDetails .btn{width: 50%;} */
    .login .loginDetails label {font-size: 17px;}
    .login .loginDetails input {        height: auto;
        padding: 10px;}
    .modal-dialog .modal-content .modal-body ul.nav-pills > li a {font-size: 14px;}
    .main .spinnerGamebtmNum ul li {padding: 0 4px;}
    .main .spinnerGameInfo .threeBtn ul,.main .spinnerGamebtmSec .leftSec ul{text-align: center;padding: 10px 0;}
    .main .spinnerGamebtmSec .rightSec .timer ul{width: 50%;float: right;}
    .main .spinnerGamebtmSec .leftSec .timer ul{width: 50%;}
    .main .spinnerGamebtmSec .rightSec .timer{display: none;}
    .main .spinnerGamebtmSec .leftSec .timer{display: block;}
    .timer-run-text{font-size: 5vw;}
    .main .spinnerGamebtmSec .rightSec .details{float: none;width: 100%;}
    .main .headerSec ul li input{height: 40px;}

}
@media (max-width: 767px){
    .login .loginDetails{text-align: center !important;}
    .login .loginDetails input{width: 100%;font-size: 17px;} 
    .main .gameListSec ul li{width: 28%;}
    .modal-dialog{width: 98%;margin: 0 auto;}
    .main .spinnerGamebtmNum ul li{padding: 8px;}
    .main .spinnerGamebtmSec .rightSec .timer{text-align: center;padding: 50px 0 10px 0;}
    .main .spinnerGame .funTrgtTmrLogo img{width: 80%!important;}
    .timer-run-text{font-size: 6vw;}
    .main .header:after{top: 18px;}
    .login{padding: 10px;}
   .login .loginDetails button{padding: 5px;    font-size: 21px;}
    .loginwrap{display: block;height: auto;}
}
@media (max-width: 640px){
    /* .login .loginDetails .btn{width: 60%;} */
      .login{padding: 10px;}
    .main .headerSec {margin-top: 20px;}
    .main .headerSec ul li img{height: 40px;}
    .main .headerSec ul li{width: 100%;padding-bottom: 10px;}
    .main .headerSec ul li:nth-child(4){display: none;}
    .main .headerSec ul li.mobLogo{display: block;width: 50%;height: auto;}
    .main .headerSec ul li.mobLogo img{height: auto;} 
    .main .gameListSec ul li{width: 30%;}
    .modal-dialog .modal-content .modal-body ul li {width: 35.66%;}
    .modal-dialog .modal-content .modal-body .tab-content .poinTranf input{width: 100%;}
    .modal-dialog .modal-content .modal-body .tab-content .poinTranf button{width: 50%;}
    .main .spinnerGamebtmSec .leftSec .timer ul{width: 70%;}
    .timer-run-text{font-size: 7vw;}
    /*.main .spinnerGamebtmSec .centerSec .tablepic{bottom: -30px;width: 70%;}*/
}

@media (max-width: 480px){
      .login{padding: 10px;}
    .main .gameListSec ul li{width: 47%;}
    .modal-dialog .modal-content .modal-body ul li {width: 100%;}
    .main .spinnerGameInfo .infoScore ul li p {font-size:12px;}
    .main .spinnerGameInfo .threeBtn ul li{width: 100%;padding: 5px 0;}
    .main .spinnerGamebtmSec .centerSec .wheelpic img{width: 100%;}
    .main .spinnerGamebtmSec .leftSec .timer ul{width: 100%;}
    .timer-run-text{font-size: 10vw;}
    .main .spinnerGameInfo .infoScore ul li{width: 30.33%;}
    .main .spinnerGamebtmNum ul li{padding: 3px;}
    .main .spinnerGamebtmNum ul li img{width: 60px;height: auto;} 
    .selectedBetPoints {margin: 10px 0px 4px -31px;}
    /*#canvasContainer{width: 100%;height: auto;}*/
    /*.main .spinnerGamebtmSec .centerSec .tablepic{bottom: -20px;}*/
    

}

 @media (max-width: 320px){
      .login{padding: 10px;}
   .main .gameListSec ul li{width: 70%;}  
   .main .spinnerGamebtmNum ul li img{width: 50px;height: auto;} 
   .selectedBetPoints {margin: 7px 0px 4px -26px;font-size: 12px;}
   .timer-run-text{font-size: 15vw;} 
    

}