.dzs-row-inline {
  font-size: 0;

  .dzs-col-md-6 {
    font-size: 13px;
    display: inline-block;

    vertical-align: middle;
    float: none;
  }
}

@media (max-width: 992px) {

  .row-inline {

    .col-md-6 {

      width: 100%;
      margin-bottom: 15px;

      padding: 0 30px 15px;
    }
  }
}

.dzs-container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  max-width: 1170px;
  margin: 0 auto;
}

.dzs-row {
  margin-right: -15px;
  margin-left: -15px;
}

.dzs-col-md-6, .dzs-col-md-3, .dzs-col-md-4 {

  float: left;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.dzs-col-md-6 {

  width: 50%;
}

.dzs-col-md-4 {

  width: 33.3333%;
}

.dzs-col-md-3 {

  width: 25%;
}


div[class*="dzs-layout--"] {
  display: grid;
  grid-gap: 15px;


  &.videogallery--navigation-container {
    //width: 100%;
    //max-width: 100%;
    //overflow: hidden;
    //

    // -- fixes for overflow
    .dzs-layout-item {
      min-width: 0;
      //overflow: hidden;
    }
  }

  &[data-margin="0"] {
    grid-gap: 0;
  }

  &:not(.a):not(.a):not(.a) {
    //width: auto;
    min-width: 100%;
    //width: 100%;
    display: grid;

    > .dzs-layout-item {
      margin-bottom: 0;
    }
  }

  > .dzs-layout-item {


    display: inline-block;
    vertical-align: top;
  }
}

.dzs-layout--1-cols {
  grid-template-columns: 1fr;
}


.dzs-layout--2-cols {
  grid-template-columns: 1fr 1fr;
}


.dzs-layout--3-cols {
  grid-template-columns: 1fr 1fr 1fr;
}

.dzs-layout--4-cols {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}


@media (max-width: 600px) {

  .dzs-layout--3-cols {
    grid-template-columns: 1fr;
  }

}