body{
  margin: 0;
  padding: 0;
  font-family: "Roboto",sans-serif;
  box-sizing: border-box;
}
.middle{
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  box-sizing: border-box;
}
.counting-sec{
  padding: 10px 0;
  width: 100%;
  #background: linear-gradient(90deg,#3c6382,#82ccdd);
  box-sizing: border-box;
}
.inner-width{
  max-width: 1200px;
  margin: auto;
  display: flex;
   margin-top:-1em;
   box-sizing: border-box;
}
.col{
  flex: 1;
  text-align: center;
  padding: 17px;
  color: #1a73e8;
  text-transform: uppercase;
  box-sizing: border-box;
}
.col i{
  font-size: 40px;
  color: #333;
  box-sizing: border-box;
}
.num{
  font-size: 30px;
  margin: 20px 0;
  box-sizing: border-box;
}

@media only screen and (max-width: 568px) {

    .inner-width {
        width: 100%;
        box-sizing: border-box;
    }

    .inner-width {
        float: none;
        display: inline-block;
    }

}