/* Timer General CSS */
.wpcdt-wrap, .wpcdt-wrap * {-webkit-box-sizing: border-box; box-sizing: border-box; outline:none;}
.wpcdt-clearfix:before, .wpcdt-clearfix:after{content: ""; display: table;}
.wpcdt-clearfix::after{clear: both;}
.wpcdt-iframe-wrap{position: relative; overflow: hidden; padding-top: 56.25%;}
.wpcdt-iframe-wrap iframe{position: absolute; left: 0; top: 0; border: 0; height: 100%; width: 100%;}
.wpcdt-timer-wrap{position: relative; text-align:center; margin: auto auto 15px auto !important; z-index: 1;}
.wpcdt-clock{width: 100%; margin: 0 auto; line-height: normal;}
.wpcdt-timer-wrap .wpcdt-title{margin:0 0 10px 0; font-size: 26px; text-transform: uppercase; font-weight: 700;}
.wpcdt-timer-wrap .wpcdt-desc{margin: 0 0 15px 0;}
.wpcdt-timer-wrap .wpcdt-desc p:last-child{margin: 0;}
.wpcdt-timer-wrap .wpcdt-completion-wrap p:last-child{margin-bottom: 0;}
.wpcdt-timer-wrap.wpcdt-has-bg{padding: 15px;}
.wpcdt-timer-wrap.wpcdt-has-bg:before{content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: -1;}

/********************************************************
		Timer Designs CSS - Start
********************************************************/

/***** Circle Timer Style 1 CSS *****/
.time_circles{position: relative;width: 100%;height: 100%;}
.time_circles > div{position: absolute;text-align: center;}
.time_circles > div > h4{margin: 0px;padding: 0px;text-align: center;text-transform: uppercase;}
.time_circles > div > span{display: block;width: 100%;text-align: center;font-size: 300%;margin-top: 0.4em;font-weight: bold;}

/***** Circle Timer Style 2 CSS *****/
.wpcdt-timer-design-3 .wpcdt-clock .wpcdt-circle-wrap{display: inline-block; margin: 0 -20px; position: relative; vertical-align: top;}
.wpcdt-timer-design-3 .wpcdt-clock canvas{display: inline-block; height: 185px; width: 185px;}
.wpcdt-timer-design-3 .wpcdt-clock .wpcdt-circle-inr{position: absolute; width: 100%; left: 0; top: 50%; right: 0; padding: 0 32px; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.wpcdt-timer-design-3 .wpcdt-clock .wpcdt-digits{display: block; font-size: 40px; line-height: 1;}
.wpcdt-timer-design-3 .wpcdt-clock .wpcdt-lbl{color: #929292; display: block; font-size: 15px; margin-top: 15px;}
.wpcdt-timer-design-3.wpcdt-cnt-below-timer .wpcdt-clock{margin-bottom: 15px;}

/***** Circle Timer Style 3 CSS *****/
.wpcdt-timer-design-1 .wpcdt-clock .wpcdt-digits{display: inline-block;}
.wpcdt-timer-design-1 .wpcdt-clock .wpcdt-col{display: inline-block; margin: 15px;}
.wpcdt-timer-design-1 .wpcdt-clock .wpcdt-digits span{border-radius: 100%; border: 2px solid #fff; display: inline-block; font-size: 28px; margin: 0 3px; text-align: center; width: 60px; height: 60px; line-height: 56px;}
.wpcdt-timer-design-1 .wpcdt-clock .wpcdt-lbl{display: block; font-size: 15px; margin: 15px 0 0 0; text-align: center; word-break: break-word;}

/***** Simple Timer Clock 1 CSS *****/
.wpcdt-timer-design-6 .wpcdt-col{display:inline-block; margin:0 8px 15px 8px;}
.wpcdt-timer-design-6 .wpcdt-lbl{font-size: 24px;}
.wpcdt-timer-design-6 .wpcdt-clock{font-size: 40px; text-align:center;}
.wpcdt-timer-design-6 .wpcdt-clock span{font-weight: 900;}

/***** Simple Clock 2 CSS *****/
.wpcdt-timer-design-7 .wpcdt-clock{display: table; margin: 0 auto 15px auto;}
.wpcdt-timer-design-7 .wpcdt-col{display: table-cell; width:25%; position:relative;}
.wpcdt-timer-design-7 .wpcdt-digits{position: relative; font-size: 74px; display: block;}
.wpcdt-timer-design-7 .wpcdt-digits::before{content: ":"; position: absolute; right: -9px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); line-height: normal;}
.wpcdt-timer-design-7 .wpcdt-col:last-child .wpcdt-digits::before{content: none;}
.wpcdt-timer-design-7 .wpcdt-lbl{display:block; font-size: 20px;}

/***** Simple Clock 3 CSS *****/
.wpcdt-timer-design-12 .wpcdt-clock .wpcdt-col{display: inline-block; margin:0 20px 20px 20px;}
.wpcdt-timer-design-12 .wpcdt-clock .wpcdt-digits{font-size: 4.5em;}
.wpcdt-timer-design-12 .wpcdt-clock .wpcdt-lbl{display: block;}

/***** Simple Clock 4 CSS *****/
.wpcdt-timer-design-5 .wpcdt-clock{display: flex; justify-content: center;}
.wpcdt-timer-design-5 .wpcdt-clock .wpcdt-col{font-size: 80px; width: 25%; float: left; margin: 0 0 20px 0;}
.wpcdt-timer-design-5 .wpcdt-clock .wpcdt-col + .wpcdt-col{border-left: 1px solid #ffc728;}
.wpcdt-timer-design-5 .wpcdt-clock .wpcdt-lbl{color: #525252; display: block; font-size: 20px;}

/***** Horizontal Flip Clock CSS *****/
.wpcdt-timer-design-8 .wpcdt-clock{display: flex; justify-content: center;}
.wpcdt-timer-design-8 .wpcdt-clock .wpcdt-col{margin: 0 0 20px 0; width: 25%; float: left;}
.wpcdt-timer-design-8 .wpcdt-clock .wpcdt-digits{color: #fff; display: block; font-size: 46px; height: 66px; line-height: 66px; margin: auto auto 10px auto; width: 80%;}
.wpcdt-timer-design-8 .wpcdt-clock .wpcdt-flip-wrap{position: relative;}
.wpcdt-timer-design-8 .wpcdt-clock .wpcdt-flip-wrap .wpcdt-flip-front,
.wpcdt-timer-design-8 .wpcdt-clock .wpcdt-flip-wrap .wpcdt-flip-back{background-color: #00bfa0; height: 66px; left: 0; position: absolute; top: 0; width: 100%;}
.wpcdt-timer-design-8 .wpcdt-clock .wpcdt-lbl{font-size: 20px; display: block;}
html:not([class*='wpcdt-ie']) .wpcdt-timer-design-8 .wpcdt-digits{-webkit-perspective: 1000px;-moz-perspective: 1000px;-ms-perspective: 1000px;perspective: 1000px;}
html:not([class*='wpcdt-ie']) .wpcdt-timer-design-8 .wpcdt-clock .wpcdt-flip-wrap{-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transition: 0s;-moz-transition: 0s;transition: 0s;}
html:not([class*='wpcdt-ie']) .wpcdt-timer-design-8 .wpcdt-clock .wpcdt-animate .wpcdt-flip-wrap{-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);transform: rotateY(180deg);-webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;}
html:not([class*='wpcdt-ie']) .wpcdt-timer-design-8 .wpcdt-clock .wpcdt-flip-wrap .wpcdt-flip-front,
html:not([class*='wpcdt-ie']) .wpcdt-timer-design-8 .wpcdt-clock .wpcdt-flip-wrap .wpcdt-flip-back{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;}
html:not([class*='wpcdt-ie']) .wpcdt-timer-design-8 .wpcdt-clock .wpcdt-flip-wrap .wpcdt-flip-back{-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);transform: rotateY(180deg);}

/***** Vertical Flip Clock CSS *****/
.wpcdt-timer-design-2 .wpcdt-clock .wpcdt-unit-wrap{display: inline-block; margin: 0 8px 10px 8px;}
.wpcdt-timer-design-2 .wpcdt-clock .wpcdt-digits-wrap{min-height: 140px;}
.wpcdt-timer-design-2 .wpcdt-clock .wpcdt-lbl{color: #fff; display: block; font-size: 20px; margin: 6px 0 0 0;}
.wpcdt-timer-design-2 .wpcdt-clock .wpcdt-digits{border-radius: 5px; float: left; height: 140px; line-height: 140px; margin: 0 4px; position: relative; width: 70px; font-size: 100px;}
.wpcdt-timer-design-2 .wpcdt-clock .wpcdt-digit-inr{height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 1;}
.wpcdt-timer-design-2 .wpcdt-clock .wpcdt-flip-wrap{display: block; height: 100%; -webkit-perspective: 300px; -moz-perspective: 300px; perspective: 300px;}
.wpcdt-timer-design-2 .wpcdt-clock .wpcdt-flip-wrap div{height: 50%; left: 0; overflow: hidden; position: absolute; width: 100%; z-index: 1;}
.wpcdt-timer-design-2 .wpcdt-clock .wpcdt-flip-wrap .shadow{height: 100%; position: absolute; width: 100%; z-index: 2;}
.wpcdt-timer-design-2 .wpcdt-clock .wpcdt-flip-wrap .up{-webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; top: 0;}
.wpcdt-timer-design-2 .wpcdt-clock .wpcdt-flip-wrap div.down{bottom: 0;-webkit-transform-origin: 50% 0;-moz-transform-origin: 50% 0;-ms-transform-origin: 50% 0;-o-transform-origin: 50% 0;transform-origin: 50% 0;}
.wpcdt-timer-design-2 .wpcdt-clock .wpcdt-flip-wrap .inn{background-color: #191919; border-radius: 5px; color: #fff; height: 200%; left: 0; position: absolute; text-shadow: 0 1px 2px #000; width: 100%; z-index: 1;}
.wpcdt-timer-design-2 .wpcdt-clock .wpcdt-flip-wrap div.up div.inn{top: 0;}
.wpcdt-timer-design-2 .wpcdt-clock .wpcdt-flip-wrap div.down div.inn{bottom: 0;}
.wpcdt-timer-design-2 .wpcdt-clock .play .wpcdt-digit-inr.before{z-index: 3;}
.wpcdt-timer-design-2 .wpcdt-clock .play .wpcdt-digit-inr.active{-webkit-animation: wpcdt-flipv 0.5s 0.5s linear both;-moz-animation: wpcdt-flipv 0.5s 0.5s linear both;animation: wpcdt-flipv 0.5s 0.5s linear both;z-index: 5;}
.wpcdt-timer-design-2 .wpcdt-clock .play .wpcdt-digit-inr.active .down{-webkit-animation: wpcdt-turn1 0.5s 0.5s linear both; -moz-animation: wpcdt-turn1 0.5s 0.5s linear both; animation: wpcdt-turn1 0.5s 0.5s linear both; z-index: 2;}
.wpcdt-timer-design-2 .wpcdt-clock .play .wpcdt-digit-inr.before .up{-webkit-animation: wpcdt-turn2 0.5s linear both;-moz-animation: wpcdt-turn2 0.5s linear both;animation: wpcdt-turn2 0.5s linear both;z-index: 2;}

@-webkit-keyframes wpcdt-flipv{
	0%{z-index: 2;}
	20%{z-index: 4;}
	100%{z-index: 4;}
}
@-moz-keyframes wpcdt-flipv{
	0%{z-index: 2;}
	20%{z-index: 4;}
	100%{z-index: 4;}
}
@-o-keyframes wpcdt-flipv{
	0%{z-index: 2;}
	20%{z-index: 4;}
	100%{z-index: 4;}
}
@keyframes wpcdt-flipv{
	0%{z-index: 2;}
	20%{z-index: 4;}
	100%{z-index: 4;}
}

@-webkit-keyframes wpcdt-turn1{
	0%{-webkit-transform: rotateX(90deg);}
	100%{-webkit-transform: rotateX(0deg);}
}
@-moz-keyframes wpcdt-turn1{
	0%{-moz-transform: rotateX(90deg);}
	100%{-moz-transform: rotateX(0deg);}
}
@-o-keyframes wpcdt-turn1{
	0%{-o-transform: rotateX(90deg);}
	100%{-o-transform: rotateX(0deg);}
}
@keyframes wpcdt-turn1{
	0%{transform: rotateX(90deg);}
	100%{transform: rotateX(0deg);}
}

@-webkit-keyframes wpcdt-turn2{
	0%{-webkit-transform: rotateX(0deg);}
	100%{-webkit-transform: rotateX(-90deg);}
}
@-moz-keyframes wpcdt-turn2{
	0%{-moz-transform: rotateX(0deg);}
	100%{-moz-transform: rotateX(-90deg);}
}
@-o-keyframes wpcdt-turn2{
	0%{-o-transform: rotateX(0deg);}
	100%{-o-transform: rotateX(-90deg);}
}
@keyframes wpcdt-turn2{
	0%{transform: rotateX(0deg);}
	100%{transform: rotateX(-90deg);}
}

.wpcdt-timer-design-2 .wpcdt-clock div .wpcdt-digit-inr.active{z-index: 3;}
.wpcdt-timer-design-2 .wpcdt-clock .play .wpcdt-digit-inr.before .up .shadow{-webkit-animation: wpcdt-shadow-show 0.5s linear both;-moz-animation: wpcdt-shadow-show 0.5s linear both;animation: wpcdt-shadow-show 0.5s linear both;background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, #000 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, #000));background: linear, top, rgba(0, 0, 0, 0.1) 0%, #000 100%;background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, #000 100%);background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, #000 100%);background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, #000 100%;}
.wpcdt-timer-design-2 .wpcdt-clock .play .wpcdt-digit-inr.active .up .shadow{-webkit-animation: wpcdt-shadow-hide 0.5s 0.3s linear both;-moz-animation: wpcdt-shadow-hide 0.5s 0.3s linear both;animation: wpcdt-shadow-hide 0.5s 0.3s linear both;background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, #000 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, #000));background: linear, top, rgba(0, 0, 0, 0.1) 0%, #000 100%;background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, #000 100%);background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, #000 100%);background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, #000 100%;}
.wpcdt-timer-design-2 .wpcdt-clock .play .wpcdt-digit-inr.before .down .shadow{-webkit-animation: wpcdt-shadow-show 0.5s linear both;-moz-animation: wpcdt-shadow-show 0.5s linear both;animation: wpcdt-shadow-show 0.5s linear both;background: -moz-linear-gradient(top, #000 0%, rgba(0, 0, 0, 0.1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000), color-stop(100%, rgba(0, 0, 0, 0.1)));background: linear, top, #000 0%, rgba(0, 0, 0, 0.1) 100%;background: -o-linear-gradient(top, #000 0%, rgba(0, 0, 0, 0.1) 100%);background: -ms-linear-gradient(top, #000 0%, rgba(0, 0, 0, 0.1) 100%);background: linear, to bottom, #000 0%, rgba(0, 0, 0, 0.1) 100%;}
.wpcdt-timer-design-2 .wpcdt-clock .play .wpcdt-digit-inr.active .down .shadow{-webkit-animation: wpcdt-shadow-hide 0.5s 0.3s linear both;-moz-animation: wpcdt-shadow-hide 0.5s 0.3s linear both;animation: wpcdt-shadow-hide 0.5s 0.2s linear both;background: -moz-linear-gradient(top, #000 0%, rgba(0, 0, 0, 0.1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000), color-stop(100%, rgba(0, 0, 0, 0.1)));background: linear, top, #000 0%, rgba(0, 0, 0, 0.1) 100%;background: -o-linear-gradient(top, #000 0%, rgba(0, 0, 0, 0.1) 100%);background: -ms-linear-gradient(top, #000 0%, rgba(0, 0, 0, 0.1) 100%);background: linear, to bottom, #000 0%, rgba(0, 0, 0, 0.1) 100%;}

@-webkit-keyframes wpcdt-shadow-show{
	0%{opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
	100%{opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
}
@-moz-keyframes wpcdt-shadow-show{
	0%{opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
	100%{opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
}
@-o-keyframes wpcdt-shadow-show{
	0%{opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
	100%{opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
}
@keyframes wpcdt-shadow-show{
	0%{opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
	100%{opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
}
@-webkit-keyframes wpcdt-shadow-hide{
	0%{opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
	100%{opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
}
@-moz-keyframes wpcdt-shadow-hide{
	0%{opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
	100%{opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
}
@-o-keyframes wpcdt-shadow-hide{
	0%{opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
	100%{opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
}
@keyframes wpcdt-shadow-hide{
	0%{opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
	100%{opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
}

/***** Modern Clock CSS *****/
.wpcdt-timer-design-9 .wpcdt-clock{display: table; display: flex; justify-content: center; overflow: hidden;}
.wpcdt-timer-design-9 .wpcdt-col{display: table-cell; display: flex; flex-direction: column; width: 25%;}
.wpcdt-timer-design-9 .wpcdt-lbl{display: block; font-size: 20px; order: 1; margin: 0 0 10px 0;}
.wpcdt-timer-design-9 .wpcdt-digits:before{content: ":"; position: absolute; top: 0; right: -4px; line-height: 60px; font-size: 60px;}
.wpcdt-timer-design-9 .wpcdt-col:last-child .wpcdt-digits:before{content: none;}
.wpcdt-timer-design-9 .wpcdt-col .wpcdt-digits{overflow:hidden; font-size: 74px; line-height: 75px; height:75px; width: 100%; display:block; position: relative; order: 2;}
.wpcdt-timer-design-9 .wpcdt-clock .wpcdt-digits span{bottom: -100%; display: inline-block; position: relative; -moz-transition: none; -webkit-transition: none; transition: none;}
.wpcdt-timer-design-9 .wpcdt-clock .wpcdt-digits span.wpcdt-animate{-moz-transform: translateY(-100%); -webkit-transform: translateY(-100%);transform: translateY(-100%); -moz-transition: -moz-transform .2s ease; -webkit-transition: -webkit-transform .2s ease; transition: transform .2s ease;}
.wpcdt-timer-design-9 .wpcdt-clock .wpcdt-digits span:before{content: attr(data-old); position: absolute; top: -100%; -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.wpcdt-timer-design-9.wpcdt-cnt-below-timer .wpcdt-clock{margin-bottom: 15px;}

/***** Shadow Clock CSS *****/
.wpcdt-timer-design-11 .wpcdt-clock .wpcdt-col{color: #bb202e; display: inline-block; font-size: 80px; margin: 0 25px 15px 25px;}
.wpcdt-timer-design-11 .wpcdt-clock .wpcdt-digits span{text-shadow: -.02em .05em 0 #761d25, .08em .08em 0 #184141;}
.wpcdt-timer-design-11 .wpcdt-clock .wpcdt-lbl{display: block; font-size: 20px;}

/***** Bar Clock Timer CSS *****/
.wpcdt-timer-design-4 .wpcdt-clock .wpcdt-bar-wrap{margin: 0 0 10px 0;}
.wpcdt-timer-design-4 .wpcdt-clock .wpcdt-bar{background-color: #a66600; clear: both; float: left; margin: 7px 0 0 0; width: 80%;}
.wpcdt-timer-design-4 .wpcdt-clock .wpcdt-fill{background-color: #fff; height: 5px; width: 0%;}
.wpcdt-timer-design-4 .wpcdt-clock .wpcdt-digits{float: left; font-weight: 800; width: 40px;}
.wpcdt-timer-design-4 .wpcdt-clock .wpcdt-lbl{color: #a76500; float: left;}
.wpcdt-timer-design-4.wpcdt-cnt-below-timer .wpcdt-clock{margin-bottom: 15px;}

/********************************************************
		Timer Designs CSS - End
********************************************************/

/********************************************************
		Normal Timer CSS - Start
*********************************************************/
.wpcdt-smpl-timer-wrap{width: 100%; line-height: normal;}
.wpcdt-smpl-timer-wrap.wpcdt-smpl-timer-design-1 .wpcdt-smpl-col{display: inline-block; text-align: center; margin: 5px 3px; padding: 5px; min-width: 65px; border-width: 1px; border-style: solid;}
.wpcdt-smpl-timer-wrap.wpcdt-smpl-timer-design-1 .wpcdt-smpl-digits{font-size: 26px; font-weight: bold;}
.wpcdt-smpl-timer-wrap.wpcdt-smpl-timer-design-1 .wpcdt-smpl-lbl{font-size: 13px; font-weight: normal;}

/********************************************************
		Responsive Media CSS
********************************************************/

/***** Media Screen 640px CSS *****/
@media only screen and (max-width: 736px) {

	/***** Vertical Flip Clock CSS *****/
	.wpcdt-timer-design-2 .wpcdt-clock .wpcdt-digits-wrap{min-height: 100px;}
	.wpcdt-timer-design-2 .wpcdt-clock .wpcdt-unit-wrap{margin: 0 4px 10px 4px;}
	.wpcdt-timer-design-2 .wpcdt-clock .wpcdt-digits{font-size: 68px; height: 100px; line-height: 100px; margin: 0 3px; width: 48px;}
	.wpcdt-timer-design-2 .wpcdt-clock .wpcdt-lbl{font-size: 18px;}
}
@media only screen and (max-width: 640px) {

	/***** Circle Timer Style 2 CSS *****/
	.wpcdt-timer-design-3 .wpcdt-clock .wpcdt-circle-wrap{margin: 0 0 -40px 0;}
	.wpcdt-timer-design-3 .wpcdt-clock .wpcdt-circle-wrap:last-child{margin: 0;}

	/***** Shadow Clock CSS *****/
	.wpcdt-timer-design-11 .wpcdt-clock .wpcdt-col{margin: 0 15px 15px 15px; font-size: 70px;}

	/***** Bar Clock CSS *****/
	.wpcdt-timer-design-4 .wpcdt-clock .wpcdt-bar{width: 70%;}
}
@media only screen and (max-width: 480px) {
	/***** Simple Clock 2 CSS *****/
	.wpcdt-timer-design-7 .wpcdt-digits{font-size: 30px;}
	.wpcdt-timer-design-7 .wpcdt-lbl{font-size: 14px;}
	.wpcdt-timer-design-7 .wpcdt-digits::before{right: -5px;}

	/***** Simple Clock 3 CSS *****/
	.wpcdt-timer-design-12 .wpcdt-clock .wpcdt-col{margin: 0 15px 20px 15px;}
	.wpcdt-timer-design-12 .wpcdt-clock .wpcdt-digits{font-size: 3.5em;}

	/***** Simple Clock 4 CSS *****/
	.wpcdt-timer-design-5 .wpcdt-clock .wpcdt-col{font-size: 34px;}
	.wpcdt-timer-design-5 .wpcdt-clock .wpcdt-lbl{font-size: 14px;}

	/***** Horizontal Flip Clock CSS *****/
	.wpcdt-timer-design-8 .wpcdt-clock .wpcdt-digits{font-size: 32px;}
	.wpcdt-timer-design-8 .wpcdt-clock .wpcdt-lbl{font-size: 15px;}

	/***** Vertical Flip Clock CSS *****/
	.wpcdt-timer-design-2 .wpcdt-clock .wpcdt-digits-wrap{min-height: 60px;}
	.wpcdt-timer-design-2 .wpcdt-clock .wpcdt-digits{font-size: 32px; height: 60px; line-height: 60px; margin: 0 3px; width: 32px;}
	.wpcdt-timer-design-2 .wpcdt-clock .wpcdt-lbl{font-size: 14px;}

	/***** Modern Clock CSS *****/
	.wpcdt-timer-design-9 .wpcdt-col .wpcdt-digits{font-size: 34px; line-height: 50px; height: 50px;}
	.wpcdt-timer-design-9 .wpcdt-digits:before{font-size: inherit; line-height: inherit; right: -2px;}
	.wpcdt-timer-design-9 .wpcdt-lbl{font-size: 14px; margin: 0;}

	/***** Shadow Clock CSS *****/
	.wpcdt-timer-design-11 .wpcdt-clock .wpcdt-col{margin: 0 10px 15px 10px; font-size: 50px;}
	.wpcdt-timer-design-11 .wpcdt-clock .wpcdt-lbl{font-size: 16px;}
}
@media only screen and (max-width: 375px) {
	/***** Simple Timer Clock 1 CSS *****/
	.wpcdt-timer-design-6 .wpcdt-col{display:block;}

	/***** Simple Clock 3 CSS *****/
	.wpcdt-timer-design-12 .wpcdt-clock .wpcdt-col{margin: 0 8px 20px 8px;}

	/***** Vertical Flip Clock CSS *****/
	.wpcdt-timer-design-2 .wpcdt-clock .wpcdt-digits-wrap{min-height: 50px;}
	.wpcdt-timer-design-2 .wpcdt-clock .wpcdt-digits{font-size: 30px; height: 50px; line-height: 50px; margin: 0 2px; width: 28px;}

	/***** Shadow Clock CSS *****/
	.wpcdt-timer-design-11 .wpcdt-clock .wpcdt-col{font-size: 40px;}

	/***** Bar Clock CSS *****/
	.wpcdt-timer-design-4 .wpcdt-clock .wpcdt-bar{width: 60%;}
}
@media only screen and (max-width: 320px) {
	.wpcdt-smpl-timer-wrap.wpcdt-smpl-timer-design-1 .wpcdt-smpl-col{margin: 0px 0px 5px 0px;}

	/***** Simple Clock 3 CSS *****/
	.wpcdt-timer-design-12 .wpcdt-clock .wpcdt-digits{font-size: 2.5em;}

	/***** Simple Clock 4 CSS *****/
	.wpcdt-timer-design-5 .wpcdt-clock .wpcdt-col{font-size: 30px;}
	.wpcdt-timer-design-5 .wpcdt-clock .wpcdt-lbl{font-size: 12px;}

	/***** Horizontal Flip Clock CSS *****/
	.wpcdt-timer-design-8 .wpcdt-clock .wpcdt-lbl{font-size: 12px;}

	/***** Vertical Flip Clock CSS *****/
	.wpcdt-timer-design-2 .wpcdt-clock .wpcdt-digits{width: 24px;}
	.wpcdt-timer-design-2 .wpcdt-clock .wpcdt-lbl{font-size: 12px;}

	/***** Shadow Clock CSS *****/
	.wpcdt-timer-design-11 .wpcdt-clock .wpcdt-col{margin: 0 5px 15px 5px;}
}