.video-gallery.blog-gl {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 20px;
}
.video-gallery.blog-gl  .gallery-item {
    height: 212px;
}

.video-gallery {
  display: grid;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  grid-gap: 15px;
  margin: 0 auto;
  box-sizing: border-box;
}
div#my-div div:nth-child(n+6) {
/*     margin-top: 100px; */
}
.pd-5n{
 padding:5px;
}
.video-gallery .gallery-item {
  position: relative;
  width: 100%;
  background:#fff; 
  cursor: pointer;
}

.video-gallery .gallery-item img {
  position: relative;
  display: block;
  width: 115%;
  object-fit: fill;
  height: 131px;
  opacity: .8;
  /*transition: opacity .35s, transform .35s;*/
  transition: all 350ms ease-in-out;
/*   transform: translate3d(-23px, 0, 0); */
  /*backface-visibility: hidden;*/
}

.video-gallery a.text-purple.fntnew.font-bold.mt-2 {
    position: absolute;
    line-height: 1em;
}

.north-cascades-img {
  object-position: 50% 30%;
}

.video-gallery .gallery-item .gallery-item-caption {
  padding: 32px;
  font-size: 1em;
  color: #fff;
  text-transform: uppercase;
}

.video-gallery .gallery-item .gallery-item-caption,
.video-gallery .gallery-item .gallery-item-caption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mt-2{
  margin-top:10px;
}


.video-gallery .gallery-item .gallery-item-caption {
  text-align: left;
}

.video-gallery .gallery-item:hover h2::after {
  transform: translate3d(0, 0, 0);
}


@media (max-width:1067px){
  .video-gallery
    grid-template-columns: repeat(auto-fit,minmax(171px,1fr));
}
}


@media (max-width:1024px){
  .video-gallery {
    grid-template-columns: repeat(auto-fit,minmax(240px,1fr));
}
div#my-div div:nth-child(n+4) {
    margin-top: 75px;
}
   .video-gallery .gallery-item img {
    height: 180px;
  }
  
}

@media (max-width: 980px){
   div#my-div div:nth-child(n+5) {
    margin-top: 100px;
}
}

@media (max-width: 900px){
  .video-gallery {
      grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
  }
  .video-gallery a.text-purple.fntnew.font-bold.mt-2 {
    position: relative;
}
  div#my-div div:nth-child(n+4) {
    margin-top: 0px;
}
   .video-gallery.blog-gl {
    grid-template-columns: 1fr 1fr 1fr;
   
}
}



@media (max-width:767px){
  .video-gallery {
    grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
}
  .video-gallery .gallery-item img {
    height: 200px;
  }
  .video-gallery.blog-gl {
    grid-template-columns: 1fr;
   
}
  .video-gallery.blog-gl  .gallery-item {
    height: auto;
  }
}