﻿[class*="colGrid-"] {
  font-size: 0;
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  position: relative;
  align-items: flex-start;
}
[class*="colGrid-"].colItemBorder .colItemContainer {
  border-right: solid black 1px;
  border-bottom: solid black 1px;
}
[class*="colGrid-"] > img {
  box-sizing: border-box;
}
[class*="colGrid-"] .colGridContainer {
  list-style-type: none;
  position: inherit;
  display: inherit;
  width: inherit;
  flex-flow: inherit;
  align-content: inherit;
}
[class*="colGrid-"] .colItemContainer {
  position: relative;
  list-style-type: none;
}
[class*="colGrid-"] .colItemContainer .colItemContainerText {
  font-size: 15px;
}
[class*="colGrid-"] .colItemContainer img {
  width: 100%;
}
@media (min-width: 0) and (max-width: 479px) {
  .colGrid-xs-3 > img {
    width: 33.33333333%;
  }
  .colGrid-xs-3 .colItemContainer {
    width: 33.33333333%;
  }
  .colGrid-xs-2 > img {
    width: 50%;
  }
  .colGrid-xs-2 .colItemContainer {
    width: 50%;
  }
  .colGrid-xs-1 > img {
    width: 100%;
  }
  .colGrid-xs-1 .colItemContainer {
    width: 100%;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .colGrid-sm-3 > img {
    width: 33.33333333%;
  }
  .colGrid-sm-3 .colItemContainer {
    width: 33.33333333%;
  }
  .colGrid-sm-2 > img {
    width: 50%;
  }
  .colGrid-sm-2 .colItemContainer {
    width: 50%;
  }
  .colGrid-sm-1 > img {
    width: 100%;
  }
  .colGrid-sm-1 .colItemContainer {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .colGrid-md-3 > img {
    width: 33.33333333%;
  }
  .colGrid-md-3 .colItemContainer {
    width: 33.33333333%;
  }
  .colGrid-md-2 > img {
    width: 50%;
  }
  .colGrid-md-2 .colItemContainer {
    width: 50%;
  }
  .colGrid-md-1 > img {
    width: 100%;
  }
  .colGrid-md-1 .colItemContainer {
    width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1599px) {
  .colGrid-lg-3 > img {
    width: 33.33333333%;
  }
  .colGrid-lg-3 .colItemContainer {
    width: 33.33333333%;
  }
  .colGrid-lg-2 > img {
    width: 50%;
  }
  .colGrid-lg-2 .colItemContainer {
    width: 50%;
  }
  .colGrid-lg-1 > img {
    width: 100%;
  }
  .colGrid-lg-1 .colItemContainer {
    width: 100%;
  }
}
@media (min-width: 1600px) {
  .colGrid-xl-3 > img {
    width: 33.33333333%;
  }
  .colGrid-xl-3 .colItemContainer {
    width: 33.33333333%;
  }
  .colGrid-xl-2 > img {
    width: 50%;
  }
  .colGrid-xl-2 .colItemContainer {
    width: 50%;
  }
  .colGrid-xl-1 > img {
    width: 100%;
  }
  .colGrid-xl-1 .colItemContainer {
    width: 100%;
  }
}