.timer{margin:20px auto 0;display:flex;justify-content: center; align-items: center; font-family:Montserrat; max-width:97% !important; padding:0 !important;
  background:#f6f4f0; padding:20px 2% !important;}
.comp{height:150px;margin-right:30px;}
.clo{display:inline;font-size:20px; /*color:#de3a65;*/ font-weight:400;text-align:center;}
.timer__items {
      display: flex;
      font-size: 28px; font-weight:500;
      flex-wrap:wrap;
      justify-content: center;
    }

    .timer__item {
      position: relative;
      min-width: 40px;
      margin-left: 10px;
      margin-right: 10px;
      padding-bottom: 10px;
      text-align: center;
    }

    .timer__item::before {
      content: attr(data-title);
      display: block;
      position: absolute;
      left: 50%;
      bottom: 0;
      transform: translateX(-50%);
      font-size: 14px;
    }

    .timer__item:not(:last-child)::after {
      content: ':';
      position: absolute;
      right: -15px;
    }

    .thumb-wrap {
  position: relative;
  padding-bottom: 56.25%; 
  overflow: hidden; margin-top:20px;
}
.thumb-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
  outline-width: 0;
}

    @media screen and (max-width:640px){
      .comp{display:none;}
      .clo{font-size:16px;}
    }