table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #dddddd;
}

.iframe{
    width:100%;height:400px;border:0;
}
@media only screen and (max-width: 600px) {
    /*si es menor a 600px*/
    .iframe{
        width:100%;height:300px;border:0
    }
}
@media only screen and (min-width: 600px) {
    /*si es mayor a 600px*/
    .iframe{
        height:400px;
    }
}