Move the banner slide

Trying to get the exact style as seen in desktop in mobile view. Looking to move the banner slide down, or the header menu from being on top of the banner.

Tried the following CSS for mobile view:

@media screen and (max-width: 480px) {

.rev_slider .tp-mask-wrap .tp-caption, .rev_slider .tp-mask-wrap *:last-child, .wpb_text_column .rev_slider .tp-mask-wrap .tp-caption, .wpb_text_column .rev_slider .tp-mask-wrap *:last-child {
margin-top: 16% !important;
}

}

However, it only moves the text to fit inside the slider more tightly, would like to see whether it's possible to move the slider a bit down, so the silder text title, appears correctly.