/* body {
  font-family: Arial;
  padding: 25px;
  background-color: #f5f5f5;
  color: #808080;
  	text-align: center;	
} */

/*-=-=-=-=-=-=-=-=-=-=-=- */
/* Column Grids */
/*-=-=-=-=-=-=-=-=-=-=-=- */

.col_half { width: 49%; }
.col_third { width: 32%; }
.col_fourth { width: 23.5%; }
.col_fifth { width: 18.4%; }
.col_sixth { width: 15%; }
.col_three_fourth { width: 74.5%;}
.col_twothird{ width: 66%;}
.col_half,
.col_third,
.col_twothird,
.col_fourth,
.col_three_fourth,
.col_fifth{
	position: relative;
	display:inline;
	display: inline-block;
	display: inline-block;
}
.end { margin-right: 0 !important; }
/* Column Grids End */
.counter{width: 24.5%; text-align: center;vertical-align: top;position: relative;}


.wrapper { 
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
}
.about-wrapper{
	position: static !important;
	box-shadow: none;
}

.count-title { font-size: 50px; color: #666; font-weight: normal; margin-bottom: 0; text-align: center; display: inline-block;}
.count-text { font-size: 22px; font-weight: normal;  margin-top: 45px; margin-bottom: 0;color: #666;position: relative;}
.fa-2x { margin: 0 auto; float: none; display: table; color: #13912c; }
.counter .title-name{
	font-size: 50px;
	color: #666;
}

.d-circle{
	position: relative;
	display: inline-block;
	width: 200px;
	height: 200px;
	line-height: 200px;
	text-align: center;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	border: 1px solid #707070;
}
.d-circle::after{
	content: "";
	position: absolute;
	width: 40px;
	height: 2px;
	background: #931322;
	bottom: -24px;
	left: calc(50% - 20px);
}

.counter:hover .d-circle{
	background: #931322;
	border: 1px solid #931322;
}
.counter:hover .count-title{
	color: #fff;
}
.counter:hover .title-name{
	color: #fff;
}
.counter:hover .count-text{
	color: #931322;
}



@media(max-width:960px){
	.d-circle{
		width: 160px;
		height: 160px;
		line-height: 160px;
	}
	.count-title,.counter .title-name{
		font-size: 35px;
	}
	.count-text{
		font-size: 18px;
	}
}

@media(max-width:620px){
	.counter{
		width: 30%;
	}
	.d-circle{
		width: 120px;
		height: 120px;
		line-height: 120px;
	}
	.count-title,.counter .title-name{
		font-size: 30px;
	}
	.count-text{
		font-size: 16px;
	}
}

@media(max-width:520px){
	.d-circle{
		width: 80px;
		height: 80px;
		line-height: 80px;
	}
	.count-title,.counter .title-name{
		font-size: 24px;
	}
	.count-text{
		font-size: 14px;
		margin-top: 30px;
	}
	.d-circle::after {
		content: "";
		position: absolute;
		width: 25px;
		height: 2px;
		background: #931322;
		bottom: -15px;
		left: calc(50% - 12.5px);
	}
}