/* timer count down start*/

.markino-count-down .displaySection {
  padding: 0 35px;
  margin: 0 10px;
  display: inline-grid;
  text-align: center;
  position: relative;
}

.markino-count-down .numberDisplay {
  display: inline-block;
  color: var(--global-font-title);
  font-size: 120px;
  font-family: var(--highlight-font-family);
  letter-spacing: var(--font-letter-spacing-h1);
  line-height: 130px;
  font-weight: var(--font-weight-bold);
}

.markino-count-down .periodDisplay {
  display: block;
  color: var(--color-theme-primary);
  font-size: var(--font-size-h4);
  line-height: var(--font-line-height-h4);
  font-family: var(--highlight-font-family);
  letter-spacing: var(--font-letter-spacing-h4);
  text-transform: capitalize;
  font-weight: var(--font-weight-semi-bold);
}

/* timer count down end*/

@media (max-width: 1350px) {
  .markino-count-down .displaySection {
    padding: 0 42px;
  }
}

@media (max-width: 1130px) {
  .markino-count-down .numberDisplay {
    font-size: 120px;
    line-height: 130px;
  }
}

@media (max-width: 1024px) {
  .markino-count-down .displaySection {
    padding: 0 60px;
  }

  .markino-count-down .numberDisplay {
    font-size: 80px;
    line-height: 80px;
  }
}

@media (max-width: 878px) {
  .markino-count-down .displaySection {
    padding: 0 42px;
  }
}

@media (min-width: 768px) {
  .markino_timer_separator span.displaySection:before {
    content: "";
    background: var(--color-theme-primary);
    height: 24px;
    width: 24px;
    position: absolute;
    right: -20px;
    top: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .markino_timer_separator span.displaySection:last-child:before {
    content: none;
  }
}

@media (max-width: 767px) {
  .markino-count-down .displaySection {
    display: block;
    padding: 0;
    margin-bottom: 16px;
  }

  .markino-data-countdown-timer {
    padding: 32px;
    display: flex;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
  }

  .markino-count-down .displaySection:last-child {
    margin-bottom: 0;
  }
}

@media (max-width: 696px) {
  .markino-count-down .periodDisplay {
    position: relative;
    top: 0;
  }
}

@media (max-width: 580px) {
  .markino-count-down .displaySection {
    display: block;
  }
}