/* COUNTDOWN CLOCK AREA
===========================================================================================================*/



i.countdown-icon {
	color: #FFF;
	padding: 5px 25px;
	font-size: 45px;
}


.countdown-text {
	padding: 25px 0px 20px 30px;
	font-weight:bold;
	text-align:center;
	color: #FFF;
	font-size: 40px;
	line-height: 1em;
	text-transform: uppercase;
}

.countdown-timer {
	text-align:center;
	padding-top: 6em;
}

ul#count-down {
	list-style: none;
	margin: 0;
	padding:0;
	display: inline-block;
	text-align: center; 
	color: #33bd99;
	font-size: 80px;
	line-height: 2em;
	font-weight: 800;
  text-shadow: 2px 2px 25px #0007E0;
}

ul#count-down li { display: inline-block; }

ul#count-down li.seperator {
	font-size: 26px;
	/*line-height: 1.7em;*/
	vertical-align: top;
	padding:12px 8px;
	color: #FFF;
	text-align: center;
}

ul#count-down li p {
	color: #FFF;
	font-size: 30px;
	line-height: 4em;
	font-weight:bold;
	padding-left: 2.3px;
	
}


.days {padding:63px;
  font-family: 'Orbitron', sans-serif;}

.hours {padding:63px;
  font-family: 'Orbitron', sans-serif;}

.minutes {padding:63px;
  font-family: 'Orbitron', sans-serif;}

.seconds {padding:63px;
  font-family: 'Orbitron', sans-serif;}


@media (min-width: 981px) and (max-width: 1199px) {  /* Large desktop */
.days {padding:40px;}
.hours {padding:40px;}
.minutes {padding:40px;}
}

@media (min-width: 768px) and (max-width: 980px) {	/* Portrait tablet to landscape */
	.countdown-row-color { padding: 0px 3px 0px 0px; }
	.countdown-text { padding: 20px 0px 20px 40px;}
	ul#count-down { font-size: 30px;}
	.countdown-timer {padding-top: 25px;}
	.days {padding:32px;}
	.hours {padding:32px;}
	.minutes {padding:32px;}
}

@media (max-width: 767px) {  /* Landscape phone to portrait tablet */
	.countdown-text { padding: 15px 0px; font-size: 32px;
		text-align: center;}
	.countdown-timer {
		padding-top: 20px;
		text-align: center;
	}
	ul#count-down { font-size: 45px;}
	.days {padding:20px;}
	.hours {padding:20px;}
	.minutes {padding:20px;}
	.seconds {padding:20px;}
}

@media (max-width: 480px) { /* Landscape phones and down */
	.countdown-text { padding: 15px 0px 10px 5px; font-size: 30px;}
	.countdown-timer { padding-left: 0px;}
	ul#count-down { font-size: 25px;}
	.days {padding:20px;}
	.hours {padding:20px;}
	.minutes {padding:20px;}
	.seconds {padding:20px;}
	
		ul#count-down li p{
		font-size:15px;
	}
}