/* CSS general */

.mi-iframe {
  width: 1850px;
  height: 1200px;
}


/* CSS pantallas de 100px o superior */
/*@media (min-width: 100px)  (max) {*/
@media only screen and (max-width: 300px) and (min-width: 201px){
  .mi-iframe {
    width: 201px;
    height: 1200px;
    padding: 1;
    padding-right: 300px;
  } 

}

/* CSS pantallas de 320px o superior */
/*@media (min-width: 320px) {*/
@media only screen and (max-width: 400px) and (min-width: 301px){
  .mi-iframe {
    width: 301px;
    height: 1200px;
  } 

}

@media only screen and (max-width: 500px) and (min-width: 401px){
  .mi-iframe {
    width: 401px;
    height: 1200px;
  } 

}

@media only screen and (max-width: 600px) and (min-width: 501px){
  .mi-iframe {
    width: 501px;
    height: 1200px;
    padding: 1;
  } 

}

@media only screen and (max-width: 700px) and (min-width: 601px){
  .mi-iframe {
    width: 601px;
    height: 1200px;
    padding: 1;
  } 

}

@media only screen and (max-width: 800px) and (min-width: 701px){
  .mi-iframe {
    width: 701px;
    height: 1200px;
    padding: 1;
  } 

}


@media only screen and (max-width: 900px) and (min-width: 801px){
  .mi-iframe {
    width: 801px;
    height: 1200px;
    padding: 1;
  } 

}

@media only screen and (max-width: 1000px) and (min-width: 901px){
  .mi-iframe {
    width: 901px;
    height: 1200px;
    padding: 1;
  } 

}
@media only screen and (max-width: 1100px) and (min-width: 1001px){
  .mi-iframe {
    width: 1001px;
    height: 1200px;
    padding: 1;
  } 

}
@media only screen and (max-width: 1200px) and (min-width: 1101px){
  .mi-iframe {
    width: 1100px;
    height: 1200px;
    padding: 1;
  } 

}
@media only screen and (max-width: 1300px) and (min-width: 1201px){
  .mi-iframe {
    width: 1200px;
    height: 1200px;
    padding: 1;
  } 

}
@media only screen and (max-width: 1400px) and (min-width: 1301px){
  .mi-iframe {
    width: 1300px;
    height: 1200px;
    padding: 1;
  } 

}
@media only screen and (max-width: 1500px) and (min-width: 1401px){
  .mi-iframe {
    width: 1400px;
    height: 1200px;
    padding: 1;
  } 

}
@media only screen and (max-width: 1600px) and (min-width: 1501px){
  .mi-iframe {
    width: 1500px;
    height: 1200px;
    padding: 1;
  } 

}
@media only screen and (max-width: 1700px) and (min-width: 1601px){
  .mi-iframe {
    width: 1600px;
    height: 1200px;
    padding: 1;
  } 

}
@media only screen and (max-width: 1800px) and (min-width: 1701px){
  .mi-iframe {
    width: 1700px;
    height: 1200px;
    padding: 1;
  } 

}