/* Dynamite Deals Section */
.dd-btn-row-container {
   background-color: #efefef;
   padding: 15px 0 0 0;
   border: 1px solid #d6d6d6;
   /* border-radius: 5px; */
}

.dd-background-a {
   background: #e7e7e7;
   background: -moz-linear-gradient(0deg, #e7e7e7 0%, #fff 100%);
   background: -webkit-linear-gradient(0deg, #e7e7e7 0%, #fff 100%);
   background: linear-gradient(0deg, #e7e7e7 0%, #fff 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e7e7e7", endColorstr="#fff", GradientType=1);
   /* border-radius: 0.25rem; */
}

.dd-background-b {
   background: #e7e7e7;
   background: -moz-linear-gradient(0deg, #e7e7e7 0%, #fff 15%);
   background: -webkit-linear-gradient(0deg, #e7e7e7 0%, #fff 15%);
   background: linear-gradient(0deg, #e7e7e7 0%, #fff 15%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e7e7e7", endColorstr="#fff", GradientType=1);
   /* border-radius: 0.25rem; */
}

#timerImageContainer {
   text-align: center;
}

.dd-spinner {
   margin: 20px auto;
   display: block;
}

/* Deal Timer Styles */

.vcenter {
   margin: 0;
   position: absolute;
   top: 50%;
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
}


/* Content Styles */
.dd-container {
   padding: 0 0 0 20px
}

.dd-image-shadow {
   filter: drop-shadow(2px 2px 4px #000000);
}

.black-trans-bg::before {
   background: #000 none repeat scroll 0 0;
   content: "";
   height: 100%;
   left: 0;
   opacity: 0.3;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: 0;
}

.dd-title {
   color: #111;
   font-size: 1.2rem;
   text-align: left;
}

.dd-text-shadow {
   font-weight: normal;
   text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.5);
   -webkit-text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.5);
   -moz-text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.5);
}

.read-more-link {
   color: #0053A8;
}

.dd-size-description {
   color: #111;
}

.dd-card-content {
   margin: 0 0 15px 0;
}

.dd-card-content p {
   margin: 0;
}

.dd-btn-container {
   text-align: center;
}

.dd-btn-cta {
   display: block;
   margin-bottom: 10px;
   font-size: 11px;
}

.deal-btn-disabled {
   pointer-events: none;
   color: #858585 !important;
   border: 1px solid #858585 !important;
}

.dd-heading {
   margin-top: 20px;
   font-size: 13px;
   display: flex;
   align-items: center;
   color: #e30000;
   text-transform: uppercase;
}

.dd-heading::before,
.dd-heading::after {
   content: '';
   padding: 1px;
   background-color: #efefef;
   margin: 3px;
}

.dd-heading::before {
   flex: .11;
}

.dd-heading::after {
   flex: 1;
}

.dd-heading span.dd-logo::before {
   content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 567.34 107.91"><defs><style> .cls-1 { fill: %23ce4018; stroke: %23fff; stroke-width: .25px; } .cls-1, .cls-2 { stroke-miterlimit: 10; } .cls-3, .cls-4, .cls-5, .cls-6, .cls-7 { stroke-width: 0px; } .cls-2 { fill: none; stroke: %23ed1c24; stroke-linecap: round; stroke-width: .75px; } .cls-4 { fill: %23ba4836; } .cls-5 { fill: %23333; } .cls-6 { fill: %23fff; } .cls-7 { fill: %23f7931e; } </style></defs><g id="Layer_1" data-name="Layer 1"><g><path class="cls-3" d="m374.17,43.8h12.83c18.63,0,28.87,10.98,28.87,27.37,0,10.13-4.1,18.17-11.94,23.27-5.12,3.32-10.44,4.1-16.93,4.1h-12.83v-54.73Zm13.92,42.98c10.37,0,16.11-6.11,16.11-15.61s-5.73-15.69-16.11-15.69h-2.53v31.31h2.53Z"/><path class="cls-3" d="m418.47,43.8h29.76v11.29h-18.57v9.89h15.9v11.21h-15.9v10.82h18.84v11.52h-30.03v-54.73Z"/><path class="cls-3" d="m475.28,42.1h.75l24.09,56.43h-12.08l-3.07-7.96h-19.59l-3.14,7.96h-11.6l24.64-56.43Zm6.14,39.04l-6.28-17.16-6.42,17.16h12.7Z"/><path class="cls-3" d="m502.83,43.8h11.53v42.98h18.84v11.75h-30.37v-54.73Z"/></g><g><path class="cls-3" d="m0,44.05h13.82c20.06,0,31.09,10.44,31.09,26.02,0,9.63-4.41,17.27-12.86,22.12-5.51,3.16-11.24,3.9-18.23,3.9H0v-52.03Zm14.99,40.86c11.17,0,17.34-5.81,17.34-14.85s-6.17-14.92-17.34-14.92h-2.72v29.76h2.72Z"/><path class="cls-3" d="m56.92,71.39l-18.59-27.34h14.99l10.88,16.46,11.98-16.46h13.16l-20.06,26.82v25.21h-12.35v-24.69Z"/><path class="cls-3" d="m92.43,42.36h1.18l32.41,30.35v-28.66h11.47v54.02h-1.1l-32.48-30.35v28.37h-11.46v-53.72Z"/><path class="cls-3" d="m165.09,42.43h.81l25.94,53.65h-13.01l-3.31-7.57h-21.09l-3.38,7.57h-12.49l26.53-53.65Zm9.29,37.11l-6.76-16.31-6.91,16.31h13.67Z"/><path class="cls-3" d="m204.95,42.36h.88l19.62,33.88,18.52-33.88h.96l10.88,53.72h-11.83l-4.41-23.74-13.96,25.65h-.81l-14.99-26.02-4.56,24.11h-11.1l10.8-53.72Z"/><path class="cls-3" d="m298.67,54.93h-16.54v-10.88h45.42v10.88h-16.46v41.16h-12.42v-41.16Z"/><path class="cls-3" d="m333.51,44.05h32.04v10.73h-19.99v9.41h17.12v10.66h-17.12v10.29h20.28v10.95h-32.34v-52.03Z"/></g><g><path class="cls-1" d="m372.35,40.71h12.83c18.63,0,28.87,10.98,28.87,27.37,0,10.13-4.1,18.17-11.94,23.27-5.12,3.32-10.44,4.1-16.93,4.1h-12.83v-54.73Zm13.92,42.98c10.37,0,16.11-6.11,16.11-15.61s-5.73-15.69-16.11-15.69h-2.53v31.31h2.53Z"/><path class="cls-1" d="m416.65,40.71h29.76v11.29h-18.57v9.89h15.9v11.21h-15.9v10.82h18.84v11.52h-30.03v-54.73Z"/><path class="cls-1" d="m473.46,39.01h.75l24.09,56.43h-12.08l-3.07-7.96h-19.59l-3.14,7.96h-11.6l24.64-56.43Zm6.14,39.04l-6.28-17.16-6.42,17.16h12.7Z"/><path class="cls-1" d="m501.01,40.71h11.53v42.98h18.84v11.75h-30.37v-54.73Z"/></g></g><g id="Layer_2" data-name="Layer 2"><path class="cls-7" d="m536.87,74.46c6.93-.18,13.86-.25,20.8-.36l-.57,1.34c-5.57-5.07-13.44-13.34-18.85-18.72,0,0-.78-.79-.78-.79l.87-.69,25.22-20.19.7,1.78-29.79,2.38-1.34.11.29-1.32,6.37-29.15,1.67.94-23.43,22.23-.8.76c-3.12-4.13-9.8-12.58-12.82-16.66,0,0-3.87-5.4-3.87-5.4l1.34-.37c-1.01,6.64-1.99,13.29-3.05,19.93.52-7.31,1.13-14.61,1.71-21.92.68.84,4.64,5.6,5.43,6.56,2.73,3.41,9.37,12.19,12.17,15.76,0,0-1.48-.12-1.48-.12l23.43-22.23,2.36-2.24c-.1.43-6.73,30.84-7.06,32.33,0,0-1.06-1.21-1.06-1.21l29.79-2.38,3.25-.26-2.54,2.04-25.22,20.19.09-1.48c5.95,6.03,14.28,14.21,19.88,20.46-7.56-.43-15.12-.81-22.67-1.32h0Z"/><g><path class="cls-4" d="m254.33,25.74c-.36.42-.77.8-1.22,1.09.95-.03,1.92-.17,2.85-.34-.64-.07-1.19-.34-1.63-.75Z"/><path class="cls-4" d="m258.21,29.34c-3.6.71-7.72,1.32-10.94-.85-.16-.11-.29-.23-.38-.35l15.72,76.64c.43,2.12,2.52,3.49,4.64,3.06l17.32-3.55c2.12-.43,3.49-2.52,3.06-4.64l-15.61-76.13c-3.78,3.15-9.05,4.9-13.79,5.83Z"/><ellipse class="cls-4" cx="259.3" cy="23.98" rx="12.68" ry="3.96" transform="translate(1.81 62.82) rotate(-13.86)"/><path class="cls-6" d="m252.67,33.68c5.7,22.04,10.08,44.41,13.09,66.98-5.71-22.04-10.07-44.42-13.09-66.98h0Z"/><path class="cls-5" d="m258.71,23.93c-.6-1.19-1.29-2.65-1.19-4.11.09-1.38.93-2.54,1.12-3.81,1.05-4.07-2.37-8.79-6.81-7.86,1.65-.53,3.55-.14,5.02.85,2.31,1.51,3.32,4.5,3.03,7.18-.08,1.66-1.16,3.11-.53,4.68.15,1.03,2.1,2.52.79,3.47-.5.32-1.17.13-1.43-.4h0Z"/><line class="cls-2" x1="251.89" y1="11.35" x2="251.96" y2="15.92"/><line class="cls-2" x1="249.55" y1="10.75" x2="246.47" y2="14.11"/><line class="cls-2" x1="248.71" y1="8.64" x2="244.28" y2="9.74"/><line class="cls-2" x1="249.11" y1="6.35" x2="244.92" y2="4.54"/><line class="cls-2" x1="250.57" y1="4.75" x2="249.27" y2=".38"/><line class="cls-2" x1="252.29" y1="4.91" x2="255.03" y2="1.26"/></g></g></svg>');
   display: inline-block;
   width: 200px;
}

.dd-heading span {
   background: #fff;
   padding: 0 10px;
}

.dd-more-description,
.dd-more-description p {
   text-align: left !important;
   margin: 5px 0 0 0;
   color: #111;
   line-height: 1.6em;
}

.read-more-card p {
   color: #111 !important
}

.dd-price {
   font-weight: 900;
   display: block;
   text-align: center;
   font-size: 1.1vw;
   color: #005701;
}

.dd-retail-price {
   display: inline-block;
   text-align: center;
   color: #f00;
   text-decoration: line-through;
}

.dd-free-ship {
   display: inline-block;
   text-align: center;
   text-align: right;
   color: #e30000;
}

.bonus-banner {
   background-color: #e30000 !important;
   border: 1px solid #570000;
   color: #FFF;
   font-size: 11px;
   font-weight: bold;
   margin: 0;
   padding: 2px 3px;
   position: absolute;
   right: -5px;
   left: auto;
   top: auto;
   text-align: center;
   text-transform: uppercase;
   bottom: 30px;
   -webkit-animation: colorPulse 3s;
   -moz-animation: colorPulse 3s;
   -o-animation: colorPulse 3s;
   animation: colorPulse 3s;
}

.bonus-banner .bonus-right-arrow {
   border-right: 10px solid transparent;
   border-bottom: 10px solid#666666;
   height: 0;
   line-height: 0;
   position: absolute;
   right: -1px;
   top: -11px;
   width: 0;
   z-index: -5;
}

.bonus-banner a {
   color: #fff;
}

.stick-sampler-count {
   background-color: #B00000;
   position: absolute;
   left: 45px;
   margin-top: 22px;
}

.attribute-styled {
   border: 1px solid#CDCDCD;
}

.attribute-styled {
   margin: 0 auto;
   width: 100%;
}

.attribute-styled {
   border-collapse: collapse;
   font-size: 13px;
   letter-spacing: 1px;
   margin: 10px 0;
}

.list-group-item span {
   text-transform: capitalize;
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
   .dd-price {
      font-size: 7vw
   }

   .dynamite-btn {
      margin-bottom: 15px;
   }

   .dynamite-btn span {
      font-size: 11px;
      display: block
   }

   #timerImageContainer .img-fluid {
      max-width: 70% !important;
      margin: 0 auto;
   }

   .dd-size-description,
   .dd-title {
      text-align: center;
   }
}

.attribute-key {
   padding-left: 3px;
}

.attribute-styled .attribute-value {
   border: 1px solid#CDCDCD;
   border-left: none;
   border-right: none;
   color: #000;
   padding: 0;
   text-align: center;
}

.attribute-styled {
   margin: 0 auto;
   width: 100%;
}

.attribute-styled {
   border-collapse: collapse;
   font-size: 13px;
   letter-spacing: 1px;
}

.card-header:first-child {
   border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-header {
   padding: 0.75rem 1.25rem;
   margin-bottom: 0;
   background-color: #666;
   border-bottom: 1px solid rgba(0, 0, 0, 0.125);
   color: #FFF;
   font-size: 16px;
   font-weight: bold;
   text-align: center;
}

.dd-popover,
.dd-popover:hover,
.dd-popover:active {
   text-decoration: none;
   color: #ce4019;
}

#dd-moreinfo{
   color:#0053A8
}

/* Bonus item styles */
.bonus-item {
   font-weight: bold;
   line-height: 20px;
   margin: 10px 0 0;
   padding: 0;
   text-align: left;
}

.bonus-item img {
   background-color: #FFFFFF;
   height: auto;
   max-width: 100%;
   padding: 5px;
}

.bonus-item-name {
   font-size: 16px;
   font-weight: bold;
   line-height: 18px;
}

.free-item-count {
   background-color: #B00000;
   margin-left: -30px;
   margin-right: 10px;
}


.bonus-item-price {
   color: #B00000;
   /* font-family: "Ubuntu Condensed"; */
   font-family: "Ubuntu Condensed", "Arial Narrow", "Trebuchet MS", Arial, sans-serif;
   font-size: 18px;
   text-transform: uppercase;
}

/* Medium device size */
@media (min-width: 768px) {
   .dd-price {
      font-size: 2vw
   }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
   .dd-price {
      font-size: 2vw
   }



   .dd-btn-col {
      padding: 0 10px;
   }

   .dynamite-btn {
      margin-bottom: 15px;
   }

   .dynamite-btn span {
      font-size: 11px;
      display: block
   }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
   .dd-price {
      font-size: 1.1vw
   }

   .dynamite-btn {
      margin-bottom: 15px;
   }

   .dynamite-btn span {
      font-size: 11px;
      display: block
   }
}

/* SVG styles  */
.dd-stacked {
   max-width: 70%;
   text-align: center;
   margin: 0 auto;
}

.cls-1 {
   fill: #ce4018;
   stroke: #fff;
   stroke-width: .5px;
}

.cls-1,
.cls-2 {
   stroke-miterlimit: 10;
}

.cls-3,
.cls-4,
.cls-5,
.cls-6,
.cls-7 {
   stroke-width: 0px;
}

.cls-2 {
   fill: none;
   stroke: #ed1c24;
   stroke-linecap: round;
   stroke-width: .75px;
}

.cls-4 {
   fill: #ba4836;
}

.cls-5 {
   fill: #333;
}

.cls-6 {
   fill: #fff;
}

.cls-7 {
   fill: #f7931e;
}

/* Sparkler Loader */
.sparkler {
   --sparkler-stick: #c50101;
   --sparkler-gun-powder: #706677;
   --sparkler-burnt: #fff;
   --sparkler-ember: #ff9f1c;

   position: relative;
   margin: 0 auto;
   height: 10rem;
   width: 20px;
   transform: rotate(55deg);
}

.sparkler .stick {
   position: absolute;
   top: 4rem;
   margin-left: -0.1rem;
   width: 1.2rem;
   height: 5rem;
   background-color: var(--sparkler-stick);
   border-radius: 0.5rem;
}

.sparkler .gun-powder {
   position: absolute;
   margin-left: .3rem;
   bottom: 5.5rem;
   width: 0.4rem;
   height: 3rem;
   background-color: var(--sparkler-burnt);
   border-radius: 0.5rem;

}

.sparkler .gun-powder::before {
   content: '';
   display: block;
   position: absolute;
   bottom: 0;
   width: 0.4rem;
   height: 3rem;
   background: linear-gradient(to bottom,
         var(--sparkler-ember) 0.3rem,
         var(--sparkler-gun-powder) 0.2rem);
   border-radius: 0.5rem;
   animation: sparkler-burn-anim 10s infinite;
}

.sparkler .sparkler-light {
   position: absolute;
   width: 9rem;
   height: 3cap;
   margin-left: -4.4rem;
   margin-top: -1.4rem;
   animation: sparkler-light-anim 10s infinite;
}

.sparkler .sparkler-light::after {
   content: '';
   display: block;
   border-radius: 50%;
   width: 9rem;
   height: 9rem;
   background-color: rgba(255, 255, 230, 0.1);
   animation: sparkler-light-pulsating 2s infinite linear;
}

.sparkler .spark {
   position: absolute;
   width: 0.1rem;
   height: 0.1rem;
   bottom: 4.3rem;
   left: 4.35rem;
   transform: rotate(var(--spark-rotate));
}

.sparkler .spark::after {
   content: '';
   display: block;
   position: absolute;
   bottom: 0;
   width: 0.1rem;
   height: 2rem;
   border-radius: 0.1rem;
   opacity: 0;
   background-color: rgb(232, 186, 85);
   transform-origin: bottom center;
   animation: sparkler-sparkle 0.5s infinite linear;
   animation-delay: var(--spark-delay);
}

@keyframes sparkler-burn-anim {
   0% {
      height: 3rem
   }

   100% {
      height: 0
   }
}

@keyframes sparkler-light-anim {
   0% {
      bottom: 3.7rem
   }

   100% {
      bottom: 1.5rem;
   }
}

@keyframes sparkler-light-pulsating {
   0% {
      transform: scale(1);
   }

   25% {
      transform: scale(1.1);
   }

   75% {
      transform: scale(0.9);
   }

   100% {
      transform: scale(1);
   }
}

@keyframes sparkler-sparkle {
   0% {
      transform: translateY(-0.5rem) scaleY(0.25);
      opacity: 0;
   }

   10% {
      transform: translateY(-1rem) scaleY(0.5);
      opacity: 0.35;
   }

   30% {
      transform: translateY(-2rem) scaleY(0.5);
      opacity: 0.7;
   }

   50% {
      transform: translateY(-4rem) scaleY(1.5);
      opacity: 0.7;
   }

   51% {
      opacity: 0;
      transform: translateY(-4rem) scaleY(1);
   }

   100% {
      opacity: 0;
      transform: translateY(0) scaleY(0.25);
   }
}

@media screen and (min-width: 2400px) {
   .dd-price {
      font-size: .7vw
   }


}

/* THEMES */

/********** Theme: dark **********/
/* Font styles */
#dealTimer.flipdown__theme-dark {
   font-family: sans-serif;
   font-weight: bold;
}

/* Rotor group headings */
#dealTimer.flipdown__theme-dark .rotor-group-heading:before {
   color: #000000;
}

/* Delimeters */
#dealTimer.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):before,
#dealTimer.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):after {
   background-color: #151515;
}

/* Rotor tops */
#dealTimer.flipdown__theme-dark .rotor,
#dealTimer.flipdown__theme-dark .rotor-top,
#dealTimer.flipdown__theme-dark .rotor-leaf-front {
   color: #FFFFFF;
   background-color: #151515;
}

/* Rotor bottoms */
#dealTimer.flipdown__theme-dark .rotor-bottom,
#dealTimer.flipdown__theme-dark .rotor-leaf-rear {
   color: #EFEFEF;
   background-color: #202020;
}

/* Hinge */
#dealTimer.flipdown__theme-dark .rotor:after {
   border-top: solid 1px #151515;
}

/********** Theme: danger **********/
/* Font styles */
#dealTimer.flipdown__theme-danger {
   font-family: sans-serif;
   font-weight: bold;
}

/* Rotor group headings */
#dealTimer.flipdown__theme-danger .rotor-group-heading:before {
   color: #d31a1a;
}

/* Delimeters */
#dealTimer.flipdown__theme-danger .rotor-group:nth-child(n+2):nth-child(-n+3):before,
#dealTimer.flipdown__theme-danger .rotor-group:nth-child(n+2):nth-child(-n+3):after {
   background-color: #d31a1a;
}

/* Rotor tops */
#dealTimer.flipdown__theme-danger .rotor,
#dealTimer.flipdown__theme-danger .rotor-top,
#dealTimer.flipdown__theme-danger .rotor-leaf-front {
   color: #EEEEEE;
   background-color: #d31a1a;
}

/* Rotor bottoms */
#dealTimer.flipdown__theme-danger .rotor-bottom,
#dealTimer.flipdown__theme-danger .rotor-leaf-rear {
   color: #EEEEEE;
   background-color: #d31a1a;
}

/* Hinge */
#dealTimer.flipdown__theme-danger .rotor:after {
   border-top: solid 1px #b30000;
}

/* END OF THEMES */

#dealTimer {
   overflow: visible;
   width: 100%;
   height: 75px;
   padding-left: 15px;
}

#dealTimer .rotor-group {
   position: relative;
   float: left;
   padding-right: 11px;
}

#dealTimer .rotor-group:last-child {
   padding-right: 0;
}

#dealTimer .rotor-group-heading:before {
   display: block;
   height: 30px;
   line-height: 30px;
   text-align: center;
}

#dealTimer .rotor-group:nth-child(1) .rotor-group-heading:before {
   content: attr(data-before);
}

#dealTimer .rotor-group:nth-child(2) .rotor-group-heading:before {
   content: attr(data-before);
}

#dealTimer .rotor-group:nth-child(3) .rotor-group-heading:before {
   content: attr(data-before);
}

#dealTimer .rotor-group:nth-child(4) .rotor-group-heading:before {
   content: attr(data-before);
}

#dealTimer .rotor-group:nth-child(n+2):nth-child(-n+3):before {
   content: '';
   position: absolute;
   bottom: 10px;
   left: 55px;
   width: 5px;
   height: 5px;
   border-radius: 50%;
}

#dealTimer .rotor-group:nth-child(n+2):nth-child(-n+3):after {
   content: '';
   position: absolute;
   bottom: 25px;
   left: 55px;
   width: 5px;
   height: 5px;
   border-radius: 50%;
}

#dealTimer .rotor {
   position: relative;
   float: left;
   width: 25px;
   height: 40px;
   margin: 0px 2px 0px 0px;
   border-radius: 4px;
   font-size: 2rem;
   text-align: center;
   perspective: 200px;
}

#dealTimer .rotor:last-child {
   margin-right: 0;
}

#dealTimer .rotor-top,
#dealTimer .rotor-bottom {
   overflow: hidden;
   position: absolute;
   width: 25px;
   height: 20px;
}

#dealTimer .rotor-leaf {
   z-index: 1;
   position: absolute;
   width: 25px;
   height: 40px;
   transform-style: preserve-3d;
   transition: transform 0s;
}

#dealTimer .rotor-leaf.flipped {
   transform: rotateX(-180deg);
   transition: all 0.5s ease-in-out;
}

#dealTimer .rotor-leaf-front,
#dealTimer .rotor-leaf-rear {
   overflow: hidden;
   position: absolute;
   width: 25px;
   height: 20px;
   margin: 0;
   transform: rotateX(0deg);
   backface-visibility: hidden;
   -webkit-backface-visibility: hidden;
}

#dealTimer .rotor-leaf-front {
   line-height: 40px;
   border-radius: 4px 4px 0px 0px;
}

#dealTimer .rotor-leaf-rear {
   line-height: 0px;
   border-radius: 0px 0px 4px 4px;
   transform: rotateX(-180deg);
}

#dealTimer .rotor-top {
   line-height: 40px;
   border-radius: 4px 4px 0px 0px;
}

#dealTimer .rotor-bottom {
   bottom: 0;
   line-height: 0px;
   border-radius: 0px 0px 4px 4px;
}

#dealTimer .rotor:after {
   content: '';
   z-index: 2;
   position: absolute;
   bottom: 0px;
   left: 0px;
   width: 25px;
   height: 20px;
   border-radius: 0px 0px 4px 4px;
}

@media (max-width: 550px) {

   #dealTimer {
      width: 100%;
      height: 65px;
      margin-bottom: 10px;
   }

   #dealTimer .rotor {
      font-size: 2.2rem;
      margin-right: 3px;
   }

   #dealTimer .rotor,
   #dealTimer .rotor-leaf,
   #dealTimer .rotor-leaf-front,
   #dealTimer .rotor-leaf-rear,
   #dealTimer .rotor-top,
   #dealTimer .rotor-bottom,
   #dealTimer .rotor:after {
      width: 30px;
   }

   #dealTimer .rotor-group {
      padding-right: 15px;
   }

   #dealTimer .rotor-group:last-child {
      padding-right: 0px;
   }

   #dealTimer .rotor-group-heading:before {
      font-size: 0.8rem;
      height: 20px;
      line-height: 20px;
   }

   #dealTimer .rotor-group:nth-child(n+2):nth-child(-n+3):before,
   #dealTimer .rotor-group:nth-child(n+2):nth-child(-n+3):after {
      left: 69px;
   }

   #dealTimer .rotor-group:nth-child(n+2):nth-child(-n+3):before {
      bottom: 13px;
      height: 8px;
      width: 8px;
   }

   #dealTimer .rotor-group:nth-child(n+2):nth-child(-n+3):after {
      bottom: 29px;
      height: 8px;
      width: 8px;
   }

   #dealTimer .rotor-leaf-front,
   #dealTimer .rotor-top {
      line-height: 50px;
   }

   #dealTimer .rotor-leaf,
   #dealTimer .rotor {
      height: 50px;
   }

   #dealTimer .rotor-leaf-front,
   #dealTimer .rotor-leaf-rear,
   #dealTimer .rotor-top,
   #dealTimer .rotor-bottom,
   #dealTimer .rotor:after {
      height: 25px;
   }
}

/* hide days and hours */
.Days,
.Hours {
   display: none;
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
   .dd-btn-row-container {
      padding-top: 6px;
   }

   #dealTimer {
      overflow: visible;
      width: 100%;
      height: 68px;
      padding-left: 6px;
   }

   /* timer dots */
   #dealTimer .rotor-group:nth-child(n+2):nth-child(-n+3):after {
      left: 47px;

   }

   #dealTimer .rotor-group:nth-child(n+2):nth-child(-n+3):before {

      left: 47px;

   }

   #dealTimer .rotor-group {
      padding-right: 10px;
   }

   #dealTimer .rotor {
      font-size: 1.7rem;
      margin-right: 3px;
   }

   #dealTimer .rotor,
   #dealTimer .rotor-leaf,
   #dealTimer .rotor-leaf-front,
   #dealTimer .rotor-leaf-rear,
   #dealTimer .rotor-top,
   #dealTimer .rotor-bottom,
   #dealTimer .rotor:after {
      width: 20px;
   }
}