.card-countdown[data-style="3"] .container.right-part {
  padding-top: 0px;
  padding-bottom: 0px;
  position: relative;
  max-width: 100%;
  height: 100%;
}

@media only screen and (max-width: 1024px) {
  .card-countdown[data-style="3"] .container.right-part {
    width: 100%;
  }
}
.card-countdown[data-style="3"] .container.right-part .space {
  opacity: 0;
  margin-bottom: 2vw;
  width: 38.738%;
}

@media only screen and (max-width: 1024px) {
  .card-countdown[data-style="3"] .container.right-part .space {
    display: none;
  }
}
@media screen and (max-height: 838px) {
  .card-countdown[data-style="3"] .container.right-part .space {
    margin-bottom: 0.4vw;
  }
}
.card-countdown[data-style="3"] .container.right-part .date {
  margin-bottom: 15px;
  width: 66.96%;
}

@media only screen and (max-width: 1024px) {
  .card-countdown[data-style="3"] .container.right-part .date {
    width: 57%;
  }
}
.card-countdown[data-style="3"] .container.right-part .date img:last-child {
  display: none;
}

@media only screen and (max-width: 1024px) {
  .card-countdown[data-style="3"] .container.right-part .date img:last-child {
    display: block;
  }
}
@media only screen and (max-width: 1024px) {
  .card-countdown[data-style="3"] .container.right-part .date img:first-child {
    display: none;
  }
}
.card-countdown[data-style="3"] .container.right-part .timer {
  width: 95%;
}

@media only screen and (max-width: 1024px) {
  .card-countdown[data-style="3"] .container.right-part .timer {
    padding: 0px;
    width: 82%;
  }
}
.card-countdown[data-style="3"] .container.right-part .timer #DateCountdown {
  overflow: hidden;
}

.card-countdown[data-style="3"] .container.right-part .timer .time_circles {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 9;
}

.card-countdown[data-style="3"] .container.right-part .timer .time_circles > canvas {
  -webkit-filter: drop-shadow(0px 0px 2px white);
  filter: drop-shadow(0px 0px 2px white);
}

.card-countdown[data-style="3"] .container.right-part .timer .time_circles > div[class*=textDiv] {
  top: 0 !important;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (max-width: 1024px) {
  .card-countdown[data-style="3"] .container.right-part .timer .time_circles > div[class*=textDiv] h4:after {
    opacity: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .card-countdown[data-style="3"] .container.right-part .timer .time_circles > div[class*=textDiv] h4:after {
    opacity: 1;
  }
}
.card-countdown[data-style="3"] .container.right-part .timer .time_circles * {
  color: #3C3C37 !important;
}

.card-countdown[data-style="3"] .container.right-part .timer .time_circles h4 {
  width: 100%;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

@media only screen and (max-width: 1024px) {
  .card-countdown[data-style="3"] .container.right-part .timer canvas {
    -webkit-filter: drop-shadow(0px 3px 2px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0px 3px 2px rgba(0, 0, 0, 0.2));
  }
}
.card-countdown[data-style="3"] .container.right-part .mobile-des {
  display: none;
}

@media only screen and (max-width: 1024px) {
  .card-countdown[data-style="3"] .container.right-part .mobile-des {
    display: block;
  }
}
.card-countdown[data-style="3"] .container.right-part .mobile-des img {
  padding-left: 10px;
  margin-top: 10px;
  width: 18%;
}