/* ======================================== */
/* == 320 PX== */
/* ======================================== */
@media (max-width:479px) {
  /* tried to use absolute positioning to get div to full screen height, but that screws up the zoom when chosing location on mobile */
  /* service locations */
  #google-store-locator-map-container #cluster-loading{
    position: fixed;
    z-index: 1;
    left: 10px;
    bottom: 48px;
    background: rgba(255, 255, 255, .8);
  }
  #google-store-locator-map-container{
    position: absolute;
    left: 10px;
    top: 64px;
    right: 10px;
    bottom: 48px;
    border: 1px solid #cccccc;
    border-bottom: none;
    overflow: hidden;
  }
  .google-store-locator-panel{
    float: none;
    width: 100%;
    margin: 0px;
    height: 157px;
    border: none;
  }
  /* gallery images for Diagnose a Failure gallery */
  .node-type-seal-failure-type .gallery-main {
    margin-top: 40px;
  }
  .menu-mobile-block ul {
    margin: 0px 15px;
  }
  .menu-mobile-block li {
    margin-right: 5% !important;
  }
  
  /* RESOURCES */
  .rule,
  .hrule {
	width:100%;
	height:1px;
	font-size:1px;
	background:#c1c1c1;
	margin:15px 0;
	padding:0;
  }
  
  .corrosion-wrapper img {
	max-width:95%;
	height:auto;  
  }
  
  .corrosion-wrapper h4 {
    margin-bottom: 15px;
  }
  
  img.app-d-1,
  img.app-d-2,
  img.app-d-3 {
	  max-width:95%;
	  height:auto;
  }
  .app-d-1 {
	margin-bottom:20px;  
  }
  .p-img {
    margin-top: -20px;
    margin-bottom: 2px;
  }
  .p-img img {
    width: 360px;
    height: auto;
  }
}

@media (max-width:350px) {
  .menu-mobile-block li {
    margin-right: 2% !important;
  }
  
  .page-user-login .zone-content {
    background-image: url('/sites/default/files/assets/home/banner-login-sm2.jpg');
    max-width: 100%;
    min-height: 550px;
    color: #fff;
  }
}