.block-title {
  color: #fff;
  font-size: calc(1.1875rem + 3.2142857143vw);
}
@media (min-width: 1400px) {
  .block-title {
    font-size: 4rem;
  }
}

.block--views-block--dogbanner-hero-block-1 {
  padding: 7.31rem 0 3.44rem;
  background-image: url("/themes/custom/base/src/assets/images/hero-bg.png");
  background-position-x: center;
  background-position-y: bottom;
  background-size: 150rem 50rem;
  background-repeat: no-repeat;
}
@media (max-width: 991.98px) {
  .block--views-block--dogbanner-hero-block-1 {
    background-size: 90rem 30rem;
  }
}
@media (max-width: 575.98px) {
  .block--views-block--dogbanner-hero-block-1 {
    background-size: 60rem 20rem;
  }
}
.block--views-block--dogbanner-hero-block-1 .media--image {
  display: flex;
  justify-content: center;
  margin: 10px;
}
.block--views-block--dogbanner-hero-block-1 .slick-slider {
  margin: 0 42px;
}
@media (min-width: 576px) {
  .block--views-block--dogbanner-hero-block-1 .slick-slide {
    display: inline-block;
    vertical-align: middle;
    float: none;
    height: auto;
    transition: -webkit-transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
    transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
  }
}
.block--views-block--dogbanner-hero-block-1 .slick-arrow::before {
  color: #fff;
}
@media (min-width: 576px) {
  .block--views-block--dogbanner-hero-block-1 .slick-track {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2rem;
  }
}
@media (min-width: 576px) {
  .block--views-block--dogbanner-hero-block-1 .slick-current {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}
@media (max-width: 991.98px) {
  .block--views-block--dogbanner-hero-block-1 .slick--optionset--dogbanner-hero {
    max-width: 100%;
  }
}
.block--views-block--dogbanner-hero-block-1 .slick--optionset--dogbanner-hero img {
  width: auto;
  max-height: 250px;
  border-radius: 15px;
}

@media (min-width: 576px) {
  .block--views-block--dogbanner-hero-block-1 .slick-track {
    height: 225px;
  }
}
@media (min-width: 576px) {
  .block--views-block--dogbanner-hero-block-1 .slick--optionset--dogbanner-hero img {
    max-height: 150px;
  }
}

@media (min-width: 768px) {
  .block--views-block--dogbanner-hero-block-1 .slick-track {
    height: 375px;
  }
}
@media (min-width: 768px) {
  .block--views-block--dogbanner-hero-block-1 .slick--optionset--dogbanner-hero img {
    max-height: 250px;
  }
}

@media (min-width: 992px) {
  .block--views-block--dogbanner-hero-block-1 .slick-track {
    height: 600px;
  }
}
@media (min-width: 992px) {
  .block--views-block--dogbanner-hero-block-1 .slick--optionset--dogbanner-hero img {
    max-height: 400px;
  }
}

#product {
  scroll-margin-top: 10rem;
}
@media (max-width: 991.98px) {
  #product {
    scroll-margin-top: 18rem;
  }
}