:root {
    --nav-color-blue: #01104c;
    --nav-color-light-blue: #8aa2c2;
    --nav-color-lighter-blue: #c6d5eb;
    --nav-color-grey: #e5e5e5;
    --nav-color-dark-grey: #383838;
    --nav-color-white: #fff;
    --nav-color-black: var(--nav-color-black);
  }
  
  /* Icons */
  .gui-search-toggle  {
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3e%3ctitle%3eUntitled-1%3c/title%3e%3cpath fill='%2301104C' d='M44,40.61A3.43,3.43,0,0,1,40.61,44a3.14,3.14,0,0,1-2.38-1l-9.07-9a18.11,18.11,0,0,1-10.55,3.28,18.3,18.3,0,0,1-7.23-1.47,18.22,18.22,0,0,1-9.92-9.92,18.56,18.56,0,0,1,0-14.46,18.24,18.24,0,0,1,9.92-9.92,18.56,18.56,0,0,1,14.46,0,18.26,18.26,0,0,1,9.92,9.92,18.31,18.31,0,0,1,1.47,7.23A18.1,18.1,0,0,1,34,29.17L43,38.24A3.24,3.24,0,0,1,44,40.61ZM27,27a11.4,11.4,0,0,0,3.48-8.37A11.4,11.4,0,0,0,27,10.25a11.4,11.4,0,0,0-8.37-3.48,11.4,11.4,0,0,0-8.37,3.48,11.41,11.41,0,0,0-3.48,8.37A11.41,11.41,0,0,0,10.25,27a11.41,11.41,0,0,0,8.37,3.48A11.41,11.41,0,0,0,27,27Z' transform='translate(0)'/%3e%3c/svg%3e");
  }
  .gui-nav-toggle {
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 34'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:none;stroke:%2301104C;stroke-miterlimit:10;stroke-width:6px;%7d%3c/style%3e%3c/defs%3e%3ctitle%3ebag%3c/title%3e%3cline class='cls-1' y1='3' x2='44' y2='3'/%3e%3cline class='cls-1' y1='31' x2='44' y2='31'/%3e%3cline class='cls-1' y1='17' x2='44' y2='17'/%3e%3c/svg%3e");
  }
  
  /* Header Telephone Information */
  .gui-header-tel {
      display: none;
  }
  .gui-tel-num {
      font-family: 'GGX88BOLD', Arial, Helvetica Neue, Helvetica, sans-serif;
      color: var(--nav-color-blue);
      font-size: 18px;
      margin: 0 12px 0 0;
  }
  .gui-tel-info {
      font-family: 'GGX88Book', Arial, Helvetica Neue, Helvetica, sans-serif;
      text-transform: uppercase;
      color: var(--nav-color-dark-grey);
      font-size: 9px;
      margin: -5px 0 0 0;
      padding: 0;
      line-height: 1.7;
      letter-spacing: 1px;
  }
  @media (min-width: 768px) {
      .gui-header-tel {
          display: -ms-flexbox;
          display: -webkit-flex;
          display: -webkit-box;
          display: flex;
          
          -webkit-box-align: start;
          -webkit-align-items: flex-start;
          -ms-flex-align: flex-start;
          align-items: flex-start;
          
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-flow: column wrap;
          -webkit-flex-flow: column wrap;
          flex-flow: column wrap;
      }
  }
  
  /* Header Top */
  .gui-header-top {
      font-family: 'GGX88BOLD', Arial, Helvetica, sans-serif;
      border-bottom: 1px solid var(--nav-color-grey);
      background: none;
  }
  
  /* Header Top Links */
  .gui-header-top-links ul li a {
      font: 0.9em "GGX88Bold", Arial, Helvetica, sans-serif;
      text-decoration: none;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--nav-color-blue);
  }
  @media (min-width: 1200px) {
      .gui-header-top-links ul li a {
          font: 1em "GGX88Bold", Arial, Helvetica, sans-serif;
      }
  }
  
  /* Top Links */
  .gui-top-links li a {
      font-weight: bold;
      letter-spacing: 1px;
      text-transform: uppercase;
      color: var(--nav-color-blue);
  }
  
  /* Minibag Toggle */
  .gui-minibag-toggle {
      color: var(--nav-color-white);
      border: 1px solid var(--nav-color-blue);
      background: var(--nav-color-blue);
  }
  .gui-minibag-toggle-text {
      font-family: 'GGX88Bold', Arial, Helvetica, sans-serif;
      line-height: 1.8;
      line-height: 1.5;
      margin-right: 10px;
      text-transform: uppercase;
      letter-spacing: 0.1em;
  }
  .gui-minibag-toggle-count {
      font: 1em/1.55em "GGX88Bold", Arial, Helvetica, sans-serif;
      line-height: 1.5;
      order: 3;
      width: auto;
      margin-right: 0 !important;
      letter-spacing: 0.1em;
      color: var(--nav-color-white);
      background-image: none;
  }
  .gui-minibag-icon {
      display: inline-block;
      width: 20px;
      height: 25px;
      margin-right: 10px;
      background: url(/repo/PMA/desktop/header/02-images/180228-bag.png) 4px 4px no-repeat var(--nav-color-blue);
  }
  #numItemsInBag {
      margin-right: 5px;
      margin-left: 5px;
  }
  
  /* Telephone */
  .gui-tel {
      font-family: 'GGX88Bold', Arial, Helvetica, sans-serif;
      color: var(--nav-color-blue);
  }
  .gui-tel h2 {
      line-height: 1;
  }
  .gui-tel small {
      font-family: 'GGX88Light', Arial, Helvetica, sans-serif;
  }
  
  /* Search */
  #searchButton:hover {
      background-color: var(--nav-color-dark-grey);
  }
  .gui-search {
      margin: 0;
      width: 220px;
  }
  .gui-search input {
      padding-right: 55px;
  }
  @media (min-width: 992px) {
      .gui-search {
          width: 380px;
      }
  }
  .gui-search input {
      font-family: 'GGX88Light', Arial, Helvetica, sans-serif;
      letter-spacing: 1px;
      border: 1px solid var(--nav-color-blue);
  }
  .gui-search input::placeholder {
      color: var(--nav-color-blue);
  }
  .gui-search button {
      border: 1px solid var(--nav-color-blue);
      background: var(--nav-color-blue);
      background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3c!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3e%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 44 44' style='enable-background:new 0 0 44 44;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill:%23FFFFFF;%7d %3c/style%3e%3ctitle%3ebag%3c/title%3e%3cg%3e%3cpath class='st0' d='M44,40.6c0,0.9-0.3,1.7-1,2.4c-0.7,0.7-1.5,1-2.4,1c-1,0-1.7-0.3-2.4-1l-9.1-9c-3.2,2.2-6.7,3.3-10.6,3.3 c-2.5,0-4.9-0.5-7.2-1.5c-2.3-1-4.3-2.3-5.9-4s-3-3.6-4-5.9c-1-2.3-1.5-4.7-1.5-7.2c0-2.5,0.5-4.9,1.5-7.2c1-2.3,2.3-4.3,4-5.9 s3.6-3,5.9-4c2.3-1,4.7-1.5,7.2-1.5c2.5,0,4.9,0.5,7.2,1.5c2.3,1,4.3,2.3,5.9,4c1.7,1.7,3,3.6,4,5.9c1,2.3,1.5,4.7,1.5,7.2 c0,3.9-1.1,7.4-3.3,10.6l9.1,9.1C43.7,38.9,44,39.7,44,40.6z M27,27c2.3-2.3,3.5-5.1,3.5-8.4c0-3.3-1.2-6.1-3.5-8.4 c-2.3-2.3-5.1-3.5-8.4-3.5c-3.3,0-6.1,1.2-8.4,3.5c-2.3,2.3-3.5,5.1-3.5,8.4c0,3.3,1.2,6.1,3.5,8.4s5.1,3.5,8.4,3.5 C21.9,30.4,24.7,29.3,27,27z'/%3e%3c/g%3e%3c/svg%3e");
      background-repeat: no-repeat;
      background-position: 12px;
      background-size: 20px;
  }
  
  /* Logo */
  .logo {
      position: relative;
      width: 180px;
  }
  @media (min-width: 768px) {
      .logo {
          width: 240px;
      }
  }
  @media (min-width: 1200px) {
      .logo {
          width: 310px;
      }
  }
  
  
  /* Main Nav Link */
  .gui-nav-list>li>a {
      font-family: 'GGX88Book', Arial, Helvetica, sans-serif;
      letter-spacing: 1px;
      text-transform: uppercase;
      color: var(--nav-color-blue);
  }
  
  /* Main Nav Link */
  .gui-nav-default .gui-nav-list {
      background: none;
  }
  
  .gui-nav-default .gui-nav-list>li>a {
      font-size: 10px;
      letter-spacing: 0.1em;
  }
  .gui-nav-default .gui-nav-list>li>a:hover {
      text-decoration: none;
      background-color: var(--nav-color-blue);
  }
  .gui-nav-list>li>#topNav_Sale {
      color: #e52324;
  }
  
  .gui-nav-list .gui-show > #topNav_Sale:hover {
      color: var(--nav-color-white);
  }

  @media (min-width: 1366px) {

    .gui-nav-list>li>#topNav_Sale:hover {
    color: var(--nav-color-white);
}
 


  }


   .gui-nav-default .gui-nav-list>li>a:hover {
      color: #fff;    
  }
  
  @media (min-width: 992px) {
      .gui-nav-default .gui-nav-list>li>a {
          font-size: 14px;
      }
  }
  
  /* Sub Nav Content */
  .gui-nav-off-canvas .gui-sub-nav-content-grid>div .gui-sub-nav-title {
      border: none;
  }
  .gui-sub-nav-content-grid>div .gui-sub-nav-title {
      color: var(--nav-color-blue);
      font: 14px "GGX88Bold", Arial, Helvetica, sans-serif;
      font-weight: bold;
      letter-spacing: 0.1em;
      margin: 0;
      text-transform: uppercase;
  }
  @media only screen and (max-width: 767px) {
      .gui-sub-nav-content-grid>div .gui-sub-nav-title {
          color: var(--nav-color-dark-grey);
      }
  }
  .gui-sub-nav-content .gui-sub-nav-content-list a {
      font-family: 'GGX88Light';
      letter-spacing: 0.5px;
      color: var(--nav-color-dark-grey);
      font: 14px "GGX88Light", Arial, Helvetica, sans-serif;
      letter-spacing: 0.08em;
      text-decoration: none;
      padding: 10px;
  }
  .gui-sub-nav-content .gui-sub-nav-content-list a:hover {
      text-decoration: none;
  }
  .gui-nav-default .gui-sub-nav-content-grid>div {
      width: 25%;
  }
  
  
  /* Nav Default */
  .gui-nav-default .gui-nav a {
      text-decoration: none;
  }
  .gui-nav-default .gui-nav {
      border-bottom: 1px solid var(--nav-color-blue);
  }
  .gui-nav-default .gui-sub-nav-content .gui-sub-nav-content-list a {
      padding: 5px;
  }
  
  /* Main Nav Link */
  .gui-no-touch .gui-nav-default .gui-nav-list>li:hover,
  .gui-touch .gui-nav-default .gui-nav-list>li.gui-show {
      background: none;
  }
  .gui-nav-default .gui-nav-list > li.gui-show > a,
  .gui-nav-default .gui-nav-list > li.gui-show:hover > a {
      color: #fff;
      text-decoration: none;
  }
  
  /* Sub Nav Content */
  .gui-nav-default .gui-sub-nav-content {
      width: 100%;
      border-top: 3px solid var(--nav-color-blue);
      box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
  }
  
  /* Secondary Nav */
  .gui-secondary-nav {
      font-family: 'GGX88Light', Arial, Helvetica, sans-serif;
      font-size: 12px;
      margin: 0;
      background: var(--nav-color-white);
  }
  .gui-secondary-nav .gui-container a {
      color: var(--nav-color-dark-grey);
      font: 0.85em "GGX88Light", Arial, Helvetica, sans-serif;
      letter-spacing: 0.1em;
      overflow: hidden;
      padding: 1em 0em;
      position: relative;
      text-transform: uppercase;
      -moz-transition: all 0.3s ease-in-out 0s;
      -o-transition: all 0.3s ease-in-out 0s;
      -webkit-transition: all 0.3s ease-in-out 0s;
      transition: all 0.3s ease-in-out 0s;
      text-decoration: none;
  }
  @media (min-width: 920px) {
      .gui-secondary-nav .gui-container a {
          font-size: 1em;
      }
  }
  .gui-secondary-nav .gui-container a::after {
      background-color: #91afd9;
      bottom: 0;
      color: var(--nav-color-white);
      filter: alpha(opacity=0);
      left: 0;
      opacity: 0;
      padding: 1em 0;
      position: absolute;
      right: 0;
      top: 0;
      -moz-transition: opacity 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s;
      -o-transition: opacity 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s;
      -webkit-transition: opacity 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s;
      transition: opacity 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s;
      text-align: center;
  }
  li.emailnewsandoffers a::after {
      content: "Join our mailing list";
  }
  li.deliveryandreturns a::after,
  li.averagereviewscoreis45 a::after {
      content: "Find out more";
  }
  li.deliveryandreturns a:hover::after,
  li.averagereviewscoreis45 a:hover::after,
  li.emailnewsandoffers a:hover::after {
      opacity: 1;
  }
  .gui-secondary-nav li[class*='averagereviewscoreis'] a {
      background: url(/repo/PMA/desktop/header/02-images/180228-star.png) 0em 0.4em/2em no-repeat;
  }
  @media (min-width: 1000px) {
      .gui-secondary-nav li[class*='averagereviewscoreis'] a {
          background-position-x: 1.2em;
      }
  }
  @media (min-width: 1170px) {
      .gui-secondary-nav li[class*='averagereviewscoreis'] a {
          background-position-x: 2.5em;
      }
  }
  
  .gui-secondary-nav ul {
      flex-wrap: nowrap;
  }
  
  /* START - My Account Selector */
  .gui-my-account-selector * {
      font-family: 'GGX88Light', Arial, Helvetica, sans-serif;
  }
  .gui-my-account-selector .gui-dropdown-menu {
      background: var(--nav-color-white);
      border: 1px solid var(--nav-color-grey);
      margin-top: 0px;
  }
  .gui-my-account-selector .gui-dropdown-toggle {
      background: var(--nav-color-white);
      border-left: 1px solid var(--nav-color-grey);
      border-right: 1px solid var(--nav-color-grey);
      color: var(--nav-color-blue);
      padding: 12px;
      font-size: 12px;
  }
  .gui-my-account-selector .gui-dropdown-toggle:after {
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%2301104C' d='M96 160C96 71.634 167.635 0 256 0s160 71.634 160 160-71.635 160-160 160S96 248.366 96 160zm304 192h-28.556c-71.006 42.713-159.912 42.695-230.888 0H112C50.144 352 0 402.144 0 464v24c0 13.255 10.745 24 24 24h464c13.255 0 24-10.745 24-24v-24c0-61.856-50.144-112-112-112z'/%3e%3c/svg%3e");
  }
  /* Welcome Name Surname */
  .gui-my-account-selector .gui-dropdown-menu ul li.gui-my-account-welcome {
      color: var(--nav-color-blue);
      border-bottom: 1px solid #f5f5f5;
      text-transform: uppercase;
      padding: 10px 0;
      font-size: 12px;
  }
  /* Dropdown Button - Sign In/Out Button */
  .gui-my-account-selector .gui-dropdown-menu ul li:first-child {
      border-bottom: 1px solid #F5F5F5;
  }
  /* Sign In Button */
  .gui-my-account-selector .gui-dropdown-menu ul li a.btn-signin {
      color: var(--nav-color-white);
      background-color: var(--nav-color-blue);
  }
  .gui-my-account-selector .gui-dropdown-menu ul li a.btn-signin:hover {
      color: var(--nav-color-white);
      background-color: var(--nav-color-dark-grey);
  }
  /* Sign Out Button */
  .gui-my-account-selector .gui-dropdown-menu ul li a.btn-signout {
      color: var(--nav-color-white);
      background-color: var(--nav-color-blue);
  }
  .gui-my-account-selector .gui-dropdown-menu ul li a.btn-signout:hover {
      color: var(--nav-color-white);
      background-color: var(--nav-color-dark-grey);
  }
  /* Drop Down Links*/
  .gui-my-account-selector .gui-dropdown-menu ul li:not(:first-child) a {
      color: var(--nav-color-blue);
  }
  .gui-my-account-selector .gui-dropdown-menu ul li:not(:first-child) a:hover {
      color: var(--nav-color-dark-grey);
      text-decoration: underline;
  }
  /* Available to Spend*/
  .gui-my-account-selector .gui-dropdown-menu ul li.credit-available {
      color: var(--nav-color-blue);
      font-size: 12px;
      padding: 10px 0;
      text-transform: uppercase;
      border-bottom: 1px solid #f5f5f5;
      
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -webkit-box;
      display: flex;
      
      -webkit-justify-content: space-between;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
      -webkit-flex-flow: row nowrap;
      flex-flow: row nowrap;
  }
  .gui-my-account-selector .gui-dropdown-menu ul li.credit-available strong {
      color: var(--nav-color-blue);
  }
  .gui-my-account-selector .gui-dropdown-menu ul li.credit-available span:not(:first-child) {
      text-align: right;
  }
  .gui-header-main .gui-my-account-selector .gui-dropdown-menu ul li.credit-available,
  .gui-header-main .gui-my-account-selector .gui-dropdown-menu ul li.gui-my-account-welcome {
      font-size: 14px;
  }
  
  /* Account Notifications */
  .gui-my-account-selector .gui-dropdown-menu ul li.gui-my-account-notification {
      border-bottom: 1px solid #f5f5f5;
      padding: 4px 0;
      margin: 0;
  }
  .gui-my-account-selector .gui-dropdown-menu ul li.gui-my-account-notification .gui-my-account-notifications {
      position: absolute;
      right: 0;
      line-height: 13px;
      text-align: center;
      color: var(--nav-color-white);
      font-weight: 400;
      background-color: var(--nav-color-blue);
      border-radius: 50%;
      width: 23px;
      height: 23px;
  
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -webkit-box;
      display: flex;
  
      -webkit-justify-content: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
  
      -webkit-align-items: center;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
  }
  .gui-my-account-selector .gui-dropdown-menu ul li.gui-my-account-notification a:hover .gui-my-account-notifications {
      background-color: var(--nav-color-dark-grey);
      color: var(--nav-color-white);
  }
  /* END - Notifications */
  
  /* Mobile - My Account Link/Dropdown */
  .gui-header-main .gui-my-account-selector .gui-dropdown-toggle {
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%2301104C' d='M96 160C96 71.634 167.635 0 256 0s160 71.634 160 160-71.635 160-160 160S96 248.366 96 160zm304 192h-28.556c-71.006 42.713-159.912 42.695-230.888 0H112C50.144 352 0 402.144 0 464v24c0 13.255 10.745 24 24 24h464c13.255 0 24-10.745 24-24v-24c0-61.856-50.144-112-112-112z'/%3e%3c/svg%3e");
      background-color: var(--nav-color-white);
      border: 1px solid var(--nav-color-grey);
      color: #222222;
      z-index: 2;
      position: relative;
  }
  .gui-header-main .gui-my-account-selector.gui-active .gui-dropdown-toggle {
      border: 1px solid var(--nav-color-grey);
      border-bottom:  none;
  }
  .gui-header-main .gui-my-account-selector .gui-dropdown-menu {
      background-color: var(--nav-color-white);
      border: 1px solid var(--nav-color-grey);
      margin-top: -1px;
      z-index: 1;
  }
  /* END - My Account Selector */
  
  /* Button sizes for Mobile */
  @media (max-width: 479px) {
      .gui-header-main .gui-minibag-toggle {
          width: auto;
      }
  }
      
  /* Back to Top */
  .hd-backtotop {
      background: url(/repo/PMA/desktop/responsiveheader/02-images/icon-chevron-black.svg) no-repeat;
      background-size: 70%;
      background-position: center center;
      background-color: var(--nav-color-white);
      -ms-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
      border: 1px solid var(--nav-color-black);
      bottom: 20px;
      display: none;
      height: 55px;
      opacity: .5;
      position: fixed;
      right: 20px;
      text-indent: -99999px;
      text-align: center;
      width: 55px;
      z-index: 2000;
  }
  .hd-backtotop:hover {
      opacity: .8;
      background-color: var(--nav-color-white);
  }
  a.smoothscroll.hd-backtotop {
      display: none;
  }
  
  /* Mobile Nav Stylings */
  @media only screen and (max-width: 767px) {
      .gui-sub-nav .gui-sub-nav-content {
          padding: 0;
      }
  .gui-nav-list > li {
          border-bottom: 1px solid var(--nav-color-grey);
          position: relative;
      }
  }
  .gui-sub-nav-content .gui-sub-nav-content-list {
      grid-template-columns: none;
  }
  /* Mobile Grid Links Container */
  @media only screen and (max-width: 767px) {
      .gui-sub-nav .gui-sub-nav-content-grid {
          background-color: var(--nav-color-lighter-blue);
      }
      .gui-nav-list > li {
          border-bottom: 1px solid #dedede;
      }
      .gui-header a:hover,
      .gui-header-top a:hover {
          text-decoration: none;
      }
      .gui-nav-off-canvas .gui-sub-nav-content .gui-sub-nav-content-list {
          grid-template-columns: repeat(auto-fill, minmax(221px, 1fr));
          grid-gap: 10px;
      }
      .gui-sub-nav-content .gui-sub-nav-content-list a {
          position: relative;
          background-color: var(--nav-color-white);
          border: 1px solid var(--nav-color-lighter-blue);
          border-bottom: none;
          padding: 13px 25px 13px 10px;
      }
      .gui-sub-nav-content .gui-sub-nav-content-list a:after {
          content: "";
          position: absolute;
          -ms-transform: rotate(180deg);
          -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
          right: 10px;
          top: calc(50% - 4px);
          width: 8px;
          height: 8px;
          background-size: 8px 8px;
          background-repeat: no-repeat;
          background-position: center center;
          background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 400 400' style='enable-background:new 0 0 400 400;' xml:space='preserve'%3e%3cpath fill='%23979797' d='M187.6,200.8L314.8,73.7c4.7-4.7,4.7-12.3,0-16.9l-40.2-40.2c-4.7-4.7-12.3-4.7-16.9,0L81.8,192.3 c-2.3,2.3-3.5,5.4-3.5,8.5s1.2,6.2,3.5,8.5l175.8,175.8c4.7,4.7,12.3,4.7,16.9,0l40.2-40.2c4.7-4.7,4.7-12.3,0-16.9L187.6,200.8z'/%3e%3c/svg%3e");
      }
      .gui-sub-nav-content .gui-sub-nav-content-list li:last-of-type a {
          border-bottom: 1px solid var(--nav-color-lighter-blue);
      }
  }
  @media only screen and (max-width: 560px) {
      .gui-nav-off-canvas .gui-sub-nav-content .gui-sub-nav-content-list {
          grid-template-columns: none;
          grid-gap: 0;
      }
  }
  
  .gui-sub-nav a:hover,
  .gui-nav-list li a:active {
      text-decoration: none;
  }
  .gui-no-touch .gui-nav-default .gui-nav-list > li:hover a {
      background-color: var(--nav-color-blue);
      color: var(--nav-color-white);
  }
  .gui-nav-default .gui-nav-list > li:hover .gui-sub-nav-content a {
      background-color: var(--nav-color-white);
      color: var(--nav-color-dark-grey);
  }
  .gui-nav-default .gui-nav-list > li:hover .gui-sub-nav-content a:hover {
      background-color: #91AFD9;
      color: var(--nav-color-white);
  }
  /* Mobile Nav Sub Hover */
  @media only screen and (max-width: 767px) {
      .gui-sub-nav-content .gui-sub-nav-content-list a:hover {
          background-color: var(--nav-color-white);
      }
      /* Navigation Links */
      .gui-nav-default .gui-nav-list > li:hover a {
          background-color: var(--nav-color-blue);
          color: var(--nav-color-white);
      }
      .gui-nav-off-canvas .gui-nav-list .gui-show > a {
          background-color: var(--nav-color-blue);
          color: var(--nav-color-white);
      }
      .gui-show a + .gui-sub-nav-toggle {
          background-color: var(--nav-color-blue);
      }
  }
  
  /* Mobile Bespoke Icons */
  /* My Account / Help / Wishlist / Track an Order */
  .gui-nav-off-canvas .gui-nav-list a[id^="topNav_SignIn/MyAccount"]:after,
  .gui-nav-off-canvas .gui-nav-list a[id^="topNav_WishList"]:after,
  .gui-nav-off-canvas .gui-nav-list a[id^="topNav_Help"]:after {
      content: "";
      position: absolute;
      right: 12px;
      top: calc(50% - 10px);
      width: 20px;
      height: 20px;
      background-size: 20px 20px;
      background-repeat: no-repeat;
      background-position: center center;
  }
  .gui-nav-off-canvas .gui-nav-list a[id^="topNav_SignIn/MyAccount"]:after {
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%23000000' d='M96 160C96 71.634 167.635 0 256 0s160 71.634 160 160-71.635 160-160 160S96 248.366 96 160zm304 192h-28.556c-71.006 42.713-159.912 42.695-230.888 0H112C50.144 352 0 402.144 0 464v24c0 13.255 10.745 24 24 24h464c13.255 0 24-10.745 24-24v-24c0-61.856-50.144-112-112-112z'/%3e%3c/svg%3e");
  }
  .gui-nav-off-canvas .gui-nav-list a[id^="topNav_Help"]:after {
      background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Discounts' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' enable-background='new 0 0 512 512' xml:space='preserve' fill='%23000000'%3e%3cg%3e%3cpath d='M99.6,189.1c1.2-97.1,65.1-153,161-153c76.8,0,153.6,40.6,153.6,125.4c0,59.6-28.9,81.1-75.6,110.6 c-32,20.9-39.9,30.1-40.6,67h-97.1v-30.7c0-47.9,27-68.8,49.8-85.4c25.2-17.2,49.2-30.1,49.2-60.8c0-23.4-17.8-37.5-39.9-37.5 c-33.8,0-51,20.3-52.8,52.8v11.7H99.6z M192.3,369.7h114.3V484H192.3V369.7z'/%3e%3c/g%3e%3c/svg%3e");
  }
  .gui-nav-off-canvas .gui-nav-list a[id^="topNav_WishList"]:after {
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%23000000'  d='M229.9,464.2L79.6,316.6c-6.5-6-62.5-59.8-62.5-126.7c0-82.8,51.8-137.6,138.7-137.6 c37.8,0,73.6,20.8,102.3,45.4c28.6-24.6,64.5-45.4,102.3-45.4c83.7,0,138.7,51.6,138.7,137.6c0,47.4-29,94.4-62.1,126.6l-0.3,0.3 L286.1,464.2C270.5,479.6,245.5,479.6,229.9,464.2L229.9,464.2z'/%3e%3c/svg%3e");
  }
  
  /* Remove the Drop Down Images on the Mobile Breakpoint 
  @media only screen and (max-width: 767px) {
      a[id^="topNav_Menswear"] + .gui-sub-nav-toggle + .gui-sub-nav-content .gui-sub-nav-content-grid div:last-of-type,
      a[id^="topNav_Nightwear&Underwear"] + .gui-sub-nav-toggle + .gui-sub-nav-content .gui-sub-nav-content-grid div:last-of-type,
      a[id^="topNav_Shoes"] + .gui-sub-nav-toggle + .gui-sub-nav-content .gui-sub-nav-content-grid div:last-of-type,
      a[id^="topNav_Womens"] + .gui-sub-nav-toggle + .gui-sub-nav-content .gui-sub-nav-content-grid div:last-of-type,
      a[id^="topNav_Home&Garden"] + .gui-sub-nav-toggle + .gui-sub-nav-content .gui-sub-nav-content-grid div:last-of-type,
      a[id^="topNav_Electricals"] + .gui-sub-nav-toggle + .gui-sub-nav-content .gui-sub-nav-content-grid div:last-of-type,
      a[id^="topNav_Gifts"] + .gui-sub-nav-toggle + .gui-sub-nav-content .gui-sub-nav-content-grid div:last-of-type {
          display: none;
      }
  }*/

  @media screen and (max-width: 361px) {

    .gui-header .gui-header-main .block-3 > * {
        margin-left: 3px;   
    }
        
    .gui-header .gui-header-main .block-1 > * {        
     margin-left: 3px;
    }
        
    .gui-header .gui-header-main .block-2 .logo {
        width: 110px; 
        }
        
    .gui-header .gui-header-main-container {
        padding: 0;        
        } 
}