body #main_container .hero-banner-top.fibre { 
	background:url(/content/dam/europe/kelloggs_pt/images/fibre/fiber_banner_bg_web.jpg);padding:40px 0px;background-size: cover;}
body #main_container .hero-banner-top.prebiotic {
	background:url(/content/dam/europe/kelloggs_pt/images/fibre/prebiotic_bg_web.jpg);background-size: cover;		padding: 40px 0;margin-bottom:40px;}
body #main_container .hero-banner-top.fibre .kstl-responsive-image img{
	padding:0 20px;
}
body #main_container .hero-banner-top.prebiotic .kstl-responsive-image img{
	width:auto;
}

.button{
    background-color: #fff;
	color:#2c2c2c;
}
.button:hover{
	background-color:#2c2c2c;
	color:#fff;
}
.hero-banner-top .content-box .inner{
	color:#fff;
}
.hero-banner-top .content-box h1{
	margin-bottom:0;
}

.hero-banner-top.gut-health img{
	max-height:465px;
	display:block;
	margin: 0 auto;
	width: auto;
}
.hero-banner-top.fibre-article-banner img{
	max-height:260px;
	display: block;
	text-align: right;
	margin-right: 0;
}
.hero-banner-top.prebiotic .content-box .inner,
.hero-banner-top.fibre .content-box .inner{
	color:#2c2c2c;
}
.fibre-articles {
	margin-top:30px;
	display: flex;
	flex-direction: column;
	padding:0 30px;
}
.product-slider .product-image img{
	max-width:310px;
}
.product-slider{
	padding-top:0 !important;
}
@media only screen and (min-width:1000px) {
.product-slider .slide-product{
	width:33%;
}
.product-slider.center-align-text ul .kstl-rich-text{
	justify-content:center;
}
}
.centeredText {
    padding: 0;
	}
@media only screen and (max-width:601px) {
	.hero-banner-top .js-image-wrapper{
		padding:0 20px;
	}
	.hero-banner-top .button{
		margin-bottom:40px;
	}
	.product-slider .slide-product{
		width: 80%;
	}
	.tiles-with-imgbg >div .grid__item p {
    padding: 0 15%;
}
}

@media only screen and (max-width:601px) {
	.custom-slider.fibre .flex-viewport {
		padding: 0 22% 0 22%;
	}
	
	.hero-banner-top img{
		margin-bottom:20px 
	}	
}
@media only screen and (max-width:480px) {
	.hero-banner-top .content-box{
		text-align:left;
	}
	.hero-banner-top .content-box h1,
	.hero-banner-top .content-box h2 {
		font-size:35px;
	}
	
}
body #main_container .grid .grid.articles-list-item{

width: 100%;

padding: 40px 20px;
}
body #main_container .grid .grid.articles-list-wrapper .articles-list-item{
border-bottom: 1px solid #ddd;
   
}
.articles-list-item .button{
	background-color:#2c2c2c;
	color:#fff;
	border: 1px solid #2c2c2c;
}
.articles-list-item .button:hover{
	background-color:#fff;
	color:#2c2c2c;
}

body #main_container .grid .grid.articles-list-item .js-image-wrapper{
	text-align:center;
}
body #main_container .grid .grid.articles-list-item .js-image-wrapper img{
	max-width:180px;
	width: 96%;
	margin:0 auto 10px auto;
}
@media only screen and (min-width:602px) {
	
body #main_container .grid .grid.articles-list-wrapper .articles-list-item{
	display:flex;
	height:100%;
}
body #main_container .grid .grid.articles-list-item .js-image-wrapper{
	padding-right:25%;
	text-align:left;
}
body #main_container .grid .grid.articles-list-item .js-image-wrapper img{
	margin:0;
}

body #main_container .grid .grid.articles-list-wrapper .articles-list-item .desk-three-quarters{
	display:flex;
	flex-direction:column;
	justify-content:center;
}
body #main_container .grid .grid.articles-list-wrapper .articles-list-item-no-image{
	padding: 25px 25px 0 25%;
}
}

@media only screen and (min-width: 602px){
	.hero-banner-top.fibre-article-banner > div.grid__item {
		width: 40%;
		text-align: right;
	}
	.hero-banner-top.fibre-article-banner > div.grid__item:nth-child(2) {
		width: 60%;
	}
	.hero-banner-top.fibre-article-banner .js-image-wrapper{
		text-align: right;
		padding-left: 20%;
	}
	.hero-banner-top.fibre-article-banner .content-box .inner{
		padding:0
	}
}
@media only screen and (max-width: 601px){
.hero-banner-top.fibre-article-banner{
    flex-direction: row;
    flex-flow: row;
}}
@media only screen and (min-width: 602px){
.related-articles{
	height: 275px;
	display:flex;
}
}	
.product-image{
	width: 200px;
    height: 200px;
    border-radius: 50%;
}
.custom-slider.fbr .custom-gsa-container .collection .result-item .link-wrapper .name{
	color: #2c2c2c !important;
	margin:0 20px;
}
.custom-slider.fbr .custom-gsa-container .collection .result-item .link-wrapper[href*="all-bran-bolinho-fruta-y-fibra-product"] .image,
.custom-slider.fbr .custom-gsa-container .collection .result-item .link-wrapper[href*="all-bran-flakes-product"] .image,
.custom-slider.fbr .custom-gsa-container .collection .result-item .link-wrapper[href*="all-bran-prebiotic-granola-classic"] .image{
       background:#00a1da;
}
.custom-slider.fbr .custom-gsa-container .collection .result-item .link-wrapper[href*="all-bran-choco-product"] .image{
       background:#d79400;
}
.custom-slider.fbr .custom-gsa-container .collection .result-item .link-wrapper[href*="all-bran-bizcochito-choco"] .image,
.custom-slider.fbr .custom-gsa-container .collection .result-item .link-wrapper[href*="all-bran-chocolate-product"] .image{
       background:#b54c10;
}
.custom-slider.fbr .custom-gsa-container .collection .result-item .link-wrapper[href*="all-bran-prebiotic-granola-almond-and-pumpkin-seeds"] .image,
.custom-slider.fbr .custom-gsa-container .collection .result-item .link-wrapper[href*="Special-K-Barretta-Cioccola"] .image{
       background:#ffb757;
}
.custom-slider.fbr .custom-gsa-container .collection .result-item .link-wrapper[href*="all-bran-fruta-fibra-product"] .image,
.custom-slider.fbr .custom-gsa-container .collection .result-item .link-wrapper[href*="fbr-protein-barretta-con-ribes-nero-e-semi-di-zucca"] .image{
       background:#6f4186;
}
.custom-slider.fbr .custom-gsa-container .collection .result-item .link-wrapper[href*="biscuit-moments-strawberry-product"] .image{
       background:#f60000;
}
.custom-slider.fbr .custom-gsa-container .collection .result-item .link-wrapper[href*="raspberry-cereal-bar-product"] .image{
       background:#a64055;
}
.custom-slider.fbr .custom-gsa-container .collection .result-item .link-wrapper[href*="bliss-creamy-berry-crunch-product"] .image,
.custom-slider.fbr .custom-gsa-container .collection .result-item .link-wrapper[href*="special-k-frutti-rossi-product"] .image{
       background:#f80063;
}
.custom-slider.fbr .custom-gsa-container .collection .result-item .link-wrapper[href*="all-bran-natural-product"] .image{
       background:#a06152;
}
.custom-slider.fbr .custom-gsa-container .collection .result-item .link-wrapper[href*="all-bran-plus-product"] .image{
       background:#b24d00;
}	
	width: 84%;
    padding: 40px 20px;
    margin: 0 auto;
}
}
.related-articles .grid, .related-articles .grid__item{
	height:100%;
}
.related-articles .js-image-wrapper{
	   display: flex;
    justify-content: center;
    height: 100%;
    flex-direction: column;
    padding:40px 40px 40px 10px;
}
.related-articles .kstl-rich-text
{
	padding:40px 10px 40px 40px;
	color:#fff;
}
.related-articles h3, .related-articles p{
	color:#fff;
}

body #main_container .grid .grid.articles-list-wrapper >div.grid__item:last-of-type .articles-list-item{
	border-bottom:none;

}
body #main_container .grid .grid.articles-list-wrapper{
	margin-bottom:20px;
}
.fibre-article-banner{
	margin-bottom:40px;
}
.product-slider.center-align-text {
    margin-bottom: 0;
}
@media only screen and (max-width:1000px) {
	.product-slider .slide-product, .custom-slider .result-item{
	margin: 0 auto;
}
.tiles-with-imgbg >div .grid__item p {
    padding: 0 5%;
}
}