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

.col_half { width: 49%; }
.col_third { width: 32%; }
.col_fourth { width: 23%; }
.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;
	float: left;
	margin-right: 2%;
	margin-bottom: 20px;
}
.end { margin-right: 0 !important; }
/* Column Grids End */

.wrapper { width: 100%;position: relative;  margin:50px 0px 0px 0px; overflow:hidden;}
.counter { padding: 20px 0 0px 0;text-align:center;}
.count-title { font-size:50px; margin-bottom: 0;color:#fff; overflow:hidden; line-height:30px; font-weight:bold}
.count-text { font-size: 16px; font-weight: normal;  margin-top:1px; margin-bottom: 0; text-align: center;color:#fff; }
.fa-2x { margin: 0 auto; float: none; display: table; color: #fff; overflow:hidden;}
.fa-2x img{ width:auto; height:30px; margin-bottom:5px}
.zi{ font-size:22px; padding-left:5px; line-height:40px; color: #fff;}

@media only screen and (max-width:700px) {
.count-title { font-size: 26px; margin-top:10px; margin-bottom: 0;color:#fff; overflow:hidden; line-height:40px}
}

@media only screen and (max-width:666px) {
.col_fourth { width: 23%; }
.wrapper { width: 100%;position: relative;overflow:hidden; margin:0px 0px 20px 0px;}
.counter { padding: 10px 0 0px 0;text-align:center;}
.count-title { font-size: 20px; margin-top:10px; margin-bottom: 0;color:#fff; overflow:hidden; line-height:40px}
.count-text { font-size: 12px; font-weight: normal;  margin-top: 0px; margin-bottom: 0; text-align: center;color:#fff; }
.fa-2x { margin: 0 auto; float: none; display: table; color: #fff; overflow:hidden;}
.fa-2x img{ width:auto; height:30px; margin-bottom:5px}
.zi{ font-size:14px; padding-left:5px; line-height:20px; color: #fff;}

}


@media only screen and (max-width:500px) {
.wrapper { width: 100%;position: relative;  overflow:hidden; margin:0px 0px 20px 0px;}
.counter { padding: 10px 0 0px 0;text-align:center;}
.count-title { font-size: 20px; margin-top:5px; margin-bottom: 0;color:#fff; overflow:hidden; line-height:25px}
.count-text { font-size: 12px; font-weight: normal;  margin-top:2px; margin-bottom: 0; text-align: center;color:#fff; line-height:18px}
.fa-2x { margin: 0 auto; float: none; display: table; color: #fff; overflow:hidden;}
.fa-2x img{ width:auto; height:25px; margin-bottom:2px}
.zi{ font-size:14px; padding-left:5px; line-height:20px;color: #fff;}

}