@media screen and (max-width: 768px) {
  .flex-container-poradna {
    flex-direction: column;
  }
}

@media screen and (min-width: 768px) {
  #carousel,
  .next-to-carousel-banners .banner-wrapper {
    margin-bottom: 0;
  }

  #carousel .item .extended-banner-title {
    margin-bottom: 15px;
  }

  .annotation {
    font-size: 22px;
    padding-left: 35px;
    margin: 0 0 0px;
    border-left: 3px solid #43deab;
  }
}

@media screen and (min-width: 992px) {
  #carousel .item > a {
    padding: 40px;
  }
  #carousel .item .extended-banner-title {
    font-size: 34px;
  }
  #carousel .item .extended-banner-text {
    font-size: 20px;
    margin-bottom: 30px;
    font-weight: 700;
  }

  .siteCookies__button:hover {
    background-color: var(--color-primary-hover);
  }

  .shp-tabs-holder ul.shp-tabs a.shp-tab-link {
    font-size: 20px;
  }
}

@media screen and (min-width: 1200px) {
  #carousel .item > a {
    height: 560px;
  }
  .next-to-carousel-banners .banner-wrapper > a {
    padding: 30px;
    height: 280px;
    min-height: 280px;
  }

  .navigation-in > ul > li.ext > ul > li {
    width: 25%;
    flex-basis: 25%;
  }
}

@media screen and (min-width: 1440px) {
  #carousel .item > a {
    padding-top: 60px;
    height: 672px;
  }
  .next-to-carousel-banners .banner-wrapper > a {
    height: 336px;
    min-height: 336px;
  }
  #carousel .item .extended-banner-title {
    font-size: 40px;
  }
  #carousel .item .extended-banner-text {
    font-size: 22px;
  }
  body.id-709 .category-top .subcategories.with-image .col-xl-3,
  body.subtype-category-parametric
    .category-top
    .subcategories.with-image
    .col-xl-3 {
    width: 50%;
  }
}