Ajustar mapa en pagina web

[gabrielarios]

Hola, disculpen pero primera vez que visito estos foros, ojala me puedan ayudar...
Tengo una pagina en prestashop y le estoy insertando el mapa de google en un iframe! En la pagina se ve perfecto pero cuando voy al movil ocupa mucho espacio quisiera hacer un cuadro mas pequeño. Les mando el codigo q tengo en el css
CSS
.map{
position:relative;
margin-bottom: -5px;

}
.map iframe{
width:100%;
min-height:500px;
}