.spc-categories .category-picture a {
  display: block;
  position: relative;
  padding-bottom: 40%;
  overflow: hidden;
}

.spc-categories .spc-body {
  border: 1px solid #eee;
}

.spc-categories .category-picture img {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  margin: auto;
  width: fit-content;
  transition: all 0.3s ease;
  width: 100%;
  object-fit: inherit;
}


@media (max-width: 1024px) {
  .spc-categories {
    min-height: 70px;
    margin: 0;
    margin-top: 1em;
    background-color: white;
    border: solid 2px #eee;
  }


    .spc-categories .category-mobile-navigation {
      display: none;
    }
}

.slick-carousel .item-box {
  margin: 0.5% !important;
}

@media (min-width: 768px) {
  .spc-categories .category-picture {
    max-width: 100%;
    margin: 0;
    object-fit: contain;
  }
}

.spc-categories .category-picture {
  font-size: 0;
}


/*on over on picture change picture size*/
.category-details .category-picture:hover {
  background-color: white;
  transition: -webkit-transform .5s cubic-bezier(0,0,.44,1.18);
  transition: transform .5s cubic-bezier(0,0,.44,1.18);
  transition: transform .5s cubic-bezier(0,0,.44,1.18),-webkit-transform .5s cubic-bezier(0,0,.44,1.18);
  -webkit-transform: scale(1.09);
  transform: scale(1.09)
}