ul.counter {
  list-style: none;
  padding: 3px 0 0 0;
  display: block;
  float: left;
  margin: 0;
  text-align: center; 
}

ul.counter li {
  display: inline; 
  float: left; 
  color: #fff; 
  font-size: 40px; 
  line-height: 40px; 
  margin: 0 4px;}

ul.counter li h4{
  margin: 0;
  font-size: 34px;
  } 

ul.counter li span {
   display: inline;
   margin: 0;
   padding: 0;
}

ul.counter li.seperator {
  margin: 0;
   padding: 0;
}

ul.counter li p {
  color: #2591ae;
  font-size: 20px;
  font-weight: bold;
  text-transform: lowercase;
}

.timer_icon{
  float: left;
  margin: 30px 0 0 0;}

a.reg{
  background-color: #0899cc;
  text-decoration: none;
  color: #fff;
  float: right;
  font-size: 23px;
  border-radius: 10px 0;
  padding: 14px 20px;
  }

@media only screen and (min-width: 0px) and (max-width : 599px){
   a.reg{
    clear: both;
    text-align: center;
    font-size: 14px !important;
    padding: 5px 15px !important;
    margin: 3px;
    width: auto !important;
    display: block;
    float: none;
    }
    
  ul.counter li:first-child{
    display: block;
    margin: 0;
      }
   ul.counter{
    margin: 0 auto;
    width: 100%;
    }   
  ul.counter li{
    padding: 10px 0 !important;  
    font-size: 20px; 
    line-height: 20px;}
  
  ul.counter li h4{
    display: block;
    margin: 0;
    font-size: 18px;
    }
  
  }

@media only screen and (min-width: 600px) and (max-width : 767px){  
   ul.counter li h4{
      margin: 0;
      font-size: 24px;
      } 
  ul.counter li{  
      font-size: 24px; 
      line-height: 24px;}
  a.reg{
      font-size: 14px !important;
      padding: 5px 15px !important;
      margin: 3px;
      width: auto !important;
      }
  }

@media only screen and (min-width: 768px) and (max-width : 930px){
    ul.counter li h4{
      
      font-size: 28px;
      } 
  ul.counter li{  
      font-size: 28px; 
      line-height: 28px;}
  a.reg{
      font-size: 18px !important;
      padding: 5px 15px !important;
      }   
  }