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

.numb_box { width:100%; overflow:hidden; }
.col_half { width: 49%; }
.col_third { width: 33.333%; }
.col_fourth { width:24.8%; padding:0px 0px; overflow:hidden}
.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-bottom: 5px;
	margin-top: 5px;
}
.end { margin-right: 0 !important; }
/* Column Grids End */

.wrapper {overflow:hidden;margin:0 auto; max-width:1400px; width:100%; padding-top:3% }
.counter { padding: 0px 0 0px 0;text-align:center; overflow:hidden; border-right:#ddd 1px solid}
.count-title { font-size:36px;color:#01519a; overflow:hidden; line-height:50px;  margin-top: 10px; font-family: 'BEBAS'; font-weight:700;}
.count-text { font-size: 14px; font-weight: normal; text-align: center;display:block; line-height: 22px}
.fa_tu{ margin: 0 auto; float: none; display: table;  overflow:hidden;}
.fa_tu img{ width:auto; height:60px; margin-bottom:1px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.zi{ font-size:16px; padding-left:5px; line-height:20px;color: #01519a;}

.counter:hover .fa_tu img{transform:rotateY(180deg);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

@media only screen and (max-width:780px) {
.col_fourth { width: 24.8%; padding:10px 0px; overflow:hidden; margin-bottom:10px}
.count-title { font-size: 26px; margin-bottom: 0;overflow:hidden; line-height:40px}
}

@media only screen and (max-width:667px) {
.col_fourth { width: 49.8%; margin-top:10px; margin-bottom:10px;float:left}

.counter { padding: 1px 0 0px 0;text-align:center; border-right:#CCCCCC 0px solid;float:left}
.count-title { font-size: 30px; margin-bottom: 0;overflow:hidden; line-height:30px}
.count-text { font-size: 14px; font-weight: normal; text-align: center;}
.fa_tu { margin: 0 auto; float: none; display: table;overflow:hidden; margin-bottom:5px}
.fa_tu img{ width:auto; height:40px; margin-bottom:5px}

}


@media only screen and (max-width:500px) {
.counter { padding: 1px 0 0px 0;text-align:center; border-right:#CCCCCC 0px solid; float:left}
.count-title { font-size: 30px; margin-bottom: 0; overflow:hidden; line-height:30px}
.zi{ font-size:14px; padding-left:2px; line-height:20px; font-weight:bold;}
.col_fourth { width:49.8%; margin-top:5px; margin-bottom:5px; float:left}
}
@media only screen and (max-width:400px) {
.count-text { font-size:12px; line-height: 20px}
}