.post-recipe .views-post {font-size: 14px; border-bottom: 1px solid #ddd; padding-bottom: 12px;}
.post-recipe .views-post .material-icons {color: #8c1471;position: relative;font-size: 16px;top: 3px;margin: 0px 3px;}
.post-recipe .page-header h1 {font-weight: 700; color: #222;}
.post-recipe .short-desc {max-width: 100%; margin: 0 auto; line-height: 25px; font-size: 14px;}
.post-recipe .blog-products .products-section-title span {font-size: 18px !important;}
.post-recipe .blog-products .products-section-title {text-align: left !important}
.post-recipe .general-border-grey {border-top: 1px solid #ddd}
.post-recipe .blog-products .featured-products__navigation {top: -5px;}
.post-recipe .features-section img {max-width: 34px;}
.post-recipe .blog-list-desc.single-post {margin: 40px 0px !important;}

.features-section {}
.features-section li {position: relative; padding-left: 20px;}
.features-section li span {font-size: 14px;}
.features-section li span.feat-value {font-weight: 500}
.features-section li:before {content: ''; width: 8px; height: 8px; border-radius: 50%; background: #8c1471; position: absolute; left: 0px; top: 9px;}


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

.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: 75px;margin-bottom: 35px;font-size: 15px;}
.post-recipe .box-method li:before {content:'';
position: absolute;
width: 42px;
height: 42px;
display: inline-block;
border-radius: 5px;
background-image: linear-gradient(#f3da00, #f3da00), linear-gradient(#adbb26, #adbb26), linear-gradient(#f29017, #f29017), linear-gradient(#445194, #445194), linear-gradient(#d90b1b, #d90b1b), linear-gradient(#8f136b, #8f136b);
background-size: 21px 14px;
background-repeat: no-repeat;
background-position: 0px 0px, 21px 0px, 0px 14px, 21px 14px, 0px 28px, 21px 28px;
box-shadow: 4px 4px 7px 0px rgba(0,0,0,0.1);
margin-bottom: 22px;
left: 0px;
top: -8px;}

.post-recipe .box-method li:after {content: counter(method-counter);position: absolute;top: -2px;left: 5px;color: #333;width: 30px;
height: 30px;background: #fff;border-radius: 50%;text-align: center;line-height: 32px;font-weight: 600;font-size: 16px;color: #333;}
.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 .blog-list-desc.single-post.desc-bottom {margin-top: 90px !important;}
.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 .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 {width: 42px; height: 42px;}
.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: 22px;}
.post-recipe .page-header h1 {font-size: 22px;margin: 30px auto 20px;line-height: 30px;}
.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: 22px;}
.post-recipe .page-header h1 {font-size: 28px; margin: 30px auto 20px; line-height: 38px;}
.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: 22px; font-weight: 600;}
.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: 22px; 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; font-weight: 600;}
.post-recipe .spec-left {order: 1; padding: 0px;}
.post-recipe  .spectop-width {margin-top: 50px; padding: 0px 30px;}
.post-recipe .page-header h1 {font-size: 22px;line-height: 30px;margin-bottom: 20px;}
.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}
.post-recipe .blog-products .featured-products__navigation {top: -10px;}
.post-recipe .blog-list-desc.single-post.desc-bottom {margin-top: 50px !important;}
	
}

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

.post-recipe .spec-top {padding-bottom: 50px;}
.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: 22px;}
	
}

@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: 90%;}

}