google maps responsive
.google-maps {
position: relative;
padding-bottom: 75%; // This is the aspect ratio
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
<div class="google-maps">
<iframe
width="100%"
height="215"
frameborder="0" style="border:0"
src="https://www.google.com/maps/embed/v1/place?key=AIzaSyB1yPVPn7_iURwUxEHmBk_lHjJNppjccQ0&q=Perfectbike.ro" allowfullscreen>
</iframe>
</div>