@media (min-width: 991px) {
.menu-prduct-left{
background-color: #fff;
  border: 1px solid #EBEBEB;
  margin-top:0px;
}
.menu-prduct-home .menu-pro, .menu-prduct-left .menu-pro {
    position: static;
    visibility: visible;
    opacity: 1;
    display: block;
    list-style: none;
    padding: 0px;
    margin: 0px;
    background-color: #fff; }
.menu-prduct-home .menu-pro li ul, .menu-prduct-left .menu-pro li ul {
      left: 22%;
      left: calc(22% + 9px); }
.menu-prduct-left .menu-pro {
background-color: #fff
}	  
.menu-pro {
  display: inline-table;
  width: 100%;
  top: 100%;
  background-color: #fff;
  position: absolute;
  left: 0px;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  display: none;
  list-style: none;
  padding: 0px;
  margin: 0px; }
  .menu-pro li {
    width: 100%;
    line-height: 18px;
    float: left; }
.menu-prduct-left .menu-pro li {
    width: 100%;
    line-height: 18px;
    float: inherit; }	
    .menu-pro li a {
      text-transform: capitalize;
      font-size: 0.875rem;
      color: #000;
      padding: 12px 15px;
      padding-right: 30px;
      display: inherit;
      border-bottom: 1px solid #ddd;
      width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      position: relative;
      font-weight: 700; }
      .menu-pro li a:hover {
        color: #fb0303; }
.menu-prduct-left .menu-pro li a {
 border-bottom: 2px solid #FFFFFF;
 color:#000;
 border-left:2px solid #FFFFFF; 
}		
.menu-prduct-left .menu-pro li a:hover, .menu-prduct-left .menu-pro li a.active {
color: #000;
background-color:#E2E2E2;
border-left:2px solid #E2E2E2; }
		
				
    .menu-pro li ul {
      position: absolute;
      content: "";
      left: 244.2px;
      top: 0px;
      width: 300px;
      border-left: 1px solid #ddd;
      height: 100%;
      background-color: #eee;
      z-index: 999;
      display: none;
      visibility: hidden;
      opacity: 0;
      list-style: none;
      padding: 0px;
      margin: 0px; }
      .menu-pro li ul li {
        width: 100%;
        float: left; }
        .menu-pro li ul li a {
          color: #000; }
          .menu-pro li ul li a:hover {
            background-color: transparent;
            color: #fb0303; }
        .menu-pro li ul li ul {
          position: static;
          display: block;
          visibility: visible;
          opacity: 1;
          width: 200px;
          list-style: none;
          padding: 0px;
          margin: 0px; }
          .menu-pro li ul li ul li {
            width: 100%; }
            .menu-pro li ul li ul li a {
              color: #000;
              font-size: 0.6875rem; }
    .menu-pro li:hover ul {
      display: block;
      visibility: visible;
      opacity: 1; }
    .menu-pro li:last-child a {
      border-bottom: none; }
	  
}