live.css

.mainDiv{
	top: 0;
	width: 100%;
	height: 100%;
	font-family: times new roman;
	font-weight: bold;

}

#battel {

	padding-top: 3em;
}
#battel img{
height: 3.2em;
width: 3.6em;
 margin-left: 1em;
  margin-right: 1em;
}
.img-valign {
  vertical-align: middle;
  display: inline-block;
}
#bowTeam h3{
	padding-right: 1em;
}
#batsmans {
	margin: 0;
	padding-top: 3em;
}
#batsmans th{
	text-align: left;
}
#bowlers {
	margin: 0;
	padding-top: 3em;
}
.table {
	width: 100%;
	
}

#balls {
	padding-top: 3em;
	vertical-align: middle;
}
.ball{

}
#balls li{
margin-right: 1%;
text-align: center;
display: inline-block;
border-radius: 40%;
width: 3%;
font-weight: bold;
background-color: #E5E6E9;
}
.refresh{
	padding-top: 2%;
	border-radius: 10%;
}


@media only screen and (min-width: 320px) and (max-width: 480px){
	.venue{
	font-family: times new roman;
	font-weight: bold;
	font-size: 0.5em;
}
	#battel h3{
		font-size: 1em;
	}
 	#battel img{
 		height: 2.2em;
 		width: 2.5em;
 	}
}