body #main_container .hero-banner-top.fibre { 
	background:url(/content/dam/europe/kelloggs_ie/images/brands/fiber_banner_bg_web.jpg);padding:40px 0px;background-size: cover;}
body #main_container .hero-banner-top.prebiotic {background:url(/content/dam/europe/kelloggs_ie/images/brands/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;
	margin-top: 20px;
}
.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 p{
	margin-bottom:20px;
}
.hero-banner-top.gut-health img{
	max-height:465px;
	width:auto;
	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;
}
.grid .heading {
	position: relative;
    text-align: center;
    left: 60px;
}
.grid .heading2 {
	position: relative;
    text-align: center;
    left: 30px;
}
.grid .heading3 {
	position: relative;
    text-align: center;
    left: 70px;
}
.grid .heading4 {
	position: relative;
    text-align: center;
    left: -50px;
}
.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;
	}
}

@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%;
		padding-right: 15px;
	}
	.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;
    display: block;
}
.hero-banner-top.fibre-article-banner img{
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
}

.grid .heading {
	position: absolute;
    text-align: center;
    left: 8px;
	margin-right:6px;
}
.grid .heading2 {
	position: relative;
    text-align: center;
    left: 6px;
	margin-right:15px;
	
}
	.grid .heading3 {
	position: relative;
    text-align: center;
    left: 6px;
	margin-right:15px;
	
}
	.grid .heading4 {
	position: relative;
    text-align: center;
    left: 7px;
	margin-right:15px;
	
}
}
@media only screen and (min-width: 602px){
.related-articles{
	height: 275px;
	display:flex;
}
}
.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;
}