.wgp-gallery{

column-count:4;
column-gap:14px;

}

@media(max-width:1000px){
.wgp-gallery{column-count:3;}
}

@media(max-width:700px){
.wgp-gallery{column-count:2;}
}

@media(max-width:500px){
.wgp-gallery{column-count:1;}
}

.wgp-gallery figure{

margin:0 0 14px;
break-inside:avoid;

}

.wgp-gallery img{

width:100%;
border-radius:10px;
cursor:pointer;
transition:.3s;

}

.wgp-gallery img:hover{

transform:scale(1.03);

}

.wgp-gallery figcaption{

font-size:13px;
color:#777;
margin-top:6px;

}


/* LIGHTBOX */

.wgp-lightbox{

position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,.95);
display:none;
align-items:center;
justify-content:center;
flex-direction:column;
z-index:9999;

}

.wgp-lightbox img{

max-width:90%;
max-height:80%;

}

.wgp-close{

position:absolute;
top:25px;
right:40px;
font-size:40px;
color:white;
cursor:pointer;

}

.wgp-nav{

position:absolute;
top:50%;
font-size:60px;
color:white;
cursor:pointer;
user-select:none;

}

.wgp-prev{left:40px;}
.wgp-next{right:40px;}

.wgp-counter{

color:white;
margin-top:10px;

}

.wgp-caption{

color:#ddd;
max-width:700px;
text-align:center;
margin-top:5px;

}

.wgp-progress{

position:absolute;
bottom:0;
left:0;
height:3px;
background:#ff3d00;
width:0;

}