.countdown-container {
    float: right;
    text-align: center;
    margin-top: 1vw;
}

.countdown {
    display: flex;
    justify-content: space-around;
}

.countdown-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 3.125vw;
    border-right: 2px solid #b3b3b3;
}

.countdown-item span:first-child {
    font: normal 1.458vw/1.56vw 'Arial';
    color: #000;
}
.countdown-label {
    font: normal .52vw/.6vw 'Arial';
    color: #000;
}
.countdown-txt,.countdown-ended {
    padding: 0 1vw;
    font: bold 1.25vw/2.16vw 'Arial';
    color: #000;
}
#target-date-display {
    font-weight: bold;
    color: #e74c3c;
}

.EVEREST-XING-CITY header,.city-assist-page header{ position: fixed; left: 0; top: 0; width: 100%; z-index: 2;}

@media (max-width: 999px) {
    .countdown-container{ position: fixed; left: 0; bottom: 0; width: 100%; height: .8rem; background: #efefef; margin-top: 0;}
    .countdown-item {
        width: 18%;
        border-right: 1px solid #b3b3b3;
        box-sizing: border-box;
    }
    
    .countdown-item span:first-child {
        font: normal .4rem/.6rem 'Arial';
    }
    .countdown-label {
        font: normal .2rem/.2rem 'Arial';
    }
    .countdown-txt{ width:28% ;}
    .countdown-txt,.countdown-ended {

        padding: 0;
        font: bold .26rem/.8rem 'Arial';
    }
    .EVEREST-XING-CITY footer,.city-assist-page footer{ padding-bottom: 1rem;}
}