
.meniu {
   position: absolute;
   top: 130px;
   margin: 0;
   border: 0;
   line-height: 1;
   background: #fff;
   height: 450px;
   z-index: 1000;
   width: calc(100% - 30px);

   padding: 30px;

}

.meniu .tab_wrapper.left_side>ul {
   width: 100%;
   border-bottom: 0 !important;
}

.open_menu:hover .meniu {
   background: red;
   display: block !important;
}

.meniu a:not(.subcategorie) {
   color: #000 !important;
   font-size: 17px !important;
   font-family: 'Montserrat';
   line-height: 32px;
   display: block;
}

.meniu .has-children a::after {
   content: "›";
   color: #FFA41C;
   float: left;
   font-size: 27px;
   font-weight: bold;
   margin-right: 15px;
   margin-top: -2px;
}


.meniu .col-sm-4 {
   position: unset;
}


.meniu ul li:hover>a {
   color: #0064c8 !important;
}

.subcategorii {
   background: #fff;
   height: 420px;

   padding: 30px !important;
   color: #000;
   transition: ease-out 0.3s all;
}

.subcategorii a::before {
   content: "" !important;
}

.subcategorii a {
   transition: ease-out 0.3s all;
   font-size: 16px !important;
   display: block !important;
   margin-left: 40px;
}

.subcategorii a:hover {
   color: #0064c8 !important;
}


.meniu ul li,
.meniu ul ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

.subcategorie {
   font-weight: 400;
   line-height: 13px;
   margin-bottom: 0;
   color: #222;
}

li .subcategorie:not(:first-child) {
   padding-top: 30px;
}

.subsubcategorie {
   line-height: 13px;
   margin-bottom: 0;
   font-weight: 500 !important;
   white-space: nowrap;
   overflow-x: hidden;
}

.meniu ul li {
   padding: 8px 12px;
}

.meniu-content {
   padding-left: 20px;
}

.meniu-content .subcategorii {
   position: absolute;
   top: 0px;
   left: 15px;
   width: 100%;
   display: none;
}

.nume_elem_meniu_principal_back {
   font-size: 20px;
   cursor: pointer;
   margin-bottom: 30px;
   display: inline-block;
}


.leftCategorie {
   font-weight: bold;
   margin-right: 13px;
   color: #FFA41C;
   font-size: 16px;
}

.img_meniu {
   width: 100%;
   object-fit: contain;
   height: 400px;
}



/* ------------------------------- RESPONSIVE ----------------------------------- */

/* mobile */
@media all and (min-width:0px) and (max-width: 767px) {
   .no-scroll{
      overflow: hidden;
      height: 100vh;
   }

   .nextMeniuMobil {
      height: 25px;
      float: right;
      margin-right: 10px;
   }

   .elementMenuGeneral{
      padding: 10px 10px !important;
   }

   .meniu-content-mobil .has-children-mobil{
      padding: 10px 10px !important;
   }

   .submeniu-global-mobil{
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 101%;
      background: #fff;
      transition: left 0.6s ease-in-out;
   }

  

   .submeniu-global-mobil-open{
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 165%;
      background: #fff;
      transition: left 0.6s ease-in-out;
   }

   .leftMeniuMobil {
      height: 25px;
      float: left;
      margin-right: 5px;
   }

   .elementMenuGeneral {
      display: flex;
      flex-direction: column;
   }

   .oferteMeniuMobil{
      font-style: italic;
   }

   .numeSiteMeniuStatic{
      font-weight: 700;
      font-size: 14px;
      margin: 0px;
   }

   .SubElementMenuGeneral {
      margin-top: 5px;
      color:#545454;
      font-size: 12px !important;
   }

   .inchideMenu {
      height: 30px;
      cursor: pointer;
   }

   .meniu-mobil ul,
   .meniu-mobil ul li,
   .meniu-mobil ul ul {
      list-style: none;
      margin: 0;
      padding: 0;
   }

   .meniu-mobil li {
      cursor: pointer;
   }

   .divSubcategorie {
      padding: 20px 0px 0px 30px;
   }

  

   .rotate {
      transform: rotate(90deg);
      transition: transform 0.3s ease-in-out;
   }

  

   .subcategorie-mobil {
      text-transform: uppercase;
      font-size: 16px !important;
      font-family: 'Montserrat';
      font-weight: 400;
      color: rgb(33, 36, 39) !important;
      cursor: pointer;
   }
/* 
   .meniu-mobil ul li {
      padding: 11px 12px;
   } */

   .meniu-content-mobil .meniu-mobil ul li {
      padding: 5px;
   }

   .meniu-mobil {
      padding: 0;
      margin: 0;
      border: 0;
      line-height: 1;
      background: #fff;
      z-index: 3;
   }

   .meniu-mobil {
      display: none;
      top: 42px;
      height: 100%;
      overflow-y: auto;
      left: 0;
      max-height: none;
   }

   .meniu-mobil .iconExpand {
      float: right;
      font-size: 12px;
   }

   .meniu-mobil .iconBack {
      float: left;
      margin-right: 10px;
      font-size: 12px;
   }

   .meniu-mobil span {
      font-size: 16px !important;
      font-weight: 400;
      color: #545454;
   }

   .meniu-mobil .subcategoriiMobile {
      display: none;
      background: rgb(43 48 137 / 0.03);
   }

   .meniu-mobil .subsubcategoriiMobile {
      display: none;
   }

   .meniu-mobil ul li:hover {
      background: transparent;
   }

   .meniu-mobil ul li span:hover {
      color: #2B3089;
   }

   .subcategoriiMobile li:last-child {
      border: none;
   }

   .meniu-mobil li:last-child {
      border-bottom: none;
   }

   .meniu-mobil a {
      font-size: 18px;
      font-family: 'Montserrat';
      color: #212529;
   }

   .meniu-mobil .has-children a::before {
      content: "";
   }

   .meniu-mobil li {
      cursor: pointer;
   }

   .meniu-mobil .has-children .subcategoriiMobile a,
   .meniu .has-children .subcategoriiMobile span {
      font-size: 14px !important;
   }

   .meniu-mobil .has-children .subsubcategoriiMobile a {
      font-size: 12px !important;
   }

   .submeniu-global-mobil{
      display: none;
   }


   /* meniu */
   .meniu-mobil {
      top: 0;
      position: fixed;
      left: 0;
      width: 100%;
   }

   .tabs_meniu_mobil .tab_list {
      display: flex !important;
   }

   .tabs_meniu_mobil .clickTab {
      flex: 1;
      padding: 15px 0 !important;
      background: #f2f2f2
   }

   .clickTab {
      display: none;
   }

   .tabs_meniu_mobil .tab_content {
      display: none;
   }

   .tabs_meniu_mobil .active {
      display: block !important;
   }

   .meniu-mobil {
      box-shadow: 0 0 0 999em rgba(0, 0, 0, 0.8) !important;
   }
}

/* tableta */
@media all and (min-width:768px) and (max-width: 1023px) {
   .meniu-content .subcategorii {
      left: 195px;
      width: 510px;
   }

   .meniu {
      top: 100px;
      width: 100% !important
   }

   #listaDinGradient li:first-child {
      width: 52.5% !Important;
   }
}

@media all and (min-width:1024px) and (max-width: 1059px) {
   #listaDinGradient li:first-child {
      width: 34% !important;
   }

   .meniu {
      top: 117px;
      /* width: 100% !important */
      width: 193px;
   }

   .meniu-content .subcategorii {
      left: 230px;
      top: 0px;
   }
}

@media all and (min-width:1060px) and (max-width: 1366px) {
   #listaDinGradient li:first-child {
      width: 34% !important;
   }

   .meniu {
      top: 117px;
      width: 100% !important
   }

   .meniu-content .subcategorii {
      left: 230px;
      top: 0px;
   }
}