/* style dla menu na mobile */
  @media (max-width: 1350px) {
    header > .wrapper {padding: 0 6%;}
    header > .wrapper .menu {padding: 0;}
    header > .wrapper .menu .mobile-menu-switch {display: flex;}
    header > .wrapper .menu nav ul {
    display: flex;
    height: 100vh;
    width: 100%;
    position: absolute;
    z-index: 998;
    background-color: #f5f5f5;
    top: 79px;
    padding: 20px 0 150px 0;
    left: 0;
    flex-direction: column;
    gap: 0;
    align-items: center;
    transition: 0.3s ease-in-out;
    transform: translateX(100%);
    overflow: overlay;
}

header > .wrapper .menu ul.active {transform: translateX(0);} 
    header > .wrapper .menu li:first-child, header > .wrapper .menu li {margin: initial; }
    header > .wrapper .menu li.for-members {margin: 1rem 0 0 0; }
    @keyframes fadeIn {
        from {
            max-height: 0;
            opacity: 0;
        }
        to {
            max-height: 200px; 
            opacity: 1;
        }
    }
    header > .wrapper .menu li {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 80%;
    padding: 1rem 0;
    position: relative;
}
header > .wrapper .menu ul.sub-menu {
    transition: .3s ease;
    transform: initial;
    top: initial;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    background-color: initial;
    padding: initial;
    gap: initial;
    border-radius: initial;
    margin-left: initial;
    box-shadow: initial;
    z-index: initial;
    height: 0;
    overflow: hidden;
    display: none;
    animation: fadeIn 0.3s ease; /* Dodaj animację */
}
header > .wrapper .menu li.active ul.sub-menu.active {
    display: flex;
    height: auto;
    transform: none;
    margin: 0.5rem 0 0 1.4rem;
    z-index: initial !important;
}
header > .wrapper .menu ul.sub-menu li > ul.sub-menu {
    width: 100%;
    border-radius: initial;
    min-width: initial;
    box-shadow: initial;
}
header > .wrapper .menu ul > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children:after {
    transform: rotate(90deg);
}
header > .wrapper .menu ul > li.menu-item-has-children > ul.sub-menu.active > li.menu-item-has-children.active::after {
    transform: rotate(270deg);
}
header > .wrapper .menu ul > li.menu-item-has-children::after {
    content: "\276F";
    display: inline;
    position: absolute;
    right: 0;
    margin-left: 5px;
    transition: 0.2s ease;
    transform: rotate(90deg);
    color: inherit;
    flex-direction: column;
    align-items: flex-end;
}
header > .wrapper .menu li.active ul.sub-menu.active > li {
    position: relative;
    width: 93.1%;
}
header > .wrapper .menu li.active ul.sub-menu.active {
    position: relative;
    left: initial;
}

    svg.mobile-menu-switch {width: 36px; height:36px;z-index: 999;}
    header > .wrapper .menu li a { font-size: 1.2rem; }
    header > .wrapper .menu > svg.mobile-menu-switch > path {transition: 0.3s ease;}
    header > .wrapper .menu.active > svg.mobile-menu-switch > path.line-1 {transform: rotate(45deg) translate(5px, -8px);}
    header > .wrapper .menu.active > svg.mobile-menu-switch > path.line-2 {transform: rotate(-45deg) translate(-13px, -1px);}
    header > .wrapper .menu.active > svg.mobile-menu-switch > path.line-3 {opacity: 0; }
    section#kontakt.page-contact .address {padding: 0; border-left: none; margin: 0 ; }
  }
  @media (max-width: 767px) {
    header > .wrapper {border-radius: 0; }
    section#o-stowarzyszeniu .split-layout-box > img {width: 100%; height: auto; max-height: 550px; object-fit: contain; border-radius: 20px; }
    header > .wrapper .menu {height: auto; }
    .menu-toggle {display: block; position: absolute; top: 20px; right: 20px; font-size: 24px; cursor: pointer; }
    .menu-toggle:before {content: "\f0c9"; font-family: "Font Awesome 5 Free"; font-weight: 900; }
    .menu-toggle.active:before {content: "\f00d"; }
    .menu-dropdown {display: none; background-color: #fff; width: 100%; position: absolute; top: 80px; left: 0; padding: 20px; box-sizing: border-box; z-index: 999; }
    .menu-dropdown.active {display: block; }
    .menu-dropdown ul {display: flex; flex-direction: column; list-style: none; margin: 0; padding: 0; }
    .menu-dropdown li {margin-bottom: 10px; }
    .menu-dropdown a {color: #000; } 
    .logo img {width:85%!important;}
    .columns {flex-direction: column-reverse;}
    .columns > .column {border:none; padding: 0;}
    #kontakt p input {width: 100%; }
  }