/*MAIN GALLERY*/
.blog .gallery {
grid-template-columns: repeat(3,2fr)
}

.blog .gallery img {
margin: initial
}

.blog .gallery div:nth-child(1) img {
float: right
}

.gallery {
display: grid;
grid-template-columns: repeat(4,2fr);
gap: 10px 10px;
margin-bottom: 20px
}

.gallery div {

}

.gallery div a {

}

.gallery div:nth-child(1) {
grid-area: 3/3/1/1;
position: relative
}

.gallery div:nth-child(n+2) {

}

.gallery div:nth-child(5) {
position: relative
}

.gallery div:nth-child(n+6) {
display: none
}

.gallery div img {
width: 100%;
height: 100%;
aspect-ratio: 4 / 3;
object-fit: cover
}

.photo_overlay {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: rgba(0,0,0,.5);
border-radius: 5px
}

.photo_count {
font-size: 1.2rem;
color: #fff
}

/*REVIEWS GALLERY*/
.gallery-links {
display: flex;
gap: 10px;
margin-top: 10px
}

.plan-gallery div {
height: 140px
}

.reviews-gallery div {
width: 90px;
height: 90px
}

.reviews-gallery div:nth-child(6), .plan-gallery div:nth-child(4) {
position: relative
}

.reviews-gallery div:nth-child(n+7), .plan-gallery div:nth-child(n+5) {
display: none
}

.gallery-links div img {
height: 100%;
width: 100%;
aspect-ratio: 4 / 3;
object-fit: cover;
border-radius: 5px
}

.gallery-links .photo_count {
font-size: 1rem;
color: #fff
}

@media only screen and (max-width: 767px) {
.gallery {
grid-template-columns: repeat(2,2fr)
}

.gallery div:first-of-type img {
aspect-ratio: 3 / 3
}
  
.gallery-links {
display: grid;
grid-template-columns: repeat(3,1fr);
gap: 10px;
margin-top: 10px
}

.gallery-links div {
width: initial;
height: initial
}
}