.layout_area_hexa{margin:0px auto;}
@font-face{font-family: "Comfortaa_Regular";src: url(../fonts/Comfortaa_Regular.ttf) format('truetype');}
@font-face{font-family: "HelveticaNeue_Light";src: url(../fonts/HelveticaNeue%20Light.ttf) format('truetype');}
.cmpHead{margin:50px 0px;}
/******************Digital CountDown Timer**********************/
.digital_cntDwn{background: #3498DB;font-family: "Segoe UI", "Microsoft YaHei";font-size: 18px;height: 100%;width: 100%;min-width: 320px;color: #fff;vertical-align: middle;padding:50px 0px;}
.heading{text-align:center;}
.counter_Name{font-size:24px;margin:0px 0px 60px;letter-spacing: 3px;}
/*.column{float:left;width: 185px;}*/
.overCntdwn{font-size:32px;color:#fff;text-align:center;letter-spacing:3px;margin:50px 0px 0px;}
.box {display: inline-block;}

/******************Hexagonal CountDown Timer**********************/
.svg-hexagonal-counter {position: relative;float: left;margin:0px 16px;}
.svg-hexagonal-counter .hsec_css {text-align:center;position: absolute;line-height:0px;transition:0.5s linear;letter-spacing:1px;top:0%;left:0%;right:0%;bottom:0%;}
.svg-hexagonal-counter .counter{width: 200px;height: 240px;-webkit-touch-callout: none;cursor: default;}
.hexa_second{opacity:0;}
.svg-hexagonal-counter .counter .track, .svg-hexagonal-counter .counter .fill {stroke: rgb(255, 255, 255);fill: rgba(0, 0, 0, 0);stroke-width: 40;transform: translate(290px, 800px)rotate(-120deg);}
.svg-hexagonal-counter .counter .fill {stroke: rgb(255, 255, 255);stroke-linecap: round;stroke-dasharray: 2160;stroke-dashoffset: 2160;}
.svg-test, .svg-day, .svg_min{position:relative;}
/*.hexaSec, .hexaMin{left: 22%;}
.hexaHour{left: 29%;}
.hexaDay{left: 33%;}*/
.hexagonal_cntDwn{font-family:"Segoe UI", "Microsoft YaHei";padding:50px 0px;}
/************/
.hex {cursor: pointer;fill-opacity: 0.4;stroke: #000;stroke-width: 5;}
#color-fill .hex {fill: #ffff00;}
.hex:hover {fill-opacity: 1;stroke: #ff0000;stroke-width: 5;}
.hex {transition: transform, fill-opacity, stroke-width;-webkit-transition: transform, fill-opacity, stroke-width;transition-duration: 1s;-webkit-transition-duration: 1s;}
.hexabox{float:left;width:130px;overflow:hidden;}
.svg_box{position:relative; display: inline-block;}
/************************/
#hexa_day, #hexa_day2{letter-spacing:3px;}
.hexa_svgDiv{position: relative;}
.dgtShow_hexa{position: absolute;text-align: center;top: 38%;width: 200px;margin: 0px auto;}
.brCls{line-height: 10px;}
.dgtShow_hexa br{line-height: 2px !important;}
.titleTime{font-family:"Segoe UI", "Microsoft YaHei";line-height: 110px !important;margin-top: 14px;letter-spacing: 1px;}
.hsec_css{font-family: "Comfortaa_Regular";display: block !important;font-weight: bold;}
.hexaHour{margin-left: -5px !important;}


/******************************************************************/
/******************************************************************/
/***************************Responsive*****************************/
/******************************************************************/
/******************************************************************/
@media screen and (max-width:1200px) and (min-width: 1024px) {
/*.layout_area_hexa{width: 803px;}*/
}

@media screen and (max-width:1023px) and (min-width: 768px) {
/*.layout_area_hexa{width: 730px;}*/
.svg-hexagonal-counter{margin: 0px 16px;}
.hexagonal_cntDwn{min-height: 561px;}
.secdSvgCounter{margin-left:28px;}
}

@media screen and (max-width: 767px){
/*.layout_area_hexa {width:440px;}*/
.svg-hexagonal-counter{margin: 0px 7px;}
.hexagonal_cntDwn{min-height: 561px;}
}

@media screen and (max-width:479px){
/*.layout_area_hexa{width:337px;}*/
.svg-hexagonal-counter{margin: 0px 73px;}
.hexagonal_cntDwn{min-height: 1061px;}
.counter_Name{font-size:22px;letter-spacing: 2px;}
}

@media screen and (max-width:374px){
/*.layout_area_hexa{width:260px;}*/
.hexagonal_cntDwn{margin: 0px 0px;}
.svg-hexagonal-counter{margin: 0px 30px;}
.counter_Name{line-height: 40px;}
}