@media (min-width: 741px) {
     .productcategories {
          padding: 0px;
          margin: 0px;
          display: flex;
          float: right;
     }

     .productcategories li {
          display: inline;
          list-style: none;
          position: relative;
     }

     .productcategories li a {
          display: block;
          text-decoration: none;
          color: #A1A1A1;
          text-align: center;
          text-transform:uppercase;
          font-weight: 300;
          font-size: 13px;
          padding: 0px 10px;
     }

     .productcategories li a:hover,.productcategories .highlight {
          color:#E05C0B;
     }

     .productcategories li ul {
          height: auto;
          position: absolute;
          top: 100%;
          left: 0px;
          z-index: 10;
          display: none;
          margin: 0px;
          padding: 0px;
          width: 10vw;
     }

     .productcategories li ul li a {
          display: block;
          padding: 15px 10px;
          text-decoration: none;
          color: #fff;
          background: #5C446C;
          border: none;
          line-height: normal;
          text-transform: none;
          font-size: 13px;
          font-weight: 400;
          font-style: normal;
     }

     .productcategories li ul li a:hover {
          color: #fff;
          border: none;
          background: #000;
     }

     .productcategories li li {
          display: block;
          float: none;
     }

     .productcategories li:hover>ul {
          display: block;
     }

     .productcategories li ul ul {
          left: 90%;
          top: 0px;
     }

  
}

@media (min-width: 992px) {}