.countdown_counter {
    width: 216px;
    float:right;
    position: relative;
    text-align: center;
    direction: rtl;
    margin-left:calc(50% - 108px);
    margin-right:calc(50% - 108px);
    margin-top:10px;
}
.countdown_back_num {
    font-size: 18px;
    text-decoration: none;
    color: #fff;
    font-weight: 400;
    margin-top: 2px;
    line-height: 1.2em;
}
.countdown_back_text {
    font-size: 12px;
    text-decoration: none;
    line-height: 1em;
    color: #fff;
    font-weight: 400;
    margin-top: 0px
}
.countdown_style {
    float: left;
    width: 40px;
    height: 40px;
    margin-right: 0px;
    border-radius: 3px;
    box-sizing: border-box
}
.countdown_style:nth-of-type(4n) {
    margin-right: 0
}

.countdown_sep {
    float: left;
    width: 10px;
    height: 40px;
    margin-right: 2px;
    margin-left:2px;
    display:table;
}
.countdown_sep_text {
    font-size:23px;
    color:#fff;
    font-weight:500;
}

@media all and (min-width:1438px) {
.countdown_container {
    padding-top: 50px;
    padding-bottom: 50px
}

.countdown_container_page {
        float: right;
        width: 100%;
        position: relative;
        top: 75px;
        padding: 7px;
        background-color: #fff;
        box-sizing: border-box
}

    .countdown_item {
        height: 250px;
        margin-bottom: 50px
    }

        .countdown_item.small {
            width: calc(50% - 15px);
            margin-left: 15px
        }

            .countdown_item.small:nth-of-type(2n) {
                width: calc(50% - 15px);
                margin-right: 15px;
                margin-left: 0
            }

        .countdown_item.big {
            width: 100%
        }
}

@media all and (max-width:1439px) and (min-width:769px) {
    .countdown_container {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .countdown_container_page {
        float: right;
        width: 100%;
        position: relative;
        top: 75px;
        padding: 7px;
        background-color: #fff;
        box-sizing: border-box
    }

    .countdown_item {
        height: 250px;
        margin-bottom: 50px
    }

        .countdown_item.small {
            width: calc(50% - 15px);
            margin-left: 15px
        }

            .countdown_item.small:nth-of-type(2n) {
                width: calc(50% - 15px);
                margin-right: 15px;
                margin-left: 0
            }

        .countdown_item.big {
            width: 100%
        }
}

@media all and (max-width:768px) and (min-width:481px) {
    .countdown_container {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .countdown_container_page {
        float: right;
        width: 100%;
        position: relative;
        top: 15px;
        padding: 7px;
        background-color: #fff;
        box-sizing: border-box
    }

    .countdown_item {
        height: 250px;
        margin-bottom: 30px
    }

        .countdown_item.small {
            width: calc(50% - 15px);
            margin-left: 15px
        }

            .countdown_item.small:nth-of-type(2n) {
                width: calc(50% - 15px);
                margin-right: 15px;
                margin-left: 0
            }

        .countdown_item.big {
            width: 100%
        }
}

@media all and (max-width:480px) and (min-width:319px) {
    .countdown_container {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .countdown_container_page {
        float: right;
        width: 100%;
        position: relative;
        top: 0;
        padding: 7px;
        background-color: #fff;
        box-sizing: border-box
    }

    .countdown_item {
        height: 300px;
        margin-bottom: 30px
    }

        .countdown_item.small, .countdown_item.small:nth-of-type(2n) {
            width: 100%;
            margin-left: 0
        }

        .countdown_item.big {
            width: 100%
        }

    .countdown_counter.left_center {
        left: calc(50% - 115px) !important;
        bottom: 20px !important;
        top: auto
    }
}

@media (max-width:320px) {
    .countdown_container {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .countdown_container_page {
        float: right;
        width: 100%;
        position: relative;
        top: 0;
        padding: 7px;
        background-color: #fff;
        box-sizing: border-box
    }

    .countdown_item {
        height: 300px;
        margin-bottom: 30px
    }

        .countdown_item.small, .countdown_item.small:nth-of-type(2n) {
            width: 100%;
            margin-left: 0
        }

        .countdown_item.big {
            width: 100%
        }

    .countdown_counter.left_center {
        left: calc(50% - 115px) !important;
        bottom: 20px !important;
        top: auto
    }
}