.countdown-container{position:relative;float:left;width:100%;margin:10px 0}.clock-item{margin:10px 4%}.clock-item .inner{height:0;padding-bottom:100%;position:relative;width:100%}.clock-canvas{background-color:#f5f5f5;border-radius:50%;border:1px solid #eee;height:0;padding-bottom:100%}.text{font-size:20px;font-weight:700;margin-top:-50px;position:absolute;top:50%;text-align:center;text-shadow:1px 1px 1px #c79494;width:100%;color:#f44242}.text .val{font-size:40px;color:#f44242;margin:0}.text .type-time{font-size:20px}@media (min-width:768px) and (max-width:991px){.clock-item{margin-bottom:30px}}@media screen and (max-width:480px){.text{margin-top:-24px}.text .val{font-size:23px}.text .type-time{font-size:8px}}@media screen and (max-width:350px){.text{margin-top:-22px}.text .val{font-size:20px}.text .type-time{font-size:7px}}.clock-canvas{border:1px solid #e02727}.text{margin-top:-35px;color:#e02727}.text .val{color:#e02727;font-size:30px}.text .type-time{font-size:15px}.clock{display:inline-block;width:65%}.countdown-container{text-align:center}@media screen and (max-width:767px){.clock{width:100%}.text .val{font-size:17px}.text{margin-top:-40%}.text .type-time{font-size:12px}}