@media only screen and (max-device-width: 4000px) {
    .countdown-box {
        left: 10px;
        top: -130px;
        padding-left: -10px;
        width: 500px !important;
    }
    .countdown-li {
        display: inline-block;
        font-size: 1.5em;
        list-style-type: none;
        padding: 1em;
        text-transform: uppercase;
    }

    .countdown-li-span {
        display: block;
        font-size: 3.5rem;
    }
    .countdown-container {
        color: white;
        margin: 0 auto;
       padding-left: -100px;
        text-align: center;
        font-size: 1rem;
        width: 100%;
    }
    .countdown-ul {
        margin-left: -40px
    }
}

@media only screen and (max-device-width: 1024px) {
    .countdown-box {
        left: 10px;
        top: -130px;
        padding-left: -10px;
        width: 400px !important;
    }
    .countdown-li {
        display: inline-block;
        font-size: 1.5em;
        list-style-type: none;
        padding: 1em;
        text-transform: uppercase;
    }

    .countdown-li-span {
        display: block;
        font-size: 3.5rem;
    }
    .countdown-container {
        color: white;
        margin: 0 auto;
        padding-left: -100px;
        text-align: center;
        font-size: 1rem;
        width: 100%;
    }
    .countdown-ul {
        margin-left: -40px
    }
}

@media only screen and (max-device-width: 768px) {
    .countdown-box {
        left: 11px;
        top: 350px;
        padding-left: -10px;
        width: 350px !important;
    }
    .countdown-li {
        display: inline-block;
        font-size: 1.0em;
        list-style-type: none;
        padding: 1em;
        text-transform: uppercase;
    }

    .countdown-li-span {
        display: block;
        font-size: 1.5rem;
    }
    .countdown-container {
        color: white;
        margin: 0 auto;
        padding-left: -100px;
        text-align: center;
        font-size: 1rem;
        width: 100%;
    }
    .countdown-ul {
        margin-left: -40px
    }
}

@media only screen and (max-device-width: 600px) {

}

@media only screen and (max-device-width: 480px) {
    .countdown-box {
        left: -2px;
        top: 34px;
        padding-left: -10px;
        width: 350px !important;
    }
    .countdown-li {
        display: inline-block;
        font-size: 1.0em;
        list-style-type: none;
        padding: 1em;
        text-transform: uppercase;
    }

    .countdown-li-span {
        display: block;
        font-size: 1.5rem;
    }
    .countdown-container {
        color: white;
        margin: 0 auto;
        padding-left: -100px;
        text-align: center;
        font-size: 1rem;
        width: 100%;
    }
}

@media only screen and (max-device-width: 414px) {
    .countdown-box {
        left: -2px;
        top: 34px;
        padding-left: -10px;
        width: 350px !important;
    }
    .countdown-li {
        display: inline-block;
        font-size: 1.0em;
        list-style-type: none;
        padding: 1em;
        text-transform: uppercase;
    }

    .countdown-li-span {
        display: block;
        font-size: 1.5rem;
    }
    .countdown-container {
        color: white;
        margin: 0 auto;
        padding-left: -100px;
        text-align: center;
        font-size: 1rem;
        width: 100%;
    }
    .countdown-ul {
        margin-left: -40px
    }
}

@media only screen and (max-device-width: 375px) {
    .countdown-box {
        left: -2px;
        top: 25px;
        padding-left: -10px;
        width: 350px !important;
    }
    .countdown-li {
        display: inline-block;
        font-size: 1.0em;
        list-style-type: none;
        padding: 1em;
        text-transform: uppercase;
    }

    .countdown-li-span {
        display: block;
        font-size: 1.5rem;
    }
    .countdown-container {
        color: white;
        margin: 0 auto;
        padding-left: -100px;
        text-align: center;
        font-size: 1rem;
        width: 100%;
    }
    .countdown-ul {
        margin-left: -40px
    }
}

@media only screen and (max-device-width: 360px) {
    .countdown-box {
        left: -2px;
        top: 34px;
        padding-left: -10px;
        width: 300px !important;
    }
    .countdown-li {
        display: inline-block;
        font-size: 1.0em;
        list-style-type: none;
        padding: 1em;
        text-transform: uppercase;
    }

    .countdown-li-span {
        display: block;
        font-size: 1.5rem;
    }
    .countdown-container {
        color: white;
        margin: 0 auto;
        padding-left: -100px;
        text-align: center;
        font-size: 1rem;
        width: 100%;
    }
    .countdown-ul {
        margin-left: -40px
    }
}

@media only screen and (max-device-width: 320px) {
    .countdown-box {
        left: -2px;
        top: 34px;
        padding-left: -10px;
        width: 300px !important;
    }
    .countdown-li {
        display: inline-block;
        font-size: 1.0em;
        list-style-type: none;
        padding: 1em;
        text-transform: uppercase;
    }

    .countdown-li-span {
        display: block;
        font-size: 1.5rem;
    }
    .countdown-container {
        color: white;
        margin: 0 auto;
        padding-left: -100px;
        text-align: center;
        font-size: 1rem;
        width: 100%;
    }
    .countdown-ul {
        margin-left: -40px
    }
}