.image-countdowntime{
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    height: 0;
    padding-top: 34.11%; /* notice */
}
.item-text-countdowntime-box,.item-text-countdowntime{
    display: none;
}
.item-text-container {
    display: flex;
    align-items: center;
    justify-content: center;
}
.item-text-dot {
    margin-left: 8px;
    color: #fff;
    display: none;
}
.fhs_order_info{
    flex : 0.9;
}
.fhs_container_order_success{
    display: flex;
    background: white;
}
.countdowntime_container_success{
    align-self: center;
}
.countdowntime_container_success .image-countdowntime{
    padding-top: 60%; /* notice */
}
.countdowntime_container_success .text-image-countdowntime {
    left: 15%;
    top: 51%;
    width: 100%;   
}
.countdowntime_container_success .item-countdowntime{
    font-weight: normal;
}
.countdowntime_container_success .item-text-countdowntime-box{
    box-shadow: none;
}
.countdowntime_container_success .item-text-countdowntime-box,.item-countdowntime{
    border-radius : 4px;
}

@media screen and (max-width: 996px) {
    .fhs_container_order_success{
        display: flex;
        flex-direction: column;
    }
    .countdowntime_container_success {
        padding-bottom: 16px;
        flex :1;
        width: 100%;
        height: 100%;
    }

    .countdowntime_container_success .image-countdowntime-container{
        height: 100%;
    }
    .image-countdowntime-container{
        max-width: 420px;
    }
}

@media screen and (min-width: 996px) {
    .countdowntime_container_success .image-countdowntime-container{
        height: 100%;
        width: 520px;
        padding-right: 10px;
        padding-top : 16px;
        padding-bottom: 16px;
    }
}