.d-flex {
  display: -ms-flexbox;
  display: flex;
}
.align-items-center {
  align-items: center;
}
.justify-space-between {
  justify-content: space-between;
}
.ocdpromoblock-row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) / -2);
  margin-left: calc(var(--bs-gutter-x) / -2);
}
.ocdpromoblock-row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) / 2);
  padding-left: calc(var(--bs-gutter-x) / 2);
  margin-top: var(--bs-gutter-y);
}
.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}
.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}
.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}
.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}
.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}
.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}
@media (min-width: 576px) {
  .row-cols-sm-1 > *{flex:0 0 auto;width:100%}
  .row-cols-sm-2 > *{flex:0 0 auto;width:50%}
  .row-cols-sm-3 > *{flex:0 0 auto;width:33.3333333333%}
  .row-cols-sm-4 > *{flex:0 0 auto;width:25%}
  .row-cols-sm-5 > *{flex:0 0 auto;width:20%}
  .row-cols-sm-6 > *{flex:0 0 auto;width:16.6666666667%}
}
@media (min-width: 768px) {
  .row-cols-md-1 > *{flex:0 0 auto;width:100%}
  .row-cols-md-2 > *{flex:0 0 auto;width:50%}
  .row-cols-md-3 > *{flex:0 0 auto;width:33.3333333333%}
  .row-cols-md-4 > *{flex:0 0 auto;width:25%}
  .row-cols-md-5 > *{flex:0 0 auto;width:20%}
  .row-cols-md-6 > *{flex:0 0 auto;width:16.6666666667%}
}
@media (min-width: 992px) {
  .row-cols-lg-1 > *{flex:0 0 auto;width:100%}
  .row-cols-lg-2 > *{flex:0 0 auto;width:50%}
  .row-cols-lg-3 > *{flex:0 0 auto;width:33.3333333333%}
  .row-cols-lg-4 > *{flex:0 0 auto;width:25%}
  .row-cols-lg-5 > *{flex:0 0 auto;width:20%}
  .row-cols-lg-6 > *{flex:0 0 auto;width:16.6666666667%}
}
@media (min-width: 1200px) {
  .row-cols-xl-1 > *{flex:0 0 auto;width:100%}
  .row-cols-xl-2 > *{flex:0 0 auto;width:50%}
  .row-cols-xl-3 > *{flex:0 0 auto;width:33.3333333333%}
  .row-cols-xl-4 > *{flex:0 0 auto;width:25%}
  .row-cols-xl-5 > *{flex:0 0 auto;width:20%}
  .row-cols-xl-6 > *{flex:0 0 auto;width:16.6666666667%}
}
@media (min-width: 1400px) {
  .row-cols-xxl-1 > *{flex:0 0 auto;width:100%}
  .row-cols-xxl-2 > *{flex:0 0 auto;width:50%}
  .row-cols-xxl-3 > *{flex:0 0 auto;width:33.3333333333%}
  .row-cols-xxl-4 > *{flex:0 0 auto;width:25%}
  .row-cols-xxl-5 > *{flex:0 0 auto;width:20%}
  .row-cols-xxl-6 > *{flex:0 0 auto;width:16.6666666667%}
}
.ocdpromoblock-item {
  display: flex;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 10px;
  margin-bottom: calc(var(--bs-gutter-x) * 1);
}
.ocdpromoblock-item-column {
  flex-direction: column;
  text-align: center;
}
.ocdpromoblock-item-column .ocdpromoblock-item__image {
  margin: 0 auto 10px;
}
.ocdpromoblock-item-row .ocdpromoblock-item__image {
  margin-right: 10px;
}
.ocdpromoblock-item-row .ocdpromoblock-item__img {
  max-width: none;
}
.ocdpromoblock-item__content {
  display: flex;
  flex-direction: column;
}
.ocdpromoblock-item-row .ocdpromoblock-item__content {
  align-items: flex-start;
  justify-content: center;
}
.ocdpromoblock-item__title {
  font-size: 1.4rem;
  text-transform: uppercase;
  color: #1b1b1b;
  font-weight: 600;
  margin-bottom: 5px;
}
.ocdpromoblock-item__short-description {
  font-size: 11px;
  text-align: center;
}
.ocdpromoblock-item-row .ocdpromoblock-item__short-description {
  text-align: left;
}
/*
@media (max-width: 536px) {
  .ocdpromoblock-row{flex-wrap:nowrap;overflow-y:scroll;scroll-snap-type:x mandatory;margin:0;}
  .ocdpromoblock-row::-webkit-scrollbar{-webkit-appearance:none;display:none;}
  .ocdpromoblock-row::-webkit-scrollbar-thumb{border:1px solid #a9a9a9;border-radius:10px;background:linear-gradient(90deg,#bbb 0,#a5a5a5 50%,#bbb 100%);}
  .ocdpromoblock-col{width:80%;padding:0;}
  .ocdpromoblock-col:not(:first-child){margin-left:10px;}
  .ocdpromoblock-item{flex-direction:row;align-items:flex-start;text-align:left;}
  .ocdpromoblock-item__content{margin-left:10px;}
  .ocdpromoblock-item__content > * {display:block;}
  .ocdpromoblock-item__title{margin-bottom:5px;}
  .ocdpromoblock-item__description{text-align:left;}
  .ocdpromoblock-item__img{max-width:unset;}
}
*/