@import url("https://nx.betuscdn.com/cdn/libs/css/fonts.css");
.count-down-timer {
  display: flex;
  width: fit-content;
  position: sticky;
  border-radius: 7px;
}
.count-down-timer .time-display {
  padding: 14px 14px 7px 14px;
  font-size: 44px;
  justify-content: center;
  color: #1D1600;
  grid-gap: 4px;
  display: flex;
}
@media only screen and (max-width: 992px) {
  .count-down-timer .time-display {
    font-size: 37px;
    padding: 14px 14px 6px;
    border-radius: 3px;
  }
}
@media only screen and (max-width: 768px) {
  .count-down-timer .time-display {
    font-size: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .count-down-timer .time-display {
    padding: 12px 12px 5px;
  }
}
.count-down-timer .time-display .seperator {
  display: flex;
  padding-top: 4px;
  font-weight: bold;
}
@media only screen and (max-width: 575px) {
  .count-down-timer .time-display .seperator {
    padding-top: 2px;
  }
}
.count-down-timer .time-display span {
  color: #17150F;
  font-size: 9px;
  font-family: Roboto-Regular;
}
@media only screen and (max-width: 992px) {
  .count-down-timer .time-display span {
    margin-top: 3px;
  }
}
@media only screen and (max-width: 768px) {
  .count-down-timer .time-display span {
    font-size: 7px;
  }
}
.count-down-timer .time-display > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-gap: 2px;
}
@media only screen and (max-width: 480px) {
  .count-down-timer .time-display > div > div {
    grid-gap: 0;
  }
}
.count-down-timer .time-display .timer-count {
  font-family: Kommissar-Condensed;
  font-size: 70px;
  line-height: 70px;
  color: #1D1600;
  background: url(../../img/blackfriday/count-bg.svg) no-repeat 0 0;
  padding: 0 10px 6px;
  background-position: center;
  width: 72px;
  height: 80px;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  .count-down-timer .time-display .timer-count {
    font-size: 55px;
    line-height: 55px;
    width: 57px;
    height: 65px;
    padding: 0 7px 5px;
    border-radius: 4px;
  }
}
@media only screen and (max-width: 768px) {
  .count-down-timer .time-display .timer-count {
    font-size: 45px;
    line-height: 45px;
    width: 42px;
    height: 55px;
    padding: 0 5px 4px;
  }
}
@media only screen and (max-width: 575px) {
  .count-down-timer .time-display .timer-count {
    font-size: 47px;
    line-height: 47px;
    width: 47px;
    height: 53px;
    padding: 3px 5px 0;
  }
}
.count-down-timer.yellow {
  background: #FFC900;
}
.count-down-timer.blue {
  background: #1498FE;
}
.count-down-timer.betus {
  right: 0;
  margin-top: -110px;
  margin-left: auto;
  z-index: 5;
}
@media only screen and (max-width: 992px) {
  .count-down-timer.betus {
    margin-top: -85px;
  }
}
@media only screen and (max-width: 768px) {
  .count-down-timer.betus {
    margin-top: -70px;
  }
}
@media only screen and (max-width: 575px) {
  .count-down-timer.betus {
    margin-top: -100px;
    margin-right: auto;
  }
}
@media only screen and (max-width: 480px) {
  .count-down-timer.betus {
    margin-top: -90px;
    margin-right: auto;
  }
}