body #main_container .grid .grid.hero-banner {height:300px; font-family: 'Montserrat'; color:#fff; position:relative; text-align:center;}
	body #main_container .grid .grid.hero-banner.home-page {background:url('/content/dam/europe/kelloggsvantage_gb/images/Kelloggvantage/home/header_banner-vantage.jpg') no-repeat center center/cover;}
	body #main_container .grid .grid.hero-banner.home-page:after {position:absolute; content:''; top:0; left:0;width:100%; height:100%;}
	.hero-banner .section-body .section-content.whitespace {background:#fff;color:#000;width:100%;padding:1% 20% 1% 20%;left: 0%; bottom: 0%; position: absolute;z-index: 1;opacity:0.95;}
	.hero-banner .section-body h1 {font-size:17px; margin-bottom:7px;}
	.hero-banner .section-body p {font-size:15px;}

	.hero-banner .section-body.por h1 {
		text-align: left;
		margin-bottom: 10px;
		font-size: 22px;
	}
	.hero-banner .section-body.por h2 {
		text-align: left;
		margin-bottom: 8px;
		font-size: 15px;
	}
	.hero-banner .section-body.por p {
		text-align: left;
		font-size: 15px;
	}
	.hero-banner .section-body.product {
		margin-top: 20%;
		text-align: left;
	}
	.hero-banner .section-body.product h1 {
		font-size: 22px;
	}
	.hero-banner .section-body.product p {
		font-size: 15px;
	}

	body #main_container .grid .grid.our-recommendations {background:#ffc221  url('/content/dam/europe/kelloggsvantage_gb/images/Kelloggvantage/home/web_banner.jpg') no-repeat center center/contain;font-family: 'Montserrat'; color:#131212; padding:70px 20px;}
	.our-recommendations .section-body {margin:0  auto; max-width:1020px;}
	.our-recommendations .section-body p {width:63%;}


	.section-gettheadvice h2 {text-align:center; margin:20px;}
	.section-gettheadvice .threebox {border: 1px solid #ccc;margin:0 10px 0;box-shadow: 0px 0px 5px #999;}
	.section-gettheadvice .threebox .section-img img {display:block;}
	.section-gettheadvice .threebox .link {display:flex; justify-content:center; align-items:center; height:80px; width:100%;padding: 20px 40px;}
	.section-gettheadvice .threebox a {text-align: center; text-decoration: none; color: #000; font-size: 18px; font-weight: bold;}
	.section-gettheadvice .threebox a.cta {font-size:14px;}

	body #main_container .grid .grid.section-othergreatcontent {margin:0 auto; padding:0 20px; max-width: 1060px;font-family: 'Montserrat';}
	.section-othergreatcontent h2 {text-align:center; margin:20px;}
	.section-othergreatcontent .threebox {height:250px; position:relative;}
	.section-othergreatcontent .threebox a {text-decoration: none; color: #fff; display:block; height:100%;}
	.section-othergreatcontent .threebox h3 {font-size:24px; text-align:left;padding: 30px;}
	.section-othergreatcontent .threebox .section-img {text-align:right; position:absolute; bottom:0; right:0;}
	.section-othergreatcontent .threebox .section-img img {display:block;}
	.section-othergreatcontent .our-products-box {background:#f70000;margin:0px 10px 0px 0px;}
	.section-othergreatcontent .our-products-box .section-img {max-width:65%;}
	.section-othergreatcontent .point-of-sale-box {background:#206b28;margin:0px 10px 0px 10px;}
	.section-othergreatcontent .point-of-sale-box .section-img {width:50%;margin-right:10px;}
	.section-othergreatcontent .por-calculator-box {background:#00699b;margin:0px 0px 0px 10px;}
	.section-othergreatcontent .por-calculator-box .section-img {width:40%; margin-right:20px;}

	body #main_container .grid .grid.section-partners-logo {font-family: 'Montserrat'; background:#ececec; padding:20px; margin-top:30px;}
	body #main_container .grid .grid.section-partners-logo .kstl-rich-text {margin:0 auto; max-width: 1020px;}
	.section-partners-logo h2 {text-align:center; margin:20px;}
	.section-partners-logo .partners-logo-row {display:flex; flex-direction:row; justify-content:center; align-items: center;}
	.section-partners-logo .partners-logo-row div {width:20%; text-align:center;}
	.section-partners-logo .partners-logo-row div img {width:63%;}

	body #main_container .grid .grid.hero-banner.convenience-shop {background:url('/content/dam/europe/kelloggsvantage_gb/images/Kelloggvantage/convenience-shop/headerbanner.jpg') no-repeat center 30%/cover;}
	.section-convenience-shop h1 {color:#ff0000; margin:40px auto 20px; text-align:center;font-family: 'Montserrat';font-size: 22px; max-width:90%;}
	body #main_container .grid .grid.section-gettheadvice-bg {background:#ececec; padding-bottom:40px;}
	body #main_container .grid .grid.section-gettheadvice-bg .section-gettheadvice {margin:0 auto;}
	.section-gettheadvice-bg .section-gettheadvice h2 {margin:20px auto; max-width:90%;}
	.section-gettheadvice-bg .section-gettheadvice .threebox {background:#fff;min-height:435px;}
	body #main_container .grid .grid.piechart {max-width:1020px; margin:40px auto; width:90%;}

	body #main_container .grid .grid.hero-banner.food-service {background:url('/content/dam/europe/kelloggsvantage_gb/images/Kelloggvantage/por-calculator/POR-Calculator.png') no-repeat center 20%/cover;display: flex; align-items: center;}
	body #main_container .grid .grid.hero-banner.food-service .kstl-rich-text {max-width: 40%; margin-left: 10%}
	.section-food-service h1 {color:#ff0000; margin:40px auto 0; text-align:center;font-family: 'Montserrat';font-size: 22px;max-width:90%;}
	.section-food-service h2 {color:#ff0000; margin:20px auto 20px; text-align:center;font-family: 'Montserrat';font-size: 18px;max-width:90%;}
	.section-food-service h3 {text-align:center;margin:auto 20px;}
	body #main_container .grid .grid.food-service-chart {max-width:1020px; margin:40px auto; width:90%;}
	.food-service-chart .section-img {position:relative;}
	.food-service-chart .section-img a {position:absolute; z-index:1; border-radius:100%;}
	.food-service-chart .section-img a.food-service {top:0;left:39%; width: 22%;height: 24%;}
	.food-service-chart .section-img a.accommodation {top:27%;left:0; width: 14%;height: 15%;}
	.food-service-chart .section-img a.restaurant-and-coffee-shops {top:27%; left: 14.3%; width: 14%;height: 15%;}
	.food-service-chart .section-img a.bars-and-pubs {top:27%; left: 29%; width: 14%;height: 15%;}
	.food-service-chart .section-img a.leisure {top:27%; left: 43%; width: 14%;height: 15%;}
	.food-service-chart .section-img a.contract-catering {top:27%; left: 57.5%; width: 14%;height: 15%;}
	.food-service-chart .section-img a.vending {top:27%; left: 72%; width: 14%;height: 15%;}
	.food-service-chart .section-img a.travel {top:27%; left: 86%; width: 14%;height: 15%;}
	.food-service-chart .section-img a.coffee-shops {top:43%; left: 15%; width: 12%;height: 13%;}
	.food-service-chart .section-img a.quick-service-restaurants {top:57%; left: 15%; width: 12%;height: 13%;}
	.food-service-chart .section-img a.sandwich-retailers {top:71%; left: 15%; width: 12%;height: 13%;}
	.food-service-chart .section-img a.education {top:43%; left: 58.5%; width: 12%;height: 13%;}
	.food-service-chart .section-img a.healthcare {top:57%; left: 58.5%; width: 12%;height: 13%;}
	.food-service-chart .section-img a.workplace {top:71%; left: 58.5%; width: 12%;height: 13%;}
	.food-service-chart .section-img a.air {top:43%; left: 87%; width: 12%;height: 13%;}
	.food-service-chart .section-img a.rail {top:57%; left: 87%; width: 12%;height: 13%;}
	.food-service-chart .section-img a.cruise {top:71%; left: 87%; width: 12%;height: 13%;}
	.food-service-chart .section-img a.retail {top:65%; left: 46%; width: 10%;height: 11%;}
	.food-service-chart .section-img a.patient-feeding {top:77%; left: 46%; width: 10%;height: 11%;}
	.food-service-chart .section-img a.care-homes {top:89%; left: 46%; width: 10%;height: 11%;}
	.food-service-chart .section-img a.primary-schools {top:50.5%; left: 73%; width: 10%;height: 11%;}
	.food-service-chart .section-img a.college-and-universities {top:62%; left: 73%; width: 10%;height: 11%;}
	@media (max-width: 480px) {
		.hero-banner .section-body .section-content.whitespace {padding:2% 2% 2% 2%;}
		.hero-banner .section-body h1 {font-size:14px;}
		.hero-banner .section-body p {font-size:14px;}
		.top-menu-container {margin-left:0px;}
		.hero-banner .section-body .section-content {padding:1% 4% 1% 4%;}
		.food-service-chart .section-img a.food-service {top:0;left:19%; width: 42%;height: 12.5%;}
		.food-service-chart .section-img a.accommodation {top:13%;left:0; width: 27%;height: 8%;}
		.food-service-chart .section-img a.restaurant-and-coffee-shops {top:21.6%; left: 0.3%; width: 26%;height: 8%;}
		.food-service-chart .section-img a.coffee-shops {top:22%; left: 28%; width: 23%;height: 7%;}
		.food-service-chart .section-img a.quick-service-restaurants {top:22%; left: 53%; width: 23%;height: 7%;}
		.food-service-chart .section-img a.sandwich-retailers {top:22%; left: 77%; width: 23%;height: 7%;}
		.food-service-chart .section-img a.bars-and-pubs {top:30%; left: 0%; width: 26%;height: 8%;}
		.food-service-chart .section-img a.leisure {top:39%; left: 0%; width: 26%;height: 8%;}
		.food-service-chart .section-img a.contract-catering {top:47.5%; left: 0%; width: 26%;height: 8%;}
		.food-service-chart .section-img a.education {top:48%; left: 53%; width: 23%;height: 7%;}
		.food-service-chart .section-img a.healthcare {top:48%; left: 53%; width: 23%;height: 7%;}
		.food-service-chart .section-img a.workplace {top:48%; left: 77%; width: 22%;height: 7%;}	
		.food-service-chart .section-img a.vending {top:56%; left: 0%; width: 26%;height: 8%;}
		.food-service-chart .section-img a.primary-schools {top:57%; left: 30%; width: 19%;height: 5.5%;}
		.food-service-chart .section-img a.retail {top:57%; left: 55%; width: 18%;height: 6%;}	
		.food-service-chart .section-img a.travel {top:65%; left: 0%; width: 26%;height: 8%;}
		.food-service-chart .section-img a.college-and-universities {top:63.5%; left: 31%; width: 18%;height: 6%;}
		.food-service-chart .section-img a.patient-feeding {top:63.5%; left: 55%; width: 18%;height: 6%;}
		.food-service-chart .section-img a.care-homes {top:70%; left: 55%; width: 18%;height: 6%;}	
		.food-service-chart .section-img a.air {top:75.5%; left: 9%; width: 23%;height: 7%;}
		.food-service-chart .section-img a.rail {top:84.5%; left: 9%; width: 23%;height: 7%;}
		.food-service-chart .section-img a.cruise {top:93%; left: 9%; width: 23%;height: 7%;}
		
		body #main_container .grid .grid.hero-banner.food-service {background:url('/content/dam/europe/kelloggsvantage_gb/images/Kelloggvantage/por-calculator/porcalculator.jpg') no-repeat center 20%/cover;display: flex; align-items: center;}	
		body #main_container .grid .grid.hero-banner.food-service {height:475px;}
		body #main_container .grid .grid.hero-banner.food-service .kstl-rich-text {max-width: 90%; margin: 60% 5% 0% 5%}
		
		body #main_container .grid .grid.hero-banner.our-products {background:url('/content/dam/europe/kelloggsvantage_gb/images/our-products-banner_mob.jpg') no-repeat center 20%/cover !important;display: flex; align-items: center;}
		body #main_container .grid .grid.hero-banner.our-products {height:330px;}
		body #main_container .grid .grid.hero-banner.our-products .kstl-rich-text {max-width: 90% !important; margin: 30% 5% 0% 5% !important;}
		.section-partners-logo .partners-logo-row div { width:80%;margin:10px 0;}
		
		body #main_container .grid .grid.hero-banner.pos {background:url('/content/dam/europe/kelloggsvantage_gb/images/pos_mobile.jpg') no-repeat center 20%/cover !important;display: flex; align-items: center;height:475px;}
		body #main_container .grid .grid.hero-banner.pos .kstl-rich-text {max-width: 90% !important; margin: 60% 5% 0% 5% !important;}
		.section-othergreatcontent .our-products-box {
			margin:0px 10px 0px 10px;
		}
		.section-othergreatcontent .por-calculator-box {
			margin:0px 10px 0px 10px;
		}
		.bottom-nav li {margin-right:0px !important;}
		.banners-container .banner {margin-bottom:250px !important;}
		body #main_container .grid .grid.out-of-town-content.product .section-img {
			text-align:center !important;
		}
		.bottom-nav li {margin-right:0px !important;}
		.banners-container .banner {margin-bottom:250px !important;}
		body #main_container .grid .grid.holiday-parks-content.product .section-img {
			text-align:center !important;
		}
	}

	body #main_container .grid .grid.hero-banner.cash-and-carry {background:url('/content/dam/europe/kelloggsvantage_gb/images/Kelloggvantage/cash-carry/HeaderBanner2x.jpg') no-repeat center 85%/cover;}
	body #main_container .grid .grid.section-gettheadvice.cash-and-carry {margin-top:40px; margin-left: 280px;}
	body #main_container .grid .grid.hero-banner.foodservice {background:url('/content/dam/europe/kelloggsvantage_gb/images/Kelloggvantage/food-service/food-service.jpg') no-repeat center 85%/cover;
	}
	body #main_container .grid .grid.hero-banner.holiday-parks {background:url('/content/dam/europe/kelloggsvantage_gb/images/Kelloggvantage/convenience-shop/holiday-parks/Picture1.jpg') no-repeat center 35%/cover;}
	.holiday-parks-heading h1 {color:#ff0000; margin:40px auto 5px auto; text-align:center;font-family: 'Montserrat';font-size: 22px;max-width:90%;}
	.holiday-parks-heading p.sub {text-align: center;width: 75%;margin-left: 200px;margin-bottom: 25px;font-size: 13px;font-weight: bold;padding:0px 10px;}
	body #main_container .grid .grid.holiday-parks-content {max-width:1020px; margin:0 auto; padding:0 20px;}
	body #main_container .grid .grid.section-gettheadvice.out-of-shop-right-panel {margin:0 auto;}
	body #main_container .grid .grid.section-gettheadvice.out-of-shop-right-panel h3 {margin:0 10px 10px;}
	body #main_container .grid .grid.section-gettheadvice.out-of-shop-right-panel .threebox {margin:0 10px 35px;}
	body #main_container .grid .grid.section-gettheadvice.out-of-shop-right-panel .threebox .link {height:60px;font-size:12px; padding:14px;}

	body #main_container .grid .grid.hero-banner.out-of-town {background:url('/content/dam/europe/kelloggsvantage_gb/images/convenience-shop/out-of-town.jpg') no-repeat center 55%/cover;}
	.out-of-town-heading h1 {color:#ff0000; margin:40px auto 5px auto; text-align:center;font-family: 'Montserrat';font-size: 22px;max-width:90%;}
	.out-of-town-heading p.sub {text-align: center;margin-bottom: 25px;font-size: 13px;font-weight: bold;padding:0px 10px;}
	.out-of-town-heading p.sub {text-align: center;margin-bottom: 25px;font-size: 13px;font-weight: bold;padding:0px 10px;}
	body #main_container .grid .grid.out-of-town-content {max-width:1020px; margin:0 auto; padding:0 20px;}
	body #main_container .grid .grid.section-gettheadvice.out-of-shop-right-panel {margin:0 auto;}
	body #main_container .grid .grid.section-gettheadvice.out-of-shop-right-panel h3 {margin:0 10px 10px;}
	body #main_container .grid .grid.section-gettheadvice.out-of-shop-right-panel .threebox {margin:0 10px 35px;}
	body #main_container .grid .grid.section-gettheadvice.out-of-shop-right-panel .threebox .link {height:60px;font-size:12px; padding:14px;}
    
	.grid.section-gettheadvice.centeredContent.twostyle {
    position: relative;
    display: block;
    text-align: center;
}
   	body #main_container .grid .grid.hero-banner.petrol-forecourt {background:url('/content/dam/europe/kelloggsvantage_gb/images/convenience-shop/petrol-forecourt.jpg') no-repeat center 85%/cover;font-family: 'Montserrat';}

	body #main_container .grid .grid.hero-banner.city-centre {background:url('/content/dam/europe/kelloggsvantage_gb/images/convenience-shop/city-centre.jpg') no-repeat center 4%/cover;font-family: 'Montserrat';}

	body #main_container .grid .grid.hero-banner.breakfast-cereal-main-aisle {background:url('/content/dam/europe/kelloggsvantage_gb/images/convenience-shop/21-INSTORE-CEREAL-MAIN-AISLE.jpg') no-repeat center 56%/cover;font-family: 'Montserrat';}
	body #main_container .grid .grid.sticky-nav-bar {border-top:1px solid #fff; background:#f1f1f1; text-align:center; padding:0 !important; margin:0;}
	.sticky-nav-bar.internal-scroll .nav ul li a {text-decoration:none; color:#d31145; padding:15px; display:inline-block; background:none; text-transform:none;font-size: 14px;}
	.sticky-nav-bar.internal-scroll .nav ul li a:hover, 
	.sticky-nav-bar.internal-scroll .nav ul li a.active,
	.sticky-nav-bar.internal-scroll .nav.filter ul li a.selected{text-decoration:underline; color:#d31145;background:none;}

	body #main_container .grid .grid.breakfast-cereal-main-aisle {font-family: 'Montserrat';}
	body #main_container .grid .grid.breakfast-cereal-main-aisle.thumb-row {max-width:1020px; padding:40px 20px; margin:0 auto;}
	.breakfast-cereal-main-aisle.thumb-row img {padding:4px; width:100%; display:block;}
	body #main_container .grid .grid.breakfast-cereal-main-aisle.thumb-row.center {text-align:center;}
	body #main_container .grid .grid.breakfast-cereal-main-aisle.thumb-row.center .section-img div {font-size:20px;}
	body #main_container .grid .grid.breakfast-cereal-main-aisle.thumb-row.center .section-img div.small-txt {font-size:9px;}

	body #main_container .grid .grid.breakfast-cereal-main-aisle.sales-of-cereal {position:relative; background-color:#efefef; background-image:url('/content/dam/europe/kelloggsvantage_gb/images/convenience-shop/bg1-top.jpg'), url('/content/dam/europe/kelloggsvantage_gb/images/convenience-shop/bg1-bottom.jpg'); background-repeat:no-repeat, no-repeat; background-position:center top, center bottom; background-size:100% auto;font-family: 'Montserrat';}
	body #main_container .grid .grid.breakfast-cereal-main-aisle.sales-of-cereal.crisps {
		background-image:url('/content/dam/europe/kelloggsvantage_gb/images/convenience-shop/crisps.png') !important;
	}
		
	body #main_container .grid .grid.breakfast-cereal-main-aisle.sales-of-cereal.cereal_snacks {
		background-image:url('/content/dam/europe/kelloggsvantage_gb/images/Kelloggvantage/convenience-shop/holiday-parks/kelloggs_web.jpg') !important;
	}
	.breakfast-cereal-main-aisle.sales-of-cereal .content {margin:15% auto 10%; width:65%;}
	.breakfast-cereal-main-aisle.sales-of-cereal.crisps .content {margin-top:10% !important; margin-bottom: 30px;}
	.breakfast-cereal-main-aisle.sales-of-cereal h2 {text-align:center; font-size:24px; color:#ff0000; line-height:1.4; margin-bottom:10px;}
	.breakfast-cereal-main-aisle.sales-of-cereal p {font-size:16px; line-height:1.4; font-weight:bold; margin:7px 0;}

	body #main_container .grid .grid.must-stocks {max-width:1020px; padding:0px 20px 0px 20px; margin:0 auto;font-family: 'Montserrat';}
	.must-stocks h2 {text-align:center; font-size:24px; color:#ff0000; line-height:1.4;}
	.must-stocks .img {text-align:center;}
	.must-stocks h3 {text-align: center; font-size: 20px;}
	.must-stocks h2+p:nth-of-type(1) {font-size:24px; line-height:1.4; margin:0px 5px 5px; font-weight:bold;}
	.must-stocks p:nth-of-type(2) {font-size:14px; line-height:1.4; margin:5px;}
	.must-stocks.sub {padding:20px 0px 0px 0px;}
	.must-stocks.sub p.heading {font-size:20px; line-height:1.4; margin:0px 5px 5px; font-weight:bold;}
	.disclaimer {font-size:12px !important;}
	.must-stocks .must-stocks-items {display:flex; flex-direction:row; flex-wrap: wrap; margin:20px 0; padding:0; list-style-type:none; justify-content:center;}
	.must-stocks .must-stocks-items li {width:13vw; height:13vw; max-width:140px; max-height:140px;  margin:10px;}
	.must-stocks .must-stocks-items li a {width:100%; height:100%;display:flex;justify-content:center; align-items:center; text-decoration:none;padding:10%;border-radius:100%;overflow: hidden;border: 1px solid #cccc; box-shadow: 0px 0px 10px #ccc;}
	.must-stocks .must-stocks-items li img {width:70%;max-height:100%;max-width:100%;}
	.must-stocks .expand-more {text-align:center;}
	.must-stocks .expand-more a {text-decoration:none; color:#000; position:relative; padding-right: 20px; font-weight:bold;}
	.must-stocks .expand-more a:hover {text-decoration:none; color:#000fff;}
	.must-stocks .expand-more a:after {position:absolute; content:''; right:0; top:2px; border: solid black; border-width: 0 3px 3px 0; display: inline-block; padding: 3px;transform: rotate(45deg); -webkit-transform: rotate(45deg);}
	.must-stocks .expand-more a:hover:after {border: solid #000fff;border-width: 0 3px 3px 0;}
	.hide-data {display:none;}

	.grey-bg {background:#eee;}
	.planograms .container {margin:0 auto; width:85%;}
	.planograms h2 {text-align:center; font-size:24px; color:#ff0000; line-height:1.4; margin-bottom:30px;}
	.planograms h3 {text-align:center; font-size:18px; margin:10px 10px 20px;}
	.planograms h4 {text-align:center; font-size:18px; margin:10px 10px 20px;}
	body #main_container .grid .grid.planograms {max-width:1020px; padding:40px 20px; margin:0 auto;}

	body #main_container .grid .grid.recommended-point-of-sales {max-width:1020px; padding:10px 20px 45px 20px; margin:0 auto;text-align:center;}
	.recommended-point-of-sales h2 {text-align:center; font-size:24px; color:#ff0000; line-height:1.4; margin-bottom:30px;}
	.recommended-point-of-sales .section-img {margin-bottom:30px;}
	.recommended-point-of-sales .section-img img {/*width:90%;*/}
	.banner-img .section-img {
		text-align: center;
		margin-top: 20px;
		margin-bottom: 100px;
	}
	body #main_container .grid .grid.hero-banner.accommodation {background:url('/content/dam/europe/kelloggsvantage_gb/images/food-service/hero-banner-food-service.jpg') no-repeat center 20%/cover;font-family: 'Montserrat';}
	body #main_container .grid .grid.banner-img {max-width:1020px; padding:0 20px; margin:0 auto;}

	body #main_container .grid .grid.hero-banner.our-products {background:url('/content/dam/europe/kelloggsvantage_gb/images/our-products-banner.png') no-repeat center 20%/cover;font-family: 'Montserrat';}
	body #main_container .grid .grid.hero-banner.our-products .kstl-rich-text {max-width: 40%; margin-left: 10%}
	body #main_container .grid .grid.hero-banner.pos {background:url('/content/dam/europe/kelloggsvantage_gb/images/pos-banner.png') no-repeat center 20%/cover;font-family: 'Montserrat';display: flex; align-items: center;}
	body #main_container .grid .grid.hero-banner.pos .kstl-rich-text {max-width: 40%; margin-left: 10%}
	body #main_container .grid .grid.our-products-container {max-width:1020px; padding:40px 20px; margin:0 auto;font-family: 'Montserrat';}
	.our-products-container .product-img {display:flex; justify-content:center; align-items:center; width:100%; height:160px;overflow:hidden;}
	.our-products-container .product-name {text-align:center; font-weight:bold; color:#000; line-height:1.4; margin:10px; width:100%; height:100px; overflow:hidden;}
	.our-products-container .out-products-items {display:flex; flex-direction:row; flex-wrap: wrap; margin:20px 0; padding:0; list-style-type:none;}
	.our-products-container .out-products-items li {width:25%; padding:15px; overflow: hidden;}
	.our-products-container .out-products-items li a {width:100%; height:100%;display:flex;justify-content:center; align-items:center;flex-direction: column; text-decoration:none;}
	.our-products-container .out-products-items li img {width:70%;}
	.section-gettheadvice-bg .section-gettheadvice .threebox p{padding: 0 20px 25px; text-align: center}
	@media only screen and (min-width:768px) and (max-width:999px){
		.section-gettheadvice .threebox .link {padding:20px; font-size:15px; height:70px;}
		body #main_container .grid .grid.section-gettheadvice.out-of-shop-right-panel h3 {font-size:14px;}
		body #main_container .grid .grid.section-gettheadvice.out-of-shop-right-panel .threebox .link {font-size: 11px; padding: 10px;}
		
	}

	@media only screen and (max-width:767px){
		body #main_container .grid .grid.section-gettheadvice.cash-and-carry {margin-top:25px; margin-left:15px;margin-right:15px;}
		body #main_container .grid .grid.hero-banner {height:250px;}
		.section-gettheadvice .threebox {margin-bottom:20px;}
		body #main_container .grid .grid.our-recommendations {background:#fec321 url('/content/dam/europe/kelloggsvantage_gb/images/Kelloggvantage/home/mobile_banner.jpg') no-repeat center bottom/100% auto; padding:20px 20px 90%;}
		.our-recommendations .section-body p {width:100%;}
		
		.section-partners-logo .partners-logo-row {flex-direction:column;}
		.section-partners-logo .partners-logo-row a {width:100%; margin:20px;}

		body #main_container .grid .grid.section-gettheadvice.out-of-shop-right-panel {padding:40px 0 0;}
		.sticky-nav-bar.internal-scroll .nav ul li {display:block;}
		
		.breakfast-cereal-main-aisle.sales-of-cereal .content {width:80%;}
		.must-stocks .must-stocks-items li {width:35vw; height:35vw; max-width:100%; max-height:100%;}
		.our-products-container .out-products-items li {width:50%;}
		body #main_container .grid .grid.breakfast-cereal-main-aisle.sales-of-cereal.cereal_snacks {
		background-image:url('/content/dam/europe/kelloggsvantage_gb/images/Kelloggvantage/convenience-shop/holiday-parks/kelloggs_mobile.jpg') !important; background-size:100% 100%;}
		body #main_container .grid .grid.breakfast-cereal-main-aisle.sales-of-cereal.cereal_snacks .kstl-rich-text {
        padding: 50px 0;}
		body #main_container .grid .grid.breakfast-cereal-main-aisle.sales-of-cereal.crisps {
		background-image:url('/content/dam/europe/kelloggsvantage_gb/images/convenience-shop/crisps.png') no-repeat center bottom/100% auto; padding:20px 20px 10%;}
	.holiday-parks-heading p.sub {text-align: center;width: 100%;margin-left: 0px;margin-bottom: 25px;font-size: 13px;font-weight: bold;padding:0px 10px;}
	}

	}
		/* POS Filter */
	.long-tags {
		background:#f1f1f1;
		padding:15px 0 10px 0;
	}
	.long-tags .container {
		max-width:588px !important;
        text-align: right;
	}
	.long-tags label {
		float: left;
		font-size: 18px;
	}
	.long-tags select {
		width: 30%;
		margin: 0 10px;
		max-width: 218px;
        display: inline-block;
	}
	.long-tags select {
		background: #d31145 url('/content/dam/europe/kelloggsvantage_gb/images/dropdown-arrow.png') no-repeat right 10px center;
		color: #FFF;
		-webkit-appearance: none;
		border: 0;
		border-radius: 2px;
		outline: none;
		width: 100%;
		margin-bottom: 8px;
		height: 29px;
		padding: 0 0 0 12px;
	}
	.long-tags select option {
		background: #fff;
		color: #848484;
		border-left: 1px solid #d31145;
	}
	@media only screen and (max-width:767px){
		.long-tags select {
			float:none;
			display:block;
			clear:both;
		}
	}

	@media only screen and (min-width:600px){
		body[js-page-name="boxed-cereal-in-main-aisle"] .planograms div:nth-of-type(2) .container {width:53%}
		body[js-page-name="boxed-cereal-in-main-aisle"] .planograms div:nth-of-type(3) .container {width:100%}
		
		body[js-page-name="sharing-crisps-in-main-aisle"] .planograms div:nth-of-type(2) .container {width:54%}
		body[js-page-name="sharing-crisps-in-main-aisle"] .planograms div:nth-of-type(3) .container {width:100%}
		
		body[js-page-name="front-of-store-snack-bay"] .planograms div:nth-of-type(2) .container {width:54%}
		body[js-page-name="front-of-store-snack-bay"] .planograms div:nth-of-type(3) .container {width:100%}
		
		body[js-page-name="bigger-eat-crisps"] .planograms div:nth-of-type(2) .container {width:59%}
		body[js-page-name="bigger-eat-crisps"] .planograms div:nth-of-type(3) .container {width:100%}
		
		body[js-page-name="breakfast-on-the-go"] .planograms div:nth-of-type(2) .container {width:100%}
		body[js-page-name="breakfast-on-the-go"] .planograms div:nth-of-type(3) .container {width:75%}
		
		body[js-page-name="single-crisp"] .planograms div:nth-of-type(2) .container {width:55%}
		body[js-page-name="single-crisp"] .planograms div:nth-of-type(3) .container {width:100%}

		body[js-page-name="single-cereal-snacks-at-front-of-store"] .planograms div:nth-of-type(2) .container {width:54%}
		body[js-page-name="single-cereal-snacks-at-front-of-store"] .planograms div:nth-of-type(3) .container {width:100%}

		body[js-page-name="breakfast-on-the-go"] .planograms.city-centre div:nth-of-type(2) .container {width:85%}
		body[js-page-name="breakfast-on-the-go"] .planograms.city-centre div:nth-of-type(3) .container {width:83%}
	}
	body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(3) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(1) a, html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(3) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(1) a {
		font-family:'Montserrat' !important; 
		font-size:100% !important;
	}
	.hero.small.article.contact {
		background-image: url(/content/dam/europe/kelloggsvantage_gb/images/contact-banner.png) !important;
		height: 332px;
	}
	.body_content {
		padding:20px !important;
	}
h4.online {padding:10px; margin-top: -12px;}

/*skip to main content*/
@media only screen and (min-width:1000px) {
.skip-link.focusable:active,.skip-link.focusable:focus{position:absolute !important;clip:unset;overflow:visible;height:35px !important;z-index:99999999;width:200px !important;left:0;color:#fff;text-decoration:none;text-align:center;outline:none !important;-webkit-box-shadow:none;box-shadow:none;right:0;margin:auto;background:#d31346;top: 0;}
a.visually-hidden {
color: #fff;
text-decoration: none;
}
.visually-hidden{position:absolute !important;overflow:hidden;width:1px !important;height:1px !important;word-wrap:normal;background:#d31346;color:#fff;font-family:kelloggssans-medium;font-size:16px;padding:10px 10px;z-index:1;text-decoration:none;clip:rect(1px,1px,1px,1px)}
}
@media only screen and (max-width:999px) {
.visually-hidden{
display:none;
}
}
  
p.online-carry {
	font-size: 25px;
    font-weight: 800;
    margin-top: 10px; }
h2.online-cash {
	padding: 15px;
    margin-bottom: 10px;}

h4.online-cash {
        padding: 15px;}

p.online-cash {
    padding:15px;}
h1.must-stock {
	 text-align: center;
     font-size: 24px;
     color: #ff0000;
     line-height: 1.4;}
h1.accom{
	text-align: center;
	font-size: 24px;
	color: #ff0000;
	line-height: 1.4;
	padding:25px;}

p.accom{
		padding: 15px;
       }
a:focus,
.calculator input[type="checkbox"]:focus,
.long-tags select:focus,
.button-cart:focus, 
.button-order:focus,
#kgsasgigyaForms .gig-tfa-button-submit:focus,
#kgsasgigyaForms input[type="submit"]:focus,
.bg-grm-container > button:hover,
.bg-grm-container > button:focus,
.must-stocks .must-stocks-items li a:focus,
.must-stocks .must-stocks-items li:focus,
.select-qty:focus,
.checkout-button:focus{
	outline:1px solid #000;
}
.margin-top-20{
margin-top:20px!important;
}
.product__image a:focus{
    display: block;
    height: 0;
    margin-bottom: 1rem;
    padding-bottom: 100%;
    position: relative;
    width: 100%;
}
h2.petrol {
margin:0 10px 10px;
font-size:16px;
text-align:left;
}

/* Pay Point Promotion START*/

.paypoint h3 {
    color: #d31145;
    font-size: 18px;
    font-weight: 500;
    margin: 0 !important;
}

.paypoint {
    margin: 18px 0;
}

body #main_container .grid .grid.hero-banner.paypointbanner {
    background: url(/content/dam/europe/kelloggsvantage_gb/images/pos-banner2.jpg) no-repeat;
    font-family: 'Montserrat';
    display: flex;
    align-items: center;
    background-size: contain;
    background-position: top center;
    }
section.banner_sec {
    margin-bottom: 15px;
}
.slider_img img {
            width: 100%;
        }
        .slick-dots {
            display: flex;
            justify-content: center;
            margin-top:20px;
        }
        .slick-dots li {
            list-style: none;
        }        
        .slick-dots li button {
            width: 18px;
            font-size: 0;
            height: 18px; 
            margin: 0 4px;
            border-radius: 100px;
            cursor: pointer;
            border: 1px solid #707070;
        }
        .slick-dots .slick-active  button{
            background: #EA0036;
            border: 1px solid #EA0036;
        }
        .slider_img {
            position: relative;
        }
        .slider_img figure {
            margin: 0;
            padding: 0;
        }
        .slider_img .banner_text {
            position: absolute;
            top: 50%;
            left: 10%;
            transform: translate(-10%, -50%);
        }
        .banner_text h5 {
            font-size: 32px;
            color: #fff;
            margin: 0;
            font-weight: 600;
        }
        .banner_text p {
            font-size: 16px;
            color: #fff;
        }
        .slider_img .mob_img {
            display: none;
        }
        @media only screen and (max-width: 767px) {
            .slider_img .desc_img {
                display: none;
            }
            .slider_img .mob_img {
                display: block;
            }
            .slider_img .banner_text {
                top: 80%;
                padding: 0 20px;
            }
            .banner_text p br {
                display: contents;
            }
        }
/* Pay Point Promotion END*/

/* CTU HEADER & BODY START */
.paypoint .paylink {
    color: #d31145;
    font-size: 18px;
    font-weight: 500;
    margin: 0 !important;
    text-decoration: none;          
    }
/* CTU HEADER & BODY END */

.section-convenience-shop p{
	color:#ff0000;
	font-family: 'Montserrat';
	font-size: 22px;
	text-align:center;
	margin-top: 5%;
}

/* POS Banner - New Text*/
.banner_text {
    text-align:left;
    }
.banner_text h1 {
            font-size: 22px;
            margin-bottom:10px;
            color: #fff;
        }
        .banner_text p {
            font-size: 15px;
            margin:8px 0;
        }
.banner_text a {
    color: #000;
    font-weight: 400;
}
.para-text {
    padding: 10px 0;
    color: #bf1e24;
}
.para-text ul{
list-style: disc;
}
.para-text ul li {
    margin: 5px 0;
}
.para-text h4 {
   margin: 10px 0;
}
.para-text h4:last-child {
   margin: 10px 0 0;
}
.slick-slider {
margin-bottom: 15px;
}
.para-text a {
  color: #bf1e24;
}
/* Checkout Page */

.checkbox_top_heading a {
    color: #d92856;
    text-decoration: none;
   font-size:21px;
}
.checkbox_top_heading a:hover {
    text-decoration: underline;
}
.checkbox_top_heading {
    max-width: 990px;
    margin: 0 auto;
    margin-top: 20px;
    padding: 0 15px;
}

.checkbox_top_heading h2 {
    font-size: 21px;
}

//Banner Size
.banner_size figure {
    height: 300px !important;
}
.banner_size figure img {
    height: 300px !important;
}

/* Pringles New Promotion */

body #main_container .grid .grid.hero-banner.paypointbanner1 {
    background: url(/content/dam/europe/kelloggsvantage_gb/images/Kelloggvantage/POS/Ultimate-Store-Kit-BANNER.jpg) no-repeat;
    font-family: 'Montserrat';
    display: flex;
    align-items: center;
    background-size: contain;
    background-position: top center;
    }

/* Long Term & Condition */

.Lterm_condition h3 {
            font-size: 2rem;
            color: #666666;
            margin: 0;
            font-family: Montserrat;
            margin-top: 15px;
        }
        .Lterm_condition ul {
            margin: 20px 0;
            padding-left: 0;
        }

        .Lterm_condition ul li {
            list-style: auto;
            padding: 10px 0;
            font-family: Montserrat;
            font-size: 16px;
            color: #666666;
        }
        .Lterm_condition ul li ul li {
            list-style: lower-roman;
        }

/* Sort Term & Condition */

.Vt_promotion {
            font-family: Montserrat;
            font-size: 16px;
            color: #666666;
            margin-top: 30px;
        }
.Vt_promotion p {
            margin: 10px 0;
        }

.jquery-modal div#overlay {
  height: 460px;
  width: 450px;
  border: 4px solid #bf1e24;
}
.jquery-modal .modal-dialog,
.jquery-modal .modal-content,
.jquery-modal .modal-body {
  height: 100%;
  width: 100%;
}
.jquery-modal iframe {
  width: 100%;
  height: 100%;
  border: none;
  padding: 0;
  margin: 0;
}
.KSTL-Registration.newpopup {
  border: none;
  text-align: center;
}
.KSTL-Registration.newpopup .pod {
  border: none;
  display: inline-block;
}
.KSTL-Registration.newpopup .form-group.ng-form.ng-scope.nd {
  text-align: left;
}
.KSTL-Registration.newpopup .ng-form input,
.KSTL-Registration.newpopup .ng-form select {
  width: 100%;
  max-width: 360px;
  border: 1px solid #2c2c2c;
  padding: 0 5px;
}
.KSTL-Registration.newpopup .ng-form label.label-after {
  font-size: 14px;
}
.KSTL-Registration.newpopup .ng-form label {
  font-size: 14px;
  color: #2c2c2c;
}
.KSTL-Registration.newpopup button {
  background: #bf1e24;
  color: #fff;
  border: none;
}

/* Cheez-It POS Bundle */

.description-list ul{
            padding: 0;
            margin: 18px;
        }
        .description-list ul li{
            list-style: none;
            margin: 15px 0 15px;
            color: #000;
            font-size: 14px;
            font-weight: bold;
            display: flex;
            align-items: center;
        }
        .description-list ul li span{
            border-radius: 100%;
            height: 24px;
            width: 24px;
            color: #fff;
            background-color: #bf1e24;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 5px;
            font-size: 18px;
            font-weight: 700;
        }
        .description-list p, .description-list p a{
            font-size: 14px;
            color: #000;
            text-decoration: none;
        }