
.flip-clock-wrapper{
    max-width: 460px;
    margin: 3em auto 2em;
    display: flex;
    justify-content: center;
}
.counter{
    display: flex;
    justify-content: center;
}
.clock{
    margin-top: 30px;
}
.flip_clock_middle{
    display:inline-block;
}
.flip-clock-divider.hours{
    display:inline-block;
    margin: 10px;
    padding: 10px;
}
.flip-clock-divider.minutes{
    display:inline-block;
    margin: 10px;
    padding: 10px;
}
.flip-clock-divider.seconds{
    display:inline-block;
    margin: 10px;
    padding: 10px;
}
.timer {
    zoom: 0.5;
    -moz-transform: scale(0.5);
    /*margin-left: 175px;*/
}
/*flip-clock-label{ display: none !important; }*/


.flip-clock-divider.days .flip-clock-label{
    top: -46px !important;
    left: 66px !important;
}

.flip-clock-divider.hours .flip-clock-label{
    left: 53px !important;
}
.flip-clock-divider.minutes .flip-clock-label{
    left: 40px !important;
}
.flip-clock-divider.seconds .flip-clock-label{
    left: 37px !important;
}




@media(min-width:769px) and (max-width:1024px){
    div.timer.flip-clock-wrapper{
        margin-left: 141px;
        transform: scale(0.53) !important;
    }
}
@media(max-width:768px){
    div.timer.flip-clock-wrapper{
        margin-left: 0px;
        transform: scale(0.54) !important;
    }
}
@media(max-width:667px){
    div.timer.flip-clock-wrapper{
       margin-left: 367px;
    transform: scale(1.2) !important;
    margin-top: 110px;
    }
}
@media(max-width:375px){
    div.timer.flip-clock-wrapper{
        margin-left: 82px;
        transform: scale(0.85) !important;
        margin-top: 57px;
    }
}

@media(max-width:360px){
    div.timer.flip-clock-wrapper {
        margin-left: 72px;
        transform: scale(0.8) !important;
        margin-top: 50px;
    }

}


.flip-clock-active, .flip-clock-before{
    width:80px !important;
}



.timer.flip-clock-wrapper{
    transform: scale(0.68) !important;
    padding-right: 20px !important;
}