Vielleicht solltest du dir überlegen, dass du die CSS Regeln erst ab einer Bildschirmgröße von " > Tablet " aktivierst. Auf einem kleinen Handydisplay soll die Modalbox doch die volle Größe einnehmen oder?
@media screen and (min-width: @tabletLandscapeViewportWidth) {
.js--modal {
max-width: 80%;
max-height: 80%;
}
}