.gallery {width: 100%; position: relative;}
.gallery img {width: 100%;}

/* GRID STYLING */
.gallerygrid { display: grid; gap: 30px;  grid-template-columns: repeat(3, 1fr); flex-wrap: wrap; row-gap: 30px; padding: 40px 0 40px 0; justify-content: space-between;}
.gallerygrid .thumb {flex: 0 0 calc(33.3333% - 15px);}

.galleries { display: flex; flex-wrap: wrap; row-gap: 30px; padding: 0 0 40px 0; justify-content: space-between; }
.galleries .set1 { display: flex; width: 100%; flex-wrap: wrap; gap: 30px; justify-content: space-between; }
.galleries .gallery { flex: 0 0 calc(25% - 30px); }

/* SLIDER STYLING */
.galleryslider .thumb {margin: 0 5px 0 0;}
.galleryslider .slick-prev {position: absolute; top: 50%; left: -20px; width: 40px; height: 40px; background: #000000; color: #ffffff; cursor: pointer; padding: 0; margin: 0; outline: none; border: none; z-index: 20; transform: translate(0, -50%);}
.galleryslider .slick-prev:after {content: "\f104"; display: block; position: absolute; top: 50%; left: 50%; color: #ffffff; font-family: FontAwesome; transform: translate(-50%, -50%); font-size: 160%; padding: 0 3px 0 0;}
.galleryslider .slick-next {position: absolute; top: 50%; right: -15px; width: 40px; height: 40px; background: #000000; color: #ffffff; cursor: pointer; padding: 0; margin: 0; outline: none; border: none; z-index: 20; transform: translate(0, -50%);}
.galleryslider .slick-next:after {content: "\f105"; display: block; position: absolute; top: 50%; left: 50%; color: #ffffff; font-family: FontAwesome; transform: translate(-50%, -50%); font-size: 160%; padding: 0 0 0 3px;}

/* POPUP STYLING */
.gallerypopup .name {padding: 20px; background: #f2f2f2;}
.gallerypopup .name h4 {padding: 0;}
.gallerypopup .name p {padding: 0; font-weight: 700;}


@media (max-width: 768px) {
  .gallerygrid { grid-template-columns: repeat(2, 1fr); } 
  .galleries .set1 { gap: 15px; }
  .galleries .gallery { flex: 0 0 calc(50% - 15px); }
}

@media (max-width: 450px) {
  .galleries .set1 { gap: 0; }
  .gallerygrid { grid-template-columns: repeat(1, 1fr); } 

  .gallerygrid { row-gap: 0; }
  .gallerygrid .thumb, .galleries .gallery { flex: 0 0 100%; margin: 0 0 20px 0; }
}