/* timer count down start*/

.qreate-count-down .displaySection
{
  padding: 0 32px;
  display: inline-grid;
  text-align: center;
  position: relative;
}
.qreate-count-down .numberDisplay
{
    display: block;
    color: var(--color-theme-secondary);
    font-size: 172px;
    font-family: var(--highlight-font-family);
    -webkit-text-fill-color: var(--global-body-bgcolor);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--background-element);
    font-weight: var(--font-weight-bold);
    letter-spacing: var(--letter-spacing);
}
.qreate-count-down .periodDisplay
{ 
    font-size: var(--font-size-h5);
    color: var(--global-font-title);
    text-transform: uppercase;
    position: absolute; 
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

}
.qreate-count-down .timerDisplay span.displaySection::after{
    content: "";
    background: var(--color-theme-secondary);
    position: absolute;
    right: -10%;
    top: 50%;
    width: 32px;
    height: 3px;
}

.qreate-count-down .timerDisplay span.displaySection:last-child:after{display: none !important;}
/* timer count down end*/

@media ( max-width: 1024px ) {

  .qreate-count-down .numberDisplay{font-size: 100px;}
  .qreate-count-down .periodDisplay{font-size: var(--font-size-h6);}
}
@media ( max-width: 850px ) {
  .qreate-count-down .numberDisplay{ font-size: 90px;}
}
@media ( max-width: 696px ) {
  .qreate-count-down .numberDisplay{ font-size: 60px;}
  .qreate-count-down .periodDisplay{position: relative;top:0;}
}
@media ( max-width: 580px ) {
  .qreate-count-down .displaySection  {display: block;} 
  .qreate-count-down .timerDisplay span.displaySection::after{left: 50%;bottom: 0;top: auto;}
  .qreate-count-down .periodDisplay{position: absolute;top:50%;}  
  .qreate-count-down .numberDisplay{font-size: 100px;}
}