/* Mediakon CSS 1344 */
.m2dev_dodatki49117  .box-list .box a {
    display: box;
    width: 100%;
    transform: rotate(0deg)!important;
    xcolor: ##000;
}

.m2dev_dodatki49117 .mediakon_heading h2{  font-size: 40px!important; xcolor: #E9C332!important;}
.m2dev_dodatki49117 .mediakon_heading p  {  font-size: 20px!important; xcolor: #E9C332!important;}

.m2dev_dodatki49117 .linkofe a{
  display: contents;
  height: 10px;
  transform: rotate(0deg)!important;
  transition: none;
  width: none;
  color: var(--first_color_button);
  color: #E9C332!important; 
}
.m2dev_dodatki49117 .linkofe a:hover{
  color: #F7F4E9!important;
}


.m2dev_dodatki49117 .mediakon_container {
    display: block !important;
}

.m2dev_dodatki49117 .mediakon_heading {
    width: 100% !important;
}

.m2dev_dodatki49117 .box-list {
    width: 100% !important;
    display: flex !important; /* Dodaje flexbox aby kontenery były w rzędzie */
    flex-wrap: wrap !important; /* Dodaje możliwość zawijania wierszy */
    gap: 0px; /* Odstępy między boxami */
    justify-content: space-between; /* Równomierne rozłożenie boxów */
}

.m2dev_dodatki49117 .box-list .box {
    border: 1px solid #f7f7f7!important;
    background-color: #482E17!important;
    box-shadow: 3px 2px 4px -1px hsla(0,0%,calc( 100% - 100% ),calc( 100% - 95% )) !important;
    text-align: center !important;
    padding: 10px 15px 10px !important;
    box-sizing: border-box; /* Uwzględnia padding i border w szerokości */
    flex: 1 1 calc(13% - 45px); /* Ustawia boxy na 25% szerokości z marginesem */
}

.m2dev_dodatki49117 .box-list.row2 .box {
    width: calc(13% - 45px) !important; /* Boxy mają 25% szerokości z marginesem */
}

.m2dev_dodatki49117 .mediakon_heading--center {
    justify-content: center;
    align-items: center;
}

.m2dev_dodatki49117 .box-list .box a {
    xxdisplay: none !important;
}

.m2dev_dodatki49117 .box-list .box p {  
    color: #E9C332!important;
    font-size: 14px!important;
}


.m2dev_dodatki49117 .box-list .box h2 {
/* np. Pensonaty */
    font-size: 20px!important;
    color: #E9C332!important;
}

.m2dev_dodatki49117 .box-list .box h2 b {
/* np. Karpacz */
    font-size: 16px!important;
    color: #E9C332!important;
}

.m2dev_dodatki49117 .box-list .box p p {  
/* np. Szklarska Poręba */
    font-size: 16px!important;
    color: #E9C332!important;
}

.m2dev_dodatki49117 .box .icon {
display:none !important;
    xdisplay: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 1024px) {
    .m2dev_dodatki49117 .mediakon_container {
        display: block !important;
    }
    .m2dev_dodatki49117 .mediakon_heading h2,
    .m2dev_dodatki49117 .mediakon_heading p {
        position: unset !important;
        color: #000!important;
    }
    .m2dev_dodatki49117 .mediakon_heading {
        margin-top: inherit !important;
    }
    .m2dev_dodatki49117 .box-list {
        display: flex !important; /* Ustawia boxy w tryb flex na mniejszych ekranach */
        flex-direction: column !important; /* Ustawia boxy jeden pod drugim */
        align-items: center !important; /* Centruje boxy */
    }
    .m2dev_dodatki49117 .box-list .box {

        width: 100% !important; /* Boxy na 100% szerokości */
        max-width: 600px; /* Maksymalna szerokość boxu */
        margin-bottom: 20px; /* Dodanie odstępu między boxami na mniejszych ekranach */
    }
.m2dev_dodatki49117 .box-list.row2 .box {
    width: calc(100%) !important; /* Boxy mają 25% szerokości z marginesem */
}

}