/* Mediakon CSS 6001 */
.m2dev_dodatki254807 .mediakon_container {
  padding: 0;
}

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

.m2dev_dodatki254807 .linkofe a:hover{
  color: #f18d8c!important;
}


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

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

.m2dev_dodatki254807 .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: 10px; /* Odstępy między boxami */
    justify-content: space-between; /* Równomierne rozłożenie boxów */
}

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

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

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


.m2dev_dodatki254807 .box-list .box p {
    color: #f18d8c !important;
}

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

@media (max-width: 1024px) {
    .m2dev_dodatki254807 .mediakon_container {
        display: block !important;
    }
    .m2dev_dodatki254807 .mediakon_heading h2,
    .m2dev_dodatki254807 .mediakon_heading p {
        position: unset !important;
    }
    .m2dev_dodatki254807 .mediakon_heading {
        margin-top: inherit !important;
    }
    .m2dev_dodatki254807 .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_dodatki254807 .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_dodatki254807 .box-list.row2 .box {
    width: calc(100%) !important; /* Boxy mają 20% szerokości z marginesem */
}

}

.m2dev_dodatki254807.mediakon_theme_first {
--radius-small: 10px;
--radius-medium: 25px;
--radius-large: 50px;
--radius-circle: 50%;
 --padding-top-desktop: 0px;
 --padding-bottom-desktop: 44px;
 --padding-top-tablet: 0px;
 --padding-bottom-tablet: 44px;
 --padding-top-mobile: 0px;
 --padding-bottom-mobile: 22px;
 --padding-top-second: 0px;
 --padding-bottom-second: 22px;
}
.m2dev_dodatki254807.mediakon_theme_second {
--radius-small: 10px;
--radius-medium: 25px;
--radius-large: 50px;
--radius-circle: 50%;
 --padding-top-desktop: 0px;
 --padding-bottom-desktop: 44px;
 --padding-top-tablet: 0px;
 --padding-bottom-tablet: 44px;
 --padding-top-mobile: 0px;
 --padding-bottom-mobile: 22px;
 --padding-top-second: 0px;
 --padding-bottom-second: 22px;
}
.m2dev_dodatki254807.mediakon_theme_third {
--radius-small: 10px;
--radius-medium: 25px;
--radius-large: 50px;
--radius-circle: 50%;
 --padding-top-desktop: 0px;
 --padding-bottom-desktop: 44px;
 --padding-top-tablet: 0px;
 --padding-bottom-tablet: 44px;
 --padding-top-mobile: 0px;
 --padding-bottom-mobile: 22px;
 --padding-top-second: 0px;
 --padding-bottom-second: 22px;
}
.xmediakon_heading .left p { display: none!important;}
.mediakon_heading .right .grid-type span { display: none!important; }
.mediakon_heading .right .sort-list > span { display: none!important; }