
#my-soon-counter {background-color:#2d2d2d;background-color:rgba(45,45,45,0);}
#my-soon-counter .soon-reflection {background-color:#2d2d2d;background-image:linear-gradient(#2d2d2d 25%,rgba(45,45,45,0));}
#my-soon-counter {background-position:top;}
#my-soon-counter {color:#ffffff;}
#my-soon-counter .soon-label {color:#cecece;}
#my-soon-counter .soon-separator {color:#a2a2a2;}
.soon[data-layout*="group"] {
    padding:0;
}
.soon[data-layout*='group'][data-layout*='label-above'] .soon-separator,
.soon[data-layout*='group'][data-layout*='label-above'] .soon-group-sub {
    padding-top: 16px;
}
.hp-countdown{
    width: 100%;
    border: 2px solid #B4B4B4;
    border-radius: 15px;
    background: #313131 url(/assets/Uploads/hp/cd-bg.png) no-repeat;
	/*background: #313131 url(/assets/Uploads/hp/oscars-countdown.png) no-repeat;*/
    background-size: 100%;
    padding: 3px 0;
    min-height: 120px;
    margin: 20px 0 50px;
}

.soon-wrapper[data-layout*='label-small'] .soon-label,
.soon[data-layout*='label-small'] .soon-label {
    font-size: 13px;
}
.clock {
    float: right;
    padding: 50px 15px 4px 0;

}

@media (min-width: 1200px) {
    .hp-countdown{
        min-height: 140px;
    }
    .clock {
        width: 650px;
        padding: 0 20px 4px 0;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .hp-countdown{
        min-height: 120px;
    }
    .clock {
        width: 550px;
        padding: 0 10px 4px 0;
    }
}

@media (min-width: 600px) and (max-width: 991px) {
    .hp-countdown{
        min-height: 91px;
    }
    .clock {
        width: 420px;
        padding: 0 10px 4px 0;
    }
}
@media screen and (max-width: 599px) {
    .hp-countdown{
        min-height: 200px;
        background: #313131 url(/assets/Uploads/hp/cd-bg-sm.png) no-repeat;
        background-size: 100%;
    }
    .clock {
        width: 100%;
        padding: 110px 10px 4px 10px;
    }
}
