.counter {margin-bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px 10px;background:#212121;border: 2px solid #5c5c5c;border-radius:4px;height:155px;-moz-box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);-webkit-box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";zoom: 1;transition:all 250ms ease-out}
.counter:hover{-moz-box-shadow: 0 1px 4px rgb(0,0,0,0.03), 0 0 40px rgb(128,128,128,0.01);-webkit-box-shadow: 0 1px 4px rgb(0,0,0,0.03), 0 0 40px rgba(128,128,128,0.01);box-shadow:0 1px 4px rgba(61, 57, 57, 0.03), 0 0 40px rgba(128,128,128,0.01);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";zoom: 1;}
.counter .counter-icon i {color:#dfdfdf;margin-right:25px;font-size:70px;line-height:70px;transition:all 250ms ease-out}
.counter:hover i{color:#e6000a}
.counter .counter-content .timer {color: #ffffff;position:relative;font-size:32px;line-height:36px;font-weight:600;margin-bottom:10px;display:block}
.counter .counter-content label {font-size:18px;color: #ffffff;}
@media (min-width:992px) and (max-width:1200px){
    .counter .counter-content .timer {font-size: 23px;}
    .counter .counter-content label {font-size:16px;}
} 

@media (max-width:767px){
    .counter-section .counter{margin-bottom: 20px;}
} 

@media only screen and (max-width:480px) {
  
    .counter-title{font-size: 14px;}
   
}