.fx-countdown-timer ul.countdown-timer {-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 0px; list-style: none; margin-bottom: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.fx-countdown-timer ul.countdown-timer li {margin: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; max-width: 64px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%;}
.fx-countdown-timer ul.countdown-timer li .time-value {padding: 8px; font-family: var(--font-primary); text-align: center; letter-spacing: normal; font-weight: 400; font-size: 28px; line-height: 41px; border-color: var(--color-orange); display: -webkit-box; display: -ms-flexbox; display: flex; border-width: 2px; border-style: solid; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 64px; width: 64px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;color: var(--color-orange);}
.fx-countdown-timer ul.countdown-timer li .description {font-size: 16px;}

@media (max-width: 500px) {
    .fx-countdown-timer ul.countdown-timer {gap: 4px;}
    .fx-countdown-timer ul.countdown-timer li .time-value {font-size: 24px; line-height: 37px; width: 50px; height: 50px; padding: 4px;}
    .fx-countdown-timer ul.countdown-timer li .description {font-size: 14px;}
}