Responsive Web Design en ventana modal

[nh2006]

Hola amigos,

Tengo una duda y es que no sé si será posible aplicar Responsive Web Design a una ventana modal.

El código lo he descargado e aquí: http://www.lewebmonster.com/como-cre...es-con-jquery/

Va muy bien pero cuando veo la página en mi móvil queda oculto el texto del lado izquierdo y no puedo usar las barras de esplazamiento, ya probé con media queries y aunque redimensione el navegador y carge el ejemplo en el móvil no obtengo nada.

Esto es lo que tengo:

Código CSS:

@media (max-width: 480px) {
    #divContenedor{
      max-width: 10%;
    }
    
    .clsVentatana{
    margin-left:-41%;
    max-width: 10%;
    }
 
    .clsVentanaContenido iframe {
    max-width: 20%;
    }
    iframe{
    max-width:20%;
    }
}
 

No importa las dimensiones que le dé, la ventana siempre sigue cargando del mismo tamaño (con un ancho 600px si no mal no recuerdo).

Me pueden ayudar por favor o sugerir un método alternativo para desplegar la información de otra página en la principal (por medio de la ventana modal), así como lo hace el ejemplo.

Gracias desde ya