.post-recipe .views-post {font-size: 13px;}
.post-recipe .views-post .material-icons {color: #00632f;position: relative;font-size: 16px;top: 3px;margin: 0px 3px;}
.post-recipe .page-header h1 {font-weight: 700; color: #222;}
.post-recipe .short-desc {font-size: 18px; max-width: 90%; margin: 0 auto; line-height: 25px;}
.post-recipe .blog-products .products-section-title span {font-size: 23px;}
.post-recipe .general-border-grey {border-top: 1px solid #222}
.post-recipe .blog-products .featured-products__navigation {top: -5px;}
.post-recipe .features-section img {max-width: 34px;}


.post-recipe .features-section span {font-weight: 800; text-transform: uppercase; font-size: 13px; color: #222;}
.post-recipe .features-auto-grid {display: flex; flex-wrap: nowrap;  justify-content: center; align-items: center;
    list-style: none; padding: 0; margin: 0;  gap: 20px; width: 100%;  margin: 25px auto 40px; max-width: 90%;}
.post-recipe .features-auto-grid li {flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center;  padding: 15px;
    min-width: 0;  text-align: center;  position: relative}
.post-recipe .features-auto-grid li:after {content: ''; position: absolute; right: 0px; width: 1px; height: 58px; background: #e6e6e6; transform: translateY(-50%); bottom: 0;}
.post-recipe .features-auto-grid li:last-child:after {display: none;}
.post-recipe .features-auto-grid span {word-wrap: break-word; hyphens: auto;}

.post-recipe .spec-top {position: relative}
.post-recipe .spec-bottom .spec-head {font-weight: 500}

.post-recipe .box-method {counter-reset: method-counter; list-style: none; padding: 0; margin: 90px 0 30px;}
.post-recipe .box-method li {counter-increment: method-counter;position: relative;padding-left: 85px;margin-bottom: 25px;font-size: 17px;}
.post-recipe .box-method li::before {content: counter(method-counter); position: absolute; left: 0; top: -4px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF4AAABXCAMAAAC6AwKUAAAAe1BMVEVHcEwAeTYAeTYAeTYAeTYAeTYAeTYAeTYAeTYAeTYAeTYAeTYAeTYAeTYAeTYAeTYAeTYAeTYAeTYAeTYAeTYAeTYAeTYAeTYAeTYAeTYAeTYAeTYAeTYAeTYAeTYAeTYAeTYAeTYAeTYAeTYAeTYAeTYAeTYAeTYAeTb0BdyIAAAAKHRSTlMAAwkYGyotMEJFSEtOV11vcnh7foGKn6KrrrG0t7rMz9ve4eTw8/n8D2OFigAAARlJREFUeNq12dtCgkAUBVAGsCDTIMI0TQXSOf//hT3Xs2s+YD3N7exdxCPXnIq/67F8NJbfWf6npHxsLH+yfK4oH2+WP1s+VpYfLT8nykdj+Z3lbyXlY2P5k+VzRfnoLH+2fKwsP1p+SZSPxvI7y99KysfW8ifL54ry0Vn+Yvl4svxo+SVRPlrLf1r+VlI+tpb/tnyuKR+d5S+Wj2fLj5afLX+0/Cvll0T5D7ox8ak92jtnTfklUX6gr1WuKf9lPyJrys+J8gP9Y+aa8gc7PqwpPyXKD3TwzBXlDzZTeKH8lCj/TuMinKUdbBLYUn5KlO9phpwryu9tPdBS/poo39Pm525rsb0t9VrKXxPle1oH3yvK7wvKt//1X311jMJ5XjO7AAAAAElFTkSuQmCC); 
    color: #fdda26; font-family: 'Mindset'; background-repeat: no-repeat;display: flex; align-items: center; justify-content: center;font-weight: bold;background-position: 0px 1px;}
.post-recipe .done-text {font-size: 35px;text-decoration: underline;padding-left: 85px;font-weight: 500;}
.post-recipe .spec-right span.needed-head {font-size: 22px !important;margin-bottom: 10px;display: block; color: #00652d}
.box-needed p {display: flex; align-items: flex-start; margin-bottom: 0.5rem;}
.post-recipe .box-needed .needed-name {color: #222; font-size: 17px !important; font-weight: 700; flex: 0 0 55%; padding-right: 2rem;}
.post-recipe .box-needed .needed-qt {color: #222; font-size: 17px !important;flex: 0 0 45%;text-align: left;}
.post-recipe .box-needed p {margin-bottom: 5px;}
.post-recipe .box-needed ~ p:last-of-type {margin-bottom: 20px;}

.post-recipe .desc-bottom {margin-top: 50px;}
.post-recipe .paginacja.blog-pag {margin-top: 50px !important; margin-bottom: 50px !important;}
#module-ph_simpleblog-single .spec-top .post-flag {left: auto;right: 20px;top: 20px;}
.post-recipe .spectop-left img {WIDTH: 100%}

@media (min-width: 992px) {
.post-recipe .spectop-left img {border-radius: 0px 8px 8px 0px;}
.post-recipe .box-needed {margin-top: 70px; max-width: 80%; margin-left: 10%;}
.post-recipe .box-method li {padding-right: 60px;}
.post-recipe .box-method li::before {background-size: 50px; width: 50px; height: 50px; font-size: 27px; background-position: 0px 1px;}
.post-recipe .spec-top::after {content: ''; position: absolute; height: 60px; bottom: -78px; left: 0; width: 100%;
  z-index: 0; background: linear-gradient(to top,#f9f9f9,#ffffff);}
.post-recipe .spec-bottom .spec-head {font-size: 26px;}
.post-recipe .page-header h1 {font-size: 28px; margin: 30px auto 12px;}
.post-recipe .spectop-width {max-width: 450px; margin: 0 80px}
.post-recipe .post-box .spectop-width {max-width: 80%; margin: 0 auto;}
	
}

@media (min-width: 1200px) {
.post-recipe .spec-top {padding-bottom: 100px}
.post-recipe .box-method li {padding-right: 80px;}
.post-recipe .spec-bottom .spec-head {font-size: 30px;}
.post-recipe .page-header h1 {font-size: 34px; margin: 20px auto 12px;}
.post-recipe .spectop-width {max-width: 450px; margin: 0 100px}
}

@media (min-width: 1440px) {

.post-recipe .box-method li {padding-right: 100px;}
.post-recipe .spec-bottom .spec-head {font-size: 35px;}
.post-recipe .page-header h1 {font-size: 45px; margin: 30px auto 12px;;}
.post-recipe .spectop-width {max-width: 530px; margin: 0 120px}

}

@media (min-width: 1920px) {
	
.post-recipe .page-header h1 {margin: 55px auto 20px;}
.post-recipe .features-auto-grid {margin: 30px auto 50px;}

}

@media (max-width: 991px) {

.post-recipe .spec-bottom .spec-head {font-size: 28px; position: relative; margin-top: 25px;}
.post-recipe .spec-bottom .spec-head:after {content: ''; position: absolute; height: 60px; bottom: -15px; left: -30px; width: calc(100% + 60px);;
  z-index: 0; background: linear-gradient(to top,#f9f9f9,#ffffff);}
.post-recipe .spec-bottom .spec-head span {z-index: 1; position: relative;}
.post-recipe .spec-left {order: 1; padding: 0px;}
.post-recipe .box-method li::before {background-size: 35px; width: 35px; height: 35px; font-size: 20px; background-position: 0px 1px;}
.post-recipe .box-method li {padding-left: 55px;}
.post-recipe  .spectop-width {margin-top: 50px; padding: 0px 30px;}
.post-recipe .page-header h1 {font-size: 32px;}
.post-recipe .spec-right {margin-bottom: 20px; padding: 0px}
.post-recipe .done-text {font-size: 28px; padding-left: 55px;}
.post-recipe .box-method {margin: 50px 0 30px;}
.post-recipe .spec-bottom.container {padding: 0px 30px !important}
	
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

.post-recipe .spec-top {padding-bottom: 65px;}
.post-recipe .spectop-width {margin: 0 60px;}
.post-recipe .blog-products .product-miniature .box-left {width: 80px !important; margin-left: 5px;  margin-right: 15px;}

}

@media (max-width: 767px) {

	
}
    
@media (max-width: 576px) {

.post-recipe .features-auto-grid {gap: 10px;}
.post-recipe .features-auto-grid li {padding: 10px;}
.box-needed p {flex-direction: column;}
.post-recipe .needed-name, .post-recipe .needed-qt {flex: none;  width: 100%; padding-right: 0;}
.post-recipe .features-auto-grid {max-width: 100%;}
.post-recipe  .spectop-width {margin-top: 40px; padding: 0px 30px;}
.post-recipe .spec-bottom .spec-head {font-size: 24px;}
	
}

@media (min-width: 577px) and (max-width: 768px) {
    
	.post-recipe .features-auto-grid {gap: 15px;}
    .post-recipe .features-auto-grid li {padding: 12px;}
}

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

.post-recipe .spectop-width {margin: 50px auto 0px; max-width: 80%;}

}