/* *
{
font-size:20px;
} */
body
{
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-repeat: no-repeat;
    background-attachment: fixed;
	background-position:center;
    background-size:100% 100%;
    overflow: hidden;
}

@media screen and (min-width: 350px) {
    .ballsWithTheirValueDiv{
        font-size: 15px;
    }
   /*  .abacusNumber {
        font-size: 12px;
        padding-top: 42%;
    } */
    .circleNumber{
        font-size: 18px;
    }
}
@media screen and (max-width: 600px) {
   .ballsWithTheirValueDiv > div > .ballImageDiv{
        padding: 0px;
		
    }
   
}
@media screen and (min-width: 700px) {
    .ballsWithTheirValueDiv{
        font-size: 23px;
    }
   /*  .abacusNumber {
        padding-top: 39%;
        font-size: 19px;
    } */
    .circleNumber{
        font-size: 20px;
    }
}
@media screen and (min-width: 800px) {
    .ballsWithTheirValueDiv{
        font-size: 25px;
    }
   /*  .abacusNumber {
        padding-top: 24%;
        font-size: 21px;
    } */
     .circleNumber{
        font-size: 21px;
    }
}

@media screen and (min-width: 900px) {
    .ballsWithTheirValueDiv{
        font-size: 26px;
    }
    /* .abacusNumber {
        padding-top: 24%;
        font-size: 23px;
    } */
     .circleNumber{
        font-size: 22px;
    }
}
@media screen and (min-width: 1100px) {
    .ballsWithTheirValueDiv{
        font-size: 33px;
    }
   /*  .abacusNumber {
        padding-top: 25%;
        font-size: 32px;
    } */
     .circleNumber{
        font-size: 26px;
    }
}

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: center no-repeat #fff;
}
#characterDiv
{
    position: fixed;
   bottom: 0;
}
#AbacusGameMainDiv {
    background-position: center;
    background-size: cover;
    background-repeat:no-repeat;
/*     position: fixed; */
    margin-left: 0%;
    margin-right:0%;
    margin-top:  0%;
    width:100%;
    height:100%;
}
#outerRow{
    position: fixed;
    top: -1vh;
}
#levelPage{
   margin-top: 15vh;
}
.noPadding
{
    padding: 0!important;
}
/* .levelImages{
    width: 80%;
    margin-top: 130%;
}
 */
.homeIcon{
    width: 115%;
}

#coverPage{
    width:100%;
    display: none;
    background-size: cover;
}
 
#gamePage{
  /*   width:100%;
    height:100%; */
    display: none;
}
 
.abacusNumber {
    position: relative;
 /*    width: 94%; */
    font-weight: 800;
    color: black;
    display: block;
    background-size: 100% 100%;
    text-align: center;
    margin-bottom: 14%;
    height: 23%;
    font-family: sans-serif;
        font-size: 1.2vw;
        padding-top: 4vh!important;
}

.ballsWithTheirValueDiv{
    font-weight: bold;
    color: aliceblue;
    margin-top: 6vh;
        font-family: sans-serif;
}

.ballsWithTheirValueDiv > div > .ballValueText{
    text-align: right;
    margin-top: 0%;
    padding: 0px;
    margin-top: 1.5vh;
}
.ballDiv 
{
    margin-top: 2vh;
}
.ballsWithTheirValueDiv > div > .ballImageDiv{
    text-align: center;
    margin-left: -8%;
}

.ballsWithTheirValueDiv > div > .ballImageDiv > .ballFor1{
    width: 25%;
 }

.ballsWithTheirValueDiv > div > .ballImageDiv > .ballFor10{
    width: 31%;
 }

.ballsWithTheirValueDiv > div > .ballImageDiv > .ballFor100{
    width: 40%;
 }

.ballsWithTheirValueDiv > div > .ballImageDiv > .ballFor1000{
    width: 30%;
 }
.ballsWithTheirValueDiv > div > .ballImageDiv > .ballFor10000{
    width: 35%;
 }
 .ballsWithTheirValueDiv > div > .ballImageDiv > .ballFor100000{
    width: 40%;
 }
#abacusPad{
    height: 100%;
    padding: 0px;
        width: 90%;
    margin-left: 3%;
}

.column{
    height:100%;
    margin-left: 0.3%;
    width: 9.6%;
    padding-left: 3px;
    padding-right: 3px;
}

.BallForRoundup > div > img{
    margin-left: 52%;
}

#column1 > .ballsInColumn_Div > div,#column2 > .ballsInColumn_Div > div,#column3 > .ballsInColumn_Div > div,#column4 > .ballsInColumn_Div > div, #column5 > .ballsInColumn_Div > div {
    margin-left: 23%;
    text-align: center;
}

#column6 > .ballsInColumn_Div >.Col1BallsDiv,#column7 > .ballsInColumn_Div >.Col1BallsDiv,#column8 > .ballsInColumn_Div >.Col1BallsDiv,#column9 > .ballsInColumn_Div >.Col1BallsDiv, #column10 > .ballsInColumn_Div >.Col1BallsDiv {
   text-align: right;
}

.BallFor1000WidthInAbacusPad{
    margin-bottom: 1px;
    width: 80%;
    margin-right: 2px;
}

.BallFor10000WidthInAbacusPad{
    margin-bottom: 1px;
    width: 80%;
}

.BallFor100WidthInAbacusPad{
    margin-bottom: 1px;
    width: 75%;
}

.nextIcon,.homeIcon,.soundIcon{
    width: 30%;
    margin-top:20%;
}
#LogoDiv
{
    display: block;
}

/* .prathamlogo{
    width: 67%;
}
.prathamlogo > div{
    float:right;
} */
.kakaji{
   padding-top: 6%;
   width: 100%;
}
.circleNumber{
    background-color: cornsilk;
    border-radius: 36px;
    text-align: center;
    padding: 0px;
    font-weight: bold;
    font-size: 2.5vw;
    margin-top: 17vh;
}
#widgetDiv
{
    margin-top: 17vh;
}
#gameOverDiv
{
    font-size: 8vw;
    color: black;
    font-weight: bold;
}
#endPage{
    margin-top: 15vh;
}
.blink_me {
 animation: blinker 0.6s linear infinite;
}

@keyframes blinker {  
 50% { opacity: 0.5; }
}