div#wdcmsgallery{
    float: left;
    width: 100%;
    margin: 0 0 150px;
}

.gallery-img {
    padding: 0 15px;
    cursor: pointer;
}
.gallery-img:hover img {
    border: 1px solid var(--secondary-bg-color);
    transition: all 400ms ease-in-out;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
}
.gallery img {
    padding: 10px;
    border: 1px solid #3e3e3e;
    transition: all 400ms ease-in-out;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
}

.gallery-img img {
    width: 100%;
}
@media(max-width:1199px){
    div#wdcmsgallery {
        margin: 0 0 100px;
    }
}

@media(max-width:991px){
    div#wdcmsgallery {
        margin: 0 0 80px;
    }
}

@media(max-width:767px){
    div#wdcmsgallery {
        margin: 0 0 60px;
    }
    .gallery img {
        padding: 5px;
    }
.gallery-img {
    padding: 0 8px;
}
.gallery {
    float: left;
    width: 100%;
    padding: 0 8px;
}
}

@media(max-width:543px){
    div#wdcmsgallery {
        margin: 0 0 40px;
    }
}