odd gap after slider when viewing on mobile device

I have explained this in the previous topic as well.

Delete this CSS:

.slides {
height: 520px; /* you can change this */
}

and replace it with this:

@media (min-width: 992px) {
    .sidebar-full-screen .custom-query-slider .slide {
        height: 520px;
    }
}