@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	#zoomSliderDiv, #shareLogo {
	    display:none;
	}
}
@media only screen and (max-width: 1020px) {
	#google_translate_element {
	    display:none;
	}
}
@media only screen and (max-width: 940px) {
	#topMenuBar, #mapcon, #map {
	    min-width:640px;
	}
	#shareLogo, #aboutMap, #google_translate_element {
	    display:none;
	}
		#google_translate_element {
	    display:block;
	}
}
@media only screen and (max-width: 720px) {
	#topMenuBar, #mapcon, #map {
	    min-width:480px;
	}
	#HomeButton, #shareMap, #shareControls, #zoomSliderDiv, #placesCon, #placesMenu, #aboutMap, #google_translate_element {
      display:none !important;
  }
	#shareLogo {
	    display:none !important;
	}
	.slideMenu{
		left:auto !important;
		right: 12px !important;
	}
	#LocateButton {
    display:block !important;
  }
}
@media only screen and (max-width: 570px) {
	#topMenuBar, #mapcon, #map {
	    min-width:350px;
	}
	/* Original code before I removed #locateBox from this list to enable the address input box to always appear at all sizes
	#shareMap, #shareControls, #zoomSliderDiv, #locateBox, #placesCon, #placesMenu, #aboutMap {
	    display:none !important;
	}
	*/
	#shareMap, #shareControls, #zoomSliderDiv, #placesCon, #placesMenu, #aboutMap, #basemapButton {
      display:none !important;
  }
  
	.slideMenu{
		left:auto  !important;
		right: 12px !important;
	}
}