.layout_area_digital{/*width:1200px;*/margin:0px auto;}
@font-face{font-family: "7segment";src: url(../fonts/7segment.ttf);}
@font-face{font-family: "Gabriola";src: url(../fonts/Gabriola.ttf) format('truetype');}
@font-face{font-family: "HelveticaNeue_Light";src: url(../fonts/HelveticaNeue%20Light.ttf);}
/******************Digital CountDown Timer**********************/
#scd-digitalmoment{padding: 0px;}
.digital_cntDwn_dgt{font-family: "Segoe UI", "Microsoft YaHei";font-size: 18px;padding:50px 0px;}
.persBox{}
.heading{text-align:center;}
.counter_Name{font-size:24px;margin:0px 0px 60px;letter-spacing: 2px;color:#fff;}
.box_dgtcd {display: inline-block;}
.cntDgt{font-family: "7segment";text-align: center;font-size: 115px;letter-spacing: 2px;display: inline-block !important;opacity:1;transition:transform 800ms,opacity 700ms,color 400ms,filter 400ms;display: block;-webkit-transform: perspective(100px);-ms-transform: perspective(100px);-o-transform: perspective(100px);transform: perspective(100px);-webkit-transform-style: preserve-3d;-ms-transform-style: preserve-3d;-o-transform-style: preserve-3d;transform-style: preserve-3d;}
.cntDGSec{opacity:0;}
.tempClsSec{opacity:1;}
.cntDGMin, .cntDGHour, .cntDGDay{opacity:1;}
.cntName{font-family: "Gabriola";font-size: 24px;margin-top: 28px;font-weight: bold;letter-spacing: 1px;text-align:center;}
#demo{color:#fff;font-family: "7segment";}
.overCntdwn{font-size:32px;color:#fff;text-align:center;letter-spacing:3px;margin:50px 0px 0px;}
.dots{font-size:112px;font-family: "7segment";display: inline-block;float: right;}
.cName_sec{margin-left: -23px !important;}
.cName_min{margin-left: -30px !important;}
.cName_hour{margin-left: -26px !important;}
.cName_day{margin-left: -39px !important;}
/*.cName_day{margin-left: -30px !important;}*/

/******************Animation**********************/
.svg_box{position:relative;}
.scd-slot-animate{-webkit-transition: -webkit-transform 800ms,opacity 700ms,color 400ms,-webkit-filter 400ms;-o-transition: -o-transform 800ms,opacity 700ms,color 400ms,filter 400ms;   transition: transform 800ms,opacity 700ms,color 400ms,filter 400ms;opacity:1;}
.duplicate{float: left;width: 266px;margin: 0px auto;}
#secondDigit2,#secondDigit,#minuteDigit,#minuteDigit2,#hourDigit,#hourDigit2,#dayDigit,#dayDigit2{position:absolute;left:0%;right:0%;bottom:0%;top:0%;}
.dayDuplicate{margin-right:30px;}
/************************************************/
.twoDgt_Layer{position: relative;}


/********************Restart********************/
.restart{margin:50px 0px 0px;}
.txt_box{margin:10px 0px 0px;}
.thr_box{margin:20px 0px;}
.restart p{display:inline-block;vertical-align:middle;margin:0px 10px 0px ;width:100px;text-align:left;}


/******************************************************************/
/******************************************************************/
/***************************Responsive*****************************/
/******************************************************************/
/******************************************************************/
@media screen and (max-width: 1439px) and (min-width: 1200px) {
/*.layout_area_digital {width: 980px;}*/
.cntName{margin-top: -25px !important;}
.cName_hour {margin-left: -7px !important;}
.cName_min {margin-left: -10px !important;}
.cName_sec {margin-left: 1px !important;}
.cName_day{margin-left: -30px !important;}
.duplicate {width:212px;}
}

@media screen and (max-width: 1199px) and (min-width: 1024px) {
/*.layout_area_digital {width: 800px;}*/
.minDots{opacity: 0;}
.cntName{margin-top: -25px !important;}
.cName_hour {margin-left: -7px !important;}
.cName_min {margin-left: -10px !important;}
.cName_sec {margin-left: 39px !important;}
.duplicate {width:212px;}
.dayBox, .secPersBox{margin-left: 34px;}
}

@media screen and (max-width:1023px) and (min-width: 768px) {
/*.layout_area_digital {width: 700px;}*/
.hourDots{opacity: 0;}
.cntName{margin-top: -25px !important;}
.cName_hour {margin-left: -15px !important;}
.cName_min {margin-left: -10px !important;}
.cName_sec {margin-left:0px !important;}
.secBox, .minBox{margin-top: 25px;}
}

@media screen and (max-width: 767px){
/*.layout_area_digital {width:556px;}*/
.hourDots{opacity: 0;}
.cntName{margin-top: -28px !important;}
.cName_hour {margin-left: -8px !important;}
.cName_min {margin-left: -10px !important;}
.cName_sec {margin-left: -6px !important;}
.secBox, .minBox{margin-top: 25px;}
.duplicate {width: 227px;}
.dayTwo_layer{margin-left: -12px;}
.dayBox{margin-left: 23px;}
}

@media screen and (max-width:479px){
/*.layout_area_digital{width:337px;}*/
.dots{opacity: 0;}
.secBox, .minBox, .hourBox{margin-top: 20px;}
.duplicate {width:266px;}
.dayBox{margin-left: 44px;}
.cntName{margin-top: -28px !important;}
.cName_hour {margin-left: -8px !important;}
.cName_min {margin-left: -10px !important;}
.cName_sec {margin-left: -6px !important;}
.duplicate {width: 170px;}
.dayTwo_layer{margin-left: -12px;}
}

@media screen and (max-width:374px){
/*.layout_area_digital{width:260px;}*/
.minDots{opacity:1;}
.dots{opacity:0;display: none;}
.cntName {margin-top: 15px;}
}*/
}