/*new menu*/

.site-header span.searchSwitch{
    position: relative;
    left: 0;
}
.site-header span.searchSwitch span.action:hover i{
    color: var(--light-grey);
}

.menu-second{
    width: 100%;
}
.menu-third{
    margin-left:auto;
}

.links-shop{
    display:flex;
}
.links-shop .loginButton{
    position: relative;
    right:0;
    width: auto;
    padding: 0 20px;
}
.links-shop .loginButton svg{
    width: 30px;
    stroke:#000;
    transition:all 300ms;
}
.links-shop .loginButton:hover svg{
    stroke:var(--light-grey);
    transition:all 300ms;
}
.links-shop a.cart{
    position: relative;
}

.site-header #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link,
.site-header #mega-menu-wrap-menu-2 #mega-menu-menu-2 > li.mega-menu-item > a.mega-menu-link{
    font-family: 'Inter';
    text-transform:uppercase;
    line-height: 70px;
    letter-spacing: 0;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu,
#mega-menu-wrap-menu-2 #mega-menu-menu-2 > li.mega-menu-megamenu > ul.mega-sub-menu {
    z-index: 999;
    border-radius: 0;
    border: 0;
    padding: 30px 90px 40px;
    position: absolute;
    width: 100vw;         /* Full viewport width */
    max-width: none;
    left: 0;
    right: 0;
    top: 100%;             /* Display directly below the menu item */
    /*margin-left: calc(-50vw + 50%);  Centers the full-width menu */
    margin-left:-70px;
    margin-top:1px;
    border-bottom:1px solid var(--grey);
/*
    visibility:visible !important;
    opacity: 1 !important;
    background: #f1f1f1;
  */ 
}

/* Make sure the main menu is a flex container and centered */
#mega-menu-wrap-menu-1 #mega-menu-menu-1,
#mega-menu-wrap-menu-2 #mega-menu-menu-2 {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

/* Ensure all first-level menu items have the same width */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li,
#mega-menu-wrap-menu-2 #mega-menu-menu-2 > li {
	flex: 1 1 auto; /* Allow them to grow/shrink evenly */
	max-width: 150px; /* Optional: define a max width */
	min-width: 100px; /* Optional: define a min width */
	text-align: center;
}

/* Center the link text */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li > a.mega-menu-link,
#mega-menu-wrap-menu-2 #mega-menu-menu-2 > li > a.mega-menu-link {
	display: block;
	width: 100%;
	text-align: center;
    font-family:'Inter';
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-menu-2 #mega-menu-menu-2 > li.mega-menu-item > a.mega-menu-link{
    text-align: center;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.sub-menu-title,
#mega-menu-wrap-menu-2 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.sub-menu-title{
    padding:15px;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item,
#mega-menu-wrap-menu-2 #mega-menu-menu-2 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item{
    padding:0 15px;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.sub-menu-title a,
#mega-menu-wrap-menu-2 #mega-menu-menu-2 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.sub-menu-title a{
    font-size:16px;
    font-weight:500;
    padding: 0;
} 
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.sub-menu-title a:hover,
#mega-menu-wrap-menu-2 #mega-menu-menu-2 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.sub-menu-title a:hover{
    color:#000;
    cursor: text;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link, 
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-menu-2 #mega-menu-menu-2 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link, 
#mega-menu-wrap-menu-2 #mega-menu-menu-2 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{
    font-family: 'Inter';
    font-weight:400;
    font-size:14px;
    letter-spacing: 0;
    padding: 4px 4px 4px 15px;
    transition: all 300ms ease;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{
    display: flex;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:before {
    content: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.0592 5.35689C7.28136 3.56252 4.40636 4.85064 1.75011 2.03814C1.13136 1.38189 1.49074 9.39752 4.81574 12.435C7.24668 14.6538 11.0001 14.4063 12.2657 12.25C13.5314 10.0938 12.837 7.15096 10.0592 5.35689Z" stroke="black" stroke-linecap="round" stroke-linejoin="round"/><path d="M5.40625 7.90625C8.09375 10.4375 10.875 11.9375 14.5312 12.5" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    margin-right:10px;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.sub-menu-title  > a.mega-menu-link:before{
    content: '';
    margin-right:0;
}


#mega-menu-wrap-menu-2 #mega-menu-menu-2 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{
    background:#9c9c9c;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 400;
    padding-left: 30px;
}
#mega-menu-wrap-menu-2 #mega-menu-menu-2 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu a.mega-menu-link {
	padding-left: 45px !important;
}
#mega-menu-wrap-menu-2 .mega-menu-toggle.mega-menu-open::after {
    opacity:0 !important;
}

.site-header #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link[aria-expanded="true"] span.mega-indicator {
    transform: rotate(180deg);
    transition: 300ms all ease;
}
.site-header #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link[aria-expanded="false"] span.mega-indicator{
    transition: 300ms all ease;
}



a.white{
    font-family: 'Inter';
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    text-transform:uppercase;
    color:#000;
    background:#fff;
    width:210px;
    min-height:70px;
    display: flex;
    align-items: center;
    padding-left: 39px;
    transition: all 300ms ease;
}
a.white svg{
    margin-left: 57px;
    fill:#000;
}
a.white:hover{
    color:#fff;
    background:#000;
    transition: all 300ms ease;
}
a.white:hover svg{
    fill:#fff;
}

a.pinkish{
    font-family: 'Inter';
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    text-transform:uppercase;
    color:#000;
    background:var(--pink-light);
    width:210px;
    min-height:70px;
    display: flex;
    align-items: center;
    padding-left: 39px;
    transition: all 300ms ease;
}
a.pinkish svg{
    margin-left: 57px;
    fill:#000;
}
a.pinkish:hover{
    color:#fff;
    background:#000;
    transition: all 300ms ease;
}
a.pinkish:hover svg{
    fill:#fff;
}

.hp-head{
    background: var(--pink-light);
}
.sbpHeader .logo {
	text-align: center;
}
.sbpHeader .logo a{
    display:inline-block;
}
.sbpHeader .logo a img{
    transition: all 300ms ease-in;
}
.sbpHeader .logo a:hover img{
	transform: scale(1.1);
    transition: all 300ms ease-out;
}

/* home page head banner */
section.banner{
    background: var(--pink-light);
    height: auto!important;
    padding-top: 27px;
    padding-bottom: 151px;
}


section.banner img.slideBg{
    position: absolute;
    z-index: 2;
    opacity: 0;
}

section.banner img.logo{
    position: absolute;
    z-index: 2!important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 50%;
    top: 16%;
}

.hp-banner {
    background: #fff;
    margin: 0 auto;
    max-width: 964px;
    padding: 27px 30px;
    display: flex;
    gap: 30px;
    position: relative;
    z-index: 9;
}
.hp-banner-left {
    flex: 2; /* 2 parts of 3 */
    width:63%;
}
.hp-banner-right {
    flex: 1; /* 1 part of 3 */
    display: flex;
    flex-direction: column;
}


.hp-banner-left, .hp-banner-right{
    border:1px solid #000;
    position: relative;
}
.hp-banner-right{
    text-align:center;
}
.hp-banner-right .hp-slogan{
    height:60px;
    border-bottom:1px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hp-banner-right h1{
    text-transform:uppercase;
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}
.hp-main-product-image {
    position: relative;
    width: 100%;
    /*aspect-ratio: 16 / 9;  You can change this to match your desired image ratio */
    overflow: hidden;
    height: 300px;
}
.hp-main-product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: all 300ms ease-in;
}
.hp-main-product-image a:hover img{
    transform: scale(1.1);
    transition: all 300ms ease-out;
}

.hp-main-product-link a{
    border-top: 1px solid #000;
    text-transform:uppercase;
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    display: flex;
    width: 100%;
    height:50px;
    align-items: center;
    justify-content: center; 
    transition: all 300ms ease;
}
.hp-main-product-link a:hover{
    color: var(--light-grey);
    transition: all 300ms ease;
}
.hp-main-product-link a svg{
    margin-left: 7px;
    top: 1px;
    position: relative;
    fill: #000;
    transition: all 300ms ease;
}
.hp-main-product-link a:hover svg{
    fill:var(--light-grey);
    transition: all 300ms ease;
}

/*home slider*/

.hp-slogan-slider{
    height:60px;
    border-bottom:1px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hp-slogan-slider p{
    text-transform:uppercase;
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    text-align: center;
}

.hp-main-product-image-slider {
    position: relative;
    width: 100%;
    /*aspect-ratio: 16 / 9;  You can change this to match your desired image ratio */
    overflow: hidden;
    height: 350px;
}
.hp-main-product-image-slider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: all 300ms ease-in;
}
.hp-main-product-image-slider a:hover img{
    transform: scale(1.1);
    transition: all 300ms ease-out;
}

.hp-main-product-link-slider{
    position:absolute;
    background: #fff;
    top: 360px;
    right: 0;
    min-width:264px;
}
.hp-main-product-link-slider a{
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    text-transform:uppercase;
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    display: flex;
    width: 100%;
    height:50px;
    align-items: center;
    justify-content: center; 
    transition: all 300ms ease;
}

.hp-main-product-link-slider a:hover{
    color: var(--light-grey);
    transition: all 300ms ease;
}
.hp-main-product-link-slider a svg{
    margin-left: 7px;
    top: 1px;
    position: relative;
    fill: #000;
    transition: all 300ms ease;
}
.hp-main-product-link-slider a:hover svg{
    fill:var(--light-grey);
    transition: all 300ms ease;
}
.hp-product-slider-buttons{
    width: 99px;
    height: 50px;
    position: absolute;
    bottom: 0;
    background: #fff;
    display: flex;
    z-index: 9;
    align-content: center;
    left: 0;
}
.hp-product-slider-buttons .swiper-button-prev,
.hp-product-slider-buttons .swiper-button-next{
    background: #fff;
    border-top:1px solid #000;
    border-right:1px solid #000;
    height: 50px;
    top: 22px;
    width: 50%;
}
.hp-product-slider-buttons .swiper-button-prev{
    left:0 !important
}
.hp-product-slider-buttons .swiper-button-next{
    right:0 !important
}

.swiper-button-prev::after,
.swiper-button-next::after {
    content: "" !important;
    display: inline-block;
    width: 11px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 300ms ease;
}

.swiper-button-prev::after {
    background-image: url('./../img/arrow-prev.svg');
}

.swiper-button-next::after {
    background-image: url('./../img/arrow-next.svg');
}

.swiper-button-prev:hover::after,
.swiper-button-next:hover::after {
    opacity: 0.5;
    transition: all 300ms ease;
}



/*home page kategorie produktow*/
.hp-kategorie{
    background:var(--pink-light);
    padding-top: 50px;
    padding-bottom: 61px;
}
.hp-kategorie h1,
.hp-kategorie h3{
    font-family: 'Inter';
    font-weight: 700;
    font-size: 30px;
    line-height: 120%;
    letter-spacing: 2%;
    text-transform:uppercase;
    margin-bottom: 51px;
}
.hp-kategorie h2{
    font-family: 'Inter';
    font-weight: 300;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 2%;
    text-align: center;
    text-transform:uppercase;
    margin-top: 5px;
}
.hp-kategorie ul.products li.product img.attachment-woocommerce_thumbnail {
	width: 210px !important;
	height: 210px !important;
	object-fit: contain;
	object-fit: cover;
	display: block;
	margin: 0 auto;
}

.categories-carousel {
    padding: 0 30px; /* Space for navigation */
    position: relative;
}
.gallery-slider{
    padding: 0 30px; /* Space for navigation */
    position: relative;
}

.swiper-slide {
    height: auto; /* For equal height slides */
}
.swiper-slide a:hover img{
    opacity:.8;
    transition: all 0.3s;
}
.swiper-slide a:hover{
    color:var(--light-grey);
    transition: all 0.3s;
}

.product-category {
    height: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
}


.swiper-button-next, 
.swiper-button-prev {
    color:var(--grey) !important; 
    width: 40px;
    height: 40px;
    border-radius: 0;
    transition: all 0.3s;
    /*
    top:115% !important;
    */
}
.swiper-button-prev{
    left:-20px !important;
}
.swiper-button-next{
    right:-20px !important;
}
.swiper-button-prev:hover,
.swiper-button-next:hover{
    color:var(--light-grey) !important; 
}

.swiper-button-next:after, 
.swiper-button-prev:after {
    font-size: 30px !important;
}



.placeholder-category {
    display: block;
    background: #f5f5f5;
    padding-bottom: 100%; /* Square aspect ratio */
    margin-bottom: 15px;
}
/* Adjust spacing for 5 columns */
@media (min-width: 1200px) {
    .categories-carousel .swiper-slide, .gallery-slider .swiper-slide{
        width: calc(20% - 16px) !important; /* 5 slides with spacing */
    }
}

/* Center slides when fewer than 5 are visible */
.categories-carousel .swiper-wrapper, .gallery-slider .swiper-wrapper{
    align-items: center;
}







/*home page gospodarstwo*/
.hp-gospodarstwo{
    background:var(--pink-light);
    padding-top: 50px;
    padding-bottom: 52px;
    margin-bottom: 87px;
}
.hp-gospodarstwo .image{
    text-align:center;
}
.hp-gospodarstwo img{
    max-width:300px;
}
.hp-gospodarstwo h3{
    font-family: 'Inter';
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 2%;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.hp-gospodarstwo h4{
    font-family: 'Lora';
    font-weight: 700;
    font-size: 30px;
    line-height: 100%;
    margin-bottom: 28px;
}
.hp-gospodarstwo p{
    font-family: 'Lora';
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
}
.hp-gospodarstwo a.white{
    margin-top: 30px;
}


/*home page polecane*/
.hp-recommended{
    margin-bottom: 99px;
}
.hp-recommended h3{
    font-family: 'Inter';
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 2%;
    text-transform:uppercase;
    margin-bottom: 36px;
}

/*home page nowosci*/
.hp-new{
    margin-bottom: 99px;
}
.hp-new h3{
    font-family: 'Inter';
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 2%;
    text-transform:uppercase;
    margin-bottom: 36px;
}

/*home page przetworstwo*/
.hp-przetworstwo{
    background:var(--pink-light);
    padding-top: 50px;
    padding-bottom: 52px;
}
.hp-przetworstwo .image{
    text-align:center;
}
.hp-przetworstwo img{
    max-width:300px;
}
.hp-przetworstwo h3{
    font-family: 'Inter';
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 2%;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.hp-przetworstwo h4{
    font-family: 'Lora';
    font-weight: 700;
    font-size: 30px;
    line-height: 100%;
    text-transform: uppercase;
    margin-bottom: 28px;
}
.hp-przetworstwo p{
    font-family: 'Lora';
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
}
.hp-przetworstwo a.white{
    margin-top: 30px;
}


/*home page szkolenia*/
.hp-szkolenia{
    background:var(--pink-light);
    padding-top: 50px;
    padding-bottom: 52px;
    display: flex;
}
.hp-szkolenia .image{
    text-align:center;
    align-content: center;
}
.hp-szkolenia img{
    max-width:300px;
}
.hp-szkolenia h3{
    font-family: 'Inter';
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 2%;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.hp-szkolenia h4{
    font-family: 'Lora';
    font-weight: 700;
    font-size: 30px;
    line-height: 100%;
    text-transform: uppercase;
    margin-bottom: 28px;
}
.hp-szkolenia p{
    font-family: 'Lora';
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
}
.hp-szkolenia a.white{
    margin-top: 30px;
}

/*home page blog*/
.hp-blog{
    margin-top: 100px;
}
.hp-blog h3{
    font-family: 'Inter';
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 2%;
    text-transform:uppercase;
    margin-bottom: 36px;
}
.hp-blog .outer{
    max-width:348px;
}
.hp-blog .inner{
    background:var(--pink-light);
    padding: 39px 48px 43px 44px;
    min-height: 397px;
}
.hp-blog .inner p{
	font-size: 18px;
	font-weight: 300;
	font-family: 'Inter';
	line-height: 22px;
	letter-spacing: 2%;
}
.hp-blog a.white{
    margin-top: 53px;
}

.hp-blog .entry-title {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Limit to 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wpfront-notification-bar div.wpfront-div{
    padding:15px;
}

footer.bottom a{
    text-decoration: underline;
}
footer .links a.active{
    color: var(--light-grey);
    text-decoration: none;
    pointer-events: none;
}

@media (max-width:576px){
    a.cart {
        width:72px;
        height: 50px;
        line-height: 50px;
    }
    a.loginButton {
        height: 50px;
        line-height: 50px;
    }
    a.cart span.number{
        margin-left:0;
    }
    a.cart span.sum{
        display:none;
    }
    .site-header span.searchSwitch{
        width:50px;
        height:50px;
    }
    #mega-menu-wrap-menu-2 .mega-menu-toggle {
        height: 50px !important;
        width: 50px !important;

        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
    #mega-menu-wrap-menu-2 .mega-menu-toggle .mega-toggle-blocks-left .mega-toggle-block {
        width: auto !important;
    }
    #mega-menu-wrap-menu-2 #mega-menu-menu-2 {
        margin-top: 50px !important;
    }
    span.searchSwitch::before {
        width: 49px;
        left: 0px;
    }
    .links-shop .loginButton svg {
        height: 50px;
    }
}
@media (min-width: 577px) { 
}
@media (min-width: 577px) and (max-width:768px){
    .hp-kategorie {
        padding-top: 80px;
    }
}
@media (max-width: 768px){

    .site-header #mega-menu-wrap-menu-2 #mega-menu-menu-2 > li.mega-menu-item > a.mega-menu-link[aria-current="page"],
    #mega-menu-wrap-menu-2 #mega-menu-menu-2 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu a.mega-menu-link[aria-current="page"] {
        color: #000 !important;
    }

    .searchBox{
        width:280px;
        height:70px;
    }
    #searchSubmit {
        width: 50px;
        height: 70px;
    }
    .searchBox input[type].searchInput {
        padding: 0 50px 0 0;
        font-size: 18px;
    }
    .searchBox input[type].searchInput::placeholder{
        font-size: 18px;
    }
    .sbpHeader {
        padding: 24px 0 21px !important;
    }
    .sbpHeader .logo img {
        width: 124px;
    }

    .hp-kategorie h1,
    .hp-kategorie h3{
        font-size: 18px;
        font-weight:400;
    }
    .hp-przetworstwo{
        padding-bottom:20px;
    }
    .hp-szkolenia {
        padding-top: 20px;
    }
    .hp-szkolenia .image, .hp-przetworstwo .image, .hp-gospodarstwo .image {
        margin-bottom: 40px;
    }
    .hp-blog .outer {
        max-width: none;
    }
    .hp-blog .inner {
        padding: 40px;
        min-height: auto;
        margin-bottom: 30px;
    }
    .hp-blog a.white {
        margin-top: 40px;
    }
    .hp-blog .post-grid {
        grid-template-columns: repeat(1, 1fr);
    }
    .categories-next{
        right:0 !important;
    }
    .categories-prev{
        left:0 !important;
    }
    .wpfront-notification-bar div.wpfront-div{
        padding:10px;
        font-size: 13px;
    }

    section.banner{
        padding-top: 12px;
        padding-bottom:0;
    }
    .hp-banner {
        margin: 0 15px;
        display: block;
        padding: 15px;
    }
    .hp-main-product-link{
        position: absolute;
        background: #fff;
        top: auto;
        right: 0;
        bottom:0;
        min-width: 175px;
        border-left: 1px solid #000;
    }
    .hp-main-product-link-slider a svg,
    .hp-main-product-link a svg{
        height:12px;
    }
    .hp-banner-left {
        width: 100%;
        margin-bottom: 15px;
    }
    .hp-slogan-slider,
    .hp-product-slider-buttons,
    .hp-main-product-link-slider a,
    .hp-banner-right .hp-slogan,
    .hp-main-product-link a{
        height:32px;
    }
    .hp-main-product-link-slider{
        top: auto;
        min-width: 175px;
        bottom:0;
    }
    .hp-slogan-slider p,
    .hp-main-product-link-slider a,
    .hp-banner-right h1,
    .hp-main-product-link a{
        font-size:12px;
    }
    .hp-product-slider-buttons{
        width:64px;
    }
    .hp-product-slider-buttons .swiper-button-prev, 
    .hp-product-slider-buttons .swiper-button-next{
        height:32px;
    }
    .hp-product-slider-buttons .swiper-button-prev::after,
    .hp-product-slider-buttons .swiper-button-next::after{
        background-size: 8px;
        height: 13px;
    }
    .hp-main-product-image {
        height: auto;
    }
    .hp-main-product-image-slider {
        height: auto;
    }

    section.banner img.slide1{
        left: -10%;
        top: -5%;
    }
    section.banner img.slide2{
        right: -3%;
        top: -6%;
    }
    section.banner img.slide3{
        left: -8%;
        top: 85%;
    }
    section.banner img.slide4{
        right: -5%;
        top: 90%;
    }
    section.banner img.slide1,
    section.banner img.slide2,
    section.banner img.slide3,
    section.banner img.slide4{
        width: 22%;
    }
}
@media (min-width: 769px){
}
@media (min-width: 769px) and (max-width:991px){
    .hp-przetworstwo{
        padding-bottom:20px;
    }
    .hp-szkolenia {
        padding-top: 20px;
    }
    .hp-szkolenia .image, .hp-przetworstwo .image, .hp-gospodarstwo .image {
        margin-bottom: 40px;
    }
    .hp-blog .outer {
        max-width: none;
    }
    .hp-blog .inner {
        padding: 40px;
        min-height: auto;
        margin-bottom: 30px;
    }
    .hp-blog a.white {
        margin-top: 40px;
    }
    .hp-blog .post-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .hp-banner {
        /*margin: 0 30px;*/
        margin: 0 auto !important;
        width: 709px;
    }
    .hp-main-product-image-slider {
        height: auto !important;
    }
    .hp-main-product-image-slider img{
        object-fit: contain !important;
    }
    .hp-main-product-link-slider {
        top: auto !important;
        bottom: 0;
    }
    .hp-main-product-image {
        height: auto !important;
        max-height: 228px;
    }
    .hp-banner-right h1,
    .hp-slogan-slider p{
        font-size: 14px;
    }


    section.banner img.slide1{
        left: -22%;
        top: -27%;
    }
    section.banner img.slide2{
        right: -3%;
        top: -20%;
    }
    section.banner img.slide3{
        left: 0;
        top: 51%;
    }
    section.banner img.slide4{
        right: -5%;
        top: 50%;
    }
}



@media (max-width:991px){
    .menu-section.menu-first{
       /* display: none;*/
    }

    .menu-second {
        width: auto;
    }
    #mega-menu-wrap-menu-2 #mega-menu-menu-2 > li.mega-menu-item > a.mega-menu-link {
        text-align: left;
        line-height: 40px !important;
    }
    #mega-menu-wrap-menu-2 #mega-menu-menu-2{
        margin-top:71px;
        padding-top: 14px !important;
        padding-bottom: 71px !important;
    }
    #mega-menu-wrap-menu-2 .mega-menu-toggle {
        height: 70px;
        width: 70px;
    }
    #mega-menu-wrap-menu-2 .mega-menu-toggle .mega-toggle-blocks-center,
    #mega-menu-wrap-menu-2 .mega-menu-toggle .mega-toggle-blocks-right{
        display: none;
    }
    #mega-menu-wrap-menu-2 .mega-menu-toggle .mega-toggle-blocks-left .mega-toggle-block{
        width:58px;
    }
    #mega-menu-wrap-menu-2 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated{
        margin:0 auto;
    }
    #mega-menu-wrap-menu-2 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner, 
    #mega-menu-wrap-menu-2 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before, 
    #mega-menu-wrap-menu-2 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after{
        background-color: #fff;
        transition: all 300ms ease;
    }
    #mega-menu-wrap-menu-2 .mega-menu-toggle:hover .mega-toggle-block-1 .mega-toggle-animated-inner,
    #mega-menu-wrap-menu-2 .mega-menu-toggle:hover .mega-toggle-block-1 .mega-toggle-animated-inner:before,
    #mega-menu-wrap-menu-2 .mega-menu-toggle:hover .mega-toggle-block-1 .mega-toggle-animated-inner:after{
        background-color: #000;
        transition: all 300ms ease;
    }
    .site-header #mega-menu-wrap-menu-2 #mega-menu-menu-2 > li.mega-menu-item > a.mega-menu-link:hover{
        color:#000;
    }
    #mega-menu-wrap-menu-2 #mega-menu-menu-2 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{
      /*  line-height: 23px; */
        font-weight: 600;
        font-size: 13px;
    }

    #mega-menu-wrap-menu-2 #mega-menu-menu-2 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu a.mega-menu-link{
        font-weight: 300;
        line-height: 26px;
    }
    .site-header #mega-menu-wrap-menu-2 #mega-menu-menu-2 > li.mega-menu-item > a.mega-menu-link[aria-current="page"],
    #mega-menu-wrap-menu-2 #mega-menu-menu-2 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu a.mega-menu-link[aria-current="page"] {
        color: #000 !important;
    }
}


@media (min-width: 991px) and (max-width:1200px){

    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link{
        font-size:13px;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu {
        padding: 30px 30px 40px;
    }

    .hp-blog .inner {
        padding: 39px 48px 37px 44px;
    }
    .hp-blog .post-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    section.banner img.slide1{
        left: -10%;
        top: -27%;
    }
    section.banner img.slide2{
        right: -3%;
        top: -20%;
    }
    section.banner img.slide3{
        left: 0;
        top: 51%;
    }
    section.banner img.slide4{
        right: -5%;
        top: 50%;
    }
}
@media (min-width: 1201px) and (max-width:1440px){
    section.banner img.slide1{
        left: -10%;
        top: -27%;
    }
    section.banner img.slide2{
        right: -3%;
        top: -20%;
    }
    section.banner img.slide3{
        left: 0;
        top: 51%;
    }
    section.banner img.slide4{
        right: -5%;
        top: 50%;
    }
}
@media (min-width: 1441px){
    section.banner img.slide1{
        left: 9%;
        top: -27%;
    }
    section.banner img.slide2{
        right: 13%;
        top: -20%;
    }
    section.banner img.slide3{
        left: 14%;
        top: 51%;
    }
    section.banner img.slide4{
        right: 13%;
        top: 50%;
    }
}