.hoiet_counter {padding-top:30px;}

.hoiet_counter_bg {padding:60px 0;background:var(--color-primary);position:relative;z-index:1;}

.hoiet_counter_inner {overflow:hidden;}
.hoiet_counter_inner h3,.hoiet_counter_inner span{font-size:45px;display:inline-block;font-weight:400;color:#ffff;}
.hoiet_counter_inner h4 {color:#fff;font-size:16px;margin:5px 0 0;}

@media screen and (max-width:992px){
.hoiet_counter{padding:30px 0;}
.hoiet_counter_bg{padding:40px 0;}
.hoiet_counter_inner h3,.hoiet_counter_inner span{font-size:40px;}

}

@media (max-width:768px) {
.hoiet_counter{padding:10px 0 30px;}
.hoiet_counter_bg{padding:30px 0;}
.hoiet_counter_inner h4{font-size:15px;}
.hoiet_counter_inner h3,.hoiet_counter_inner span{font-size:36px;}
}

@media (max-width:575px) {
.hoiet_counter_inner h3,.hoiet_counter_inner span {font-size:30px;}

}

@media (max-width:480px) {
.hoiet_counter_bg{padding:25px 0 15px;}
.hoiet_counter_inner h3,.hoiet_counter_inner span {font-size:26px;}
.hoiet_counter_inner h4{font-size:14px;}

}