text inside Hot Full Carousel jumping out mobile

No change.
Text inside the Hot Carousel still stretches out.

Regards,
Darko

Try like this:

article .contents{
max-width;280px!important;
display:block;
}

Still no change. Tested on Galaxy S4 standard browser and Chrome. See printscreen of Windows PC with narrowed browser window that simulates the same.

Regards,
Darko

In layout.css:

@media (max-width: 1024px) {

.mp_topmenu, .mp_logo {
width: 50% !important;
}

.catItemImage img {
max-width: 100%;
}

.hero-carousel article .contents {
left: auto;
width: 60%;
margin: 0 auto;
}
...


change

width: 60%;

to

width: 300px;

Doesn't do anything
For the record, I only implement the latest change you propose. Not the earlier ones.
www.opleiding-medische-basiskennis.nl/

Kind regards,
Darko

it is ok with me probably you need to refresh but maybe better you use width: 280px;