How to make Google Map responsive view

<style>
    .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;
    }
</style>

<div class="google-maps">

GOOGLE MAP CODE

</div>

Crop multiple image

Step one 

  1. Open Photoshop
  2. Click Window
  3. Click Action
  4. Create New Set - eg 'Crop taskbar'


Step two

  1. Click File
  2. Click Automate
  3. Click Batch
  4. Under Play - choose Crop taskbar
  5. Open the Source Folder
  6. Set the Destination Folder to save
  7. Click OK