.meniu {
   position:absolute;
   top:108px;
   padding: 0;
   margin: 0;
   border: 0;
   line-height: 1;
   background: #fff;
   height: 419px;
   z-index: 3;

}
.open_menu:hover .meniu{
   background: red;
   display: block !important;
}

.meniu a{
   color: #54595F !important;
   font-size:13px !important;
   font-family:'Open Sans';
   font-weight: 600;
   line-height: 17px;
   display: block;
}

.meniu .has-children a::before{
   content:"»";
   float: right;
}

.meniu ul li {
   border-bottom:1px solid #f2f2f2;
   display: block;
}

.meniu ul li:hover{
   background: #005b8c14;;
}

.meniu ul li:hover > a{
   color:#231f20  !important;
}

.subcategorii{
   background: white;
   width:897px;
   height: 420px;
   overflow-y: auto;
   overflow-x: hidden;
   top:0;
   padding: 15px !important;
   color: #54595F;
}

.subcategorii a::before{
   content: "" !important;
}

.subcategorii a{
   transition: ease-out 0.3s all;
   border-left: 1px solid white;
   font-size:14px !important;
   display: block !important;
}

.subcategorii a:hover{
   color:#E2001A !important;
   border-left: 3px solid white;
}

.meniu ul,
.meniu ul li,
.meniu ul ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

.subcategorie{
   font-weight:bold;
   line-height:20px;
   margin-bottom:0;
}

li .subcategorie:not(:first-child){
   padding-top:20px;
}

.subsubcategorie{
   line-height:20px;
   margin-bottom:0;
   font-weight:500 !important;
}

.meniu ul li{
   padding: 8px 12px;
}

.meniu{
   width:213px;
}

.meniu-content{
   position:relative;
}

.meniu-content .subcategorii{
   position: absolute;
   top:0;
   left:228px;
   display:none;
}

.meniu-content .has-children:hover .subcategorii{
   display:flex;
}

/* ------------------------------- RESPONSIVE ----------------------------------- */

/* mobile */
@media all and (min-width:0px) and (max-width: 767px) {
   .meniu{
      display: none;
      top: 42px;
      height: calc(100vh - 122px);
      overflow-y: auto;
      left: 0;
      max-height: none;
   }
   .meniu .iconExpand{
      float: right;
      font-size: 12px;
   }
   .meniu .iconBack{
      float: left;
      margin-right: 10px;
      font-size: 12px;
   }
   .meniu span{
      display: block;
      padding: 8px 12px;
      font-size: 1rem !important;
      font-family: "Open Sans";
      font-weight: 600;
   }
   .meniu .subcategoriiMobile{
      display: none;
      background: rgb(43 48 137 / 0.03);
   }
   .meniu .subsubcategoriiMobile{
      display: none;
   }
   .meniu ul li:hover{
      background: transparent;
   }
   .meniu ul li span:hover{
      color: #2B3089;
   }
   .subcategoriiMobile li:last-child{
      border:none;
   }
   .meniu li:last-child{
      border-bottom: none;
   }
   .meniu a{
      font-size: 1rem !important;
      font-family: "Open Sans";
      font-weight: 600;
      color: #212529 !important;
   }
   .meniu .has-children a::before{
      content: "";
   }
   .meniu li{
      cursor: pointer;
   }
   .meniu .has-children .subcategoriiMobile a, .meniu .has-children .subcategoriiMobile span {
      font-size: 14px !important;
   }
   .meniu .has-children .subsubcategoriiMobile a{
      font-size: 12px !important;
   }
}

/* tableta */
@media all and (min-width:768px) and (max-width: 1023px) {
   .meniu-content .subcategorii{
      left: 195px;
      width: 510px;
   }

   .meniu{
      top: 101px;
      width: 111% !important
   }

   #listaDinGradient li:first-child{
      width: 52.5% !Important;
   }
}
@media all and (min-width:1024px) and (max-width: 1366px) {
   #listaDinGradient li:first-child{
      width: 34% !important;
   }
   .meniu{
      top: 101px;
      /* width: 100% !important */
      width: 190px;
   }
   .meniu-content .subcategorii{
      left: 230px;
      top: 0px;
   }
}