#countdown{
    width: 100%;
    height: auto;
    min-height: 70px;
    position: relative;
}
.count-down-bg{
    position: absolute;
    z-index: 0;
    top: 0px;
    left: 2px;
}
.count-digital{
    position: absolute;
    z-index: 0;
    top: 0px;
    left: 0px;
    height: 50px;
    width: 460px;
}
.numbers {
    border-style: ridge;    /* options are none, dotted, dashed, solid, double, groove, ridge, inset, outset */
    border-width: 0px;
    border-color: #666666;  /* change the border color using the hexadecimal color codes for HTML */
    /*    background: #008fd3;     change the background color using the hexadecimal color codes for HTML */
    /*    padding: 0px 6px;*/
    /*    width: 90px;*/
    font-family: Arial; 
    font-size: 48px;
    font-weight: bold;    /* options are normal, bold, bolder, lighter */
    font-style: normal;   /* options are normal or italic */
    color: #FFFFFF;       /* change color using the hexadecimal color codes for HTML */
    float: left;
    letter-spacing: 20px;
    margin-top: 20px;
}

@media (max-width: 319px) {
    #countdown{
        padding-top: 10px;
        min-height: 50px !important;
    }
    #countdown .numbers{
        font-size: 30px !important;
        letter-spacing: 5px !important;
    }
    #countdown .count-down-bg, .count-digital{
        position: relative !important;
    }
    #countdown .count-digital{
        height: 40px !important;
        width: 275px !important;
        margin-top: -55px !important;
    }
    #event-sbday-top #countdown #dday {padding: 0px 0px 0px 5px !important;}
    #event-sbday-top #countdown #dhour {padding: 0px 0px 0px 14px !important;}
    #event-sbday-top #countdown #dmin {padding: 0px 0px 0px 12px !important;}
    #event-sbday-top #countdown #dsec {padding: 0px 0px 0px 12px !important;}
}

@media (min-width: 320px) and (max-width: 359px) {
    #countdown{
        padding-top: 10px;
        min-height: 50px !important;
    }
    #countdown .numbers{
        font-size: 30px !important;
        letter-spacing: 10px !important;
    }
    #countdown .count-down-bg, .count-digital{
        position: relative !important;
    }
    #countdown .count-digital{
        height: 40px !important;
        width: 275px !important;
        margin-top: -60px;
    }
    #event-sbday-top #countdown #dday {width: auto !important;padding: 0px 0px 0px 5px !important;}
    #event-sbday-top #countdown #dhour {width: auto !important;padding: 0px 0px 0px 10px !important;}
    #event-sbday-top #countdown #dmin {width: auto !important;padding: 0px 0px 0px 14px !important;}
    #event-sbday-top #countdown #dsec {width: auto !important;padding: 0px 0px 0px 5px !important;}
}

@media (min-width: 360px){
    #event-sbday-top #countdown{width: 460px;float: right;background-position: center;padding: 0px;}
    #event-sbday-top #countdown #dday {width: 130px;padding: 0px 0px 0px 5px;}
    #event-sbday-top #countdown #dhour {width: 100px;padding: 0px 0px 0px 26px;}
    #event-sbday-top #countdown #dmin {width: 100px;padding: 0px 0px 0px 35px;}
    #event-sbday-top #countdown #dsec {width: 90px;padding: 0px 0px 0px 44px;}
}

.title {    /* the styles below will affect the title under the numbers, i.e., “Days”, “Hours”, etc. */
    border: none;    
    padding: 0px;
    width: 55px;
    text-align: center; 
    font-family: Arial; 
    font-size: 13px; 
    font-weight: bold;  /* options are normal, bold, bolder, lighter */
    color: #008fd3;       /* change color using the hexadecimal color codes for HTML */
    background: transparent;    /* change the background color using the hexadecimal color codes for HTML */
}
#table {
    width: 400px;
    border: none;    /* options are none, dotted, dashed, solid, double, groove, ridge, inset, outset */
    margin: 0px auto;
    position: relative;    /* leave as "relative" to keep timer centered on your page, or change to "absolute" then change the values of the "top" and "left" properties to position the timer */
    top: 0px;        /* change to position the timer */
    left: 0px;        /* change to position the timer; delete this property and it's value to keep timer centered on page */
}