Move Responsive

 Iframe Responsive.

I tested CSS code 
templates/bsp_acme_Main/css/style.css

Schedule: Next Ver2.2 Add Code ,Style Fomat

.video-wrap {
  position: relative;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
  padding-top: 69px;
  padding-bottom: 50%;
  overflow: hidden;
}
.video-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

 

Used

<p class="video-wrap"><iframe src="https://www.youtube.com/embed/s7h9tkfc7Eg" width="853" height="480" frameborder="0" allowfullscreen="allowfullscreen"></iframe></p>
or 
<div class="video-wrap"><iframe src="https://www.youtube.com/embed/s7h9tkfc7Eg" width="853" height="480" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>

 

sample

 

Google Map( Iframe )