.zdbhomecategories {

  margin-left: -15px;
  margin-right: -15px;
  padding-left: 5px;
  padding-right: 5px;
}
.zdbhomecategories img {
  height: auto;
  transition-duration: .3s;
  border-radius: 9px 9px 9px 9px;
  box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
}
.zdbhomecategories a:hover {
  --e-transform-scale: 1.02;
}

.zdbhomecategories a {
  transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, transform var(--e-transform-transition-duration, .4s);
  --e-transform-scale: 1;
  transform: perspective(var(--e-transform-perspective, 0)) rotate(var(--e-transform-rotateZ, 0)) rotateX(var(--e-transform-rotateX, 0)) rotateY(var(--e-transform-rotateY, 0)) translate(var(--e-transform-translate, 0)) translateX(var(--e-transform-translateX, 0)) translateY(var(--e-transform-translateY, 0)) scaleX(calc(var(--e-transform-flipX, 1)* var(--e-transform-scaleX, var(--e-transform-scale, 1)))) scaleY(calc(var(--e-transform-flipY, 1)* var(--e-transform-scaleY, var(--e-transform-scale, 1)))) skewX(var(--e-transform-skewX, 0)) skewY(var(--e-transform-skewY, 0));
  transform-origin: var(--e-transform-origin-y) var(--e-transform-origin-x);
  transition-duration: .3s;
  border-radius: 9px 9px 9px 9px;
  box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
}

.zdbhomecategories_list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(3, auto);
  gap: 20px;
}

@media (max-width: 768px) {
  .zdbhomecategories_list {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .zdbhomecategories_list {
    /*grid-template-columns: repeat(1, 1fr);*/
  }
}

@media all and (min-width: 992px) {
  #content .carousel#carousel {
    margin-left: -15px;
    margin-right: -15px;
  }
}
#content .carousel#carousel {
  margin-bottom: 20px;
}

main #wrapper {
  padding-top: 0;
}

#content ul.carousel-inner {
  margin-bottom: 5px;

}