@charset "utf-8";
/* CSS Document */



@media only screen and (max-width:1155px){
	
	.logo-left {
    max-width: 496px;
    width: 100%;
    margin-top: 34px;
}
}

@media only screen and (max-width:1050px){
	.tble-right{
		width:60%;
	}
	.tble-left {
		width:40%;
	}
	
}
@media only screen and (max-width:991px){
	.overlay.active{
	display:block;
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background-color:rgba(0,0,0,0.44);
	z-index: 1;
}
	.main-header {
		height:auto;
		
}
	.logo-left {
    max-width: 620px;
    width: 100%;
	padding-right:20px;
    margin-top: 10px;
}
.header-padding{
	padding-left:5px;
	padding-right:50px;
	position:relative;
}
	.nav-right {
    float: right;
   
	position:absolute;
	right:15px;
	top:50%;
	margin-top:-16px;
}
	.nav-mobmenu {
    display: block;
    float: right;
    width: 35px;
    height: 32px;
}
	.navline {
    display: block;
    width: 100%;
    background: #fff;
    height: 2px;
    margin-bottom: 10px;
}
.navline:last-child {
	margin-bottom:0;
}
	 .mob-li{
		 display:block;
		 background:#eee;
	 }
	 
	 	 .mob-li .nav-a:hover{
	color:#333;
	background:#eee;
		 }
		 .nav-ul.active {
			 right:0;
			 
		 }
.nav-ul {
    position: fixed;
    width: 250px;
    right: -260px;
    top: 0;
    background: #fff;
    bottom: 0;
    z-index:2;
	-moz-box-shadow: -6px 0px 11px rgba(0,0,0,0.2);
	-webkit-box-shadow: -6px 0px 11px rgba(0,0,0,0.2);
    box-shadow: -6px 0px 11px rgba(0,0,0,0.2);
	-moz-transition:all .2s ease-in .0s;
	-webkit-transition:all .2s ease-in .0s;
	transition:all .2s ease-in .0s;
}
.nav-li {
    display: block;
    padding-right: 0;
    border-bottom: 1px solid #ddd;
}
.nav-a.active, .nav-a.active:hover {
    background: #ff8c00;
    color: #fff;
    text-shadow: none;
}	
.nav-a:hover{
	 background: #fff;
    color: #333;
    text-shadow: none;
}
.nav-a{
	color:#333;
	font-size:16px;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
}
		.tble-right{
		width:100%;
	}
	.tble-left {
		padding-right:0;
		width:100%;
	}
	.fact-li{
		margin-bottom:10px;
	}
	.genderbox{
		width:48%;
		margin:0 1%;
	}
	.gender-image {
    background-size: 350px auto;
    width: 177px;
    height: 160px;
	margin:0 auto;
}
.m-gender .gender-image {
    background-position: 0px 0;
}
.f-gender .gender-image {
    background-position: -180px 0;
}
.genderTitle {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
    margin-top: 0px;
}
.p-cstmBox {
	width:100%;
	text-align:center;
	padding: 10px 0;
}

}



@media only screen and (max-width:639.90px){
	.number-text .common-text {
		font-size:21px;
	}
	.p-cstmTtile {
    font-size: 19px;
	}
	.mobonlyinfo{
		display:block;
	}
	.mobhide-img{
		display:none;
	}
.numberround {
    width: 95px;
height: 95px;
    text-align: center;
    border-radius: 50%;
    background: rebeccapurple;
	 color: #fff;
	 font-size:13px;
	 box-sizing:border-box;
	 padding:10px 4px;
	 position:relative;
	 display:inline-block;
	 vertical-align:middle;
	 min-width:95px;

}
.nr1{
	background-color:#ee635c;
}
.nr2{
	background-color:#01afb8;
}
.nr3{
	background-color:#4cbfae;
}
.nr4{
	background-color:#feaeed;
}
.nr5{
	background-color:#e81951;
}
.nr6{
	background-color:#f49600;
}
.nr7{
	background-color:#ccd440;
}
.nr8{
	background-color:#5b61ff;
}
.nr9{
	background-color:#00a74f;
}
.infonumber {
    font-weight: bold;
    padding-left: 15px; 
	font-size:18px;
	}

 .nrmlpermnth {
    display: block;
    font-weight: normal;
	color:#555;
}
.mobinfoli {
display: -webkit-box;
display: -ms-flexbox;
display: flex ;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
 width: 50%;

float: left;

}
.numberroundIn {

    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;

}
.nbrrndcount {
    font-weight: bold;
    font-size: 30px;
   

}	
	



.audience-bar .graph-left:before {
    content: "Age:";
}
.graph-text:before{
	content:"Users: ";
}
.graph-bar, .graph-barwrp:after {
    height: 20px;
}
.graph-barwrp:after {
	right:-10px;

}
.graph-left {
    display: block;
    max-width: 100%;
    min-width: 100%;
    text-align: left;
    border-right: none;
    position: relative;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-top:0;
}
.graph-right {
    width: 100%;
    display: block;
    padding-left: 0;
}
  .graph-left::after{
right:inherit;
left:0;
top:0;
bottom:inherit;
}
.graph-li:first-child .graph-left::before{
	display:none;
}
 
.two-graph .graph-li:last-child .graph-left::before{
bottom:-78px;	
}
.graph-li{
	padding-bottom: 10px;
	/*border-left:1px solid #808080;*/
}
 
.graph-barwrp{
	padding-right:0;
}
.graph-text {
    position: relative;
    right: 0;
    top: 0;
    display: block;
    color: #999;
    margin-top: 2px;
	min-width: 200px;
}
.graph-title{
	padding-left:0;
	font-size:18px;
}
.two-graph .graph-left{
	padding:10px 0 10px 5px;
}
.two-graph .graph-text{
	top:inherit;
}
.factMhead{
	font-size:20px;
	line-height:normal;
}
.factMheadwrp{
	margin:10px 0;
}
.bg-title{
	margin-bottom:5px;
}
}

@media only screen and (max-width:480px){
	.d-480{
		display:block;
		text-align:center;
	}
	.accssgrhwrp {
		text-align:center;
	}
	.sndgrpmobtxt {
		display:block;
		margin-bottom:10px;	
	}
	.gender-image {
    background-size:200px auto;
    width: 100px;
    height: 90px;
}
.m-gender .gender-image {
    background-position: 0px 0;
}
.f-gender .gender-image {
    background-position: -102px 0;
}
.genderTitle {
    font-size: 15px;
}
.mobinfoli {
	float:none;
	width:100%;
}
.fsttable td{
	font-size:15px;
	padding:10px 5px;
}




}