/*Amit Start*/
/*home*/
.hero.home{
     background-image: url('/content/dam/europe/kelloggs_be/fr_be/images/banners/home.jpg');
}
.banner.nutrition{
    background-image: url('/content/dam/europe/kelloggs_be/fr_be/images/banners/nutrition.jpg');
}
.banner.what-we-believe{
     background-image: url('/content/dam/europe/kelloggs_be/fr_be/images/banners/what_we_believe_home.jpg');
    background-position: left;
}
.banner.who-we-are{
     background-image: url('/content/dam/europe/kelloggs_be/fr_be/images/nutrition/passion_hero.jpg');
     background-position: center;
}
.hero.pillar.who-we-are{
    background-image: url('/content/dam/europe/kelloggs_be/fr_be/images/banners/contact-banner_fr.png');
    background-position: center;
    height: 332px;
}
.hero.pillar.what-we-believe{
    background-image: url('/content/dam/europe/kelloggs_be/fr_be/images/banners/what_we_believe.jpg');
    height: 332px;
	background-position: left top;
}
.hero.small.article.contact{
    background-image: url('/content/dam/europe/kelloggs_be/fr_be/images/banners/contact-banner.png');
    background-position: center;
    height: 332px;
}
.hero.pillar.medium.ourBrands{
      background-image: url('/content/dam/europe/kelloggs_be/fr_be/images/banners/kellogs_desktop_banner.jpg');
    background-position: center;
    height: 332px;
}
.hero.pillar.passionnutrition{
     background-image: url('/content/dam/europe/kelloggs_be/fr_be/images/banners/main_banner.jpg');
    background-position: left top;
    height: 332px;
}

.hero.nutrition-child{
     background-image: url('/content/dam/europe/kelloggs_be/fr_be/images/banners/nutrition_childpages_banner.jpg');
    background-position: top center;
    height: 332px;
}
.hero.who-we-are-child{
    background-image: url('/content/dam/europe/kelloggs_be/fr_be/images/banners/whoweare_bg.jpg');
    background-position: left top;
    height: 332px;
}
.hero.what-we-believe-child{
    background-image: url('/content/dam/europe/kelloggs_be/fr_be/images/banners/whoweare_bg.jpg');
    background-position: left top;
    height: 332px;
}
.hero.promotions {
     background-image: url('/content/dam/europe/kelloggs_be/fr_be/images/banners/home.jpg');
	 height: 332px;
     background-position: left center;
}
.banners-container .banner.blippar.snacks-promotion {
	background-image: url(/content/dam/europe/kelloggs_be/fr_be/images/banners/10394_Coco_Pops_Blippar_Online_Banners_1960x800_FRABEN.jpg) !important;
}
.banners-container .banner.snacks-promotion {
	background-image: url(/content/dam/europe/kelloggs_be/fr_be/images/banners/Banners_Snacks_FR_BE.jpg);
}
.banners-container .banner.tresor-promotion {
	background-image: url(/content/dam/europe/kelloggs_be/images/banners/Banners_Desktop_be.jpg);
}
.banners-container .banner.cereals-promotion {
	background-image: url(/content/dam/europe/kelloggs_be/fr_be/images/banners/Banners_Cereal_FR_BE.jpg);
}
.banners-container .banner.nerf-promotion {
	background-image: url(/content/dam/europe/kelloggs_be/fr_be/images/banners/Fr_BE_nerf.jpg);
}
.banners-container .banner.snacks-promotion .description h3,
.banners-container .banner.cereals-promotion .description h3,
.banners-container .banner.tresor-promotion .description h3	{
	font-size:22px !important;
	line-height:24px;
}
.banners-container .banner.snacks-promotion .description h2 {
	font-size:44px;
}
.banners-container .banner.nerf-promotion .description p {
	font-size: 13px !important;
}


/* banners brands */
.custom-banner-container.frosties-consumer-brand-header {
    background-image: url(/content/dam/europe/kelloggs_be/fr_be/images/banners/Kelloggs_Desktop_Frosties.png);
    height: 332px;
    background-position: center center;
}
.custom-banner-container.miel-pops-consumer-brand-header{
    background-image: url(/content/dam/europe/kelloggs_be/fr_be/images/banners/Kelloggs__0026_25_miel_pops.png);
    height: 332px;
    background-position: center center;
}
.custom-banner-container.rice-krispies-consumer-brand-header{
    background-image: url(/content/dam/europe/kelloggs_be/fr_be/images/banners/Kelloggs_Desktop_07_Rice-Krispies.png);
    height: 332px;
    background-position: center center;
}
.custom-banner-container.rice-krispies-squares-consumer-brand-header{
    background-image: url(/content/dam/europe/kelloggs_be/fr_be/images/banners/Kelloggs_Desktop_14_Rice-Krispies-Squares.png);
    height: 332px;
    background-position: center center;
}
.custom-banner-container.smacks-consumer-brand-header{
    background-image: url(/content/dam/europe/kelloggs_be/fr_be/images/banners/Kelloggs__0022_21_Smacks.png);
    height: 332px;
    background-position: center center;
}
.custom-banner-container.coco-pops-consumer-brand-header{
    background-image: url(/content/dam/europe/kelloggs_be/fr_be/images/banners/CocoPops_Kelloggs_Desktop_Hero-banners_v2.png);
    height: 332px;
    background-position: center center;
}
.custom-banner-container.nutri-grain-consumer-brand-header{
    background-image: url(/content/dam/europe/kelloggs_be/fr_be/images/banners/Kelloggs_Desktop_12_Nutri-Grain.png);
    height: 332px;
    background-position: center center;
}
.custom-banner-container.kellogg-s-consumer-brand-header{
    background-image: url(/content/dam/europe/kelloggs_be/fr_be/images/banners/Kelloggs_Desktop_00_Kelloggs.png);
    height: 332px;
    background-position: center center;
}
.custom-banner-container.kellogg-s-corn-flakes-consumer-brand-header{
    background-image: url(/content/dam/europe/kelloggs_be/fr_be/images/banners/Kelloggs_Desktop_03_Corn-Flakes.png);
    height: 332px;
    background-position: center center;
}
.custom-banner-container.tresor-consumer-brand-header{
    background-image: url(/content/dam/europe/kelloggs_be/fr_be/images/banners/webtresor.png);
    height: 332px;
    background-position: center center;
}
.custom-banner-container.kellogg-s-extra-consumer-brand-header{
    background-image: url(/content/dam/europe/kelloggs_be/fr_be/images/banners/Kelloggs__0025_24_EXTRA-HQ.png);
    height: 332px;
    background-position: center center;
}
.custom-banner-container.country-store-consumer-brand-header{
    background-image: url("/content/dam/europe/kelloggs_be/fr_be/images/banners/Kellogg's_Desktop_16_Country-Store.png");
    height: 332px;
    background-position: center center;
}
.custom-banner-container.honeypops-consumer-brand-header{
    background-image: url('/content/dam/europe/kelloggs_be/fr_be/images/banners/Kelloggs_Desktop_17_Honey-Pops.png');
    background-position: center;
    height: 332px;
}
.custom-banner-container.special-k-header {
    background-image: url(/content/dam/europe/kelloggs_be/fr_be/images/banners/Kelloggs_Desktop_09_Special-K.png);
    height: 332px;
    background-position: center center;
} 
.custom-banner-container.special-k-strength-header {
    background-image: url(/content/dam/europe/kelloggs_be/fr_be/images/our_brands/special_k/FR_StrengthRetreat_d.jpg);
    height: 332px;
    background-position: center center;
}
.custom-banner-container.special-k-nutri-header {
     background-image: url(/content/dam/europe/kelloggs_be/fr_be/images/banners/Bannernutrim.jpg);
	 height: 332px;
     background-position: center center;
}

.custom-banner-container.importance-of-fibre{
    background-image: url(/content/dam/europe/kelloggs_be/fr_be/images/banners/limportance-des-fibre.jpg);
    height: 332px;
    background-position: center center;
}

.custom-banner-container.your-digestive-health{
    background-image: url(/content/dam/europe/kelloggs_be/fr_be/images/banners/your-digestive-health.png);
    height: 332px;
    background-position: center center;
}

.custom-banner-container.faq-header {
    background-image: url(/content/dam/europe/kelloggs_be/fr_be/images/banners/faq.png);
    height: 332px;
    background-position: center center;
}
.hero-fiber{
    background-image: url(/content/dam/europe/kelloggs_be/fr_be/images/banners/fiber.png);
    height: 332px;
    background-position: center center;
}

.hero.allbran5dc  {
    background-image: url(/content/dam/europe/kelloggs_be/fr_be/images/banners/5dc-header.png);
    height: 332px;
    background-position: center center;
}
.custom-banner-container.all-bran-header, .hero.AllBran-dellefibre{
    background-image: url('/content/dam/europe/kelloggs_be/fr_be/images/banners/Kelloggs_Desktop_01_All-Bran.png');
    background-position: center center;
    height: 332px;
 }
 .custom-banner-container.faq{
     background-image: url('/content/dam/europe/kelloggs_be/fr_be/images/banners/faq.png');
    background-position: center center;
    height: 332px;
 }

.specialKperathree{
    background-image: url(/content/dam/europe/kelloggs_be/fr_be/images/banners/SPK_Promo_Spot_Zone2_italy_d.jpg);
    height: 300px;
    background-size: cover;
}
.showInMobile{display: none;visibility: hidden;}
.hideInMobile{visibility: visible;}
/* Common to all banners*/
.banners-container .xbox-promotion {
	background-image: url(/content/dam/europe/kelloggs_be/fr_be/images/banners/Banners_Desktop_Belgium_fr_BE.jpg);
}
.banners-container .reebok-promotion {
	background-image: url(/content/dam/europe/kelloggs_be/fr_be/images/reebokBanners_Desktop.jpg);
}
.banners-container .bts20-promotion {
	background-image: url(/content/dam/europe/kelloggs_be/fr_be/images/bts_2020_Banners_Desktop.jpg);
}
.banners-container .reebok-promotion .description h2 {
	font-size:20px;
}
.banners-container .spotify20-promotion {
    background-image: url(/content/dam/europe/kelloggs_be/fr_be/images/2020_Desktop.jpg);
}
.banners-container .description h2 {
	font-size:22px;
}
.banners-container .description p {
	font-size:14px;
}
.banners-container .reebok21-promotion {
    background-image: url(/content/dam/europe/kelloggs_be/fr_be/images/banners/reebok2021-promotional-banner-desktop-Belgium-fr_BE.jpg);
}
.banners-container .description h2 {
	font-size:16px;
}
.banners-container .description p {
	font-size:12px;
}	
@media (max-width: 768px){
.hero.who-we-are-child {
    background-image: url('/content/dam/europe/kelloggs_be/fr_be/images/banners/whoweare_bg.jpg');
    background-position: left top;
    height: 332px;
}
    .hero-fiber{
    background-image: url(/content/dam/europe/kelloggs_be/fr_be/images/banners/fiber-mob.png);
    height: 332px;
    background-position: center center;
    }
    .custom-banner-container.faq{
     background-image: url('/content/dam/europe/kelloggs_be/fr_be/images/banners/faq-mob.png');
    background-position: center;
    height: 332px;
 }
.banners-container .banner.what-we-believe{
	background-position:left;
}
.banners-container .banner.who-we-are{
    background-position:right;
}

    .custom-banner-container.importance-of-fibre{
    background-image: url(/content/dam/europe/kelloggs_be/fr_be/images/banners/limportance-des-fibre.jpg);
    height: 332px;
    background-position: center center;
}

    .hero.allbran5dc{
    background-image: url(/content/dam/europe/kelloggs_be/fr_be/images/banners/5dc-header-mob.png);
    height: 332px;
    background-position: center center;
}
    .custom-banner-container.all-bran-header, .hero.AllBran-dellefibre{
    background-image: url('/content/dam/europe/kelloggs_be/fr_be/images/banners/Kelloggs_Mobile_01_All-Bran.png');
    background-position: center center;
    height: 383px;
 } 

  .custom-banner-container.special-k-header {
        background-image: url(/content/dam/europe/kelloggs_be/fr_be/images/banners/Kelloggs_Mobile_09_Special-K.png);
        height: 367px;
        background-position: center center;
        background-size: cover;
    } 
	.custom-banner-container.honeypops-consumer-brand-header{
		background-image: url(/content/dam/europe/kelloggs_be/fr_be/images/banners/Kelloggs_Mobile_17_Honey-Pops.png);
		background-position: center center;
		height: 410px;
    }
	.custom-banner-container.frosties-consumer-brand-header {
    background-image: url(/content/dam/europe/kelloggs_be/fr_be/images/banners/Kelloggs_Mobile_Frosties.png);
    height: 332px;
    background-position: center center;
}
.custom-banner-container.rice-krispies-consumer-brand-header{
    background-image: url(/content/dam/europe/kelloggs_be/fr_be/images/banners/Kelloggs_Mobile_07_Rice-Krispies.png);
    height: 402px;
    background-position: center center;
}
.custom-banner-container.smacks-consumer-brand-header{
    background-image: url(/content/dam/europe/kelloggs_be/fr_be/images/banners/Kelloggs__0022_21_Smack.png);
    height: 332px;
    background-position: center center;
}
.custom-banner-container.coco-pops-consumer-brand-header{
    background-image: url(/content/dam/europe/kelloggs_be/fr_be/images/banners/CocoPops_Kelloggs_Mobile_Hero-banner.png);
    height: 332px;
    background-position: center center;
}
.custom-banner-container.kellogg-s-consumer-brand-header{
    background-image: url(/content/dam/europe/kelloggs_be/fr_be/images/banners/Kelloggs_Mobile_00_Kelloggs.png);
    height: 332px;
    background-position: center center;
}

.custom-banner-container.kellogg-s-corn-flakes-consumer-brand-header{
    background-image: url(/content/dam/europe/kelloggs_be/fr_be/images/banners/Kelloggs_Mobile_03_Corn-Flakes.png);
    height: 442px;
    background-position: center center;
}

.custom-banner-container.tresor-consumer-brand-header{
    background-image: url(/content/dam/europe/kelloggs_be/fr_be/images/banners/mobiletresor.png);
    height: 332px;
    background-position: center center;
}
.custom-banner-container.kellogg-s-extra-consumer-brand-header{
    background-image: url(/content/dam/europe/kelloggs_be/fr_be/images/banners/Kelloggs__0025_24_EXTRA-.png);
    height: 332px;
    background-position: center center;
}
 
.custom-banner-container.country-store-consumer-brand-header{
    background-image: url("/content/dam/europe/kelloggs_be/fr_be/images/banners/Kellogg's_Mobile_16_Country-Store.png");
    height: 332px;
    background-position: center center;
}   
.banners-container .banner.blippar.snacks-promotion {
	background-image: url(/content/dam/europe/kelloggs_be/fr_be/images/banners/10394_Coco_Pops_Blippar_Online_Banners_1960x800_FRABEN_Mobile.jpg) !important;
	background-size: cover;
}
.banners-container .banner.snacks-promotion {
	background-image: url(/content/dam/europe/kelloggs_be/fr_be/images/banners/FR_BE_Snacks_Mobile.jpg);
	background-size: cover;
}
.banners-container .banner.tresor-promotion {
	background-image: url(/content/dam/europe/kelloggs_be/images/banners/Banners_Mobile_be.jpg);
	background-size: cover;
}
.banners-container .banner.cereals-promotion {
	background-image: url(/content/dam/europe/kelloggs_be/fr_be/images/banners/FR_BE_Cereal_Mobile.jpg);
	background-size: cover;
} 
  .hideInMobile{display: none;visibility: hidden;}
.showInMobile{display: block; visibility: visible;}

}

@media (max-width: 999px){
.hero.pillar.what-we-believe{
    background-image: url('/content/dam/europe/kelloggs_be/fr_be/images/banners/what_we_believe_child.png');
    height: 332px;
	background-position: left top;
}
.hero.nutrition-child {
    background-image: url('/content/dam/europe/kelloggs_be/fr_be/images/banners/passion_hero_mob.jpg');
    background-position: top center;
    height: 332px;
}
	.hero.pillar.passionnutrition{
     background-image: url('/content/dam/europe/kelloggs_be/fr_be/images/banners/passion_hero_mob.jpg');
    background-position: top center;
}
.hero.pillar.medium.ourBrands{
      background-image: url('/content/dam/europe/kelloggs_be/fr_be/images/banners/default_mobile.jpg');
    background-position: center;
    height: 332px;
    background-size: cover;
    }
}

.custom-banner-container.wkk-header {
    background-image: url(/content/dam/europe/kelloggs_be/images/banners/wkk_Banner.jpg) !important;
    background-size:100%;
	background-color:#f3e3cc;
	height:332px;
	background-position:center;
}
@media (min-width: 641px) and (max-width: 999px) {
	.custom-banner-container.wkk-header {
		height:198px;
	}
}
@media (min-width: 641px) and (max-width: 999px) {
	.custom-banner-container.wkk-header {
		height:198px;
	}
}
@media (max-width: 601px) {
	.hero.who-we-are-child {
    background-image: url('/content/dam/europe/kelloggs_be/fr_be/images/banners/whoweare_Ipad.jpg');
    background-position: left center;
    height: 283px;
}
	.banners-container .banner.snacks-promotion .description h3,
    .banners-container .banner.cereals-promotion .description h3,
	.banners-container .banner.tresor-promotion .description h3	{
		font-size:22px !important;
	}
	.banners-container .banner.snacks-promotion .description h2 {
		font-size:42px;
	}
	.banners-container .banner.snacks-promotion .description,
    .banners-container .banner.cereals-promotion .description,
	.banners-container .banner.tresor-promotion .description	{
		top:86% !important;
	}
.hero.what-we-believe-child {
    background-image: url('/content/dam/europe/kelloggs_be/fr_be/images/banners/whoweare_Ipad.jpg');
    background-position: left top;
    height: 332px;
}
	.banners-container .banner.nerf-promotion .description h2	{
		font-size:14px;
	}
	.banners-container .banner.nerf-promotion .description p	{
		font-size:12px;
	}
	
	/* Common to all banners*/
	.banners-container .xbox-promotion {
		background-image: url(/content/dam/europe/kelloggs_be/fr_be/images/banners/mobile_banner_Belgium_fr_BE.jpg);
		height:340px !important;
	}
	.banners-container .reebok-promotion {
		background-image: url(/content/dam/europe/kelloggs_be/fr_be/images/reebokmobile_banner.jpg);
		height:340px !important;
	}
	.banners-container .bts20-promotion {
		background-image: url(/content/dam/europe/kelloggs_be/fr_be/images/bts_2020_mobile_banner.jpg);
		height:340px !important;
	}
    .banners-container .spotify20-promotion {
		background-image: url(/content/dam/europe/kelloggs_be/fr_be/images/2020_mobile_banner.jpg);
		height:340px !important;
	}
	.banners-container .reebok-promotion .description h2 {
		font-size:14px;
	}
	.banners-container .description h2 {
		font-size:16px;
	}
	.banners-container .description p {
		font-size:12px;
	}
	.banners-container .reebok21-promotion {
		background-image: url(/content/dam/europe/kelloggs_be/fr_be/images/banners/reebok2021-promotional-banner-mobile-Belgium-fr_BE.jpg);
		height:340px !important;
	}
	.banners-container .reebok-promotion .description h2 {
		font-size:14px;
	}
	.banners-container .description h2 {
		font-size:16px;
	}
	.banners-container .description p {
		font-size:12px;
	}
}
@media (max-width: 480px) {
	.banners-container .banner.snacks-promotion .description h3,
    .banners-container .banner.cereals-promotion .description h3,
	.banners-container .banner.tresor-promotion .description h3	{
		font-size:14px !important;
		line-height:18px;
	}
	.banners-container .banner.snacks-promotion .description h2 {
		font-size:42px;
	}
	.banners-container .banner.snacks-promotion .description p,
    .banners-container .banner.cereals-promotion .description p,
	.banners-container .banner.tresor-promotion .description p	{
		font-size:12px !important;
	}
	.banners-container .banner.snacks-promotion .button,
    .banners-container .banner.cereals-promotion .button,
	.banners-container .banner.tresor-promotion .button	{
		font-size:12px !important;
	}
}