/* CSS for Safety Header Links */
.safety-header-links .block-menu .menu li {
  padding: 0 0 0 45px;
}


/* CSS for Pfizer Logo Navigation */
.safety-header-links .block-menu .menu .pfizer-nav {
  padding: 0;
}

.safety-header-links .menu .pfizer-nav a {
  width: 43px;
  height: 25px;
  display: inline-block;
  vertical-align: top;
  background: url(/sites/default/themes/custom/peh_template/images/global/pfizer_logo_header.png) no-repeat;
}

/*****************************************************************
 ------------------------------------------------------------------
 CSS for Mobile and iPad potrait
 ------------------------------------------------------------------
 *****************************************************************/
@media only screen and (max-width: 999px) , only screen and (max-device-width: 999px) and (orientation: portrait) {
  .top-menu-container {
    padding: 0 10px;
  }

  .safety-header-links .menu {
    display: table;
    min-height: 40px;
    width: 100%;
  }

  .safety-header-links .block-menu .menu li {
    padding: 0;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
  }

  .safety-header-links .block-menu .menu .visible-lg {
    display: none;
  }
  .safety-header-links .block-menu .menu .pfizer-nav {
    margin: 0 5px 0 0;
  }
}