#categories-carousels .title-container h3 {
    font-size: 20px;
}

#categories-carousels .category-carousel {
    display: flex;
    margin: 0;
}

#categories-carousels .category-carousel a {
    display: flex;
    position: relative;
    flex-direction: column;
    transition: 0.3s ease-out;
    margin: 10px 5px 5px;
}

#lecarousel-cat-featured-carousel {
    position: relative;
    left: 0;
}

#categories-carousels span.text {
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 10px;
    transform: translateY(-50%);
    justify-content: center;
}

#categories-carousels .loleft, #categories-carousels .loright {
    background: #fff;
    width: 40px;
    height: 100px;
    margin: auto 0;
    box-shadow: 0 0 4px 0 #cacaca;
    position: absolute;
    transition: 0.3s;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    color: #505050;
    font-size: 44px;
}

#categories-carousels .loleft{
    left: 0;
}

#categories-carousels .loright {
    right: 0;
}

#categories-carousels .loleft:hover, #categories-carousels .loright:hover{
    box-shadow: -1px 1px 4px 2px #cacaca
}

#categories-carousels .loleft:hover i, #categories-carousels .loright:hover i{
    color: #336699 !important;
}

#categories-carousels .rn-subcategory-related {
  max-height: 40px;
  margin-top: 1rem;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}

@media (min-width: 768px) or (pointer: fine) {
  #categories-carousels .rn-subcategory-related {
    white-space: unset;
    overflow: hidden;
  }
}

#categories-carousels .rn-subcategory-related a {
  display: inline-flex;
  margin-bottom: 1rem;
}

#categories-carousels .mdfBullet {
    white-space: nowrap;
}

#categories-carousels .subcategoryBullet {
    background: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    height: 42px;
    white-space: normal !important;
    border: 0;
    box-shadow: inset 0 0 0 1px #cacaca;
    text-align: center;
    font-weight: 700;
    padding: 4px 8px;
}

#categories-carousels .item-content-wrapper {
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex-direction: column;
}

#categories-carousels .item-content-wrapper i {
    margin-bottom: 10px;
    color: #369;
}

#categories-carousels .item-content-wrapper p {
    font-weight: 700;
    margin-bottom: 0;
}

#categories-carousels .category-carousel a:hover .subcategoryBullet {
    box-shadow: inset 0 0 0 2px #369;
    color: #369;
}

#categories-carousels .category-carousel a:hover .item-content-wrapper p {
    color: #369;
    text-decoration: underline;
}

#categories-carousels .subcategoryBullet > span {
    margin: auto;
    line-height: initial;
}

#categories-carousels .placeholder-image {
    border-radius: 0 !important;
}

#categories-carousels .category-carousel.carousele .glider-slide {
    width: calc((100vw) / 1.5) !important;
}

#categories-carousels [id*="lecarousel-cat-"] img, #categories-carousels [id*="lecarousel-cat-"] .last-item-carousel .item-content-outer {
    height: 0 !important;
    padding-top: 133%;
    width: 100%;
    opacity: 1;
    position: relative;
    display: flex;
    overflow: hidden;
    background-position: center;
    background-size: cover;
    background-color: #F2F2F2;
    border-radius: 4px;
    box-shadow: 0 1px 4px 0 #cacaca;
}

@media screen and (min-width: 307px) {
    #categories-carousels .category-carousel.carousele .glider-slide {
        width: calc((100vw - -14px) / 2.4) !important;
    }
}

@media screen and (min-width: 446px) {
    #categories-carousels .category-carousel.carousele .glider-slide {
        width: calc((100vw - -6px) / 2.4) !important;
    }
}

@media screen and (min-width: 586px) {
    #categories-carousels .category-carousel.carousele .glider-slide {
        width: calc((100vw - 14px) / 4.4) !important;
    }
}

@media screen and (min-width: 725px) {
    #categories-carousels .category-carousel.carousele .glider-slide {
        width: calc((100vw - 26px) / 5) !important;
    }
}

@media screen and (max-width: 768px) {
    #categories-carousels .sub-category-container .loleft , #categories-carousels .sub-category-container .loright  {
        display: none !important;
    }
}

@media screen and (min-width: 1050px) {
    #categories-carousels .category-carousel.carousele .glider-slide {
        width: calc((100vw - 34px) / 6.5) !important;
    }
}

@media screen and (min-width: 1500px) {
    #categories-carousels .category-carousel.carousele .glider-slide {
        width: calc((100vw - 62px) / 7.5) !important;
    }
}

@media screen and (min-width: 1800px) {
    #categories-carousels .category-carousel.carousele .glider-slide {
        width: 228px !important;
    }
}

/* IE */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #categories-carousels .subcategoryBullet > span {
        width: 100%
    }
}