@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: #666;
    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: #333994;
    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: #c92909;
    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;
}
	
.mob-640-only {display: block; }
	
.special-box p.common-text {
    font-size: 19px;
}
.number-text .common-text {
    line-height: 22px;
}
	
	
}
@media only screen and (max-width:600px){
/*
.slide-1 img{
	aspect-ratio: 1/1;
}
*/
}
@media only screen and (max-width:540px){
.genderTitle {
    font-size: 15px;
}
	.Subhead{
		font-size: 16px;
	}
	.factmiddle{
		margin: 10px auto;
	}
}

@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;
}
.mob-only {display: block; }
.web-only {display: none; }
	.hr-scroll {
		width: 100%;
		overflow-x: auto;
	}
	.hr-scroll img {
		max-width: 540px !important;
	}	
.footer-btn {
    width: 100%;
}	

	
	.common-text-v4{
	font-size:18px;
	color:#444;
	margin-bottom:10px;
	margin-top:10px;
	width:100%;
	float:left;
	line-height:28px;
	display: none;
}
.common-text-v1{
	font-size:22px;
	color:#274383;
	margin-bottom:10px;
	margin-top:10px;
	width:100%;
	float:left;
	line-height:10px;
	display: block;
	font-weight: bold;
	
}
	.common-text-v1 a{
	font-size:22px;
	color:#274383;
	margin-bottom:10px;
	margin-top:10px;
	width:100%;
	float:left;
	line-height:10px;
	display: block;
	font-weight: bold;
	
}
.common-text-v2{
	font-size:18px;
	color:#444;
	margin-bottom:10px;
	margin-top:10px;
	width:100%;
	float:left;
	line-height:28px;
	display: block;
}
.mob-highlight-txt {
	color: #08c400 !important;
	font-weight: bold !important;
	line-height: 18px !important;
}
	
	
	
	
	
}