html, body {
  overflow-x: visible;
}

.ni-page-wrap {
  min-width: 1176px;
  width: 100% !important;
}

.ni-notification.first {
  margin-top: 50px !important
}

.visible-md,
.visible-sm,
.visible-xs {
  display: none !important
}

.pnx-page-wrap {
  background: #fff;
  margin: 0 auto;
  min-width: 1170px;
  padding: 0;
  width: 100%
}


.ps-nav-back {
  display: block !important;
}

.pnx-content {
  min-height: 400px;
  height: auto !important;
  margin: 20px auto 0;
  width: 980px !important;
}

.page-header {
  margin-bottom: 30px;
  margin-top: 0px !important;
  padding-bottom: 0px;
  border-bottom: none
}

.breadcrumb {
  display: block;
}

.global-header-breadcrumb a,
a.navHeaderClickTracking {
  text-decoration: none;
}

.global-header-breadcrumb.sid-page-center,
.pnx-page-wrap .container.global-header-breadcrumb {
  margin: 24px auto 0;
  width: 980px;
  padding-left: 0
}

/*--------------------------
   RESPONSIVE BOOTSTRAP CLASSES
----------------------------*/

/*adding to force display of nav on xs devices*/
.visible-lg,
.visible-md,
footer .hidden-xs,
footer .hidden-xs,
#navbar.collapse,
.ni-wrapper-header .collapse,
.global-header-search .hidden-xs {
  display: block !important;
}

ul.flex-container {
  min-width: 1176px;
}

/**hoping this fixes alignment inconsistency with megamenu **/
.ni-wrapper-header .flex-container>li {
  line-height: 1.5;
  margin-bottom: 0;
}

.footer>.container-fluid {
  width: 100% !important;
}

/*--------------------------
   PNX CLASSES
----------------------------*/

.pnx-page-wrap.grid16 {
  width: 100%;
}

.pnx-page-wrap .pnx-content,
.pnx-content {
  min-height: 400px;
  height: auto !important;
  margin: 20px auto 0;
  width: 980px !important;
}

.pnx-page-wrap .container.global-header-breadcrumb {
  margin: 24px auto 0;
  width: 980px;
  padding-left: 0
}

.pnx-page-wrap .global-header-breadcrumb {
  color: #044123;
  font-size: 10px
}

.pnx-content .collapse {
  display: block;
}

/* adding to ensure pnx pages get a margin at top of footer 
but other pages don't and no margin at bottom to override pages like SRM */
.pnx-page-wrap .ni-wrapper-footer .footer{
  margin: 40px 0 0;
}

.label {
  font-size: inherit;
  line-height: inherit;
  display: table-cell;
  text-align: left;
}



/*--------------------------
  MOBILE SCREENS -- FORCE DESKTOP STYLES
----------------------------*/
@media (max-width: 1119px) {

  .visible-md,
  .visible-sm,
  .visible-xs {
    display: none !important
  }

  .ni-wrapper-header .flex-container li.nia-menu-item:nth-of-type(1) {
    margin-top: 0;
  }

  .ni-wrapper-header a {
    font-size: 16px;
  }

  .ni-wrapper-header>li {
    margin-bottom: 0px;
  }

  .ni-wrapper-header .flex-container>li {
    line-height: 1.5;
    padding: 0px;
  }

  .nia-menu-item.nia-utils.header-icon a {
    padding: 39px 17px 33px 17px;
  }

  .mega-dropdown-menu {
    top: 81px;
  }


  .container {
    min-width: 1176px !important;
  }

  .ni-wrapper-header .header-menu {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    order: 1;
    position: relative;
    width: 100%;
    padding-left: 10px;
  }

  .ni-wrapper-header .toggle {
    display: none;
  }

  .ni-wrapper-header .flex-container {
    position: fixed;
    right: 0;
    left: 0;
  }

  .ni-wrapper-header .flex-container {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: auto;
    position: relative;
    width: 100% !important;
    min-width: 1176px;
  }

  li.nia-menu-item.nia-utils.header-icon.account {
    display: block;
  }

  li.nia-menu-item.wrapper-search {
    position: relative;
    right: unset;
    top: unset;
  }


  li.nia-menu-item.nia-utils.header-icon.cart-badge {
    position: relative;
    top: 0px;
  }

  .ni-wrapper-header .cart-badge[data-badge]:after {
    top: 14px;
    right: 11px;
  }


  .nia-menu-item>a:hover {
    border-bottom: 2px solid #044123;
  }

  nav.ni-wrapper-header {
    height: 97px;
  }

  .nia-menu-item a {
    padding: 42px 19px;
  }

  .nia-menu-item.nia-utils a {
    padding: 42px 16px;
  }

  .nia-menu-item.header-icon a {
    padding: 39px 17px 33px 17px;
  }

  .nia-menu-item {
    display: block;
    width: auto;
  }

  .ni-wrapper-header .toggle {
    display: none;
  }

  .ni-wrapper-header li.ni-logo a {
    display: block;
    height: 97px;
    margin: 0;
    padding: 0;
    width: 97px;
  }

  .ni-wrapper-header li.ni-logo {
    order: 1;
  }

  .nia-menu-item {
    order: 1;
  }

  .ni-wrapper-header .spacer {
    flex: 1;
  }

  li.mobile-spacer {
    display: none;
  }

  .nia-utils {
    order: 2;
  }

  .ni-wrapper-header .flex-container li.nia-utils {
    padding-right: 0;
  }

  .nia-menu-item a:nth-child(-n+5):active,
  .nia-menu-item.header-icon>a:hover,
  .nia-menu-item>a:hover {
    border-bottom: 2px solid #044123;
    text-decoration: none;
  }

  .ni-wrapper-header .account:not(.hidden-xs):hover .account-content,
  .ni-wrapper-header .account:not(.hidden-xs):active .account-content,
  .ni-wrapper-header .account:not(.hidden-xs):focus .account-content {
    display: block;
  }

  li.nia-menu-item.nia-utils.account-mobile {
    display: none;
  }

  .nia-menu-item.nia-utils.header-icon svg:active,
  .nia-menu-item.header-icon>a:active svg,
  .wrapper-search-form button:active svg {
    stroke: #ccdcc8;
  }

  .ni-megamenu-desktop {
    display: block;
  }

  .footer-body .logo-container {
    display: block;
    justify-content: unset;
    margin-left: 97px;
  }

  .footer-body .section-title {
    margin-top: -8px;  /*needed to align text top top of div */
    padding: 58px 0 0 0;
    font-size: 24px;
    margin-bottom: 44px;
  }

  .footer-body .col-md-2 {
    width: 16.66667%
  }

  .footer-body .col-md-3 {
    width: 25%
  }

  .footer-body ul.section-links {
    font-size: 14px;
    line-height: 1.15;
    margin: 0;
    padding: 0;
  }

  footer .hidden-md {
    display: block !important;
  }

  .footer-body .section-links li+li:before {
    content: "";
    padding: 0;
  }

  .footer-body .section-links li {
    display: list-item;
    font-size: 14px;
    margin: 0;
    padding-bottom: 13px;
  }

  .footer-body .section-links li a {
    line-height: 1.71;
  }

  .footer-body .socialIcons .bg-line.hidden-md {
    display: none !important
  }

  .footer-body .socialIcons i:nth-of-type(1) {
    padding-left: 0;
  }

  .footer-body .footer-bottomLinks {
    margin: 54px 0 180px 80px;
  }

  .footer-body .footer-bottomLinks .legal {
    display: block;
    margin: 0 25px;
    float: left;
  }

  .legal a.analytics-footer-link:last-of-type {
    margin-right: 24px;
  }

  .footer-bottomLinks .col-xs-12 {
    display: flex;
    flex-wrap: nowrap;
  }


  /*  Flag and country name */
  .footer-bottomLinks .col-xs-12 div:nth-of-type(1) {
    order: 1;
  }

  /*  Legal links */
  .footer-bottomLinks .col-xs-12 div:nth-of-type(2) {
    order: 2
  }

  /*  Copyright & All Rights */
  .footer-bottomLinks .col-xs-12 div:nth-of-type(3) {
    max-width: 450px;
    order: 3;
    padding-bottom: 0;
    width: auto;
  }

  .footer-bottomLinks .col-xs-12 div:nth-of-type(4) {
    display: none;
  }


}