/** THIS FIXES AN ISSUE WITH BOOTSTRAP **/
.flip-clock-wrapper ul li {
	line-height: 87px;
}

.flip-clock-wrapper ul.flip {
	list-style: none;
}

.flip-clock-wrapper ul.flip li {
	margin-left: 0px;
}

/** RESPONSIVENESS */
@media ( max-width:767px ) {
	.flip-clock-wrapper { margin: 0 auto; display: block; }

	.flip-clock-wrapper ul { height: 50px; line-height: 50px; }
	.flip-clock-wrapper ul li {	line-height: 50px; }
	.flip-clock-wrapper ul li a div.up:after { top: 24px; }
	.flip-clock-divider { height: 50px; }
	.flip-clock-dot { height: 6px; width: 6px; left: 7px;}
	.flip-clock-dot.top { top: 17px; }
	.flip-clock-dot.bottom { bottom: 8px; }

	.flip-clock-divider .flip-clock-label { font-size: 16px; }
	.flip-clock-divider.hours .flip-clock-label { right: -66px; }
	.flip-clock-divider.minutes .flip-clock-label { right: -78px; }
	.flip-clock-divider.seconds .flip-clock-label { right: -78px; }
	
	.flip-clock-wrapper ul { width: 37px; }
	.flip-clock-wrapper ul li a div div.inn { font-size: 30px; }
	
	/* Additional mobile-specific tweaks (under 600px) */
    @media (max-width: 600px) {
        .flip-clock-wrapper ul {
            width: 25px; /* Further reduced from 30px */
            height: 35px; /* Further reduced from 40px */
            line-height: 35px; /* Adjusted to match height */
            font-size: 18px; /* Further reduced from 20px */
        }

        .flip-clock-wrapper ul li {
            line-height: 35px; /* Match ul height */
        }

        .flip-clock-divider {
            height: 35px; /* Match ul height */
            width: 6px; /* Further reduced from 8px */
        }

        .flip-clock-dot {
            height: 3px; /* Further reduced from 4px */
            width: 3px; /* Further reduced from 4px */
            left: 1px; /* Adjusted positioning */
        }

        .flip-clock-dot.top {
            top: 10px; /* Adjusted for smaller height */
        }

        .flip-clock-dot.bottom {
            bottom: 10px; /* Adjusted for smaller height */
        }

        .flip-clock-divider .flip-clock-label {
            font-size: 10px; /* Further reduced from 12px */
			top: 4.5em; /* Position label below clock*/
        }

        .flip-clock-divider.hours .flip-clock-label {
            right: -40px; /* Further adjusted */
        }

        .flip-clock-divider.minutes .flip-clock-label {
            right: -50px; /* Further adjusted */
        }

        .flip-clock-divider.seconds .flip-clock-label {
            right: -50px; /* Further adjusted */
        }

        .flip-clock-wrapper ul li a div div.inn {
            font-size: 18px; /* Further reduced from 20px */
        }
    }
}

/* Additional mobile-specific tweaks (under 600px) */
    @media (max-width: 600px) {
        .flip-clock-wrapper ul {
            width: 25px; /* Further reduced from 30px */
            height: 35px; /* Further reduced from 40px */
            line-height: 35px; /* Adjusted to match height */
            font-size: 18px; /* Further reduced from 20px */
        }

        .flip-clock-wrapper ul li {
            line-height: 35px; /* Match ul height */
        }

        .flip-clock-divider {
            height: 35px; /* Match ul height */
            width: 6px; /* Further reduced from 8px */
        }

        .flip-clock-dot {
            height: 3px; /* Further reduced from 4px */
            width: 3px; /* Further reduced from 4px */
            left: 1px; /* Adjusted positioning */
        }

        .flip-clock-dot.top {
            top: 10px; /* Adjusted for smaller height */
        }

        .flip-clock-dot.bottom {
            bottom: 10px; /* Adjusted for smaller height */
        }

        .flip-clock-divider .flip-clock-label {
            font-size: 10px; /* Further reduced from 12px */
			top: 4.5em; /* Position label below clock*/
        }

        .flip-clock-divider.hours .flip-clock-label {
            right: -40px; /* Further adjusted */
        }

        .flip-clock-divider.minutes .flip-clock-label {
            right: -50px; /* Further adjusted */
        }

        .flip-clock-divider.seconds .flip-clock-label {
            right: -50px; /* Further adjusted */
        }

        .flip-clock-wrapper ul li a div div.inn {
            font-size: 18px; /* Further reduced from 20px */
        }
    }