/* img.main {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 1684px;
   height: 249px;
   margin-top: -124.5px; // Half the height
   margin-left: -842px; // Half the width
} 
*/

img.main {
  position: absolute;
  left: 0;
  right:0;
  top: 0;
  bottom:0;
  margin: auto;
  width: 343px;
  height: 260px;
}


  /* if desktop */
    .mobile_device_380px {
        display: none;
    }
    .mobile_device_480px {
        display: none;
    }


    /* if mobile device max width 380px */
    @media only screen and (max-device-width: 380px) {
        .mobile_device_380px{display: block;}       
        .desktop {display: none;}
    } 

    /* if mobile device max width 480px */
    @media only screen and (max-device-width: 480px) {
       .mobile_device_480px{display: block;}
       .desktop {display: none;}
    }