.banner img{ width: 100%; height: auto;}
/*.custom-banner-container.coco-pops-header*/ {
    height: 468px;
    background: #f3e3cc url(/content/dam/europe/kelloggs_gb/images/cocopops_v2/cocopops_header.jpg) no-repeat center center / cover !important;
}
.internal-scroll{margin-bottom: 20px; padding-top: 50px !important;}
.internal-scroll.is-sticky{padding-top: 40px !important;}
.internal-scroll .nav ul li {margin:10px 0;}
.internal-scroll .nav ul li a {background:#b35623; padding:8px 20px;border:3px solid #b35623; color:#fff; font-size:14px; line-height:normal; font-weight:bold; text-transform:none;}
.internal-scroll .nav ul li a:hover, 
.internal-scroll .nav ul li a.active {background:#fff;color:#b35623;}

.showInMobile{display: none;visibility: hidden;}
.hideInMobile{visibility: visible;}
.hide{display: none;visibility: hidden;}
.grey{background-color: #f3f3f3;position: relative;}

h1,h2{font-size:60px;}
.newRecipeSection h3{text-transform: uppercase;}
body #main_container .grid.less_sugar_area {  width: 70%; max-width: 850px; padding: 50px 50px 0px; text-align: center; color: #323232; display: block; margin: 0px auto;}

.less_sugar_area::before{ position: absolute; left: 0px; top: 0px; content: ""; width: 26%; height: 30%; background-image: url(/content/dam/europe/kelloggs_gb/images/cocopops_v2/Leafs.png); background-repeat: no-repeat; background-size: contain;}
.less_sugar_area::after{ position: absolute; right: 5px; bottom: 0px; content: ""; width: 24%; height: 42%; background-image: url(/content/dam/europe/kelloggs_gb/images/cocopops_v2/joker.png); background-repeat: no-repeat; background-size: contain; background-position: center bottom;}

.less_sugar_area h2{margin:0px 0px 90px 0px;}
.inline{display: block;}
.less_sugar_area p{font-size: 24px;margin:0px 0px 0 0px;color: #323232;}

.facts{width: 100%; font-weight: bold;}
.icons{width: 32%;display: inline-block;}

.icons-container {max-width: 790px;margin: 0 auto 50px auto;text-align: center;display: flex;}

body #main_container .grid.anchor--facts{padding-top:60px;}
.icons img{margin: 0px 0px 15px 0px;}
.icons p{ color: #000000; font-size: 24px;line-height: 30px; width: 70%; margin: 0px auto;}
.icons p .smallFactsHeading{ font-size: 20px;}

.newRecipeSection { padding: 84px;text-align: center;color: #323232;display: block;margin: 0px auto;}
.newRecipeSection h3{font-size:33px; color: #000000;margin-bottom: 60px;}
.newRecipeSection img{margin-bottom: 30px;}
.newRecipeSection p,.videoArea p{font-size:24px;}

.videoArea{padding: 100px 118px !important;}
.videoArea h2{margin-bottom:40px;}
.videoArea p{margin-bottom:60px;}
.video_description{text-align: center;}
.custom-gsa-container .collection{border: 0px !important;}
.custom-gsa-container .collection .result-item .link-wrapper{background-color: #f3f3f3 !important;}

.products-container{margin: 0px;    padding: 115px 100px 70px !important; border-bottom:1px solid #cccccc;}
.productsHeading
.custom-gsa-container .collection .result-item .link-wrapper .name{color:#323232;}
.lightGrey{padding: 70px 250px;font-size: 18px; color: #323232; text-align: center;background-color: #f9f9f9;}
.lightGrey span{font-weight: 600;}

@media only screen and  (max-width: 1500px) {
    
    h1, h2{font-size: 40px;}
    
    .newRecipeSection {padding: 100px 100px 100px;}
    .newRecipeSection h3{font-size: 20px;}
    .less_sugar_area::after{width: 23%;right: 5px}
    .less_sugar_area::before{width: 30%; height: 40%; left: 0px}
    .internal-scroll {margin-bottom: 45px;padding-top: 45px !important;}
    .icons img{ max-width: 120px;}
    .icons p{font-size: 18px;line-height: 22px;}
    .icons p .smallFactsHeading{ font-size: 15px;}
    .less_sugar_area p,.newRecipeSection p, .videoArea p{font-size: 15px;}
    .lightGrey{padding: 50px 150px;font-size: 16px;}

    .less_sugar_area h2{margin: 0px 0px 50px 0px;}
    body #main_container .grid.anchor--facts{padding-top: 45px;}
}

@media (min-width: 1000px) and (max-width: 1130px) {
    .icons-container{max-width: 600px;margin-bottom: 10px;}
}

@media only screen and (max-width: 999px) {
    .lightGrey{padding: 50px 75px;font-size: 16px;}
    .less_sugar_area::before{width: 26%; height: 30%; left: 0px}
    .icons p{ color: #000000; font-size: 19px;width: 70%; max-width: 120px; margin: 0px auto;}
    body #main_container .grid.anchor--facts{padding-top: 25px;}
    .icons img{max-width: 100px;}
    h1, h2 {font-size: 40px;}
    .icons-container{max-width: 500px;margin-bottom: 10px;}
    .less_sugar_area h2{margin:0px 0px 30px 0px;}
    .less_sugar_area::after{right: 0px;}
    body #main_container .grid.less_sugar_area{width: 80%;    padding: 50px 10% 0px;}
    .less_sugar_area p,.newRecipeSection p, .videoArea p{font-size: 20px;}
    .newRecipeSection{  padding: 50px;}
}
@media only screen and (max-width: 767px)
{
    h1, h2 {font-size: 32px;}
        .lightGrey{padding: 70px 25px;font-size: 16px;}
    .internal-scroll{    padding-top: 20px !important;}
    .custom-gsa-container .collection .result-item .link-wrapper .name{font-size: 35px;    margin-bottom: 50px !important; margin-top: 20px !important;}
    .icons-container {display: block;}
    /*.custom-banner-container.coco-pops-header {height: 470px;background: #f3e3cc url(/content/dam/europe/kelloggs_gb/images/cocopops_v2/cocopops_header_mobile.jpg) no-repeat center center / cover !important;}*/
    .showInMobile{display: block;visibility: visible;}
    .hideInMobile{display: none;visibility: hidden;}
    .internal-scroll .nav {clear: both;}
    .leaves { width: 65%;}   
    .joker img{ max-height: 300px;}  
    .joker { text-align: center;}    
    .less_sugar_area::before,.less_sugar_area::after{display: none;visibility: hidden}
    
    
    .internal-scroll .nav ul li a { padding: 5px 7px; margin: 0 5px; font-size: 13px;}
    .internal-scroll .nav ul li {margin: 5px 3px;}
    .newRecipeSection{padding: 50px 25px;}
    
    .internal-scroll{margin-bottom: 0px;}
     body #main_container .grid.less_sugar_area{width:100%;padding: 20px 25px 0px;}

    .less_sugar_area p {font-size: 18px; margin: 0px ;}
    .newRecipeSection p, .videoArea p{font-size: 18px;}
	.facts .icons{display: block;width: 50%; margin: 0 auto;}
    .icons p{ font-size: 18px;margin: 30px auto 60px;}
    .icons img{max-width: 150px; margin: 0px auto 20px ;}
    .videoArea {padding: 25px 0px !important;}
    .videoArea p{margin-bottom: 30px;}
    .videoArea h2 {margin-bottom: 20px;}  
    .products-container{padding: 100px 40px !important;}
    .video_description{width: 80%;margin: 0 auto;}
    .newRecipeSection .compareMobile{max-height: 520px; margin: 0 auto 40px;}
    .newRecipeSection img{margin-bottom: 40px;} 
    .newRecipeSection h2{margin-bottom: 25px;}
    .newRecipeSection h3{margin-bottom: 30px; font-size: 18px;}
    
      .inline{display: inline;}
}

@media only screen and (min-width:320px) and (max-width:600px)
{
    .products-container{padding: 60px 20px !important}
     h1, h2 {font-size:30px;}
    .less_sugar_area p{font-size: 15px;}
    .icons img{width: 100%; max-width: 120px;}
    .icons p{font-size: 18px;margin: 0px auto 30px;}
    .newRecipeSection h3{font-size: 7vw;} 

    .newRecipeSection p, .videoArea p{font-size: 15px;}
    .lightGrey{padding: 70px 25px;font-size: 14px;}
    .custom-gsa-container .collection .result-item .link-wrapper{min-height: 175px;}
    .custom-gsa-container .collection .result-item .link-wrapper .image{width: 80%;  margin: 0 auto;}
    .custom-gsa-container .collection .result-item .link-wrapper .name{ font-size: 18px;}
}

@media	only screen and (-webkit-min-device-pixel-ratio: 1.3),
	only screen and (-o-min-device-pixel-ratio: 13/10),
	only screen and (min-resolution: 120dpi)
	{
        .heightAuto img {
            width: 100% !important;
        }
}