/*!
 * jQuery ClassyCountdown
 * www.class.pm
 *
 * Written by Marius Stanciu - Sergiu <marius@class.pm>
 * Licensed under the MIT license www.class.pm/LICENSE-MIT
 * Version 1.0.0
 *
 */

.ClassyCountdown-wrapper>div {
    display: inline-block;
    position: relative;
    width: calc(25% - 20px);
    margin: 10px
}

.ClassyCountdown-wrapper .ClassyCountdown-value {
    width: 100%;
    line-height: 0;
    position: absolute;
    top: 50%;
    text-align: center;
    left: 0;
    display: block;
    line-height: .6;
}

.ClassyCountdown-wrapper>div {
	transform: scale(.8);
}

@media (max-width: 767px) {
    .ClassyCountdown-wrapper>div {
        display: inline-block;
        width: 46%;
        margin-bottom: 40px;
    }

    .ClassyCountdown-wrapper .ClassyCountdown-value {
        font-size: 60px !important;
        line-height: 1;
    }
    #wrapper .countdown .ClassyCountdown-wrapper>div::before {
        top: 4% !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .ClassyCountdown-wrapper>div {
        width: calc(50% - 60px);
        margin: 0 2% 0; 
        margin-bottom: 40px;       
    }

    #wrapper .countdown .ClassyCountdown-wrapper>div::before {
        top: 10px !important;
    }
}

@media (max-width: 530px) {
    .ClassyCountdown-wrapper>div {
        display: inline-block;
        width: 100%;
        margin: 20px 0;
    }
}

@media (max-width: 480px) {
    #wrapper .countdown .ClassyCountdown-wrapper>div::before {
        top: 3% !important;
    }
}