.category-banner{
  overflow: initial;
}

/* hovers component over background image so it can be responsive */
.tabs-vi-banner > div:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
}
@media (max-width: 767px) {
  .tabs-vi-banner > div:nth-child(2) {
    width: calc(100% + 16px);
  }
}


/* counters margins set by each slide so first and last margins are not visible */
.tabs-vi-banner .slick-list{
  margin: 0 -5.5px;
}

.tabs-vi-banner .slick-arrow {
  margin: 0 auto;
  top: 45%;
  transform: translateY(-50%);
}

.mkt-svg-overlay__cta-container .mkt-svg-overlay__link.sbr-links:last-child{
  margin-right:0 !important;
}

@media (max-width: 767px) {
  .tabs-vi-banner > div:nth-child(2) > div:first-child {
    width: 14%;
  }
  .tabs-vi-banner > div:nth-child(2) > div:last-child {
    width: 86%;
  }
  .tabs-vi-banner > div:nth-child(2) > div:first-child button{
    font-size: 3.200vw;
  }
}

@media (min-width: 768px) {
  .tabs-vi-banner{
    margin-bottom: -0.5rem;
  }
  .tabs-vi-banner > div:nth-child(2) > div:first-child {
    width: 5.6891025641026%;
  }
  .tabs-vi-banner > div:nth-child(2) > div:last-child {
    width: 94.3108974358974%;
  }
  .tabs-vi-banner > div:nth-child(2) > div:first-child button{
    font-size: 1.442vw;
  }
}

/* Desktop max font size - Category Banners are max 1248 width */
@media (min-width: 1248px) {
  .tabs-vi-banner > div:nth-child(2) > div:first-child button{
    font-size: 18px !important;
  }
  .sbr-title, .sbr-links{
    font-size: 20px !important;
  }
  .mkt-svg-overlay__cta-container .mkt-svg-overlay__link{
    font-size: 20px !important;
  }
}


/* hardcode heights for tabs */
@media (max-width: 767px) {
  .tabs-vi-banner > div:nth-child(2) > div:first-child {
    height: 83.3%;
  }
}
@media (min-width: 768px) {
  .tabs-vi-banner > div:nth-child(2) > div:first-child {
    height: 81.5%;
  }
}
@media (min-width: 1024px) {
  .tabs-vi-banner > div:nth-child(2) > div:first-child {
    height: 83%;
  }
}
@media (min-width: 1400px) {
  .tabs-vi-banner > div:nth-child(2) > div:first-child {
    height: 84.1%;
  }
}