.ex-1-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100% !important; }
  .ex-1-grid .slide:not(.slide-detail) {
    width: 33%;
    height: 0;
    width: 33.3333333333%;
    position: relative;
    padding-bottom: 33.3333333333%;
    background-size: cover; }
  .ex-1-grid .slide-detail {
    background-size: contain; }

.ex-2-carousel {
  position: relative;
  width: 100% !important;
  padding-bottom: 75% !important; }

.ex-3-lazyload .slide:not(.slide-detail) {
  float: left;
  width: 45%;
  height: 0;
  padding-bottom: 32%;
  margin-right: 5%;
  margin-bottom: 2em;
  background-size: cover; }

@media only screen and (max-width: 500px) {