html > body .countdownbox {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(10%);
 }
    html > body .countdownbox .countdown-item {
      background-color: rgba(255, 255, 255, 0.95);
      border-radius: 18px;
      margin: 0 18px 25px 18px;
      text-align: center;
      position: relative;
      display: inline-block;
      width: 90px;
      height: 100px;
      -webkit-box-shadow: 0 0 15px #222;
      box-shadow: 0 0 15px #222; }
    html > body .countdownbox .box {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    html > body .countdownbox .dynamic-text {
      width: 100%;
      font-size: 36px;
      color: #555;
      line-height: 1;
      display: inline-block;
      font-weight: bold; }
    html > body .countdownbox .static-text {
      font-size: 12px;
      color: #7d8da6;
      line-height: 1;
      text-transform: uppercase; }
    @media only screen and (max-width: 460px) {
    
        html > body .countdownbox .countdown-item {
          width: 70px;
          height: 70px; }
        html > body .countdownbox .dynamic-text {
          font-size: 30px; } }

          @media only screen and (max-width: 992px) and (max-width: 1199.98px) {
            html > body .countdownbox{
              display:none;
            }
          }