
/*-=-=-=-=-=-=-=-=-=-=-=- */
/* Column Grids */
/*-=-=-=-=-=-=-=-=-=-=-=- */

.col_half { width: 49%; }
.col_third { width: 32%; }
.col_fourth { width: 25%; }
.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;
 border-right:#dedede 1px solid; padding:20px 0px;
}

.col_fourth:last-child{border-right:#CCCCCC 0px solid}
.end { margin-right: 0 !important; }
/* Column Grids End */
.wrapper { max-width:1280px;width:100%;position: relative; background:#f1f0f0; overflow:hidden; margin:0px; overflow:hidden; margin:0 auto; margin-top:-50px}
.wrapper1 { max-width:1300px;width:100%;position: relative; background:#f1f0f0; overflow:hidden; margin:0px; overflow:hidden; margin:0 auto; }
.counter { text-align:center;}
.count-title { font-size:50px; margin-bottom: 0;color:#282a87; 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:#444; }
.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: #282a87;}

@media only screen and (max-width:1300px) {
 .wrapper {margin-top:0px}
}

@media only screen and (max-width:1000px) {
.count-title { font-size: 26px; margin-top:10px; margin-bottom: 0;overflow:hidden; line-height:40px}
}

@media only screen and (max-width:666px) {

.col_fourth { width: 48%;margin-bottom: 5px; }
.wrapper { width: 100%;position: relative;  overflow:hidden; margin:0px 0px 10px 0px; padding:10px 0px}
.wrapper1{ width: 100%;position: relative;  overflow:hidden; margin:0px 0px 10px 0px; padding:10px 0px}
.counter { padding: 0px 0 0px 0;text-align:center;}
.count-title { font-size: 30px; margin-top:10px; margin-bottom: 0; overflow:hidden; line-height:40px}
.count-text { font-size: 14px; font-weight: normal;  margin-top: 0px; margin-bottom: 0; text-align: center; }
.fa-2x { margin: 0 auto; float: none; display: table;  overflow:hidden;}
.fa-2x img{ width:auto; height:30px; margin-bottom:5px}
.zi{ font-size:15px; padding-left:5px; line-height:20px; }
.col_fourth{border:#CCCCCC 0px solid}
}


@media only screen and (max-width:500px) {
.wrapper { width: 100%;position: relative;overflow:hidden; margin:0px 0px 20px 0px;}
.wrapper1{ width: 100%;position: relative;overflow:hidden; margin:0px 0px 20px 0px;}
.counter { padding: 10px 0 0px 0;text-align:center;}
.count-title { font-size: 24px; margin-top:5px; margin-bottom: 0;overflow:hidden; line-height:25px}
.count-text { font-size: 14px; font-weight: normal;  margin-top:2px; margin-bottom: 0; text-align: center; line-height:18px}
.fa-2x { margin: 0 auto; float: none; display: table;  overflow:hidden;}
.fa-2x img{ width:auto; height:25px; margin-bottom:2px}
.zi{ font-size:14px; padding-left:5px; line-height:20px;}

}












