.eb-countdown-m5bod6q.eb-cd-wrapper{ max-width:394px; transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } div.eb-countdown-m5bod6q.eb-cd-wrapper{ margin-left: auto; margin-right: auto; } .eb-countdown-m5bod6q.eb-cd-wrapper:hover{ } .eb-countdown-m5bod6q.eb-cd-wrapper:before{ transition: background 0.5s, opacity 0.5s, filter 0.5s; } .eb-countdown-m5bod6q.eb-cd-wrapper:hover:before{ } .eb-countdown-m5bod6q.eb-cd-wrapper .eb-cd-inner { display: flex; justify-content: center; flex-direction: row; } .eb-countdown-m5bod6q.eb-cd-wrapper .eb-cd-inner .box { position:relative; display: flex; width: 100%; background-color: rgba(250,250,250,1); transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s ; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; justify-content: center; flex-direction: row; align-items: flex-end; } .eb-countdown-m5bod6q.eb-cd-wrapper .eb-cd-inner .box:hover{ } .eb-countdown-m5bod6q.eb-cd-wrapper .eb-cd-inner .box span { display: block; } .eb-countdown-m5bod6q.eb-cd-wrapper .eb-cd-inner .box span.eb-cd-digit { font-size: 37px; color: rgba(0,0,0,1); } .eb-countdown-m5bod6q.eb-cd-wrapper .eb-cd-inner .box span.eb-cd-label { font-size: 12px; line-height: 1em; text-transform: uppercase; padding-left: 5px; padding-bottom: 20px; color: rgba(0,0,0,1); } .eb-countdown-m5bod6q.eb-cd-wrapper .eb-cd-inner .box + .box { margin: 0; margin-left:15px; } .eb-countdown-m5bod6q.eb-cd-wrapper .eb-cd-inner .box.cd-box-day{ } .eb-countdown-m5bod6q.eb-cd-wrapper .eb-cd-inner .box.cd-box-day:hover{ } .eb-countdown-m5bod6q.eb-cd-wrapper .eb-cd-inner .box.cd-box-day span.eb-cd-label{ } .eb-countdown-m5bod6q.eb-cd-wrapper .eb-cd-inner .box.cd-box-day span.eb-cd-digit{ } .eb-countdown-m5bod6q.eb-cd-wrapper .eb-cd-inner .box.cd-box-hour{ } .eb-countdown-m5bod6q.eb-cd-wrapper .eb-cd-inner .box.cd-box-hour:hover{ } .eb-countdown-m5bod6q.eb-cd-wrapper .eb-cd-inner .box.cd-box-hour span.eb-cd-label{ } .eb-countdown-m5bod6q.eb-cd-wrapper .eb-cd-inner .box.cd-box-hour span.eb-cd-digit{ } .eb-countdown-m5bod6q.eb-cd-wrapper .eb-cd-inner .box.cd-box-minute{ } .eb-countdown-m5bod6q.eb-cd-wrapper .eb-cd-inner .box.cd-box-minute:hover{ } .eb-countdown-m5bod6q.eb-cd-wrapper .eb-cd-inner .box.cd-box-minute span.eb-cd-label{ } .eb-countdown-m5bod6q.eb-cd-wrapper .eb-cd-inner .box.cd-box-minute span.eb-cd-digit{ }  @media(max-width: 1024px){ .eb-countdown-m5bod6q.eb-cd-wrapper{ } .eb-countdown-m5bod6q.eb-cd-wrapper:hover{ } .eb-countdown-m5bod6q.eb-cd-wrapper:before{ } .eb-countdown-m5bod6q.eb-cd-wrapper:hover:before{ } .eb-countdown-m5bod6q.eb-cd-wrapper .eb-cd-inner .box { } .eb-countdown-m5bod6q.eb-cd-wrapper .eb-cd-inner .box:hover{ } .eb-countdown-m5bod6q.eb-cd-wrapper .eb-cd-inner .box span.eb-cd-digit { } .eb-countdown-m5bod6q.eb-cd-wrapper .eb-cd-inner .box span.eb-cd-label { } .eb-countdown-m5bod6q.eb-cd-wrapper .eb-cd-inner .box + .box { } .eb-countdown-m5bod6q.eb-cd-wrapper .eb-cd-inner .box.cd-box-day{ } .eb-countdown-m5bod6q.eb-cd-wrapper .eb-cd-inner .box.cd-box-day:hover{ } .eb-countdown-m5bod6q.eb-cd-wrapper .eb-cd-inner .box.cd-box-hour{ } .eb-countdown-m5bod6q.eb-cd-wrapper .eb-cd-inner .box.cd-box-hour:hover{ } .eb-countdown-m5bod6q.eb-cd-wrapper .eb-cd-inner .box.cd-box-minute{ } .eb-countdown-m5bod6q.eb-cd-wrapper .eb-cd-inner .box.cd-box-minute:hover{ } } @media(max-width: 767px){ .eb-countdown-m5bod6q.eb-cd-wrapper{ } .eb-countdown-m5bod6q.eb-cd-wrapper:hover{ } .eb-countdown-m5bod6q.eb-cd-wrapper:before{ } .eb-countdown-m5bod6q.eb-cd-wrapper:hover:before{ } .eb-countdown-m5bod6q.eb-cd-wrapper .eb-cd-inner .box { } .eb-countdown-m5bod6q.eb-cd-wrapper .eb-cd-inner .box:hover{ } .eb-countdown-m5bod6q.eb-cd-wrapper .eb-cd-inner .box span.eb-cd-digit { } .eb-countdown-m5bod6q.eb-cd-wrapper .eb-cd-inner .box span.eb-cd-label { } .eb-countdown-m5bod6q.eb-cd-wrapper .eb-cd-inner .box + .box { } .eb-countdown-m5bod6q.eb-cd-wrapper .eb-cd-inner .box.cd-box-day{ } .eb-countdown-m5bod6q.eb-cd-wrapper .eb-cd-inner .box.cd-box-day:hover{ } .eb-countdown-m5bod6q.eb-cd-wrapper .eb-cd-inner .box.cd-box-hour{ } .eb-countdown-m5bod6q.eb-cd-wrapper .eb-cd-inner .box.cd-box-hour:hover{ } .eb-countdown-m5bod6q.eb-cd-wrapper .eb-cd-inner .box.cd-box-minute{ } .eb-countdown-m5bod6q.eb-cd-wrapper .eb-cd-inner .box.cd-box-minute:hover{ } }