/* your custom css */

@media only screen and (min-device-width: 360px) and (max-device-width: 736px) {
}

@media only screen and (min-width: 1024px) {
}

@media only screen and (max-width: 1023px) {
}

@media only screen and (min-width: 1400px) {
}

@media only screen and (min-width: 1500px) {
}
div.video {
  margin: 0 5%;
  position: relative;
  width: 100%;
  min-width: 300px;
  max-width: 600px;
}

div.video iframe {
  display: block;
  margin: 0 auto 10px;
  min-height: 340px;
  width: 100%;
}

@media only screen and (min-device-width: 360px) and (max-device-width: 736px) {
  div.video {
    display: none;
  }
}
@media only screen and (max-width: 1023px) {
  div.video {
    display: none;
  }
}