.container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top:70.25%;
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
.container {
    position: relative;
       overflow: auto;
    width: 100%;
  padding-top: 57.25%;
    padding-left: 5px;
    padding-right: 5px;
    height: 1000px;
} 
	


.responsive-iframe {

    padding: 0px 5px;
}

}


.containerd {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 134.25%;
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframed {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
.containerd {
    position: relative;
       overflow: auto;
    width: 100%;
  padding-top: 57.25%;
    padding-left: 5px;
    padding-right: 5px;
    height: 1000px;
} 
	


.responsive-iframed {

    padding: 0px 5px;
}

}