.tet-notif{text-align:center;padding:5px 0;position:relative}
.tet-notif p{margin:0;padding:0;color:#fff;display:inline-block}
.tet-notif div{display:inline-block;vertical-align:middle}
.tet-notif .tet-notif-close{position:relative;vertical-align:middle;padding:0 10px 0 0;float:right}
.tet-notif .tet-notif-close i{color:#fff;vertical-align:middle}
.tet-notif .tet-notif-close:hover i{color:#777;cursor:pointer}
.tet_notif-countdown > span{display:inline-block;font-size:12px}
.tet_notif-countdown > span > span{padding:2px 3px;font-size:24px;margin:0 10px}
.tet_notif-countdown > span > span:after{font-size:16px;content:':';position:absolute;top:18%;margin-left:14px}
.tet_notif-countdown > span:first-child > span:after,.tet_notif-countdown > span:last-child > span:after{display:none}
.tet_notif-countdown span span{display:block}
@media (min-width: 320px) {
.tet-notif .tet-notif-close{position:absolute;padding:0;float:right;top:10px;right:12px}
.tet-notif p{margin:12px}
.tet_notif-countdown > span > span:after{font-size:16px;content:':';position:absolute;top:71%;margin-left:14px}
.code-title{padding-top:8px}
}
@media (min-width: 360px) {
.tet-notif .tet-notif-close{position:absolute;padding:0;float:right;top:12px;right:12px}
.tet-notif p{margin:12px}
.tet_notif-countdown > span > span:after{font-size:16px;content:':';position:absolute;top:70%;margin-left:14px}
.code-title{padding-top:7px}
}
@media (min-width: 375px) {
.tet-notif .tet-notif-close{position:absolute;padding:0;float:right;top:10px;right:12px}
.tet-notif p{margin:12px}
.tet_notif-countdown > span > span:after{font-size:16px;content:':';position:absolute;top:70%;margin-left:14px}
.code-title{padding-top:10px}
}
@media (min-width: 411px) {
.tet-notif .tet-notif-close{position:absolute;padding:0;float:right;top:10px;right:12px}
.tet-notif p{margin:12px}
.tet_notif-countdown > span > span:after{font-size:16px;content:':';position:absolute;top:67%;margin-left:14px}
.code-title{padding-top:10px}
}
@media (min-width: 414px) {
.tet-notif .tet-notif-close{position:absolute;padding:0;float:right;top:10px;right:12px}
.tet-notif p{margin:12px}
.tet_notif-countdown > span > span:after{font-size:16px;content:':';position:absolute;top:67%;margin-left:14px}
.code-title{padding-top:10px}
}
@media (min-width: 1025px) {
.tet_notif-countdown > span > span:after{font-size:16px;content:':';position:absolute;top:18%;margin-left:14px}
.code-title{padding-top:0}
.tet-notif .tet-notif-close{position:relative;vertical-align:middle;padding:0 10px 0 0;float:right}
}