Site Origin Hero mobile responsive

Hello.

Have you any advice for me to at least adjust the text size in mobile mode of this plugin ( site origin hero ), so it doesn’t run off the edge of my banners?

I saw you gave this code to another user , for the same demand :

“@media (max-width: 810px){
.homepage-hero h1 {
font-size: 40px !important;
}

.homepage-hero h3 {
font-size: 25px !important;

}

.homepage-hero .so-widget-sow-button {
margin-top: 5px !important;
}
}

@media (max-width: 600px){
.homepage-hero .sow-slider-image-wrapper {
margin: 0 !important;
}

.homepage-hero .sow-slider-image,
.homepage-hero .sow-slider-image-wrapper {
height: 400px !important;
}
}”

But It doesn’t work for me. Can I have a code that will fix my problem please ? Thank you.