f/*
* Fancy Countdown - Responsive Layout
*
*/


/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {

	.fc-panel .fc-width {
		width: 18px; /* The width for the digits */
	}
	
	.fc-panel .fc-height {
		height: 50px; /* The height for the digits and colon */
		line-height: 50px; /* When change height, change also line-height to the same value */
	}
	
	.fc-panel .fc-colon-width {
		width: 12px; /* The width for the colon */
	}
	
	.fc-panel .fc-font {
		font-size: 24px; /* The size for the font */
	}
	
	.fc-panel .fc-digit-offset {
		top: 14px; /* The top offset between the digits, in previous versions it was the topDigitOffset option */
		bottom: 14px; /* The bottom offset between the digits, in previous versions it was the bottomDigitOffset option */
	}

	.fc-panel .fc-digitUnit, .fc-panel .fc-colon {
		border-width: 2px;
		margin-right: 2px;
	}
	
	.fc-panel .fc-captions {
		margin-top: 0px;
		font-size: 24px;
	}
	
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	
	.fc-panel .fc-width {
		width: 40px; /* The width for the digits */
	}
	
	.fc-panel .fc-height {
		height: 50px; /* The height for the digits and colon */
		line-height: 50px; /* When change height, change also line-height to the same value */
	}
	
	.fc-panel .fc-colon-width {
		width: 12px; /* The width for the colon */
	}
	
	.fc-panel .fc-font {
		font-size: 24px; /* The size for the font */
	}
	
	.fc-panel .fc-digit-offset {
		top: 28px; /* The top offset between the digits, in previous versions it was the topDigitOffset option */
		bottom: 28px; /* The bottom offset between the digits, in previous versions it was the bottomDigitOffset option */
	}
	
	.fc-panel .fc-captions {
		margin-top: 5px;
		font-size: 16px;
	}
	
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
	
	.fc-panel .fc-width {
		width: 40px; /* The width for the digits */
	}
	
	.fc-panel .fc-height {
		height: 50px; /* The height for the digits and colon */
		line-height: 50px; /* When change height, change also line-height to the same value */
	}
	
	.fc-panel .fc-colon-width {
		width: 12px; /* The width for the colon */
	}
	
	.fc-panel .fc-font {
		font-size: 24px; /* The size for the font */
	}
	
	.fc-panel .fc-digit-offset {
		top: 30px; /* The top offset between the digits, in previous versions it was the topDigitOffset option */
		bottom: 30px; /* The bottom offset between the digits, in previous versions it was the bottomDigitOffset option */
	}
	
	.fc-panel .fc-captions {
	margin-top:5px;
	font-size: 16px;
	color:#822613;

	}