.modul-start-menu-22 > .modul-start-menu-tytul{
  margin-left:16px;
}
.modul-start-menu-22 > .modul-start-menu-tytul:before{
  font-family: "Font Awesome 5 Free"!important;
  content: "\f085";
  color: #1b1b1b;
  font-size:48px;
  top:10px;
  right:16px;
  position: relative;
}

.modul-start-menu-22 {
  display:flex;
  flex-direction: column;
}

.modul-start-menu-22 >ul.menu-start-0-poziom{
  list-style: none;
  margin: 30px 0px 0px 82px;
  padding: 0px 0px;
  position: relative;
  column-count: 3;
  column-gap: 20px;
}

.modul-start-menu-22 >ul.menu-start-0-poziom li{
  list-style: none;
  display: block;
  margin: 0px 0px 0px 0px;
  /*position: relative;*/
  font-size: 14px;
  padding: 0px 0px 0px 0px;
  text-align: left;
}

.modul-start-menu-22 >ul.menu-start-0-poziom li > a,
.modul-start-menu-22 >ul.menu-start-0-poziom li > span,
.modul-start-menu-22 >ul.menu-start-0-poziom li > button {
    padding: 0px 0px 0px 0px;
    margin: 0px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    text-decoration-color: transparent;
    font-family: 'Open Sans', sans-serif;
    color:#000000;
    font-weight: 400;
    font-size: 14px;
    cursor:pointer;
    position:relative;
    background-color: transparent;
    border: 0;
    width: 100%;
    text-align: left;
}
.modul-start-menu-22 >ul.menu-start-0-poziom li > a > span.menu-tekst,
.modul-start-menu-22 >ul.menu-start-0-poziom li > button > span.menu-tekst {
  padding:4px 0px;
  display:block;
  margin-left:17px;
}

.modul-start-menu-22 >ul.menu-start-0-poziom li > a > span.menu-tekst:before,
.modul-start-menu-22 >ul.menu-start-0-poziom li > button > span.menu-tekst:before {
    font-family: "Font Awesome 5 Free"!important;
    content: "\f061";
    top: 8px;
    color: #005f8f;
    font-size: 12px;
    /*margin-right:6px;*/
    position:absolute;
    left:0px;
}

.modul-start-menu-22 >ul.menu-start-0-poziom li > a img,
.modul-start-menu-22 >ul.menu-start-0-poziom li > span img,
.modul-start-menu-22 >ul.menu-start-0-poziom li > button img {
  max-width: 100%;
  height: auto;
}

.modul-start-menu-22 >ul.menu-start-0-poziom li > a:hover,
.modul-start-menu-22 >ul.menu-start-0-poziom li > span:hover,
.modul-start-menu-22 >ul.menu-start-0-poziom li > button:hover {
  opacity: 0.5;
}

.modul-start-menu-22 >ul.menu-start-0-poziom li.menu-ikona{
  border:none;
}

.modul-start-menu-22 >ul.menu-start-0-poziom li.menu-ikona a,
.modul-start-menu-22 >ul.menu-start-0-poziom li.menu-ikona button {
    width: 100%;
}

/*2gi poziom*/

.modul-start-menu-22 > ul.menu-start-0-poziom li > ul.menu-start-1-poziom{
  display:none;
}

.modul-start-menu-22 >ul.menu-start-0-poziom li > ul.menu-start-1-poziom li > a > span.menu-tekst,
.modul-start-menu-22 >ul.menu-start-0-poziom li > ul.menu-start-1-poziom li > button > span.menu-tekst {
  padding:5px 0px;
}

.modul-start-menu-22 > ul.menu-start-0-poziom li > ul.menu-start-1-poziom{
    position: absolute;
    margin: 0px 0px 0px 0px;
    padding:8px 16px 16px 16px;
    list-style: none;
    width: auto;
    background:#e8e8e8;
    z-index: 11;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    max-width:380px;
}

.modul-start-menu-22 >ul.menu-start-0-poziom li > ul.menu-start-1-poziom li > a > span.menu-tekst:before,
.modul-start-menu-22 >ul.menu-start-0-poziom li > ul.menu-start-1-poziom li > button > span.menu-tekst:before {
    display:none;
}

/*3 poziom*/
.modul-start-menu-22 > ul.menu-start-0-poziom li > ul.menu-start-1-poziom li > ul.menu-start-2-poziom{
  display:none;
  position: relative;
  top: 0;
  width: 100%;
  padding-left: 12px!important;
}



/*Mobilka*/

@media all and (min-width: 1023px) and (max-width: 1279px) {
  .modul-start-menu-22 >.menu-start-0-poziom li{ width: 100%; height: auto; }
}

@media all and (min-width: 0px) and (max-width: 639px) {
.modul-start-menu-22 > ul.menu-start-0-poziom{  width: 100%; column-count:1; margin: 30px 8px 0px 8px; }
.modul-start-menu-22 > ul.menu-start-0-poziom li{  max-width: 100%; }
}