@media(max-width: 1024px){
    .gallery-filters form {
    flex-direction: column;
}

.gallery-filters form button {
    padding: 5px;
    width: 100%;
}

.gallery-grid {
    flex: 0 0 calc((100%/3) - 13.33px);
    box-sizing: border-box;
    position: relative;
}

.gallery-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

}

@media(max-width: 767px){
    
.gallery-grid {
    flex: 0 0 calc((100%/2) - 10px);
    box-sizing: border-box;
    position: relative;
}

.gallery-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

}

@media(max-width: 540px){
    
.gallery-grid {
    flex: 0 0 calc((100%/1) - 0px);
    box-sizing: border-box;
    position: relative;
}

.gallery-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

}