.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:0px;
	}
	.tet-notif  .tet-notif-close {
		position: relative;
		vertical-align: middle;
		padding: 0 10px 0 0;
		float:right;
	}

	
}