@charset "UTF-8";



/*
 * Webfonts 1 2
 * --------------------------------------------------
 */

@font-face {
    font-family: KelloggsSansLight;
    src: url(/etc/designs/kelloggs/kstl/fonts/sans/light/KelloggsSans-Light.eot);
    src: url(/etc/designs/kelloggs/kstl/fonts/sans/light/KelloggsSans-Light.eot?#iefix) format("embedded-opentype"), url(/etc/designs/kelloggs/kstl/fonts/sans/light/KelloggsSans-Light.woff) format("woff"), url(/etc/designs/kelloggs/kstl/fonts/sans/light/KelloggsSans-Light.ttf) format("truetype"), url(/etc/designs/kelloggs/kstl/fonts/sans/light/KelloggsSans-Light.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: KelloggsSansLightItalic;
    src: url(/etc/designs/kelloggs/kstl/fonts/sans/light/KelloggsSans-LightItalic.eot);
    src: url(/etc/designs/kelloggs/kstl/fonts/sans/light/KelloggsSans-LightItalic.eot?#iefix) format("embedded-opentype"), url(/etc/designs/kelloggs/kstl/fonts/sans/light/KelloggsSans-LightItalic.woff) format("woff"), url(/etc/designs/kelloggs/kstl/fonts/sans/light/KelloggsSans-LightItalic.ttf) format("truetype"), url(/etc/designs/kelloggs/kstl/fonts/sans/light/KelloggsSans-LightItalic.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: KelloggsSansRegular;
    src: url(/etc/designs/kelloggs/kstl/fonts/sans/regular/KelloggsSans-Regular.eot);
    src: url(/etc/designs/kelloggs/kstl/fonts/sans/regular/KelloggsSans-Regular.eot?#iefix) format("embedded-opentype"), url(/etc/designs/kelloggs/kstl/fonts/sans/regular/KelloggsSans-Regular.woff) format("woff"), url(/etc/designs/kelloggs/kstl/fonts/sans/regular/KelloggsSans-Regular.ttf) format("truetype"), url(/etc/designs/kelloggs/kstl/fonts/sans/regular/KelloggsSans-Regular.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: KelloggsSansItalic;
    src: url(/etc/designs/kelloggs/kstl/fonts/sans/regular/KelloggsSans-Italic.eot);
    src: url(/etc/designs/kelloggs/kstl/fonts/sans/regular/KelloggsSans-Italic.eot?#iefix) format("embedded-opentype"), url(/etc/designs/kelloggs/kstl/fonts/sans/regular/KelloggsSans-Italic.woff) format("woff"), url(/etc/designs/kelloggs/kstl/fonts/sans/regular/KelloggsSans-Italic.ttf) format("truetype"), url(/etc/designs/kelloggs/kstl/fonts/sans/regular/KelloggsSans-Italic.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: KelloggsSansMedium;
    src: url(/etc/designs/kelloggs/kstl/fonts/sans/medium/KelloggsSans-Medium.eot);
    src: url(/etc/designs/kelloggs/kstl/fonts/sans/medium/KelloggsSans-Medium.eot?#iefix) format("embedded-opentype"), url(/etc/designs/kelloggs/kstl/fonts/sans/medium/KelloggsSans-Medium.woff) format("woff"), url(/etc/designs/kelloggs/kstl/fonts/sans/medium/KelloggsSans-Medium.ttf) format("truetype"), url(/etc/designs/kelloggs/kstl/fonts/sans/medium/KelloggsSans-Medium.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: KelloggsSansMediumItalic;
    src: url(/etc/designs/kelloggs/kstl/fonts/sans/medium/KelloggsSans-MediumItalic.eot);
    src: url(/etc/designs/kelloggs/kstl/fonts/sans/medium/KelloggsSans-MediumItalic.eot?#iefix) format("embedded-opentype"), url(/etc/designs/kelloggs/kstl/fonts/sans/medium/KelloggsSans-MediumItalic.woff) format("woff"), url(/etc/designs/kelloggs/kstl/fonts/sans/medium/KelloggsSans-MediumItalic.ttf) format("truetype"), url(/etc/designs/kelloggs/kstl/fonts/sans/medium/KelloggsSans-MediumItalic.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: KelloggsSansBold;
    src: url(/etc/designs/kelloggs/kstl/fonts/sans/bold/KelloggsSans-Bold.eot);
    src: url(/etc/designs/kelloggs/kstl/fonts/sans/bold/KelloggsSans-Bold.eot?#iefix) format("embedded-opentype"), url(/etc/designs/kelloggs/kstl/fonts/sans/bold/KelloggsSans-Bold.woff) format("woff"), url(/etc/designs/kelloggs/kstl/fonts/sans/bold/KelloggsSans-Bold.ttf) format("truetype"), url(/etc/designs/kelloggs/kstl/fonts/sans/bold/KelloggsSans-Bold.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: KelloggsSansBoldItalic;
    src: url(/etc/designs/kelloggs/kstl/fonts/sans/bold/KelloggsSans-BoldItalic.eot);
    src: url(/etc/designs/kelloggs/kstl/fonts/sans/bold/KelloggsSans-BoldItalic.eot?#iefix) format("embedded-opentype"), url(/etc/designs/kelloggs/kstl/fonts/sans/bold/KelloggsSans-BoldItalic.woff) format("woff"), url(/etc/designs/kelloggs/kstl/fonts/sans/bold/KelloggsSans-BoldItalic.ttf) format("truetype"), url(/etc/designs/kelloggs/kstl/fonts/sans/bold/KelloggsSans-BoldItalic.svg) format("svg");
    font-weight: 400;
    font-style: normal
}



/*
 * Default Structures
 * --------------------------------------------------
 */

/*
h1,
h2,
h3,
h4,
h5 {
    font-family: KelloggsSansBold;
    font-weight: 400
}

h1 {
    font-size: 22px;
    font-size: 2.2rem
}

@media (max-width:601px) {
    h1 {
        font-size: 20px;
        font-size: 2rem
    }
}

h2 {
    font-size: 18px;
    font-size: 1.8rem
}

@media (max-width:601px) {
    h2 {
        font-size: 16px;
        font-size: 1.6rem
    }
}

h3 {
    font-size: 16px;
    font-size: 1.6rem
}

@media (max-width:601px) {
    h3 {
        font-size: 14px;
        font-size: 1.4rem
    }
}

h4 {
    font-size: 20px;
    font-size: 2rem
}

@media (max-width:601px) {
    h4 {
        font-size: 18px;
        font-size: 1.8rem
    }
}

h5 {
    font-size: 19px;
    font-size: 1.9rem
}

@media (max-width:601px) {
    h5 {
        font-size: 17px;
        font-size: 1.7rem
    }
}*/

/*p {
    font-size: 14px;
    font-size: 1.4rem
}

@media (max-width:601px) {
    p {
        font-size: 12px;
        font-size: 1.2rem
    }
}*/

body,
html {
    margin: 0;
    padding: 0;
    color: #2c2c2c;
    /*font-size: 1em;*/
    font-size: 14px;
    background-color: #f3f3f3;
    /*line-height: 1.5;*/
    min-width: 320px;
}

body *,
body:after,
body:before,
html *,
html:after,
html:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

/*sup {
    vertical-align: 3px!important;
    font-size: 45%!important
}

body sup,
html sup {
    vertical-align: 2px!important;
    font-size: 65%!important
}*/

/*body .button,
body button,
body input[type=button],
body input[type=reset],
body input[type=submit],
html .button,
html button,
html input[type=button],
html input[type=reset],
html input[type=submit] {
    -moz-appearance: none;
    border: 0!important;
    cursor: pointer;
    display: inline-block;
    font-family: KelloggsSansRegular;
    font-weight: 400;
    font-size: 8px;
    font-size: .8rem;
    color: #fff;
    line-height: 100%;
    margin-bottom: 1em;
    margin-top: 1em;
    padding: 4px 10px;
    text-decoration: none;
    transition: all .2s ease 0s;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}*/

/*
body a,
html a {
    font-family: KelloggsSansRegular;
    background: 0 0!important;
    text-decoration: none;
    font-weight: 700;
    color: #d31145
}

body a.underline:hover,
body a:hover,
html a.underline:hover,
html a:hover {
    color: #d31145;
    text-decoration: underline
}*/



/*
 * Legacy
 * --------------------------------------------------
 */

/*.test-1 {
    background: #31B7D7;
    background: -webkit-linear-gradient(-90deg, #31B7D7, #EDAC7D);
    background: linear-gradient(180deg, #31B7D7, #EDAC7D)
}

.test-2 {
    background: #E47D7D;
    background: -webkit-linear-gradient(left, #E47D7D 0, #C195D3 50%, #4FB4E8 100%);
    background: linear-gradient(to right, #E47D7D 0, #C195D3 50%, #4FB4E8 100%)
}

.test-3 {
    background: #B58234;
    background: -webkit-linear-gradient(48deg, #B58234 0, #D2B545 50%, #D7C04D 50.01%, #FFF 100%);
    background: linear-gradient(42deg, #B58234 0, #D2B545 50%, #D7C04D 50.01%, #FFF 100%)
}*/

body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .inner .copy:after,
body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .inner:after,
body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text:after,
body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset:after,
body .chooseMyBowl .fullGrey .oneHalf .orangeBox:after,
body .community .wideColumn .floatLeft a.brandLink:after,
body .community .wideColumn .floatLeft img:after,
body .community .wideColumn .floatLeft:after,
body .community .wideColumn .strongBold:after,
body .contactUs .blackBoxes:after,
body .contactUs .redButtons p:after,
body .loveYourCereal .bottom .bottomRightColumn:after,
body .ourBrands .wideColumn .floatLeft a.brandLink:after,
body .ourBrands .wideColumn .floatLeft img:after,
body .ourBrands .wideColumn .floatLeft:after,
body .ourBrands .wideColumn .strongBold:after,
body .recipes .wideColumn .featuredRecipes:after,
body .showSmartLabel .smartlabelContainer .smartlabel .smartlabel-button:after,
body .whatWeBelieve .flexslider ul li .kstl-carousel-grid-slide .believeSlide .kstl-rich-text:after,
body .whatWeBelieve .flexslider ul li .kstl-carousel-grid-slide .believeSlide:after,
body header .content_wrapper .topNavWrapper .languageBar ul.kstl-language-selector li:hover ul:after,
body header .content_wrapper .topNavWrapper .mobileLanguage ul.kstl-language-selector li:hover ul:after,
body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel .kstl-mega-nav-panel--inner:after,
body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav:after,
body header .content_wrapper .topNavWrapper:after,
html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .inner .copy:after,
html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .inner:after,
html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text:after,
html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset:after,
html .chooseMyBowl .fullGrey .oneHalf .orangeBox:after,
html .community .wideColumn .floatLeft a.brandLink:after,
html .community .wideColumn .floatLeft img:after,
html .community .wideColumn .floatLeft:after,
html .community .wideColumn .strongBold:after,
html .contactUs .blackBoxes:after,
html .contactUs .redButtons p:after,
html .loveYourCereal .bottom .bottomRightColumn:after,
html .ourBrands .wideColumn .floatLeft a.brandLink:after,
html .ourBrands .wideColumn .floatLeft img:after,
html .ourBrands .wideColumn .floatLeft:after,
html .ourBrands .wideColumn .strongBold:after,
html .recipes .wideColumn .featuredRecipes:after,
html .showSmartLabel .smartlabelContainer .smartlabel .smartlabel-button:after,
html .whatWeBelieve .flexslider ul li .kstl-carousel-grid-slide .believeSlide .kstl-rich-text:after,
html .whatWeBelieve .flexslider ul li .kstl-carousel-grid-slide .believeSlide:after,
html header .content_wrapper .topNavWrapper .languageBar ul.kstl-language-selector li:hover ul:after,
html header .content_wrapper .topNavWrapper .mobileLanguage ul.kstl-language-selector li:hover ul:after,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel .kstl-mega-nav-panel--inner:after,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav:after,
html header .content_wrapper .topNavWrapper:after {
    content: "";
    display: table;
    clear: both
}

.cta p,
.kstl-carousel-grid-slide p {
    font-size: 15px;
    font-size: 1.5rem
}

@media (max-width:601px) {
    .cta p,
    .kstl-carousel-grid-slide p {
        font-size: 13px;
        font-size: 1.3rem
    }
}

body #main_container .grid .grid,
body #main_container .grid .grid__item,
body .grid,
html #main_container .grid .grid,
html #main_container .grid .grid__item,
html .grid {
    margin-top: 0;
    margin-left: 0;
    padding: 0
}

body .sup,
html .sup {
    vertical-align: 3px!important;
    font-size: 90%!important
}

body .larger,
html .larger {
    font-size: 12px!important;
    font-size: 1.2rem!important
}

body .burgundy,
html .burgundy {
    background: #6f1b2b!important
}

body .burgundy:hover,
html .burgundy:hover {
    color: #6f1b2b!important;
    background: #fff!important;
    text-decoration: none
}

body .red,
html .red {
    background: #d31145!important
}

body .red:hover,
html .red:hover {
    color: #d31145!important;
    background: #fff!important;
    text-decoration: none
}

body #main_container,
html #main_container {
    margin: 0 auto;
    overflow-x: hidden;
    text-align: left
}

body .topMargin,
html .topMargin {
    margin-top: 10px
}

/*
body .extraShort,
html .extraShort {
    min-height: 600px!important
}

body .short,
html .short {
    min-height: 1000px!important
}

body .shortPlus,
html .shortPlus {
    min-height: 1250px!important
}

body .smallMedium,
html .smallMedium {
    min-height: 1500px!important
}

body .medium,
html .medium {
    min-height: 1650px!important
}

body .mediumTall,
html .mediumTall {
    min-height: 1900px!important
}

body .homeHeight,
html .homeHeight {
    min-height: 780px!important
}
*/

body #error_wp,
html #error_wp {
    width: 100%;
    text-align: center;
    margin: 0 auto!important;
    position: fixed;
    background: rgba(255,255,255,.75);
    z-index: 999999998!important;
    border-bottom: 1px solid #fff
}

body #error_wp .errorwrap,
html #error_wp .errorwrap {
    padding: 10px
}

body #error_wp .errorwrap p,
html #error_wp .errorwrap p {
    line-height: 100%
}

body #error_wp .errorwrap p a.error_msg,
html #error_wp .errorwrap p a.error_msg {
    font-size: 8px;
    font-size: .8rem
}

@media (max-width:980px) {
    body .homeHeight,
    html .homeHeight {
        min-height: unset!important
    }
    body #error_wp,
    html #error_wp {
        width: 100%
    }
}

body header .content_wrapper,
html header .content_wrapper {
    max-width: 1440px;
    margin: 0 auto
}

body header .content_wrapper .topBar,
html header .content_wrapper .topBar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 30px;
    background: #d31145;
    padding: 0;
    z-index: 999999999!important
}

body header .content_wrapper .topBar ul,
html header .content_wrapper .topBar ul {
    display: block;
    width: 980px;
    text-align: right;
    color: #f0c33b!important;
    height: 30px;
    padding: 0;
    margin: 0 auto
}

body header .content_wrapper .topBar ul li,
html header .content_wrapper .topBar ul li {
    font-size: 7px;
    font-size: .7rem;
    display: inline-block;
    padding: 6px 10px;
    border-right: 1px solid #a7123a
}

body header .content_wrapper .topBar ul li a,
html header .content_wrapper .topBar ul li a {
    color: #fff;
    font-weight: 400
}

body header .content_wrapper .topBar ul li a:hover,
html header .content_wrapper .topBar ul li a:hover {
    color: #f0c33b
}

@media (max-width:999px) {
    body header .content_wrapper .topBar ul,
    html header .content_wrapper .topBar ul {
        width: 100%;
        text-align: center
    }
    body header .content_wrapper .topBar ul li:nth-of-type(3),
    html header .content_wrapper .topBar ul li:nth-of-type(3) {
        border-right: none
    }
}

body header .content_wrapper .topNavWrapper,
html header .content_wrapper .topNavWrapper {
    /*display: block;
    width: 1440px;
    margin: 6px auto 0!important;
    margin: 0 auto !important;
    position: relative;
    z-index: 3;*/
}

@media (max-width:999px) {
    header .content_wrapper .topNavWrapper {
        padding-top: 20px;
    }
}


body header .content_wrapper .topNavWrapper .languageBar,
html header .content_wrapper .topNavWrapper .languageBar {
    height: 40px;
    width: 980px;
    margin: 0 auto!important;
    padding-top: 12px!important
}

@media (max-width:999px) {
    body header .content_wrapper .topNavWrapper .languageBar,
    html header .content_wrapper .topNavWrapper .languageBar {
        width: 100%;
        padding: 10px 10px 0!important
    }
}

body header .content_wrapper .topNavWrapper .languageBar .cq-dd-paragraph,
html header .content_wrapper .topNavWrapper .languageBar .cq-dd-paragraph {
    padding: 0;
    position: relative
}

body header .content_wrapper .topNavWrapper .languageBar ul.kstl-language-selector,
html header .content_wrapper .topNavWrapper .languageBar ul.kstl-language-selector {
    padding: 0;
    width: 100%;
    position: relative;
    z-index: 99999999
}

body header .content_wrapper .topNavWrapper .languageBar ul.kstl-language-selector li,
html header .content_wrapper .topNavWrapper .languageBar ul.kstl-language-selector li {
    float: right;
    display: inline-block;
    color: #47423c;
    text-align: center;
    font-size: 7px;
    font-size: .7rem;
    padding: 5px 20px 6px;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/icon-dropdownArrow-gray.png) 88% center no-repeat
}

body header .content_wrapper .topNavWrapper .languageBar ul.kstl-language-selector li ul,
html header .content_wrapper .topNavWrapper .languageBar ul.kstl-language-selector li ul {
    display: none
}

body header .content_wrapper .topNavWrapper .languageBar ul.kstl-language-selector li:hover ul,
html header .content_wrapper .topNavWrapper .languageBar ul.kstl-language-selector li:hover ul {
    height: auto!important;
    position: absolute;
    display: block;
    top: 24px;
    right: 0;
    width: 220px;
    background: #fff;
    -webkit-box-shadow: 2px 10px 5px 0 rgba(0, 0, 0, .25);
    -moz-box-shadow: 2px 10px 5px 0 rgba(0, 0, 0, .25);
    box-shadow: 2px 10px 5px 0 rgba(0, 0, 0, .25);
    max-height: 80vh;
    overflow: auto;
    border: 1px solid silver;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px
}

body header .content_wrapper .topNavWrapper .languageBar ul.kstl-language-selector li:hover ul li,
html header .content_wrapper .topNavWrapper .languageBar ul.kstl-language-selector li:hover ul li {
    float: left;
    display: block;
    box-sizing: border-box;
    width: 97%!important;
    margin: 0 2%!important;
    text-align: left;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x
}

body header .content_wrapper .topNavWrapper .languageBar ul.kstl-language-selector li:hover ul li:nth-child(1),
html header .content_wrapper .topNavWrapper .languageBar ul.kstl-language-selector li:hover ul li:nth-child(1) {
    width: 88px
}

body header .content_wrapper .topNavWrapper .languageBar ul.kstl-language-selector li:hover ul li:nth-child(2),
html header .content_wrapper .topNavWrapper .languageBar ul.kstl-language-selector li:hover ul li:nth-child(2) {
    width: 108px
}

body header .content_wrapper .topNavWrapper .languageBar ul.kstl-language-selector li:hover ul li:last-child,
html header .content_wrapper .topNavWrapper .languageBar ul.kstl-language-selector li:hover ul li:last-child {
    background: 0 0!important
}

body header .content_wrapper .topNavWrapper .languageBar ul.kstl-language-selector li:nth-of-type(2):hover ul,
html header .content_wrapper .topNavWrapper .languageBar ul.kstl-language-selector li:nth-of-type(2):hover ul {
    right: 0
}

@media (max-width:999px) {
    body header .content_wrapper .topNavWrapper .languageBar ul.kstl-language-selector,
    html header .content_wrapper .topNavWrapper .languageBar ul.kstl-language-selector {
        height: 0!important;
        display: none!important
    }
}

body header .content_wrapper .topNavWrapper .languageBar .searchContainer,
html header .content_wrapper .topNavWrapper .languageBar .searchContainer {
    float: right;
    display: inline-block;
    min-width: 100px;
    width: 100%;
    height: 20px;
    border: 1px solid #6c665b;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    margin-top: 4px!important;
    z-index: 99999998
}

body header .content_wrapper .topNavWrapper .languageBar .searchContainer .search-textbox,
html header .content_wrapper .topNavWrapper .languageBar .searchContainer .search-textbox {
    min-width: 80px;
    width: 100%;
    height: 20px;
    margin: 0;
    padding: 0
}

body header .content_wrapper .topNavWrapper .languageBar .searchContainer .search-textbox .search-textbox__input,
html header .content_wrapper .topNavWrapper .languageBar .searchContainer .search-textbox .search-textbox__input {
    float: left;
    display: inline-block;
    min-height: unset;
    min-height: 18px;
    width: 76px;
    height: 18px;
    margin: 0;
    padding: 0 0 0 2px;
    border: 0 solid #000;
    font-size: 6px;
    font-size: .6rem
}

body header .content_wrapper .topNavWrapper .languageBar .searchContainer .search-textbox .search-textbox__link,
html header .content_wrapper .topNavWrapper .languageBar .searchContainer .search-textbox .search-textbox__link {
    float: left;
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 0 1px
}

body header .content_wrapper .topNavWrapper .languageBar .searchContainer .search-textbox .search-textbox__link img,
html header .content_wrapper .topNavWrapper .languageBar .searchContainer .search-textbox .search-textbox__link img {
    vertical-align: top;
    margin: 1px!important;
    padding: 0!important;
    width: 15px;
    height: 15px
}

@media (max-width:999px) {
    body header .content_wrapper .topNavWrapper .languageBar .searchContainer,
    html header .content_wrapper .topNavWrapper .languageBar .searchContainer {
        min-width: auto;
        min-width: unset;
        background: 0 0;
        width: 30px!important;
        height: 30px!important;
        border: 0;
        margin: 12px 20px 0 0!important
    }
    body header .content_wrapper .topNavWrapper .languageBar .searchContainer .search__toggle,
    html header .content_wrapper .topNavWrapper .languageBar .searchContainer .search__toggle {
        float: right;
        display: inline-block;
        position: relative;
        width: 30px;
        height: 30px;
        z-index: 99999998
    }
    body header .content_wrapper .topNavWrapper .languageBar .searchContainer .search__toggle img,
    html header .content_wrapper .topNavWrapper .languageBar .searchContainer .search__toggle img {
        display: block!important
    }
    body header .content_wrapper .topNavWrapper .languageBar .searchContainer .open img,
    body header .content_wrapper .topNavWrapper .languageBar .searchContainer .search__toggle .search__button--close,
    html header .content_wrapper .topNavWrapper .languageBar .searchContainer .open img,
    html header .content_wrapper .topNavWrapper .languageBar .searchContainer .search__toggle .search__button--close {
        display: none!important
    }
    body header .content_wrapper .topNavWrapper .languageBar .searchContainer .open .search__button--close,
    html header .content_wrapper .topNavWrapper .languageBar .searchContainer .open .search__button--close {
        box-sizing: border-box;
        display: inline-block!important;
        width: 30px;
        height: 30px;
        padding: 4px 0 0 7px
    }
    body header .content_wrapper .topNavWrapper .languageBar .searchContainer .search-textbox,
    html header .content_wrapper .topNavWrapper .languageBar .searchContainer .search-textbox {
        position: absolute;
        right: 10%;
        top: 150px;
        min-width: unset;
        width: 80%;
        height: 30px;
        margin: 0;
        padding: 0;
        background: #fff;
        border: 1px solid #6c665b;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        z-index: 10000000
    }
    body header .content_wrapper .topNavWrapper .languageBar .searchContainer .search-textbox .search-textbox__input,
    html header .content_wrapper .topNavWrapper .languageBar .searchContainer .search-textbox .search-textbox__input {
        min-height: unset;
        width: 80%;
        height: 28px;
        margin: 0;
        padding: 0 0 0 10px;
        font-size: 8px;
        font-size: .8rem
    }
    body header .content_wrapper .topNavWrapper .languageBar .searchContainer .search-textbox .search-textbox__link,
    html header .content_wrapper .topNavWrapper .languageBar .searchContainer .search-textbox .search-textbox__link {
        float: right;
        display: inline-block;
        width: 25px;
        height: 25px;
        padding: 0 1px;
        margin: 2px 5px 0 0
    }
    body header .content_wrapper .topNavWrapper .languageBar .searchContainer .search-textbox .search-textbox__link img,
    html header .content_wrapper .topNavWrapper .languageBar .searchContainer .search-textbox .search-textbox__link img {
        vertical-align: top;
        margin: 1px!important;
        padding: 0!important;
        width: 23px;
        height: 23px
    }
}

@media (max-width:601px) {
    body header .content_wrapper .topNavWrapper .languageBar .searchContainer,
    html header .content_wrapper .topNavWrapper .languageBar .searchContainer {
        min-width: unset;
        width: 30px!important;
        height: 30px!important;
        border: 0
    }
    body header .content_wrapper .topNavWrapper .languageBar .searchContainer .search__toggle,
    html header .content_wrapper .topNavWrapper .languageBar .searchContainer .search__toggle {
        z-index: 99999998
    }
    body header .content_wrapper .topNavWrapper .languageBar .searchContainer .search__toggle img,
    html header .content_wrapper .topNavWrapper .languageBar .searchContainer .search__toggle img {
        display: block!important
    }
    body header .content_wrapper .topNavWrapper .languageBar .searchContainer .open img,
    body header .content_wrapper .topNavWrapper .languageBar .searchContainer .search__toggle .search__button--close,
    html header .content_wrapper .topNavWrapper .languageBar .searchContainer .open img,
    html header .content_wrapper .topNavWrapper .languageBar .searchContainer .search__toggle .search__button--close {
        display: none!important
    }
    body header .content_wrapper .topNavWrapper .languageBar .searchContainer .open .search__button--close,
    html header .content_wrapper .topNavWrapper .languageBar .searchContainer .open .search__button--close {
        box-sizing: border-box;
        display: inline-block!important;
        width: 30px;
        height: 30px;
        padding: 4px 0 0 7px
    }
    body header .content_wrapper .topNavWrapper .languageBar .searchContainer .search-textbox,
    html header .content_wrapper .topNavWrapper .languageBar .searchContainer .search-textbox {
        position: absolute;
        right: 10%;
        top: 136px;
        min-width: unset;
        width: 80%;
        height: 30px;
        margin: 0;
        padding: 0;
        background: #fff;
        border: 1px solid #6c665b;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        z-index: 10000000
    }
    body header .content_wrapper .topNavWrapper .languageBar .searchContainer .search-textbox .search-textbox__input,
    html header .content_wrapper .topNavWrapper .languageBar .searchContainer .search-textbox .search-textbox__input {
        min-height: unset;
        width: 80%;
        height: 28px;
        margin: 0;
        padding: 0 0 0 10px;
        font-size: 8px;
        font-size: .8rem
    }
    body header .content_wrapper .topNavWrapper .languageBar .searchContainer .search-textbox .search-textbox__link,
    html header .content_wrapper .topNavWrapper .languageBar .searchContainer .search-textbox .search-textbox__link {
        float: right;
        display: inline-block;
        width: 25px;
        height: 25px;
        padding: 0 1px;
        margin: 2px 5px 0 0
    }
    body header .content_wrapper .topNavWrapper .languageBar .searchContainer .search-textbox .search-textbox__link img,
    html header .content_wrapper .topNavWrapper .languageBar .searchContainer .search-textbox .search-textbox__link img {
        vertical-align: top;
        margin: 1px!important;
        padding: 0!important;
        width: 23px;
        height: 23px
    }
}

body header .content_wrapper .topNavWrapper .mobileLanguage,
html header .content_wrapper .topNavWrapper .mobileLanguage {
    display: none;
    height: 0
}

body header .content_wrapper .topNavWrapper .mobileLanguage ul.kstl-language-selector,
html header .content_wrapper .topNavWrapper .mobileLanguage ul.kstl-language-selector {
    padding: 0;
    width: 100%;
    position: relative;
    z-index: 99999999
}

body header .content_wrapper .topNavWrapper .mobileLanguage ul.kstl-language-selector li,
html header .content_wrapper .topNavWrapper .mobileLanguage ul.kstl-language-selector li {
    display: block;
    color: #47423c;
    text-align: center;
    font-size: 8px;
    font-size: .8rem;
    padding: 5px 20px 6px
}

body header .content_wrapper .topNavWrapper .mobileLanguage ul.kstl-language-selector li ul,
html header .content_wrapper .topNavWrapper .mobileLanguage ul.kstl-language-selector li ul {
    display: none
}

body header .content_wrapper .topNavWrapper .mobileLanguage ul.kstl-language-selector li:hover ul,
html header .content_wrapper .topNavWrapper .mobileLanguage ul.kstl-language-selector li:hover ul {
    height: auto!important;
    position: absolute;
    display: block;
    top: 34px;
    right: 0;
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 2px 10px 5px 0 rgba(0, 0, 0, .25);
    -moz-box-shadow: 2px 10px 5px 0 rgba(0, 0, 0, .25);
    box-shadow: 2px 10px 5px 0 rgba(0, 0, 0, .25);
    max-height: 80vh;
    overflow: auto;
    border: 1px solid silver;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px
}

body header .content_wrapper .topNavWrapper .mobileLanguage ul.kstl-language-selector li:hover ul li,
html header .content_wrapper .topNavWrapper .mobileLanguage ul.kstl-language-selector li:hover ul li {
    float: left;
    display: block;
    box-sizing: border-box;
    width: 97%!important;
    margin: 0 2%!important;
    text-align: left;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x
}

body header .content_wrapper .topNavWrapper .mobileLanguage ul.kstl-language-selector li:hover ul li:nth-child(1),
html header .content_wrapper .topNavWrapper .mobileLanguage ul.kstl-language-selector li:hover ul li:nth-child(1) {
    width: 88px
}

body header .content_wrapper .topNavWrapper .mobileLanguage ul.kstl-language-selector li:hover ul li:nth-child(2),
html header .content_wrapper .topNavWrapper .mobileLanguage ul.kstl-language-selector li:hover ul li:nth-child(2) {
    width: 108px
}

body header .content_wrapper .topNavWrapper .mobileLanguage ul.kstl-language-selector li:hover ul li:last-child,
html header .content_wrapper .topNavWrapper .mobileLanguage ul.kstl-language-selector li:hover ul li:last-child {
    background: 0 0!important
}

body header .content_wrapper .topNavWrapper .mobileLanguage ul.kstl-language-selector li:nth-of-type(2):hover ul,
html header .content_wrapper .topNavWrapper .mobileLanguage ul.kstl-language-selector li:nth-of-type(2):hover ul {
    right: 0
}

@media (max-width:999px) {
    body header .content_wrapper .topNavWrapper .mobileLanguage,
    html header .content_wrapper .topNavWrapper .mobileLanguage {
        display: block;
        margin-top: 6px!important;
        padding: 6px 0 20px!important;
        height: 50px
    }
    body header .content_wrapper .topNavWrapper .mobileLanguage ul.kstl-language-selector,
    html header .content_wrapper .topNavWrapper .mobileLanguage ul.kstl-language-selector {
        width: 50%!important;
        margin: 0 25%
    }
    body header .content_wrapper .topNavWrapper .mobileLanguage ul.kstl-language-selector li:hover ul,
    html header .content_wrapper .topNavWrapper .mobileLanguage ul.kstl-language-selector li:hover ul {
        max-height: 50vh!important
    }
}

@media (max-width:601px) {
    body header .content_wrapper .topNavWrapper .mobileLanguage ul.kstl-language-selector,
    html header .content_wrapper .topNavWrapper .mobileLanguage ul.kstl-language-selector {
        width: 100%!important;
        margin: 0
    }
}

body header .content_wrapper .topNavWrapper .topNav,
html header .content_wrapper .topNavWrapper .topNav {
    /*display: block;*/
    /*width: 950px;*/
    margin: 0 auto!important;
    /*z-index: 9999999!important;*/
    /*opacity: .99!important;*/
    position: relative;
}

body header .content_wrapper .topNavWrapper .topNav .grid__item:nth-of-type(2),
html header .content_wrapper .topNavWrapper .topNav .grid__item:nth-of-type(2) {
    /*margin-top: -28px!important*/
}

@media (max-width:950px) {
    body header .content_wrapper .topNavWrapper .topNav .grid__item:nth-of-type(2),
    html header .content_wrapper .topNavWrapper .topNav .grid__item:nth-of-type(2) {
        padding-left: 10px!important
    }
}

@media (max-width:999px) {
    body header .content_wrapper .topNavWrapper .topNav .grid__item:nth-of-type(2),
    html header .content_wrapper .topNavWrapper .topNav .grid__item:nth-of-type(2) {
        padding-left: 0!important
    }
    body header .content_wrapper .topNavWrapper .topNav .grid__item:nth-of-type(2) img,
    html header .content_wrapper .topNavWrapper .topNav .grid__item:nth-of-type(2) img {
        display: block;
        margin: 0 auto
    }
}

@media (max-width:601px) {
    body header .content_wrapper .topNavWrapper .topNav .grid__item:nth-of-type(2),
    html header .content_wrapper .topNavWrapper .topNav .grid__item:nth-of-type(2) {
        padding-left: 0!important
    }
    body header .content_wrapper .topNavWrapper .topNav .grid__item:nth-of-type(2) img,
    html header .content_wrapper .topNavWrapper .topNav .grid__item:nth-of-type(2) img {
        display: block;
        margin: 0 auto
    }
}

body header .content_wrapper .topNavWrapper .topNav .top-menu-container,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container {
    z-index: 0;
}

@media (min-width:1000px) {
    header .content_wrapper .topNavWrapper .topNav .top-menu-container {
        margin-top: 12px;
    }
}

body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav {
    text-align: center!important;
    margin-top: 12px
}

body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul {
    width: 100%;
    text-align: center!important;
    display: inline-block!important
}

header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top {
    /*float: left;*/
    display: inline-block;
    margin: 0 2px;
}

header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top a {
    display: inline-block;
    padding: 10px 20px;
    font-family: OpenSans;
    color: #2c2c2c;
}

header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top a:hover {
    text-decoration: underline;
}
@media (max-width:1199px) {
    header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top a {
        padding-left: 13.5px;
        padding-right: 13.5px;
    }
}
@media (max-width:999px) {
    header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top a:hover {
        text-decoration: none;
    }
}

/*body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top a:hover,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top a:hover {
    text-decoration: underline
}*/

body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top a.open,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top a.open {
    background: #f7f1eb!important;
    color: #77726a;
    text-decoration: none;
    -webkit-box-shadow: 0 2px 5px 3px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 2px 5px 3px rgba(0, 0, 0, .25);
    box-shadow: 0 2px 5px 3px rgba(0, 0, 0, .25)
}

body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel {
    top: 30px;
    padding: 0!important;
    height: 367px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px 4px 0 0;
    -webkit-box-shadow: 0 6px 5px 3px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 6px 5px 3px rgba(0, 0, 0, .25);
    box-shadow: 0 6px 5px 3px rgba(0, 0, 0, .25)
}

body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel .kstl-mega-nav-item__link--close,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel .kstl-mega-nav-item__link--close {
    border: 0;
    top: 0;
    left: 0;
    width: 100%!important;
    height: 26px;
    padding: 0 4px 0 0;
    background: #f7f1eb!important;
    justify-content: right!important;
    text-align: right
}

body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel .kstl-mega-nav-item__link--close:after,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel .kstl-mega-nav-item__link--close:after {
    padding: 0 6px;
    border-radius: 100%;
    background: #d31145;
    color: #fff;
    content: "x"
}

body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel .kstl-mega-nav-item__link--close:hover,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel .kstl-mega-nav-item__link--close:hover {
    text-decoration: none
}

body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel .kstl-mega-nav-item__link--close:hover:after,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel .kstl-mega-nav-item__link--close:hover:after {
    opacity: .5
}

body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel ul.kstl-mega-nav__column,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel ul.kstl-mega-nav__column {
    position: relative;
    top: 30px;
    left: 0;
    height: 330px;
    text-align: left!important
}

body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel ul.kstl-mega-nav__column li,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel ul.kstl-mega-nav__column li {
    float: left;
    display: inline-block;
    clear: left;
    /*padding: 0 0 0 10px!important*/
    line-height: 1;
    padding: 4px 0 4px 10px !important;
}

body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel ul.kstl-mega-nav__column li a,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel ul.kstl-mega-nav__column li a {
    font-size: 6px;
    font-size: .6rem;
    padding: 0
}

body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel ul.kstl-mega-nav__column li a:hover,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel ul.kstl-mega-nav__column li a:hover {
    text-decoration: underline
}

body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel ul.kstl-mega-nav__column+ul.kstl-mega-nav__column,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel ul.kstl-mega-nav__column+ul.kstl-mega-nav__column {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDotVert.png) left top repeat-y
}

body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel a.kstl-mega-nav__feature-image,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel a.kstl-mega-nav__feature-image {
    border: 0;
    float: right;
    padding: 0;
    margin-top: 25px;
    right: 0;
    position: relative
}

body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel a.kstl-mega-nav__feature-image img,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel a.kstl-mega-nav__feature-image img {
    padding: 0
}

body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel a.kstl-mega-nav__feature-image:after,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel a.kstl-mega-nav__feature-image:after {
    content: "Learn More";
    cursor: pointer;
    display: inline-block;
    font-family: KelloggsSansRegular;
    font-weight: 400;
    font-size: 8px;
    font-size: .8rem;
    color: #fff;
    line-height: 100%;
    margin-bottom: 1em;
    margin-top: 1em;
    padding: 4px 10px;
    text-decoration: none;
    transition: all .2s ease 0s;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    position: absolute;
    background: #d31145;
    top: 302px;
    right: 8px
}

/*body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav .KSTLNav>li.nav-button:after,
body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(12),
body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(10),
body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(11),
body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(12),
body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-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(6),
body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-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(7),
body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(3) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(4),
body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(3) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(5),
body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(3) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(6),
body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(3) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(7),
body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(3) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(4),
body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(3) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(5),
body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(3) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(6),
body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(3) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(7),
body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(6),
body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(7),
body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(8),
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav .KSTLNav>li.nav-button:after,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(12),
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(10),
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(11),
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(12),
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-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(6),
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-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(7),
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(3) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(4),
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(3) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(5),
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(3) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(6),
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(3) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(7),
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(6),
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(7),
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(8) {
    display: none
}*/

/*body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel a.kstl-mega-nav__feature-image:hover:after,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel a.kstl-mega-nav__feature-image:hover:after {
    color: #d31145;
    background: #fff
}*/

/*body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(1),
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(1) {
    margin-bottom: 10px;
}*/

/*body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1),
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) {
    width: 55%;
}*/

/*body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(2) a,
body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(10) a,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(2) a,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(10) a {
    color: #000!important;
    font-family: KelloggsSansBold;
    font-size: 8px;
    font-size: .8rem;
    cursor: default
}*/

/*body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(2) a:hover,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(2) a:hover {
    text-decoration: none
}*/

/*body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2),
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) {
    width: 68%;
}*/

/*body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(1) a,
body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(4) a,
body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(8) a,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(1) a,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(4) a,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(8) a {
    color: #000!important;
    font-family: KelloggsSansBold;
    font-size: 8px;
    font-size: .8rem;
    cursor: default
}*/

/*body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(1) a:hover,
body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(4) a:hover,
body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(8) a:hover,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(1) a:hover,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(4) a:hover,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(8) a:hover {
    text-decoration: none
}*/

/*body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3),
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) {
    width: 54%
}*/

/*body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li {
    text-align: left!important
}*/

/*body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(6),
body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(7),
body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(9),
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(6),
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(7),
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(9) {
    line-height: 100%
}*/

/*body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(1) a,
body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(3) a,
body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(5) a,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(1) a,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(3) a,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(5) a {
    color: #000!important;
    font-family: KelloggsSansBold;
    font-size: 8px;
    font-size: .8rem;
    cursor: default
}*/

/*body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(1) a:hover,
body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(3) a:hover,
body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(5) a:hover,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(1) a:hover,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(3) a:hover,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(5) a:hover {
    text-decoration: none
}*/

/*body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(2) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1),
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(2) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) {
    width: 123%;
}*/

/*body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(2) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(1) a,
body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(2) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(3) a,
body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(2) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(6) a,
body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(2) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(9) a,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(2) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(1) a,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(2) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(3) a,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(2) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(6) a,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(2) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(9) a {
    color: #000!important;
    font-family: KelloggsSansBold;
    font-size: 8px;
    font-size: .8rem
}*/

/*body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(2) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2),
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(2) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) {
    width: 61%
}*/

/*body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(2) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(1) a,
body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(2) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(4) a,
body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(2) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(8) a,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(2) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(1) a,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(2) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(4) a,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(2) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(8) a {
    color: #000!important;
    font-family: KelloggsSansBold;
    font-size: 8px;
    font-size: .8rem
}*/

/*body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(3) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1),
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(3) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) {
    width: 38%;
}*/

/*body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(3) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(1),
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(3) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(1),
body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(3) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(1),
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(3) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(1) {
    margin-top: 24px;
}*/

/*body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-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(2) a,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-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(2) a {
    color: #000!important;
    font-family: KelloggsSansBold;
    font-size: 8px;
    font-size: .8rem;
    cursor: default
}*/

/*body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-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(2) a:hover,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-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(2) a:hover {
    text-decoration: none
}*/

/*body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(3) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2),
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(3) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) {
    width: 38%;
}*/

/*body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(3) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(1) a,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(3) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(1) a {
    color: #000!important;
    font-family: KelloggsSansBold;
    font-size: 8px;
    font-size: .8rem;
    cursor: default
}*/

/*body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(3) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(1) a:hover,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(3) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(1) a:hover {
    text-decoration: none
}*/

/*body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(3) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3),
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(3) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) {
    width: 47%;
}*/

/*body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(3) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(1) a,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(3) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(1) a {
    color: #000!important;
    font-family: KelloggsSansBold;
    font-size: 8px;
    font-size: .8rem;
    cursor: default
}*/

/*body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(3) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(1) a:hover,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(3) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(1) a:hover {
    text-decoration: none
}*/

/*body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel a.kstl-mega-nav__feature-image:after,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel a.kstl-mega-nav__feature-image:after {
    content: "Get Inspired"
}*/

/*body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1),
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) {
    width: 41%
}*/

/*body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(1) a,
body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(5) a,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(1) a,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(5) a {
    color: #000!important;
    font-family: KelloggsSansBold;
    font-size: 8px;
    font-size: .8rem;
    cursor: default
}*/

/*body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(1) a:hover,
body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(5) a:hover,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(1) a:hover,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(5) a:hover {
    text-decoration: none
}*/

/*body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2),
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) {
    width: 40%
}*/

/*body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(1) a,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(1) a {
    color: #000!important;
    font-family: KelloggsSansBold;
    font-size: 8px;
    font-size: .8rem;
    cursor: default
}*/

/*body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(1) a:hover,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(1) a:hover {
    text-decoration: none
}*/

/*body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3),
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) {
    width: 42%
}*/

/*body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(1) a,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(1) a {
    color: #000!important;
    font-family: KelloggsSansBold;
    font-size: 8px;
    font-size: .8rem;
    cursor: default
}*/

/*body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(1) a:hover,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(1) a:hover {
    text-decoration: none
}*/

/*.content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(5) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) {
    width: 123% !important;
}*/

/*body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(5) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(1),
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(5) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(1) {
    margin-bottom: 10px;
}*/

/*body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(6) .kstl-mega-nav__panel .kstl-mega-nav__column,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(6) .kstl-mega-nav__panel .kstl-mega-nav__column {
    width: 123%
}*/

/*body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(6) .kstl-mega-nav__panel a.kstl-mega-nav__feature-image:after,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul li.kstl-mega-nav-item--top:nth-of-type(6) .kstl-mega-nav__panel a.kstl-mega-nav__feature-image:after {
    content: "Find Your Career With Kellogg Company"
}*/

/*body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav li.highlightedNavLink,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav li.highlightedNavLink {
    border-bottom: 2px dotted #47423c
}*/

/*body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav li.highlightedNavLink a,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav li.highlightedNavLink a {
    color: #47423c!important
}*/

/*body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav li.highlightedNavLink li a,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav li.highlightedNavLink li a {
    color: #d31145!important
}*/

/*body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav li.highlightedNavLink li.highlightedNavLink,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav li.highlightedNavLink li.highlightedNavLink {
    border-bottom: 0
}*/

/*body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav li.highlightedNavLink li.highlightedNavLink a,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav li.highlightedNavLink li.highlightedNavLink a {
    color: #47423c!important
}*/

/*body header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul.subnav-show,
html header .content_wrapper .topNavWrapper .topNav .top-menu-container nav.kstl-mega-nav ul.subnav-show {
    width: 100%;
    background: #fff
}*/

@media (max-width:1440px) {
    body header .content_wrapper .topNavWrapper,
    html header .content_wrapper .topNavWrapper {
        width: 100vw;
        margin: 0!important;
    }
}

@media (max-width:999px) {
    body header .content_wrapper .topNavWrapper,
    html header .content_wrapper .topNavWrapper {
        margin: 0!important;
        padding-top: 10px !important;
        top: 0;
    }
    body header .content_wrapper .topNavWrapper .topNav,
    html header .content_wrapper .topNavWrapper .topNav {
        width: 100%!important;
        height: unset;
        height: auto;
        top: 0;
        padding: 0!important
    }
    body header .content_wrapper .topNavWrapper .topNav ul,
    html header .content_wrapper .topNavWrapper .topNav ul {
        margin: 0
    }
    body header .content_wrapper .topNavWrapper .topNav .menu-button,
    html header .content_wrapper .topNavWrapper .topNav .menu-button {
        display: block;
        float: none;
        background: 0 0!important;
        margin: 0 0 0 40px;
    }
    body header .content_wrapper .topNavWrapper .topNav a,
    html header .content_wrapper .topNavWrapper .topNav a {
        font-size: 150%;
        font-family: KelloggsSansBold;
        /*background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x!important*/
    }
    body header .content_wrapper .topNavWrapper .topNav .highlightedNavLink,
    html header .content_wrapper .topNavWrapper .topNav .highlightedNavLink {
        border: 0!important
    }
    body header .content_wrapper .topNavWrapper .topNav nav,
    html header .content_wrapper .topNavWrapper .topNav nav {
        display: none;
        width: 100%;
        background: #fff
    }
    body header .content_wrapper .topNavWrapper .topNav nav ul,
    html header .content_wrapper .topNavWrapper .topNav nav ul {
        text-align: left!important;
        display: block!important;
        width: 100%
    }
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top {
        position: relative;
        float: none!important;
        width: 100%!important;
        margin: 0!important
    }
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top a,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top a {
        display: block;
        width: 100%!important;
        padding: 10px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        color: #d31145
    }
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top a:hover,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top a:hover {
        text-decoration: underline
    }
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(1) a:hover,
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(10) a:hover,
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(1) a:hover,
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(4) a:hover,
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(8) a:hover,
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(1) a:hover,
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(3) a:hover,
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(5) a:hover,
    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:hover,
    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(2) li:nth-of-type(1) a:hover,
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(1) a:hover,
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(5) a:hover,
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(1) a:hover,
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(1) a:hover,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(1) a:hover,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(10) a:hover,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(1) a:hover,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(4) a:hover,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(8) a:hover,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(1) a:hover,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(3) a:hover,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(5) a:hover,
    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:hover,
    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(2) li:nth-of-type(1) a:hover,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(1) a:hover,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(5) a:hover,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(1) a:hover,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(1) a:hover {
        text-decoration: none
    }
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top a.open,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top a.open {
        background: #f7f1eb!important;
        color: #77726a;
        text-decoration: none;
        -webkit-box-shadow: none!important;
        -moz-box-shadow: none!important;
        box-shadow: none!important
    }
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel {
        top: 0!important;
        -webkit-border-radius: 0!important;
        -moz-border-radius: 0!important;
        -ms-border-radius: 0!important;
        border-radius: 0!important;
        -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .25)!important;
        -moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .25)!important;
        box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .25)!important;
        position: relative;
        height: auto!important;
        border-bottom: 3px solid #d31145;
        margin-left: 0!important
    }
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel .kstl-mega-nav-panel--inner,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel .kstl-mega-nav-panel--inner {
        padding: 20px!important
    }
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel .kstl-mega-nav-item__link--close,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel .kstl-mega-nav-item__link--close {
        height: 0!important
    }
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel .kstl-mega-nav-item__link--close:after,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel .kstl-mega-nav-item__link--close:after {
        margin-top: -42px!important;
        position: absolute;
        right: 12px;
        display: block;
        width: 30px;
        height: 30px;
        padding: 0 9px!important;
        border-radius: 100%;
        background: #d31145;
        color: #fff;
        content: "x";
        line-height: 128%
    }
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel .kstl-mega-nav__column,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel .kstl-mega-nav__column {
        background: 0 0!important;
        float: none;
        display: block!important;
        position: static!important;
        height: auto!important;
        padding: 0
    }
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel .kstl-mega-nav__feature-image,
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(12),
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(10),
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(11),
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(12),
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(6),
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(7),
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(8),
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel .kstl-mega-nav__feature-image,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(12),
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(10),
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(11),
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(12),
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(6),
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(7),
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(8) {
        display: none
    }
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel .kstl-mega-nav__column li a,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel .kstl-mega-nav__column li a {
        font-size: 120%!important;
        background: 0 0!important
    }
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(1) a,
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(10) a,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .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(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(10) a {
       /* color: #000!important;
        font-family: KelloggsSansBold;
        font-size: 130%!important;
        padding-top: 10px!important;
        cursor: default*/
    }
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(1) a,
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(4) a,
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(8) a,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(1) a,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(4) a,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(8) a {
        /*color: #000!important;
        font-family: KelloggsSansBold;
        font-size: 130%!important;
        padding-top: 10px!important;
        cursor: default*/
    }
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li {
        text-align: left!important
    }
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(6),
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(7),
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(9),
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(6),
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(7),
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(9) {
        line-height: 170%!important
    }
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(1) a,
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(3) a,
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(5) a,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(1) a,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(3) a,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(5) a {
        color: #000!important;
        font-family: KelloggsSansBold;
        font-size: 130%!important;
        padding-top: 10px!important;
        cursor: default
    }
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(2) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(1) a,
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(2) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(3) a,
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(2) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(6) a,
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(2) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(9) a,
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(2) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(1) a,
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(2) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(4) a,
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(2) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(8) a,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(2) .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(2) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(3) a,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(2) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(6) a,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(2) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(9) a,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(2) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(1) a,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(2) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(4) a,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(2) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(8) a {
        /*color: #000!important;
        font-family: KelloggsSansBold;
        font-size: 130%!important;
        padding-top: 10px!important*/
    }
    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 {
        color: #000!important;
        font-family: KelloggsSansBold;
        font-size: 130%!important;
        padding-top: 10px!important;
        cursor: default
    }
    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(2) 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(2) li:nth-of-type(1) a {
        color: #000!important;
        font-family: KelloggsSansBold;
        font-size: 130%!important;
        padding-top: 10px!important;
        cursor: default
    }
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel a.kstl-mega-nav__feature-image:after,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel a.kstl-mega-nav__feature-image:after {
        content: "Get Inspired"
    }
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(1) a,
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(5) a,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .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(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(5) a {
        /* color: #000!important; */
        /* font-family: KelloggsSansBold; */
        /* font-size: 130%!important; */
        padding-top: 10px!important;
        cursor: default;
    }
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(1) a,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(1) a {
        color: #000!important;
        font-family: KelloggsSansBold;
        font-size: 130%!important;
        padding-top: 10px!important;
        cursor: default
    }
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(1) a,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(1) a {
        color: #000!important;
        font-family: KelloggsSansBold;
        font-size: 130%!important;
        padding-top: 10px!important;
        cursor: default
    }
    header .content_wrapper .topNavWrapper .topNav .KSTLNav-show {
        display: block;
        /*-webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .25)!important;
        -moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .25)!important;
        box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .25)!important;
        border-bottom: 3px solid #d31145;*/
    }
}

@media (max-width:601px) {
    body header .content_wrapper .topNavWrapper,
    html header .content_wrapper .topNavWrapper {
        margin: 0!important;
        top: 0
    }
    body header .content_wrapper .topNavWrapper .topNav,
    html header .content_wrapper .topNavWrapper .topNav {
        height: unset;
        top: 0;
        padding: 0!important
    }
    body header .content_wrapper .topNavWrapper .topNav nav ul li:nth-of-type(4) .kstl-mega-nav__panel,
    body header .content_wrapper .topNavWrapper .topNav nav ul li:nth-of-type(5) .kstl-mega-nav__panel,
    body header .content_wrapper .topNavWrapper .topNav nav ul li:nth-of-type(6) .kstl-mega-nav__panel,
    html header .content_wrapper .topNavWrapper .topNav nav ul li:nth-of-type(4) .kstl-mega-nav__panel,
    html header .content_wrapper .topNavWrapper .topNav nav ul li:nth-of-type(5) .kstl-mega-nav__panel,
    html header .content_wrapper .topNavWrapper .topNav nav ul li:nth-of-type(6) .kstl-mega-nav__panel {
        top: 0!important
    }
    body header .content_wrapper .topNavWrapper .topNav ul,
    html header .content_wrapper .topNavWrapper .topNav ul {
        margin: 0
    }
    body header .content_wrapper .topNavWrapper .topNav .menu-button,
    html header .content_wrapper .topNavWrapper .topNav .menu-button {
        float: none;
        background: 0 0!important;
        margin: 0 0 0 12px;
    }
    body header .content_wrapper .topNavWrapper .topNav a,
    html header .content_wrapper .topNavWrapper .topNav a {
        font-size: 150%;
        font-family: KelloggsSansBold;
        /*background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x!important*/
    }
    body header .content_wrapper .topNavWrapper .topNav .highlightedNavLink,
    html header .content_wrapper .topNavWrapper .topNav .highlightedNavLink {
        border: 0!important
    }
    body header .content_wrapper .topNavWrapper .topNav nav,
    html header .content_wrapper .topNavWrapper .topNav nav {
        width: 100%;
        background: #fff
    }
    body header .content_wrapper .topNavWrapper .topNav nav ul,
    html header .content_wrapper .topNavWrapper .topNav nav ul {
        text-align: center!important;
        display: block!important;
        width: 100%
    }
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top {
        float: none!important;
        width: 100%!important;
        margin: 0!important
    }
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top a,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top a {
        display: block;
        width: 100%!important;
        padding: 10px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        color: #d31145
    }
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top a:hover,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top a:hover {
        text-decoration: underline
    }
    /*body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(1) a:hover,
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(10) a:hover,
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(1) a:hover,
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(4) a:hover,
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(8) a:hover,
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(1) a:hover,
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(3) a:hover,
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(5) a:hover,
    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:hover,
    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(2) li:nth-of-type(1) a:hover,
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(1) a:hover,
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(5) a:hover,
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(1) a:hover,
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(1) a:hover,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(1) a:hover,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(10) a:hover,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(1) a:hover,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(4) a:hover,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(8) a:hover,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(1) a:hover,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(3) a:hover,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(5) a:hover,
    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:hover,
    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(2) li:nth-of-type(1) a:hover,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(1) a:hover,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(5) a:hover,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(1) a:hover,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(1) a:hover {
        text-decoration: none
    }*/
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top a.open,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top a.open {
        background: #f7f1eb!important;
        color: #77726a;
        text-decoration: none;
        -webkit-box-shadow: none!important;
        -moz-box-shadow: none!important;
        box-shadow: none!important
    }
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel {
        -webkit-border-radius: 0!important;
        -moz-border-radius: 0!important;
        -ms-border-radius: 0!important;
        border-radius: 0!important;
        -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .25)!important;
        -moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .25)!important;
        box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .25)!important;
        top: 0!important;
        height: auto!important;
        border-bottom: 3px solid #d31145;
        margin-left: 0!important
    }
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel .kstl-mega-nav-panel--inner,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel .kstl-mega-nav-panel--inner {
        padding: 20px 0!important
    }
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel .kstl-mega-nav-item__link--close,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel .kstl-mega-nav-item__link--close {
        height: 0!important
    }
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel .kstl-mega-nav-item__link--close:after,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel .kstl-mega-nav-item__link--close:after {
        margin-top: -42px!important;
        position: absolute;
        right: 12px;
        display: block;
        width: 30px;
        height: 30px;
        padding: 0 9px!important;
        border-radius: 100%;
        background: #d31145;
        color: #fff;
        content: "x";
        line-height: 128%
    }
    /*body header .content_wrapper .topNavWrapper .topNav nav ul li:nth-of-type(4),
    body header .content_wrapper .topNavWrapper .topNav nav ul li:nth-of-type(5),
    body header .content_wrapper .topNavWrapper .topNav nav ul li:nth-of-type(6),
    html header .content_wrapper .topNavWrapper .topNav nav ul li:nth-of-type(4),
    html header .content_wrapper .topNavWrapper .topNav nav ul li:nth-of-type(5),
    html header .content_wrapper .topNavWrapper .topNav nav ul li:nth-of-type(6) {
        margin-top: 0!important
    }*/
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel .kstl-mega-nav__column,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel .kstl-mega-nav__column {
        background: 0 0!important;
        float: none;
        display: block!important;
        position: static!important;
        width: 100%!important;
        height: auto!important;
        padding: 0 0 0 20px
    }
    /*body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel .kstl-mega-nav__feature-image,
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(12),
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(10),
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(11),
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(12),
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(6),
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(7),
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(8),
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel .kstl-mega-nav__feature-image,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(12),
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(10),
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(11),
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(12),
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(6),
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(7),
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(8) {
        display: none
    }*/
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel .kstl-mega-nav__column li a,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top .kstl-mega-nav__panel .kstl-mega-nav__column li a {
        font-size: 120%!important;
        background: 0 0!important
    }
    /*body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1),
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) {
        width: 14%;
        width: 35%
    }*/
    /*body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(1) a,
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(10) a,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .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(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(10) a {
        color: #000!important;
        font-family: KelloggsSansBold;
        font-size: 130%!important;
        padding-top: 10px!important;
        cursor: default
    }*/
    /*body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2),
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) {
        width: 15%;
        width: 35%
    }*/
    /*body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(1) a,
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(4) a,
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(8) a,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(1) a,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(4) a,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(8) a {
        color: #000!important;
        font-family: KelloggsSansBold;
        font-size: 130%!important;
        padding-top: 10px!important;
        cursor: default
    }*/
    /*body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3),
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) {
        width: 21%;
        width: 54%
    }*/
    /*body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li {
        text-align: left!important
    }*/
    /*body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(6),
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(7),
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(9),
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(6),
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(7),
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(9) {
        line-height: 170%!important
    }*/
    /*body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(1) a,
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(3) a,
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(5) a,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(1) a,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(3) a,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(1) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(5) a {
        color: #000!important;
        font-family: KelloggsSansBold;
        font-size: 130%!important;
        padding-top: 10px!important;
        cursor: default
    }*/
    /*body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(2) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(1) a,
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(2) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(3) a,
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(2) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(6) a,
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(2) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(9) a,
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(2) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(1) a,
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(2) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(4) a,
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(2) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(8) a,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(2) .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(2) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(3) a,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(2) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(6) a,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(2) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(9) a,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(2) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(1) a,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(2) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(4) a,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(2) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(8) a {
        color: #000!important;
        font-family: KelloggsSansBold;
        font-size: 130%!important;
        padding-top: 10px!important
    }*/
    /*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 {
        color: #000!important;
        font-family: KelloggsSansBold;
        font-size: 130%!important;
        padding-top: 10px!important;
        cursor: default
    }*/
    /*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(2) 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(2) li:nth-of-type(1) a {
        color: #000!important;
        font-family: KelloggsSansBold;
        font-size: 130%!important;
        padding-top: 10px!important;
        cursor: default
    }*/
    /*body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel a.kstl-mega-nav__feature-image:after,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel a.kstl-mega-nav__feature-image:after {
        content: "Get Inspired"
    }*/
    /*body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(1) a,
    body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(5) a,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .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(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(1) li:nth-of-type(5) a {
        color: #000!important;
        font-family: KelloggsSansBold;
        font-size: 130%!important;
        padding-top: 10px!important;
        cursor: default
    }*/
    /*body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(1) a,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(2) li:nth-of-type(1) a {
        color: #000!important;
        font-family: KelloggsSansBold;
        font-size: 130%!important;
        padding-top: 10px!important;
        cursor: default
    }*/
    /*body header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(1) a,
    html header .content_wrapper .topNavWrapper .topNav nav ul li.kstl-mega-nav-item--top:nth-of-type(4) .kstl-mega-nav__panel .kstl-mega-nav__column:nth-of-type(3) li:nth-of-type(1) a {
        color: #000!important;
        font-family: KelloggsSansBold;
        font-size: 130%!important;
        padding-top: 10px!important;
        cursor: default
    }*/
    /*body header .content_wrapper .topNavWrapper .topNav .KSTLNav-show,
    html header .content_wrapper .topNavWrapper .topNav .KSTLNav-show {
        -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .25)!important;
        -moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .25)!important;
        box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .25)!important;
        border-bottom: 3px solid #d31145
    }*/
}

body header .content_wrapper .topNavWrapper .desk-one-mySearch,
body header .content_wrapper .topNavWrapper .lap-one-mySearch,
body header .content_wrapper .topNavWrapper .one-mySearch,
html header .content_wrapper .topNavWrapper .desk-one-mySearch,
html header .content_wrapper .topNavWrapper .lap-one-mySearch,
html header .content_wrapper .topNavWrapper .one-mySearch {
    width: 100px!important
}

body header .content_wrapper .topNavWrapper .desk-four-mySearch,
body header .content_wrapper .topNavWrapper .four-mySearch,
html header .content_wrapper .topNavWrapper .desk-four-mySearch,
html header .content_wrapper .topNavWrapper .four-mySearch {
    width: 850px!important
}

@media (max-width:999px) {
    body header .content_wrapper .topNavWrapper .five-sixths,
    body header .content_wrapper .topNavWrapper .lap-five-sixths,
    body header .content_wrapper .topNavWrapper .palm-five-sixths,
    html header .content_wrapper .topNavWrapper .five-sixths,
    html header .content_wrapper .topNavWrapper .lap-five-sixths,
    html header .content_wrapper .topNavWrapper .palm-five-sixths {
        width: 83.333%!important
    }
    body header .content_wrapper .topNavWrapper .lap-one-sixth,
    html header .content_wrapper .topNavWrapper .lap-one-sixth {
        width: 16.666%!important
    }
}

@media (max-width:601px) {
    body header .content_wrapper .topNavWrapper .lap-one-whole,
    body header .content_wrapper .topNavWrapper .palm-one-whole,
    html header .content_wrapper .topNavWrapper .lap-one-whole,
    html header .content_wrapper .topNavWrapper .palm-one-whole {
        width: 100%!important
    }
    body header .content_wrapper .topNavWrapper .palm-five-sixths,
    html header .content_wrapper .topNavWrapper .palm-five-sixths {
        width: 83.333%!important
    }
    body header .content_wrapper .topNavWrapper .palm-one-sixth,
    html header .content_wrapper .topNavWrapper .palm-one-sixth {
        width: 16.666%!important
    }
}

@media (max-width:980px) {
    body header .content_wrapper,
    html header .content_wrapper {
        width: 100%!important
    }
}

body .fullWidth,
html .fullWidth {
    display: block;
    width: 1440px;
    /*min-height: 1440px;*/
    margin: 0 auto;
    /*padding: 100px 0 0!important;*/
    z-index: -100
}

body .fullWidth .centeredContent,
html .fullWidth .centeredContent {
    display: block;
    max-width: 980px;
    margin: 0 auto!important
}

body .fullWidth .centeredContent .breadCrumbs,
html .fullWidth .centeredContent .breadCrumbs {
    margin-top: 0
}

body .fullWidth .centeredContent .breadCrumbs ul li,
html .fullWidth .centeredContent .breadCrumbs ul li {
    font-size: 8px;
    font-size: .8rem;
    font-family: KelloggsSansRegular;
    font-weight: 400;
    display: inline-block
}

body .fullWidth .centeredContent .breadCrumbs ul li a,
html .fullWidth .centeredContent .breadCrumbs ul li a {
    font-family: KelloggsSansRegular;
    font-weight: 400
}

body .fullWidth .centeredContent .breadCrumbs ul li a:hover,
html .fullWidth .centeredContent .breadCrumbs ul li a:hover {
    color: #d31145;
    text-decoration: underline
}

@media (max-width:980px) {
    body .fullWidth .centeredContent .breadCrumbs,
    html .fullWidth .centeredContent .breadCrumbs {
        width: 100%;
        clear: left;
        margin: 40px 0 0 10px!important
    }
    body .fullWidth .centeredContent,
    html .fullWidth .centeredContent {
        width: 100%
    }
}

@media (max-width:601px) {
    body .fullWidth .centeredContent .breadCrumbs,
    html .fullWidth .centeredContent .breadCrumbs {
        margin-top: 10px!important
    }
    body .fullWidth .centeredContent .breadCrumbs ul li,
    html .fullWidth .centeredContent .breadCrumbs ul li {
        font-size: 10px;
        font-size: 1rem
    }
    body .fullWidth .centeredContent .breadCrumbs ul li a,
    html .fullWidth .centeredContent .breadCrumbs ul li a {
        font-size: 10px;
        font-size: 1rem;
        padding: 0
    }
    body .fullWidth .centeredContent,
    html .fullWidth .centeredContent {
        margin: 0 auto!important
    }
}

@media (max-width:1440px) {
    body .fullWidth,
    html .fullWidth {
        width: 100%
    }
}

@media (max-width:999px) {
    body .fullWidth,
    html .fullWidth {
        width: 100%;
        /*margin: -105px 0 0!important;
        padding: 100px 20px 0!important*/
    }
}

@media (max-width:601px) {
    body .fullWidth,
    html .fullWidth {
        /*margin: 0 auto!important;
        padding: 0!important*/
    }
}

body .contactUs,
html .contactUs {
    background-image: url(/content/dam/NorthAmerica/kelloggs/en_US/images/contact-us/generic-bottom.png), url(/content/dam/NorthAmerica/kelloggs/en_US/images/contact-us/generic-top.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: bottom, top
}

@media (max-width:980px) {
    body .contactUs,
    html .contactUs {
        padding: 0 10px!important
    }
}

@media (max-width:601px) {
    body .contactUs,
    html .contactUs {
        background-image: url(/content/dam/NorthAmerica/kelloggs/en_US/images/contact-us/generic-top.jpg);
        background-repeat: no-repeat;
        background-position: top
    }
}

body .contactUs .whereToBuy .grid__item:nth-of-type(1),
html .contactUs .whereToBuy .grid__item:nth-of-type(1) {
    display: block;
    width: 100%;
    max-width: 960px;
    padding: 0!important;
    margin: 0 auto!important
}

body .contactUs .whereToBuy .grid__item:nth-of-type(1) .kstl-where-to-buy,
html .contactUs .whereToBuy .grid__item:nth-of-type(1) .kstl-where-to-buy {
    width: 100%;
    margin: 0 auto!important
}

@media (max-width:960px) {
    body .contactUs .whereToBuy .grid__item:nth-of-type(1) .kstl-where-to-buy,
    html .contactUs .whereToBuy .grid__item:nth-of-type(1) .kstl-where-to-buy {
        width: 100%
    }
}

body .contactUs .whereToBuy .grid__item:nth-of-type(1) .kstl-where-to-buy .destini.section,
html .contactUs .whereToBuy .grid__item:nth-of-type(1) .kstl-where-to-buy .destini.section {
    width: 960px
}

@media (max-width:960px) {
    body .contactUs .whereToBuy .grid__item:nth-of-type(1) .kstl-where-to-buy .destini.section,
    html .contactUs .whereToBuy .grid__item:nth-of-type(1) .kstl-where-to-buy .destini.section {
        width: 100%;
        margin: 0!important
    }
}

body .contactUs .whereToBuy .grid__item:nth-of-type(1) .kstl-where-to-buy #destini,
html .contactUs .whereToBuy .grid__item:nth-of-type(1) .kstl-where-to-buy #destini {
    min-width: 100%;
    max-width: 960px;
    min-height: 600px;
    padding: 0;
    margin: 0!important
}

body .contactUs .whereToBuy .grid__item:nth-of-type(1) .kstl-where-to-buy #destini-zip,
html .contactUs .whereToBuy .grid__item:nth-of-type(1) .kstl-where-to-buy #destini-zip {
    -webkit-animation: display-none-transition .5s;
    animation: display-none-transition .5s;
    opacity: 1;
    display: block;
    position: fixed;
    width: 960px;
    bottom: 0;
    left: 50%;
    margin-left: -480px;
    z-index: 10000000;
    background-color: #d31145;
    padding: 15px 20px 20px
}

@media (max-width:960px) {
    body .contactUs .whereToBuy .grid__item:nth-of-type(1) .kstl-where-to-buy #destini-zip,
    html .contactUs .whereToBuy .grid__item:nth-of-type(1) .kstl-where-to-buy #destini-zip {
        width: 100%;
        left: 0;
        margin-left: 0
    }
}

@media (max-width:600px) {
    body .contactUs .whereToBuy .grid__item:nth-of-type(1) .kstl-where-to-buy #destini-zip,
    html .contactUs .whereToBuy .grid__item:nth-of-type(1) .kstl-where-to-buy #destini-zip {
        left: 0;
        margin-left: 0
    }
}

body .contactUs .whereToBuy .grid__item:nth-of-type(1) .kstl-where-to-buy #destini-zip.nonfloating,
html .contactUs .whereToBuy .grid__item:nth-of-type(1) .kstl-where-to-buy #destini-zip.nonfloating {
    position: relative;
    width: 960px;
    top: 0;
    left: 50%;
    bottom: auto;
    margin-left: -480px
}

@media (max-width:960px) {
    body .contactUs .whereToBuy .grid__item:nth-of-type(1) .kstl-where-to-buy #destini-zip.nonfloating,
    html .contactUs .whereToBuy .grid__item:nth-of-type(1) .kstl-where-to-buy #destini-zip.nonfloating {
        width: 100%;
        margin: 0 0 0 -50%!important
    }
}

body .contactUs .whereToBuy .grid__item:nth-of-type(1) .kstl-where-to-buy #destiniLocation,
html .contactUs .whereToBuy .grid__item:nth-of-type(1) .kstl-where-to-buy #destiniLocation {
    box-sizing: border-box;
    font-size: 18px;
    width: 100px;
    height: 34px;
    padding: 3px 6px;
    border: 2px solid #a60f15;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

body .contactUs .whereToBuy .grid__item:nth-of-type(1) .kstl-where-to-buy #destiniRange,
html .contactUs .whereToBuy .grid__item:nth-of-type(1) .kstl-where-to-buy #destiniRange {
    font-size: 18px;
    width: 100px;
    height: 34px;
    margin-left: 8px;
    border: 2px solid #a60f15;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

@media (max-width:420px) {
    body .contactUs .whereToBuy .grid__item:nth-of-type(1) .kstl-where-to-buy #destiniRange,
    html .contactUs .whereToBuy .grid__item:nth-of-type(1) .kstl-where-to-buy #destiniRange {
        margin-left: 4px
    }
}

body .contactUs .whereToBuy .grid__item:nth-of-type(1) .kstl-where-to-buy .customSelect,
html .contactUs .whereToBuy .grid__item:nth-of-type(1) .kstl-where-to-buy .customSelect {
    margin: 0 12px;
    vertical-align: middle
}

body .contactUs .whereToBuy .grid__item:nth-of-type(1) .kstl-where-to-buy #destini-zip button,
html .contactUs .whereToBuy .grid__item:nth-of-type(1) .kstl-where-to-buy #destini-zip button {
    display: inline-block;
    margin: 2px 0 0 10px;
    padding: 8px 24px;
    position: relative;
    text-align: center;
    width: auto;
    border-radius: 5px;
    border: 1px solid #f0c33b;
    background: #f0c33b;
    color: #fff;
    font-size: 16px
}

body .contactUs .whereToBuy .grid__item:nth-of-type(1) .kstl-where-to-buy #destini-zip button:hover,
html .contactUs .whereToBuy .grid__item:nth-of-type(1) .kstl-where-to-buy #destini-zip button:hover {
    color: #c01f25;
    background: #fff
}

@media (max-width:420px) {
    body .contactUs .whereToBuy .grid__item:nth-of-type(1) .kstl-where-to-buy #destini-zip button,
    html .contactUs .whereToBuy .grid__item:nth-of-type(1) .kstl-where-to-buy #destini-zip button {
        margin: 0 0 0 4px
    }
}

@media (max-width:410px) {
    body .contactUs .whereToBuy .grid__item:nth-of-type(1) .kstl-where-to-buy #destini-zip button,
    html .contactUs .whereToBuy .grid__item:nth-of-type(1) .kstl-where-to-buy #destini-zip button {
        margin: 10px 0 0 4px;
        width: 200px!important
    }
}

@media (max-width:601px) {
    body .contactUs h1,
    html .contactUs h1 {
        width: 95%;
        margin: 20px auto 0
    }
}

body .contactUs p.error,
html .contactUs p.error {
    font-size: 8px;
    font-size: .8rem
}

body .contactUs .blackBoxes,
html .contactUs .blackBoxes {
    margin-top: 20px!important;
    padding-bottom: 40px!important
}

body .contactUs .blackBoxes .boxOne,
html .contactUs .blackBoxes .boxOne {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/contact-us/questionBubble.gif) 20px 20px no-repeat;
    border: 1px solid #000;
    padding: 20px 20px 20px 100px;
    width: 98%;
    min-height: 150px
}

body .contactUs .blackBoxes .boxOne h2,
html .contactUs .blackBoxes .boxOne h2 {
    color: #97172e;
    font-size: 10px;
    font-size: 1rem
}

body .contactUs .blackBoxes .boxOne p,
html .contactUs .blackBoxes .boxOne p {
    font-size: 8px;
    font-size: .8rem
}

body .contactUs .blackBoxes .boxOne p a,
html .contactUs .blackBoxes .boxOne p a {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/contact-us/redArrow.png) no-repeat!important;
    display: block;
    margin: 10px 0;
    border: 3px solid #bf2037;
    width: 150px!important;
    text-align: center;
    padding: 4px 10px;
    color: #000
}

@media (max-width:601px) {
    body .contactUs .blackBoxes .boxOne,
    html .contactUs .blackBoxes .boxOne {
        width: 95%;
        margin: 20px auto
    }
}

body .contactUs .blackBoxes .boxTwo,
html .contactUs .blackBoxes .boxTwo {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/contact-us/chatBubble.gif) 20px 20px no-repeat;
    padding: 20px 20px 20px 100px;
    border: 1px solid #000;
    float: right;
    width: 98%;
    min-height: 150px
}

body .contactUs .blackBoxes .boxTwo h2,
html .contactUs .blackBoxes .boxTwo h2 {
    color: #97172e;
    font-size: 10px;
    font-size: 1rem
}

body .contactUs .blackBoxes .boxTwo p,
html .contactUs .blackBoxes .boxTwo p {
    font-size: 8px;
    font-size: .8rem
}

body .contactUs .blackBoxes .boxTwo p a,
html .contactUs .blackBoxes .boxTwo p a {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/contact-us/redArrow.png) no-repeat!important;
    display: block;
    margin: 10px 0;
    border: 3px solid #bf2037;
    width: 150px!important;
    text-align: center;
    padding: 4px 10px;
    color: #000
}

@media (max-width:601px) {
    body .contactUs .blackBoxes .boxTwo,
    html .contactUs .blackBoxes .boxTwo {
        float: none;
        width: 95%;
        margin: 20px auto
    }
    body .contactUs .blackBoxes,
    html .contactUs .blackBoxes {
        margin-top: 0!important;
        padding-bottom: 20px!important
    }
}

body .contactUs .redButtons p,
html .contactUs .redButtons p {
    padding-top: 0!important;
    margin-top: 0!important;
    width: 100%
}

body .contactUs .redButtons p a.redOne,
body .contactUs .redButtons p a.redThree,
body .contactUs .redButtons p a.redTwo,
html .contactUs .redButtons p a.redOne,
html .contactUs .redButtons p a.redThree,
html .contactUs .redButtons p a.redTwo {
    width: 95%!important;
    height: 85px!important;
    color: #fff!important;
    text-transform: uppercase;
    padding: 10px 40% 10px 10px;
    line-height: 120%;
    display: block
}

body .contactUs .redButtons p a.redOne,
html .contactUs .redButtons p a.redOne {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/contact-us/arrow.png) no-repeat #b51a46!important
}

body .contactUs .redButtons p a.redTwo,
html .contactUs .redButtons p a.redTwo {
    margin: 0 auto!important;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/contact-us/arrow.png) no-repeat #ee3523!important
}

body .contactUs .redButtons p a.redThree,
html .contactUs .redButtons p a.redThree {
    float: right;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/contact-us/arrow.png) no-repeat #e00034!important
}

@media (max-width:601px) {
    body .contactUs .redButtons,
    html .contactUs .redButtons {
        width: 95%!important;
        margin: 0 auto!important
    }
}

body .contactUs .kstl-contactus,
html .contactUs .kstl-contactus {
    margin-top: 40px
}

@media (max-width:601px) {
    body .contactUs .kstl-contactus,
    html .contactUs .kstl-contactus {
        width: 95%!important;
        margin: 40px auto!important
    }
}

body .contactUs .KSTL-Registration .pod,
html .contactUs .KSTL-Registration .pod {
    border: 1px solid #d31145;
    min-width: auto;
    min-width: unset;
    padding: 0
}

body .contactUs .KSTL-Registration .pod .ng-form,
html .contactUs .KSTL-Registration .pod .ng-form {
    border: 1px solid #000
}

body .contactUs .KSTL-Registration .pod .ng-form p,
html .contactUs .KSTL-Registration .pod .ng-form p {
    width: 64%
}

body .contactUs .KSTL-Registration .pod .ng-form input,
body .contactUs .KSTL-Registration .pod .ng-form text,
html .contactUs .KSTL-Registration .pod .ng-form input,
html .contactUs .KSTL-Registration .pod .ng-form text {
    width: 100%!important
}

body .contactUs .btn-primary,
html .contactUs .btn-primary {
    background: #e00034!important
}

body .ourBrands,
html .ourBrands {
    background-image: url(/content/dam/NorthAmerica/kelloggs/en_US/images/recipes/ourbrands-btm-170.png), 
                      url(/content/dam/NorthAmerica/kelloggs/en_US/images/who-we-are/top.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: top, top
}

@media (max-width:601px) {
    body .ourBrands,
    html .ourBrands {
        background: 0 0;
    }
}

body .ourBrands .heroCarousel .flexslider,
html .ourBrands .heroCarousel .flexslider {
    margin-top: 20px;
    z-index: 1!important;
    opacity: .99!important;
    background: 0 0!important
}

body .ourBrands .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset,
html .ourBrands .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset {
    background: 0 0;
    width: 100%;
    max-width: unset;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

/*
body .ourBrands .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text,
html .ourBrands .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text {
    padding: 10px
}
*/

body .ourBrands .heroCarousel ol.flex-control-nav,
html .ourBrands .heroCarousel ol.flex-control-nav {
    width: unset!important;
    height: 18px;
    right: 4px
}

body .ourBrands .heroCarousel ol.flex-control-nav li,
html .ourBrands .heroCarousel ol.flex-control-nav li {
    margin: 0 2px
}

body .ourBrands .heroCarousel ol.flex-control-nav li a,
html .ourBrands .heroCarousel ol.flex-control-nav li a {
    border: 0;
    background: #fff!important;
    opacity: .5
}

body .ourBrands .heroCarousel ol.flex-control-nav li a.flex-active,
html .ourBrands .heroCarousel ol.flex-control-nav li a.flex-active {
    opacity: 1
}

@media (max-width:601px) {
    body .ourBrands .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset,
    html .ourBrands .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset {
        margin-top: 0
    }
    body .ourBrands .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text,
    html .ourBrands .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text {
        padding: 0
    }
    body .ourBrands .heroCarousel ol.flex-control-nav,
    html .ourBrands .heroCarousel ol.flex-control-nav {
        display: block
    }
}

body .ourBrands .multiContentGrid,
html .ourBrands .multiContentGrid {
    padding-top: 20px!important
}

body .ourBrands .multiContentGrid .desk-one-myFifth,
body .ourBrands .multiContentGrid .one-myFifth,
html .ourBrands .multiContentGrid .desk-one-myFifth,
html .ourBrands .multiContentGrid .one-myFifth {
    width: 22.5%!important
}

body .ourBrands .multiContentGrid .desk-four-myFifths,
body .ourBrands .multiContentGrid .four-myFifths,
html .ourBrands .multiContentGrid .desk-four-myFifths,
html .ourBrands .multiContentGrid .four-myFifths {
    width: 77.5%!important
}

body .ourBrands .leftMenu,
html .ourBrands .leftMenu {
    background: #fff;
    padding: 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

body .ourBrands .leftMenu h3,
html .ourBrands .leftMenu h3 {
    font-size: 12px;
    font-size: 1.2rem
}

body .ourBrands .leftMenu ul,
html .ourBrands .leftMenu ul {
    list-style-type: none
}

body .ourBrands .leftMenu ul li,
html .ourBrands .leftMenu ul li {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/arrow.png) 96% center no-repeat, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x;
    background-size: 14px, auto;
    padding: 6px 34px 6px 0
}

body .ourBrands .leftMenu ul li a,
html .ourBrands .leftMenu ul li a {
    font-size: 8px;
    font-size: .8rem
}

body .ourBrands .leftMenu li.disabled,
html .ourBrands .leftMenu li.disabled {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/arrowDark.png) 96% center no-repeat, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x;
    background-size: 14px, auto;
    font-size: 8px;
    font-size: .8rem;
    color: #d31145
}

body .ourBrands .leftMenu h1,
html .ourBrands .leftMenu h1 {
    font-size: 12px;
    font-size: 1.2rem
}

@media (max-width:601px) {
    body .ourBrands .multiContentGrid .lap-one-whole,
    body .ourBrands .multiContentGrid .palm-one-whole,
    html .ourBrands .multiContentGrid .lap-one-whole,
    html .ourBrands .multiContentGrid .palm-one-whole {
        width: 100%!important
    }
    body .ourBrands .leftMenu,
    html .ourBrands .leftMenu {
        padding: 0 10px;
        background: 0 0
    }
    body .ourBrands .leftMenu h3,
    html .ourBrands .leftMenu h3 {
        font-size: 16px!important;
        font-size: 1.6rem!important;
        padding-left: 20px
    }
    body .ourBrands .leftMenu ul,
    html .ourBrands .leftMenu ul {
        list-style-type: none;
        padding-bottom: 20px
    }
    body .ourBrands .leftMenu ul li,
    html .ourBrands .leftMenu ul li {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/arrow.png) 96% center no-repeat, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x;
        background-size: 14px, auto;
        padding: 6px 20px 10px!important
    }
    body .ourBrands .leftMenu ul li a,
    html .ourBrands .leftMenu ul li a {
        font-size: 14px!important;
        font-size: 1.4rem!important
    }
    body .ourBrands .leftMenu ul li:last-child,
    html .ourBrands .leftMenu ul li:last-child {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/arrow.png) 96% center no-repeat, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x;
        background-size: 14px, auto, auto
    }
    body .ourBrands .leftMenu ul li.disabled,
    html .ourBrands .leftMenu ul li.disabled {
        font-size: 15px!important;
        font-size: 1.5rem!important;
        color: #af0113
    }
    body .ourBrands .leftMenu h1,
    html .ourBrands .leftMenu h1 {
        font-size: 16px;
        font-size: 1.6rem;
        padding: 0 0 20px 20px
    }
}

body .ourBrands .wideColumn,
html .ourBrands .wideColumn {
    padding: 20px!important
}

body .ourBrands .wideColumn h1,
html .ourBrands .wideColumn h1 {
    font-size: 13px;
    font-size: 1.3rem;
    margin-top: -20px
}

body .ourBrands .wideColumn h1.bigH1,
html .ourBrands .wideColumn h1.bigH1 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-top: -20px
}

body .ourBrands .wideColumn h2,
html .ourBrands .wideColumn h2 {
    font-size: 11px;
    font-size: 1.1rem;
    padding: 10px 0 0
}

body .ourBrands .wideColumn p,
html .ourBrands .wideColumn p {
    font-size: 9px;
    font-size: .9rem;
    /*font-family: "Lucida Grande", Lucida, "Trebuchet MS", Arial, sans-serif;*/
    color: #6c665b!important;
    line-height: 120%;
    padding-top: 10px
}

body .ourBrands .wideColumn p.bigP,
html .ourBrands .wideColumn p.bigP {
    font-size: 10px;
    font-size: 1rem;
    /*font-family: "Lucida Grande", Lucida, "Trebuchet MS", Arial, sans-serif!important;*/
    font-weight: 400!important;
    line-height: 150%;
    width: 90%
}

body .ourBrands .wideColumn .pod,
html .ourBrands .wideColumn .pod {
    margin-top: 20px;
    width: 90%
}

body .ourBrands .wideColumn .pod img,
html .ourBrands .wideColumn .pod img {
    width: 100%
}

body .ourBrands .wideColumn .pod h3,
html .ourBrands .wideColumn .pod h3 {
    font-size: 10px;
    font-size: 1rem;
    line-height: 120%
}

@media (max-width:601px) {
    body .ourBrands .wideColumn .pod,
    html .ourBrands .wideColumn .pod {
        width: 100%
    }
}

body .ourBrands .wideColumn .overLine,
html .ourBrands .wideColumn .overLine {
    width: 94%;
    border-top: 1px solid #000;
    margin-top: 20px
}

body .ourBrands .wideColumn .overLine h4,
html .ourBrands .wideColumn .overLine h4 {
    font-size: 10px;
    font-size: 1rem;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x;
    padding: 8px 0
}

body .ourBrands .wideColumn .overLine .hr,
html .ourBrands .wideColumn .overLine .hr {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x;
    margin: 10px 0;
    padding: 1px
}

body .ourBrands .wideColumn .overLine .strongItalics,
html .ourBrands .wideColumn .overLine .strongItalics {
    font-family: KelloggsSansBoldItalic;
    color: #000!important;
    padding-top: 10px
}

body .ourBrands .wideColumn .overLine a,
html .ourBrands .wideColumn .overLine a {
    font-family: KelloggsSansRegular!important
}

@media (max-width:601px) {
    body .ourBrands .wideColumn .overLine,
    html .ourBrands .wideColumn .overLine {
        width: 100%
    }
    body .ourBrands .wideColumn h1,
    html .ourBrands .wideColumn h1 {
        margin-top: 0
    }
    body .ourBrands .wideColumn .button,
    html .ourBrands .wideColumn .button {
        font-size: 20px!important
    }
}

body .ourBrands .wideColumn .floatContainer,
html .ourBrands .wideColumn .floatContainer {
    float: left;
    display: block;
    clear: left;
    padding-bottom: 10px
}

body .ourBrands .wideColumn .leftPhoto,
html .ourBrands .wideColumn .leftPhoto {
    float: left;
    display: inline;
    padding: 0 20px 10px 0
}

body .ourBrands .wideColumn .leftPhoto img,
html .ourBrands .wideColumn .leftPhoto img {
    border: 1px solid #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

body .ourBrands .wideColumn .rightPhoto,
html .ourBrands .wideColumn .rightPhoto {
    float: right;
    display: inline;
    padding: 0 0 10px 20px
}

body .ourBrands .wideColumn .rightPhoto img,
html .ourBrands .wideColumn .rightPhoto img {
    border: 1px solid #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

body .ourBrands .wideColumn .arrowLink:after,
html .ourBrands .wideColumn .arrowLink:after {
    content: ' ';
    display: inline-block;
    width: 9px;
    height: 9px;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/icon-bkg-ex-link.png) no-repeat
}

@media (max-width:700px) {
    body .ourBrands .wideColumn .clearingLink,
    html .ourBrands .wideColumn .clearingLink {
        float: left;
        display: inline-block
    }
}

body .ourBrands .brandOne,
html .ourBrands .brandOne {
    max-width: 250px;
    margin-top: 20px;
    color: #fff
}

body .ourBrands .brandOne h1,
html .ourBrands .brandOne h1 {
    font-size: 20px;
    font-size: 2rem;
    line-height: 120%
}

body .ourBrands .brandOne p,
html .ourBrands .brandOne p {
    font-size: 8px;
    font-size: .8rem
}

@media (max-width:980px) {
    body .ourBrands .brandOne,
    html .ourBrands .brandOne {
        border: 1px solid #fff;
        max-width: unset;
        width: calc((100vw / 19) * 7);
        margin-top: calc((100vw / 95) * 2)
    }
    body .ourBrands .brandOne h1,
    html .ourBrands .brandOne h1 {
        font-size: 20px;
        font-size: 2rem;
        line-height: 100%
    }
    body .ourBrands .brandOne p,
    html .ourBrands .brandOne p {
        font-size: 8px;
        font-size: .8rem
    }
}

@media (max-width:681px) {
    body .ourBrands .brandOne,
    html .ourBrands .brandOne {
        margin-top: calc((100vw / 681) * 1)
    }
}

@media (max-width:601px) {
    body .ourBrands .brandOne,
    html .ourBrands .brandOne {
        max-width: 100%;
        width: 100%;
        height: 100%;
        margin-top: -1px;
        margin-left: 0;
        background: #d31145;
        min-height: 285px!important;
        padding: 20px 40px 20px 20px;
        color: #fff
    }
    body .ourBrands .brandOne h1,
    html .ourBrands .brandOne h1 {
        font-size: 20px;
        font-size: 2rem
    }
    body .ourBrands .brandOne .button,
    body .ourBrands .brandOne p,
    html .ourBrands .brandOne .button,
    html .ourBrands .brandOne p {
        font-size: 8px;
        font-size: .8rem
    }
}

@media (max-width:356px) {
    body .ourBrands .brandOne,
    html .ourBrands .brandOne {
        min-height: 304px!important
    }
}

body .ourBrands .brandTwo,
html .ourBrands .brandTwo {
    max-width: 226px;
    margin-top: 10px;
    color: #d31145
}

body .ourBrands .brandTwo h1,
html .ourBrands .brandTwo h1 {
    font-size: 20px;
    font-size: 2rem;
    line-height: 110%
}

body .ourBrands .brandTwo p,
html .ourBrands .brandTwo p {
    color: #6c665b;
    font-size: 8px;
    font-size: .8rem
}

@media (max-width:980px) {
    body .ourBrands .brandTwo,
    html .ourBrands .brandTwo {
        max-width: unset;
        width: calc((100vw / 475) * 164);
        margin-top: calc((100vw / 95) * 1)
    }
    body .ourBrands .brandTwo h1,
    html .ourBrands .brandTwo h1 {
        font-size: 20px;
        font-size: 2rem;
        line-height: 110%
    }
    body .ourBrands .brandTwo p,
    html .ourBrands .brandTwo p {
        font-size: 8px;
        font-size: .8rem
    }
    body .ourBrands .brandTwo p span,
    html .ourBrands .brandTwo p span {
        font-size: 7px;
        font-size: .7rem
    }
}

@media (max-width:720px) {
    body .ourBrands .brandTwo,
    html .ourBrands .brandTwo {
        max-width: unset;
        width: 280px;
        width: calc((100vw / 18) * 7);
        margin-top: calc((100vw / 72) * 1)
    }
    body .ourBrands .brandTwo h1,
    html .ourBrands .brandTwo h1 {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 110%
    }
    body .ourBrands .brandTwo p,
    html .ourBrands .brandTwo p {
        font-size: 7px;
        font-size: .7rem
    }
}

@media (max-width:601px) {
    body .ourBrands .brandTwo,
    html .ourBrands .brandTwo {
        max-width: 100%;
        width: 100%;
        height: 100%;
        margin-top: -1px;
        margin-left: 0;
        background: #00914c;
        min-height: 285px!important;
        padding: 20px 40px 20px 20px;
        color: #fff
    }
    body .ourBrands .brandTwo p,
    html .ourBrands .brandTwo p {
        color: #fff;
        font-size: 8px;
        font-size: .8rem
    }
    body .ourBrands .brandTwo .button,
    html .ourBrands .brandTwo .button {
        font-size: 8px;
        font-size: .8rem
    }
}

@media (max-width:356px) {
    body .ourBrands .brandTwo,
    html .ourBrands .brandTwo {
        min-height: 304px!important
    }
}

body .ourBrands .brandThree,
html .ourBrands .brandThree {
    max-width: 280px;
    margin-top: 20px;
    color: #fff
}

body .ourBrands .brandThree h1,
html .ourBrands .brandThree h1 {
    font-size: 20px;
    font-size: 2rem;
    line-height: 120%
}

body .ourBrands .brandThree p,
html .ourBrands .brandThree p {
    font-size: 8px;
    font-size: .8rem
}

@media (max-width:980px) {
    body .ourBrands .brandThree,
    html .ourBrands .brandThree {
        max-width: unset;
        width: calc((100vw / 19) * 7);
        margin-top: calc((100vw / 95) * 2)
    }
    body .ourBrands .brandThree h1,
    html .ourBrands .brandThree h1 {
        font-size: 20px;
        font-size: 2rem;
        line-height: 100%
    }
    body .ourBrands .brandThree p,
    html .ourBrands .brandThree p {
        font-size: 8px;
        font-size: .8rem
    }
}

@media (max-width:601px) {
    body .ourBrands .brandThree,
    html .ourBrands .brandThree {
        max-width: 100%;
        width: 100%;
        height: 100%;
        margin-top: -1px;
        margin-left: 0;
        background: #d31145;
        min-height: 285px!important;
        padding: 20px 40px 20px 20px;
        color: #fff
    }
    body .ourBrands .brandThree h1,
    html .ourBrands .brandThree h1 {
        font-size: 20px;
        font-size: 2rem
    }
    body .ourBrands .brandThree .button,
    body .ourBrands .brandThree p,
    html .ourBrands .brandThree .button,
    html .ourBrands .brandThree p {
        font-size: 8px;
        font-size: .8rem
    }
}

@media (max-width:356px) {
    body .ourBrands .brandThree,
    html .ourBrands .brandThree {
        min-height: 304px!important
    }
}

body .ourBrands .brandFour,
html .ourBrands .brandFour {
    max-width: 214px;
    margin-top: 20px;
    color: #d31145
}

body .ourBrands .brandFour h1,
html .ourBrands .brandFour h1 {
    font-size: 20px;
    font-size: 2rem;
    line-height: 100%
}

body .ourBrands .brandFour p,
html .ourBrands .brandFour p {
    color: #6c665b;
    font-size: 8px;
    font-size: .8rem
}

body .ourBrands .brandFour p span,
html .ourBrands .brandFour p span {
    font-size: 7px;
    font-size: .7rem
}

@media (max-width:980px) {
    body .ourBrands .brandFour,
    html .ourBrands .brandFour {
        max-width: unset;
        width: calc((100vw / 475) * 172);
        margin-top: calc((100vw / 95) * 1)
    }
}

@media (max-width:601px) {
    body .ourBrands .brandFour,
    html .ourBrands .brandFour {
        max-width: 100%;
        width: 100%;
        height: 100%;
        margin-top: -1px;
        margin-left: 0;
        background: #d31145;
        min-height: 285px!important;
        padding: 20px 40px 20px 20px;
        color: #fff
    }
    body .ourBrands .brandFour h1,
    html .ourBrands .brandFour h1 {
        font-size: 20px;
        font-size: 2rem
    }
    body .ourBrands .brandFour p,
    html .ourBrands .brandFour p {
        color: #fff;
        font-size: 8px;
        font-size: .8rem
    }
    body .ourBrands .brandFour .button,
    html .ourBrands .brandFour .button {
        font-size: 8px;
        font-size: .8rem
    }
}

@media (max-width:356px) {
    body .ourBrands .brandFour,
    html .ourBrands .brandFour {
        min-height: 304px!important
    }
}

body .ourBrands .leftSearch,
html .ourBrands .leftSearch {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x;
    padding-top: 1px!important
}

@media (max-width:601px) {
    body .ourBrands .leftSearch,
    html .ourBrands .leftSearch {
        background: 0 0;
        padding: 20px!important
    }
    body .ourBrands .leftSearch .grid__item:nth-of-type(1),
    html .ourBrands .leftSearch .grid__item:nth-of-type(1) {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x
    }
    body .ourBrands .leftSearch .grid__item:nth-of-type(1) .grid__item:nth-of-type(1),
    html .ourBrands .leftSearch .grid__item:nth-of-type(1) .grid__item:nth-of-type(1) {
        background: 0 0
    }
}

body .ourBrands .leftSearch .kstl-show-hide .kstl-show-hide-trigger,
html .ourBrands .leftSearch .kstl-show-hide .kstl-show-hide-trigger {
    display: block;
    width: 100%;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/icon-leftnav-closed.gif) 98% center no-repeat #fff!important;
    background-size: auto, auto!important;
    padding: 8px 0 8px 10px!important;
    font-size: 7px;
    font-size: .7rem
}

@media (max-width:601px) {
    body .ourBrands .leftSearch .kstl-show-hide .kstl-show-hide-trigger,
    html .ourBrands .leftSearch .kstl-show-hide .kstl-show-hide-trigger {
        padding: 10px 20px!important;
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x, 
                    url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/icon-leftnav-closed.gif) 90% center no-repeat!important;
        font-size: 9px;
        font-size: .9rem
    }
}

body .ourBrands .leftSearch .kstl-show-hide .open,
html .ourBrands .leftSearch .kstl-show-hide .open {
    display: block;
    width: 100%;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/icon-leftnav-open.gif) 98% center no-repeat #fff!important;
    background-size: auto, auto, auto!important;
    padding: 8px 0 8px 10px!important;
    font-size: 7px;
    font-size: .7rem
}

@media (max-width:601px) {
    body .ourBrands .leftSearch .kstl-show-hide .open,
    html .ourBrands .leftSearch .kstl-show-hide .open {
        padding: 10px 20px!important;
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/icon-leftnav-open.gif) 90% center no-repeat!important;
        font-size: 9px;
        font-size: .9rem
    }
}

body .ourBrands .leftSearch .kstl-show-hide .kstl-show-hide-container,
html .ourBrands .leftSearch .kstl-show-hide .kstl-show-hide-container {
    background: #f3eee7;
    padding: 10px!important;
    max-height: 300px;
    overflow: auto;
    border-bottom: 2px solid #d31145;
    border-bottom: 10px solid #f3eee7
}

body .ourBrands .leftSearch .kstl-show-hide .kstl-show-hide-container .kstl-pim-filter--multi-select,
body .ourBrands .leftSearch .kstl-show-hide .kstl-show-hide-container .kstl-pim-filter--redirect,
html .ourBrands .leftSearch .kstl-show-hide .kstl-show-hide-container .kstl-pim-filter--multi-select,
html .ourBrands .leftSearch .kstl-show-hide .kstl-show-hide-container .kstl-pim-filter--redirect {
    padding: 10px 10px 0;
    background: #fff
}

body .ourBrands .leftSearch .kstl-show-hide .kstl-show-hide-container .search-textbox__input,
html .ourBrands .leftSearch .kstl-show-hide .kstl-show-hide-container .search-textbox__input {
    width: 70%
}

body .ourBrands .leftSearch .kstl-show-hide .kstl-show-hide-container .filter__label--multiselect,
html .ourBrands .leftSearch .kstl-show-hide .kstl-show-hide-container .filter__label--multiselect {
    font-family: KelloggsSansBold;
    font-size: 8px;
    font-size: .8rem
}

body .ourBrands .leftSearch .kstl-show-hide .kstl-show-hide-container .kstl-pim-filter--multi-select .filter__selection,
html .ourBrands .leftSearch .kstl-show-hide .kstl-show-hide-container .kstl-pim-filter--multi-select .filter__selection {
    font-size: 7px;
    font-size: .7rem
}

body .ourBrands .leftSearch .kstl-show-hide .kstl-show-hide-container ul.brand-list,
html .ourBrands .leftSearch .kstl-show-hide .kstl-show-hide-container ul.brand-list {
    padding: 10px 10px 0;
    background: #fff;
    list-style-type: none
}

body .ourBrands .leftSearch .kstl-show-hide .kstl-show-hide-container ul.brand-list li a,
html .ourBrands .leftSearch .kstl-show-hide .kstl-show-hide-container ul.brand-list li a {
    font-size: 7px;
    font-size: .7rem
}

body .ourBrands .leftSearch .kstl-show-hide .kstl-show-hide-container .kstl-filter,
html .ourBrands .leftSearch .kstl-show-hide .kstl-show-hide-container .kstl-filter {
    margin-bottom: 10px
}

body .ourBrands .leftSearch .kstl-show-hide .kstl-show-hide-container .kstl-pim-filter--redirect .filter__selection,
html .ourBrands .leftSearch .kstl-show-hide .kstl-show-hide-container .kstl-pim-filter--redirect .filter__selection {
    font-size: 7px;
    font-size: .7rem
}

body .ourBrands .leftSearch .kstl-show-hide .kstl-show-hide-container .productType p.strong,
html .ourBrands .leftSearch .kstl-show-hide .kstl-show-hide-container .productType p.strong {
    font-family: KelloggsSansBold;
    font-size: 7px;
    font-size: .7rem
}

body .ourBrands .leftSearch .kstl-show-hide .kstl-show-hide-container .productType ul li,
html .ourBrands .leftSearch .kstl-show-hide .kstl-show-hide-container .productType ul li {
    list-style-type: none
}

body .ourBrands .leftSearch .kstl-show-hide .kstl-show-hide-container .productType ul li a,
html .ourBrands .leftSearch .kstl-show-hide .kstl-show-hide-container .productType ul li a {
    font-size: 7px;
    font-size: .7rem;
    color: #47423c
}

body .ourBrands .leftSearch .kstl-show-hide .kstl-show-hide:nth-of-type(1),
html .ourBrands .leftSearch .kstl-show-hide .kstl-show-hide:nth-of-type(1) {
    padding-top: 0
}

body .ourBrands .wideColumn h3,
html .ourBrands .wideColumn h3 {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 80%
}

body .ourBrands .wideColumn h4,
html .ourBrands .wideColumn h4 {
    font-size: 120%!important
}

body .ourBrands .wideColumn h4 a,
html .ourBrands .wideColumn h4 a {
    font-size: 8px;
    font-size: .8rem;
    float: right
}

body .ourBrands .wideColumn .strongBold,
html .ourBrands .wideColumn .strongBold {
    float: left;
    display: inline-block;
    width: 100%;
    color: #000!important;
    font-size: 10px;
    font-size: 1rem;
    font-family: KelloggsSansBold;
    padding: 10px 0!important
}

body .ourBrands .wideColumn .floatLeft a.brandLink,
html .ourBrands .wideColumn .floatLeft a.brandLink {
    float: left;
    display: inline-block;
    width: 50%;
    color: #6c665b;
    /*font-family: "Lucida Grande", Lucida, "Trebuchet MS", Arial, sans-serif!important;*/
    font-size: 7px;
    font-size: .7rem
}

body .ourBrands .wideColumn .floatLeft a.brandLink .hoverlined,
html .ourBrands .wideColumn .floatLeft a.brandLink .hoverlined {
    color: #d31145
}

body .ourBrands .wideColumn .floatLeft a.brandLink:hover,
html .ourBrands .wideColumn .floatLeft a.brandLink:hover {
    text-decoration: none
}

body .ourBrands .wideColumn .floatLeft a.brandLink:hover .hoverlined,
body .productDetail .wideColumn .centerTabs .tab-controls ul.tab_buttons li.tab_button a:hover,
html .ourBrands .wideColumn .floatLeft a.brandLink:hover .hoverlined,
html .productDetail .wideColumn .centerTabs .tab-controls ul.tab_buttons li.tab_button a:hover {
    text-decoration: underline
}

body .ourBrands .wideColumn .floatLeft img,
html .ourBrands .wideColumn .floatLeft img {
    float: right;
    display: inline-block;
    width: 30%;
    margin-right: 10%
}

body .ourBrands .wideColumn .hr,
html .ourBrands .wideColumn .hr {
    width: 98%;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x;
    margin: 30px 0 20px!important;
    padding: 1px!important
}

@media (max-width:601px) {
    body .ourBrands .wideColumn .hr,
    html .ourBrands .wideColumn .hr {
        width: 100%
    }
}

body .brandDetail .heroCarousel .flexslider,
html .brandDetail .heroCarousel .flexslider {
    margin-top: 20px;
    z-index: 1!important;
    opacity: .99!important;
    background: 0 0!important
}

body .brandDetail .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset,
html .brandDetail .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset {
    background: 0 0;
    width: 100%;
    max-width: unset;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

body .brandDetail .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text,
html .brandDetail .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text {
    padding: 10px
}

body .brandDetail .heroCarousel ol.flex-control-nav,
html .brandDetail .heroCarousel ol.flex-control-nav {
    width: unset!important;
    height: 18px;
    right: 4px
}

body .brandDetail .heroCarousel ol.flex-control-nav li,
html .brandDetail .heroCarousel ol.flex-control-nav li {
    margin: 0 2px
}

body .brandDetail .heroCarousel ol.flex-control-nav li a,
html .brandDetail .heroCarousel ol.flex-control-nav li a {
    border: 0;
    background: #fff!important;
    opacity: .5
}

body .brandDetail .heroCarousel ol.flex-control-nav li a.flex-active,
html .brandDetail .heroCarousel ol.flex-control-nav li a.flex-active {
    opacity: 1
}

@media (max-width:601px) {
    body .brandDetail .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset,
    html .brandDetail .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset {
        margin-top: 0
    }
    body .brandDetail .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text,
    html .brandDetail .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text {
        padding: 0
    }
    body .brandDetail .heroCarousel ol.flex-control-nav,
    html .brandDetail .heroCarousel ol.flex-control-nav {
        display: block
    }
}

body .brandDetail .multiContentGrid,
html .brandDetail .multiContentGrid {
    padding-top: 20px!important
}

body .brandDetail .multiContentGrid .desk-one-myFifth,
body .brandDetail .multiContentGrid .one-myFifth,
html .brandDetail .multiContentGrid .desk-one-myFifth,
html .brandDetail .multiContentGrid .one-myFifth {
    width: 22.5%!important
}

body .brandDetail .multiContentGrid .desk-four-myFifths,
body .brandDetail .multiContentGrid .four-myFifths,
html .brandDetail .multiContentGrid .desk-four-myFifths,
html .brandDetail .multiContentGrid .four-myFifths {
    width: 77.5%!important
}

body .brandDetail .leftMenu,
html .brandDetail .leftMenu {
    background: #fff;
    padding: 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

body .brandDetail .leftMenu h3,
html .brandDetail .leftMenu h3 {
    font-size: 12px;
    font-size: 1.2rem
}

body .brandDetail .leftMenu ul,
html .brandDetail .leftMenu ul {
    list-style-type: none
}

body .brandDetail .leftMenu ul li,
html .brandDetail .leftMenu ul li {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/arrow.png) 96% center no-repeat, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x;
    background-size: 14px, auto;
    padding: 6px 34px 6px 0
}

body .brandDetail .leftMenu ul li a,
html .brandDetail .leftMenu ul li a {
    font-size: 8px;
    font-size: .8rem
}

body .brandDetail .leftMenu li.disabled,
html .brandDetail .leftMenu li.disabled {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/arrowDark.png) 96% center no-repeat, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x;
    background-size: 14px, auto;
    font-size: 8px;
    font-size: .8rem;
    color: #d31145
}

body .brandDetail .leftMenu h1,
html .brandDetail .leftMenu h1 {
    font-size: 12px;
    font-size: 1.2rem
}

@media (max-width:601px) {
    body .brandDetail .multiContentGrid .lap-one-whole,
    body .brandDetail .multiContentGrid .palm-one-whole,
    html .brandDetail .multiContentGrid .lap-one-whole,
    html .brandDetail .multiContentGrid .palm-one-whole {
        width: 100%!important
    }
    body .brandDetail .leftMenu,
    html .brandDetail .leftMenu {
        padding: 0 10px;
        background: 0 0
    }
    body .brandDetail .leftMenu h3,
    html .brandDetail .leftMenu h3 {
        font-size: 16px!important;
        font-size: 1.6rem!important;
        padding-left: 20px
    }
    body .brandDetail .leftMenu ul,
    html .brandDetail .leftMenu ul {
        list-style-type: none;
        padding-bottom: 20px
    }
    body .brandDetail .leftMenu ul li,
    html .brandDetail .leftMenu ul li {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/arrow.png) 96% center no-repeat, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x;
        background-size: 14px, auto;
        padding: 6px 20px 10px!important
    }
    body .brandDetail .leftMenu ul li a,
    html .brandDetail .leftMenu ul li a {
        font-size: 14px!important;
        font-size: 1.4rem!important
    }
    body .brandDetail .leftMenu ul li:last-child,
    html .brandDetail .leftMenu ul li:last-child {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/arrow.png) 96% center no-repeat, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x;
        background-size: 14px, auto, auto
    }
    body .brandDetail .leftMenu ul li.disabled,
    html .brandDetail .leftMenu ul li.disabled {
        font-size: 15px!important;
        font-size: 1.5rem!important;
        color: #af0113
    }
    body .brandDetail .leftMenu h1,
    html .brandDetail .leftMenu h1 {
        font-size: 16px;
        font-size: 1.6rem;
        padding: 0 0 20px 20px
    }
}

body .brandDetail .wideColumn h1.bigH1,
html .brandDetail .wideColumn h1.bigH1 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-top: -20px
}

body .brandDetail .wideColumn h2,
html .brandDetail .wideColumn h2 {
    font-size: 11px;
    font-size: 1.1rem;
    padding: 10px 0 0
}

body .brandDetail .wideColumn p,
html .brandDetail .wideColumn p {
    font-size: 9px;
    font-size: .9rem;
    /*font-family: "Lucida Grande", Lucida, "Trebuchet MS", Arial, sans-serif;*/
    color: #6c665b!important;
    line-height: 120%;
    padding-top: 10px
}

body .brandDetail .wideColumn p.bigP,
html .brandDetail .wideColumn p.bigP {
    font-size: 10px;
    font-size: 1rem;
    /*font-family: "Lucida Grande", Lucida, "Trebuchet MS", Arial, sans-serif!important;*/
    font-weight: 400!important;
    line-height: 150%;
    width: 90%
}

body .brandDetail .wideColumn .pod,
html .brandDetail .wideColumn .pod {
    margin-top: 20px;
    width: 90%
}

body .brandDetail .wideColumn .pod img,
html .brandDetail .wideColumn .pod img {
    width: 100%
}

body .brandDetail .wideColumn .pod h3,
html .brandDetail .wideColumn .pod h3 {
    font-size: 10px;
    font-size: 1rem;
    line-height: 120%
}

@media (max-width:601px) {
    body .brandDetail .wideColumn .pod,
    html .brandDetail .wideColumn .pod {
        width: 100%
    }
}

body .brandDetail .wideColumn .overLine,
html .brandDetail .wideColumn .overLine {
    width: 94%;
    border-top: 1px solid #000;
    margin-top: 20px
}

body .brandDetail .wideColumn .overLine h4,
html .brandDetail .wideColumn .overLine h4 {
    font-size: 10px;
    font-size: 1rem;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x;
    padding: 8px 0
}

body .brandDetail .wideColumn .overLine .hr,
html .brandDetail .wideColumn .overLine .hr {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x;
    margin: 10px 0;
    padding: 1px
}

body .brandDetail .wideColumn .overLine .strongItalics,
html .brandDetail .wideColumn .overLine .strongItalics {
    font-family: KelloggsSansBoldItalic;
    color: #000!important;
    padding-top: 10px
}

body .brandDetail .wideColumn .overLine a,
html .brandDetail .wideColumn .overLine a {
    font-family: KelloggsSansRegular!important
}

@media (max-width:601px) {
    body .brandDetail .wideColumn .overLine,
    html .brandDetail .wideColumn .overLine {
        width: 100%
    }
    body .brandDetail .wideColumn h1,
    html .brandDetail .wideColumn h1 {
        margin-top: 0
    }
    body .brandDetail .wideColumn .button,
    html .brandDetail .wideColumn .button {
        font-size: 20px!important
    }
}

body .brandDetail .wideColumn .floatContainer,
html .brandDetail .wideColumn .floatContainer {
    float: left;
    display: block;
    clear: left;
    padding-bottom: 10px
}

body .brandDetail .wideColumn .leftPhoto,
html .brandDetail .wideColumn .leftPhoto {
    float: left;
    display: inline;
    padding: 0 20px 10px 0
}

body .brandDetail .wideColumn .leftPhoto img,
html .brandDetail .wideColumn .leftPhoto img {
    border: 1px solid #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

body .brandDetail .wideColumn .rightPhoto,
html .brandDetail .wideColumn .rightPhoto {
    float: right;
    display: inline;
    padding: 0 0 10px 20px
}

body .brandDetail .wideColumn .rightPhoto img,
html .brandDetail .wideColumn .rightPhoto img {
    border: 1px solid #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

body .brandDetail .wideColumn .arrowLink:after,
html .brandDetail .wideColumn .arrowLink:after {
    content: ' ';
    display: inline-block;
    width: 9px;
    height: 9px;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/icon-bkg-ex-link.png) no-repeat
}

@media (max-width:700px) {
    body .brandDetail .wideColumn .clearingLink,
    html .brandDetail .wideColumn .clearingLink {
        float: left;
        display: inline-block
    }
}

body .brandDetail .leftSearch,
html .brandDetail .leftSearch {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x;
    padding-top: 1px!important
}

@media (max-width:601px) {
    body .brandDetail .leftSearch,
    html .brandDetail .leftSearch {
        background: 0 0;
        padding: 20px!important
    }
    body .brandDetail .leftSearch .grid__item:nth-of-type(1),
    html .brandDetail .leftSearch .grid__item:nth-of-type(1) {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x
    }
    body .brandDetail .leftSearch .grid__item:nth-of-type(1) .grid__item:nth-of-type(1),
    html .brandDetail .leftSearch .grid__item:nth-of-type(1) .grid__item:nth-of-type(1) {
        background: 0 0
    }
}

body .brandDetail .leftSearch .kstl-show-hide .kstl-show-hide-trigger,
html .brandDetail .leftSearch .kstl-show-hide .kstl-show-hide-trigger {
    display: block;
    width: 100%;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/icon-leftnav-closed.gif) 98% center no-repeat #fff!important;
    background-size: auto, auto!important;
    padding: 8px 0 8px 10px!important;
    font-size: 7px;
    font-size: .7rem
}

@media (max-width:601px) {
    body .brandDetail .leftSearch .kstl-show-hide .kstl-show-hide-trigger,
    html .brandDetail .leftSearch .kstl-show-hide .kstl-show-hide-trigger {
        padding: 10px 20px!important;
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/icon-leftnav-open.gif) 90% center no-repeat!important;
        font-size: 9px;
        font-size: .9rem
    }
}

body .brandDetail .leftSearch .kstl-show-hide .open,
html .brandDetail .leftSearch .kstl-show-hide .open {
    display: block;
    width: 100%;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/icon-leftnav-open.gif) 98% center no-repeat #fff!important;
    background-size: auto, auto, auto!important;
    padding: 8px 0 8px 10px!important;
    font-size: 7px;
    font-size: .7rem
}

@media (max-width:601px) {
    body .brandDetail .leftSearch .kstl-show-hide .open,
    html .brandDetail .leftSearch .kstl-show-hide .open {
        padding: 10px 20px!important;
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/icon-leftnav-open.gif) 90% center no-repeat!important;
        font-size: 9px;
        font-size: .9rem
    }
}

body .brandDetail .leftSearch .kstl-show-hide .kstl-show-hide-container,
html .brandDetail .leftSearch .kstl-show-hide .kstl-show-hide-container {
    background: #f3eee7;
    padding: 10px!important;
    max-height: 300px;
    overflow: auto;
    border-bottom: 2px solid #d31145;
    border-bottom: 10px solid #f3eee7
}

body .brandDetail .leftSearch .kstl-show-hide .kstl-show-hide-container .kstl-pim-filter--multi-select,
body .brandDetail .leftSearch .kstl-show-hide .kstl-show-hide-container .kstl-pim-filter--redirect,
html .brandDetail .leftSearch .kstl-show-hide .kstl-show-hide-container .kstl-pim-filter--multi-select,
html .brandDetail .leftSearch .kstl-show-hide .kstl-show-hide-container .kstl-pim-filter--redirect {
    padding: 10px 10px 0;
    background: #fff
}

body .brandDetail .leftSearch .kstl-show-hide .kstl-show-hide-container .search-textbox__input,
html .brandDetail .leftSearch .kstl-show-hide .kstl-show-hide-container .search-textbox__input {
    width: 70%
}

body .brandDetail .leftSearch .kstl-show-hide .kstl-show-hide-container .filter__label--multiselect,
html .brandDetail .leftSearch .kstl-show-hide .kstl-show-hide-container .filter__label--multiselect {
    font-family: KelloggsSansBold;
    font-size: 8px;
    font-size: .8rem
}

body .brandDetail .leftSearch .kstl-show-hide .kstl-show-hide-container .kstl-pim-filter--multi-select .filter__selection,
html .brandDetail .leftSearch .kstl-show-hide .kstl-show-hide-container .kstl-pim-filter--multi-select .filter__selection {
    font-size: 7px;
    font-size: .7rem
}

body .brandDetail .leftSearch .kstl-show-hide .kstl-show-hide-container ul.brand-list,
html .brandDetail .leftSearch .kstl-show-hide .kstl-show-hide-container ul.brand-list {
    padding: 10px 10px 0;
    background: #fff;
    list-style-type: none
}

body .brandDetail .leftSearch .kstl-show-hide .kstl-show-hide-container ul.brand-list li a,
html .brandDetail .leftSearch .kstl-show-hide .kstl-show-hide-container ul.brand-list li a {
    font-size: 7px;
    font-size: .7rem
}

body .brandDetail .leftSearch .kstl-show-hide .kstl-show-hide-container .kstl-filter,
html .brandDetail .leftSearch .kstl-show-hide .kstl-show-hide-container .kstl-filter {
    margin-bottom: 10px
}

body .brandDetail .leftSearch .kstl-show-hide .kstl-show-hide-container .kstl-pim-filter--redirect .filter__selection,
html .brandDetail .leftSearch .kstl-show-hide .kstl-show-hide-container .kstl-pim-filter--redirect .filter__selection {
    font-size: 7px;
    font-size: .7rem
}

body .brandDetail .leftSearch .kstl-show-hide .kstl-show-hide-container .productType p.strong,
html .brandDetail .leftSearch .kstl-show-hide .kstl-show-hide-container .productType p.strong {
    font-family: KelloggsSansBold;
    font-size: 7px;
    font-size: .7rem
}

body .brandDetail .leftSearch .kstl-show-hide .kstl-show-hide-container .productType ul li,
html .brandDetail .leftSearch .kstl-show-hide .kstl-show-hide-container .productType ul li {
    list-style-type: none
}

body .brandDetail .leftSearch .kstl-show-hide .kstl-show-hide-container .productType ul li a,
html .brandDetail .leftSearch .kstl-show-hide .kstl-show-hide-container .productType ul li a {
    font-size: 7px;
    font-size: .7rem;
    color: #47423c
}

body .brandDetail .leftSearch .kstl-show-hide .kstl-show-hide:nth-of-type(1),
html .brandDetail .leftSearch .kstl-show-hide .kstl-show-hide:nth-of-type(1) {
    padding-top: 0
}

body .brandDetail .wideColumn,
html .brandDetail .wideColumn {
    padding: 0 0 0 20px!important
}

body .brandDetail .wideColumn h1,
html .brandDetail .wideColumn h1 {
    margin-top: 20px!important;
    font-size: 20px;
    font-size: 2rem
}

@media (max-width:601px) {
    body .brandDetail .wideColumn,
    html .brandDetail .wideColumn {
        padding-right: 20px!important;
        margin-top: 20px!important
    }
}

body .brandDetail .kstl-brand-description,
html .brandDetail .kstl-brand-description {
    padding-bottom: 20px!important
}

body .brandDetail .gsaListContainer,
html .brandDetail .gsaListContainer {
    width: 100%;
    padding-bottom: 60px!important
}

body .brandDetail .gsaListContainer .product_category .grid__item,
html .brandDetail .gsaListContainer .product_category .grid__item {
    margin: 2px 0 0!important;
    padding: 10px!important;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDotVert.png) right top repeat-y, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x!important;
    min-height: 250px
}

body .brandDetail .gsaListContainer .product_category .grid__item h3,
html .brandDetail .gsaListContainer .product_category .grid__item h3 {
    line-height: 50%
}

body .brandDetail .gsaListContainer .product_category .grid__item h3 a,
html .brandDetail .gsaListContainer .product_category .grid__item h3 a {
    font-size: 8px;
    font-size: .8rem
}

body .brandDetail .gsaListContainer .product_category .grid__item:nth-of-type(4n-3),
html .brandDetail .gsaListContainer .product_category .grid__item:nth-of-type(4n-3) {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDotVert.png) left top repeat-y, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDotVert.png) right top repeat-y, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x!important
}

@media (max-width:999px) {
    body .brandDetail .gsaListContainer .product_category .grid__item,
    html .brandDetail .gsaListContainer .product_category .grid__item {
        min-height: 350px
    }
    body .brandDetail .gsaListContainer .product_category .grid__item:nth-of-type(4n-3),
    html .brandDetail .gsaListContainer .product_category .grid__item:nth-of-type(4n-3) {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDotVert.png) right top repeat-y, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x!important
    }
    body .brandDetail .gsaListContainer .product_category .grid__item:nth-of-type(3n-2),
    html .brandDetail .gsaListContainer .product_category .grid__item:nth-of-type(3n-2) {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDotVert.png) left top repeat-y, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDotVert.png) right top repeat-y, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x!important
    }
}

@media (max-width:601px) {
    body .brandDetail .gsaListContainer .product_category .grid__item,
    html .brandDetail .gsaListContainer .product_category .grid__item {
        min-height: 350px
    }
    body .brandDetail .gsaListContainer .product_category .grid__item:nth-of-type(3n-2),
    body .brandDetail .gsaListContainer .product_category .grid__item:nth-of-type(4n-3),
    html .brandDetail .gsaListContainer .product_category .grid__item:nth-of-type(3n-2),
    html .brandDetail .gsaListContainer .product_category .grid__item:nth-of-type(4n-3) {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDotVert.png) right top repeat-y, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x!important
    }
    body .brandDetail .gsaListContainer .product_category .grid__item:nth-of-type(2n-1),
    html .brandDetail .gsaListContainer .product_category .grid__item:nth-of-type(2n-1) {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDotVert.png) left top repeat-y, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDotVert.png) right top repeat-y, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x!important
    }
}

@media (max-width:500px) {
    body .brandDetail .gsaListContainer .product_category .grid__item,
    html .brandDetail .gsaListContainer .product_category .grid__item {
        min-height: 320px
    }
}

@media (max-width:400px) {
    body .brandDetail .gsaListContainer .product_category .grid__item,
    html .brandDetail .gsaListContainer .product_category .grid__item {
        min-height: 280px
    }
}

body .brandDetail .gsaListContainer .resultsPager,
html .brandDetail .gsaListContainer .resultsPager {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x #fff!important;
    line-height: normal;
    padding: 10px!important
}

body .brandDetail .gsaListContainer .resultsPager .kstl-results,
html .brandDetail .gsaListContainer .resultsPager .kstl-results {
    margin-top: 4px;
    font-size: 8px;
    font-size: .8rem;
    text-align: right!important
}

@media (max-width:601px) {
    body .brandDetail .gsaListContainer .resultsPager .kstl-results,
    html .brandDetail .gsaListContainer .resultsPager .kstl-results {
        text-align: center!important;
        padding-bottom: 4px!important
    }
    body .brandDetail .gsaListContainer .resultsPager .kstl-pager,
    html .brandDetail .gsaListContainer .resultsPager .kstl-pager {
        text-align: center!important
    }
}

body .brandDetail .gsaListContainer .resultsPager .kstl-pager .pagination,
html .brandDetail .gsaListContainer .resultsPager .kstl-pager .pagination {
    margin-top: 2px;
    font-size: 8px;
    font-size: .8rem;
    padding: 0
}

body .brandDetail .gsaListContainer .resultsPager .kstl-pager .pagination a,
html .brandDetail .gsaListContainer .resultsPager .kstl-pager .pagination a {
    padding: 2px 4px
}

body .brandDetail .gsaListContainer .resultsPager .kstl-pager .pagination .disabled,
html .brandDetail .gsaListContainer .resultsPager .kstl-pager .pagination .disabled {
    color: #6f1b2b
}

body .brandDetail .gsaListContainer .resultsPager .kstl-pager .pagination .first,
html .brandDetail .gsaListContainer .resultsPager .kstl-pager .pagination .first {
    background: #d31145!important;
    border-radius: 4px 0 0 4px
}

body .brandDetail .gsaListContainer .resultsPager .kstl-pager .pagination .previous,
html .brandDetail .gsaListContainer .resultsPager .kstl-pager .pagination .previous {
    background: #d31145!important
}

body .brandDetail .gsaListContainer .resultsPager .kstl-pager .pagination input,
html .brandDetail .gsaListContainer .resultsPager .kstl-pager .pagination input {
    background: 0 0;
    color: #47423c;
    font-size: 8px;
    font-size: .8rem;
    padding: 0;
    min-width: unset;
    width: 110px
}

body .brandDetail .gsaListContainer .resultsPager .kstl-pager .pagination .next,
html .brandDetail .gsaListContainer .resultsPager .kstl-pager .pagination .next {
    background: #d31145!important
}

body .brandDetail .gsaListContainer .resultsPager .kstl-pager .pagination .last,
html .brandDetail .gsaListContainer .resultsPager .kstl-pager .pagination .last {
    background: #d31145!important;
    border-radius: 0 4px 4px 0
}

body .brandDetail .gsaListContainer .one-page,
html .brandDetail .gsaListContainer .one-page {
    display: none
}

body .brandDetail .gsaListContainer .grid__item:nth-of-type(3) .gsaListContainer,
html .brandDetail .gsaListContainer .grid__item:nth-of-type(3) .gsaListContainer {
    margin-top: 0!important
}

body .brandDetail .gsaListContainer .grid__item:nth-of-type(3) .gsaListContainer .resultsPager,
html .brandDetail .gsaListContainer .grid__item:nth-of-type(3) .gsaListContainer .resultsPager {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x #fff!important
}

body .brandDetail .gsaListContainer,
html .brandDetail .gsaListContainer {
    margin-top: 20px!important
}

body .productDetail,
html .productDetail {
    padding-bottom: 40px!important
}

body .productDetail .multiContentGrid .desk-one-myFifth,
body .productDetail .multiContentGrid .one-myFifth,
html .productDetail .multiContentGrid .desk-one-myFifth,
html .productDetail .multiContentGrid .one-myFifth {
    width: 22.5%!important
}

body .productDetail .multiContentGrid .desk-four-myFifths,
body .productDetail .multiContentGrid .four-myFifths,
html .productDetail .multiContentGrid .desk-four-myFifths,
html .productDetail .multiContentGrid .four-myFifths {
    width: 77.5%!important
}

body .productDetail .leftMenu,
html .productDetail .leftMenu {
    background: #fff;
    padding: 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

body .productDetail .leftMenu h3,
html .productDetail .leftMenu h3 {
    font-size: 12px;
    font-size: 1.2rem
}

body .productDetail .leftMenu ul,
html .productDetail .leftMenu ul {
    list-style-type: none
}

body .productDetail .leftMenu ul li,
html .productDetail .leftMenu ul li {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/arrow.png) 96% center no-repeat, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x;
    background-size: 14px, auto;
    padding: 6px 34px 6px 0
}

body .productDetail .leftMenu ul li a,
html .productDetail .leftMenu ul li a {
    font-size: 8px;
    font-size: .8rem
}

body .productDetail .leftMenu li.disabled,
html .productDetail .leftMenu li.disabled {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/arrowDark.png) 96% center no-repeat, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x;
    background-size: 14px, auto;
    font-size: 8px;
    font-size: .8rem;
    color: #d31145
}

body .productDetail .leftMenu h1,
html .productDetail .leftMenu h1 {
    font-size: 12px;
    font-size: 1.2rem
}

@media (max-width:601px) {
    body .productDetail .multiContentGrid .lap-one-whole,
    body .productDetail .multiContentGrid .palm-one-whole,
    html .productDetail .multiContentGrid .lap-one-whole,
    html .productDetail .multiContentGrid .palm-one-whole {
        width: 100%!important
    }
    body .productDetail .leftMenu,
    html .productDetail .leftMenu {
        padding: 0 10px;
        background: 0 0
    }
    body .productDetail .leftMenu h3,
    html .productDetail .leftMenu h3 {
        font-size: 16px!important;
        font-size: 1.6rem!important;
        padding-left: 20px
    }
    body .productDetail .leftMenu ul,
    html .productDetail .leftMenu ul {
        list-style-type: none;
        padding-bottom: 20px
    }
    body .productDetail .leftMenu ul li,
    html .productDetail .leftMenu ul li {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/arrow.png) 96% center no-repeat, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x;
        background-size: 14px, auto;
        padding: 6px 20px 10px!important
    }
    body .productDetail .leftMenu ul li a,
    html .productDetail .leftMenu ul li a {
        font-size: 14px!important;
        font-size: 1.4rem!important
    }
    body .productDetail .leftMenu ul li:last-child,
    html .productDetail .leftMenu ul li:last-child {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/arrow.png) 96% center no-repeat, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x;
        background-size: 14px, auto, auto
    }
    body .productDetail .leftMenu ul li.disabled,
    html .productDetail .leftMenu ul li.disabled {
        font-size: 15px!important;
        font-size: 1.5rem!important;
        color: #af0113
    }
    body .productDetail .leftMenu h1,
    html .productDetail .leftMenu h1 {
        font-size: 16px;
        font-size: 1.6rem;
        padding: 0 0 20px 20px
    }
}

body .productDetail .wideColumn,
html .productDetail .wideColumn {
    padding: 20px!important
}

body .productDetail .wideColumn h1,
html .productDetail .wideColumn h1 {
    font-size: 13px;
    font-size: 1.3rem;
    margin-top: -20px
}

body .productDetail .wideColumn h1.bigH1,
html .productDetail .wideColumn h1.bigH1 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-top: -20px
}

body .productDetail .wideColumn h2,
html .productDetail .wideColumn h2 {
    font-size: 11px;
    font-size: 1.1rem;
    padding: 10px 0 0
}

body .productDetail .wideColumn p,
html .productDetail .wideColumn p {
    font-size: 9px;
    font-size: .9rem;
    /*font-family: "Lucida Grande", Lucida, "Trebuchet MS", Arial, sans-serif;*/
    color: #6c665b!important;
    line-height: 120%;
    padding-top: 10px
}

body .productDetail .wideColumn p.bigP,
html .productDetail .wideColumn p.bigP {
    font-size: 10px;
    font-size: 1rem;
    /*font-family: "Lucida Grande", Lucida, "Trebuchet MS", Arial, sans-serif!important;*/
    font-weight: 400!important;
    line-height: 150%;
    width: 90%
}

body .productDetail .wideColumn .pod,
html .productDetail .wideColumn .pod {
    margin-top: 20px;
    width: 90%
}

body .productDetail .wideColumn .pod img,
html .productDetail .wideColumn .pod img {
    width: 100%
}

body .productDetail .wideColumn .pod h3,
html .productDetail .wideColumn .pod h3 {
    font-size: 10px;
    font-size: 1rem;
    line-height: 120%
}

@media (max-width:601px) {
    body .productDetail .wideColumn .pod,
    html .productDetail .wideColumn .pod {
        width: 100%
    }
}

body .productDetail .wideColumn .overLine,
html .productDetail .wideColumn .overLine {
    width: 94%;
    border-top: 1px solid #000;
    margin-top: 20px
}

body .productDetail .wideColumn .overLine h4,
html .productDetail .wideColumn .overLine h4 {
    font-size: 10px;
    font-size: 1rem;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x;
    padding: 8px 0
}

body .productDetail .wideColumn .overLine .hr,
html .productDetail .wideColumn .overLine .hr {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x;
    margin: 10px 0;
    padding: 1px
}

body .productDetail .wideColumn .overLine .strongItalics,
html .productDetail .wideColumn .overLine .strongItalics {
    font-family: KelloggsSansBoldItalic;
    color: #000!important;
    padding-top: 10px
}

body .productDetail .wideColumn .overLine a,
html .productDetail .wideColumn .overLine a {
    font-family: KelloggsSansRegular!important
}

@media (max-width:601px) {
    body .productDetail .wideColumn .overLine,
    html .productDetail .wideColumn .overLine {
        width: 100%
    }
    body .productDetail .wideColumn h1,
    html .productDetail .wideColumn h1 {
        margin-top: 0
    }
    body .productDetail .wideColumn .button,
    html .productDetail .wideColumn .button {
        font-size: 20px!important
    }
}

body .productDetail .wideColumn .floatContainer,
html .productDetail .wideColumn .floatContainer {
    float: left;
    display: block;
    clear: left;
    padding-bottom: 10px
}

body .productDetail .wideColumn .leftPhoto,
html .productDetail .wideColumn .leftPhoto {
    float: left;
    display: inline;
    padding: 0 20px 10px 0
}

body .productDetail .wideColumn .leftPhoto img,
html .productDetail .wideColumn .leftPhoto img {
    border: 1px solid #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

body .productDetail .wideColumn .rightPhoto,
html .productDetail .wideColumn .rightPhoto {
    float: right;
    display: inline;
    padding: 0 0 10px 20px
}

body .productDetail .wideColumn .rightPhoto img,
html .productDetail .wideColumn .rightPhoto img {
    border: 1px solid #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

body .productDetail .wideColumn .arrowLink:after,
html .productDetail .wideColumn .arrowLink:after {
    content: ' ';
    display: inline-block;
    width: 9px;
    height: 9px;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/icon-bkg-ex-link.png) no-repeat
}

@media (max-width:700px) {
    body .productDetail .wideColumn .clearingLink,
    html .productDetail .wideColumn .clearingLink {
        float: left;
        display: inline-block
    }
}

body .productDetail .multiContentGrid,
html .productDetail .multiContentGrid {
    padding-top: 40px!important
}

body .productDetail .leftColumn,
html .productDetail .leftColumn {
    min-height: 300px
}

body .productDetail .leftColumn .kstl-responsive-image,
body .productDetail .leftColumn .kstl-responsive-image img,
html .productDetail .leftColumn .kstl-responsive-image,
html .productDetail .leftColumn .kstl-responsive-image img {
    padding: 0!important;
    margin: 0!important
}

.productDetail .leftColumn .vbox-item.product-box {
    display: block;
    /*border: 0;*/
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/icon-magnify.png) left 3px no-repeat!important;
    padding: 0 0 0 18px!important;
    /*font-size: 8px;
    font-size: .8rem*/
    margin-bottom: 16px;
}

body .productDetail .leftColumn .product_nutrition_btn,
html .productDetail .leftColumn .product_nutrition_btn {
    display: block;
    border: 0;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/icon-magnify.png) left 3px no-repeat!important;
    padding: 0 0 0 18px!important;
    font-size: 8px;
    font-size: .8rem
}

body .productDetail .leftColumn p,
html .productDetail .leftColumn p {
    padding-top: 10px!important;
    line-height: 80%!important
}

body .productDetail .leftColumn p a,
html .productDetail .leftColumn p a {
    font-size: 8px;
    font-size: .8rem
}

body .productDetail .leftColumn p .question,
html .productDetail .leftColumn p .question {
    display: block;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/icon-how.png) left center no-repeat!important;
    padding-left: 18px!important
}

body .productDetail .leftColumn p:first-child,
html .productDetail .leftColumn p:first-child {
    padding-top: 20px
}

@media (max-width:601px) {
    body .productDetail .leftColumn,
    html .productDetail .leftColumn {
        padding: 0 20px 40px!important
    }
    body .productDetail .leftColumn .kstl-responsive-image,
    html .productDetail .leftColumn .kstl-responsive-image {
        padding: 0!important;
        margin: 0!important
    }
    body .productDetail .leftColumn .kstl-responsive-image img,
    html .productDetail .leftColumn .kstl-responsive-image img {
        padding: 0!important;
        margin: 0!important;
        width: 100%
    }
    body .productDetail .leftColumn .product_nutrition_btn,
    html .productDetail .leftColumn .product_nutrition_btn {
        margin: 10px 0 0
    }
}

body .productDetail .wideColumn .headline h1,
html .productDetail .wideColumn .headline h1 {
    /*font-size: 20px;
    font-size: 2rem;
    line-height: 100%;
    padding: 0 0 20px*/
}

body .productDetail .wideColumn .centerTabs,
html .productDetail .wideColumn .centerTabs {
    padding: 0 10px 0 0!important
}

body .productDetail .wideColumn .centerTabs .tab-controls ul.tab_buttons,
html .productDetail .wideColumn .centerTabs .tab-controls ul.tab_buttons {
    width: 100%;
    border-top: 1px solid #ababab;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x!important
}

body .productDetail .wideColumn .centerTabs .tab-controls ul.tab_buttons li.tab_button,
html .productDetail .wideColumn .centerTabs .tab-controls ul.tab_buttons li.tab_button {
    padding: 8px 0;
    color: #47423c
}

body .productDetail .wideColumn .centerTabs .tab-controls ul.tab_buttons li.tab_button a,
html .productDetail .wideColumn .centerTabs .tab-controls ul.tab_buttons li.tab_button a {
    padding: 0 10px;
    font-size: 8px;
    font-size: .8rem;
    border-width: 0 1px 0 0;
    border-color: #47423c;
    border-style: solid;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    color: #d31145
}

body .productDetail .wideColumn .centerTabs .tab-controls ul.tab_buttons .activeLink a,
html .productDetail .wideColumn .centerTabs .tab-controls ul.tab_buttons .activeLink a {
    color: #47423c!important;
    cursor: default!important
}

body .productDetail .wideColumn .centerTabs .tab-controls ul.tab_buttons .activeLink a:hover,
html .productDetail .wideColumn .centerTabs .tab-controls ul.tab_buttons .activeLink a:hover {
    text-decoration: none!important
}

body .productDetail .wideColumn .centerTabs .tab-controls ul.tab_buttons li.tab_button:last-child a,
html .productDetail .wideColumn .centerTabs .tab-controls ul.tab_buttons li.tab_button:last-child a {
    border-width: 0
}

body .productDetail .wideColumn .centerTabs .tab_wrapper .tab_content .tab_inner .kstl-carousel-grid-slide,
html .productDetail .wideColumn .centerTabs .tab_wrapper .tab_content .tab_inner .kstl-carousel-grid-slide {
    background: 0 0
}

body .productDetail .wideColumn .centerTabs .tab_wrapper .tab_content .tab_inner .kstl-carousel-grid-slide .kstl-rich-text,
html .productDetail .wideColumn .centerTabs .tab_wrapper .tab_content .tab_inner .kstl-carousel-grid-slide .kstl-rich-text {
    padding: 0;
    margin-top: 10px;
    color: #47423c!important
}

body .productDetail .wideColumn .centerTabs .tab_wrapper .tab_content .tab_inner .kstl-carousel-grid-slide .kstl-nutrition-info,
html .productDetail .wideColumn .centerTabs .tab_wrapper .tab_content .tab_inner .kstl-carousel-grid-slide .kstl-nutrition-info {
    padding: 0;
    margin-top: 10px;
    color: #47423c!important;
    font-size: 8px;
    font-size: .8rem
}

body .productDetail .wideColumn .centerTabs .tab_wrapper .tab_content .tab_inner .kstl-carousel-grid-slide .kstl-nutrition-info .kstl-nutrition-header h5,
html .productDetail .wideColumn .centerTabs .tab_wrapper .tab_content .tab_inner .kstl-carousel-grid-slide .kstl-nutrition-info .kstl-nutrition-header h5 {
    display: none
}

body .productDetail .wideColumn .centerTabs .kstl-wtb-cta,
html .productDetail .wideColumn .centerTabs .kstl-wtb-cta {
    padding-top: 20px;
    width: 108px;
    margin: 0 auto
}

body .productDetail .wideColumn .centerTabs .kstl-wtb-cta .product-destini-wtb-button,
html .productDetail .wideColumn .centerTabs .kstl-wtb-cta .product-destini-wtb-button {
    width: 100%;
    color: #d31145!important;
    display: block;
    font-size: 8px;
    font-size: .8rem;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/icon-shopping-cart.png) left center no-repeat!important;
    padding: 0 0 0 20px!important
}

body .productDetail .wideColumn .centerTabs .smartlabelContainer,
html .productDetail .wideColumn .centerTabs .smartlabelContainer {
    display: none
}

body .productDetail .wideColumn .centerTabs .kstl-related-products .kstl-rich-text h2,
html .productDetail .wideColumn .centerTabs .kstl-related-products .kstl-rich-text h2 {
    display: block;
    border-top: 1px solid #000;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x!important;
    padding: 10px 0
}

body .productDetail .wideColumn .centerTabs .kstl-related-products .relatedItem_list,
html .productDetail .wideColumn .centerTabs .kstl-related-products .relatedItem_list {
    /*padding-top: 10px;*/
    padding-top: 30px;
}

body .productDetail .wideColumn .centerTabs .kstl-related-products .relatedItem_list a,
html .productDetail .wideColumn .centerTabs .kstl-related-products .relatedItem_list a {
    font-size: 8px;
    font-size: .8rem
}

body .productDetail .wideColumn .centerTabs .kstl-related-products .relatedItem_list p,
html .productDetail .wideColumn .centerTabs .kstl-related-products .relatedItem_list p {
    display: none
}

body .productDetail .wideColumn .centerTabs .kstl-related-products .relatedItem_list h3,
html .productDetail .wideColumn .centerTabs .kstl-related-products .relatedItem_list h3 {
    margin-top: -10px;
    line-height: 51%
}

body .productDetail .wideColumn .centerTabs .kstl-related-products .relatedItem_list h3 a,
html .productDetail .wideColumn .centerTabs .kstl-related-products .relatedItem_list h3 a {
    font-size: 8px;
    font-size: .8rem
}

@media (max-width:601px) {
    body .productDetail .wideColumn .centerTabs .kstl-related-products,
    html .productDetail .wideColumn .centerTabs .kstl-related-products {
        padding: 20px 0
    }
    body .productDetail .wideColumn .centerTabs .kstl-related-products .kstl-rich-text,
    html .productDetail .wideColumn .centerTabs .kstl-related-products .kstl-rich-text {
        padding: 0!important
    }
    body .productDetail .wideColumn .centerTabs .kstl-related-products .kstl-rich-text h2,
    html .productDetail .wideColumn .centerTabs .kstl-related-products .kstl-rich-text h2 {
        margin: 0
    }
}

body .productDetail .wideColumn .rightColumn,
html .productDetail .wideColumn .rightColumn {
    padding: 0 0 20px 10px!important
}

body .productDetail .wideColumn .rightColumn .rightColumnItem,
html .productDetail .wideColumn .rightColumn .rightColumnItem {
    /*padding: 0 0 10px!important*/
    padding-bottom: 20px !important;
}

body .productDetail .wideColumn .rightColumn .rightColumnItem h3,
html .productDetail .wideColumn .rightColumn .rightColumnItem h3 {
    background: #d31145;
    color: #fff;
    font-size: 10px;
    font-size: 1rem;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px 4px 0 0;
    padding: 8px 0 2px 10px
}

body .productDetail .wideColumn .rightColumn .rightColumnItem h4,
html .productDetail .wideColumn .rightColumn .rightColumnItem h4 {
    font-size: 8px;
    font-size: .8rem;
    padding: 10px 0 8px
}

body .productDetail .wideColumn .rightColumn .rightColumnItem .kstl-responsive-image img,
html .productDetail .wideColumn .rightColumn .rightColumnItem .kstl-responsive-image img {
    /*padding: 0!important;*/
    padding: 10px 0 0 0 !important;
}

body .productDetail .wideColumn .rightColumn .rightColumnItem p,
html .productDetail .wideColumn .rightColumn .rightColumnItem p {
    padding: 0 0 0 10px!important;
    font-size: 7px;
    font-size: .7rem
}

@media (max-width:601px) {
    body .productDetail .wideColumn .rightColumn,
    html .productDetail .wideColumn .rightColumn {
        padding: 20px 0!important
    }
    body .productDetail .wideColumn .rightColumn .rightColumnItem h3,
    html .productDetail .wideColumn .rightColumn .rightColumnItem h3 {
        font-size: 14px;
        font-size: 1.4rem
    }
    body .productDetail .wideColumn .rightColumn .rightColumnItem h1,
    body .productDetail .wideColumn .rightColumn .rightColumnItem h4,
    html .productDetail .wideColumn .rightColumn .rightColumnItem h1,
    html .productDetail .wideColumn .rightColumn .rightColumnItem h4 {
        font-size: 12px;
        font-size: 1.2rem
    }
    body .productDetail .wideColumn .rightColumn .rightColumnItem .kstl-responsive-image img,
    html .productDetail .wideColumn .rightColumn .rightColumnItem .kstl-responsive-image img {
        padding: 0!important;
        width: 100%
    }
    body .productDetail .wideColumn .rightColumn .rightColumnItem p,
    html .productDetail .wideColumn .rightColumn .rightColumnItem p {
        padding: 0!important;
        font-size: 9px;
        font-size: .9rem
    }
    body .productDetail .wideColumn .rightColumn .rightColumnItem p.rightLink,
    html .productDetail .wideColumn .rightColumn .rightColumnItem p.rightLink {
        padding: 0!important;
        font-size: 9px;
        font-size: .9rem;
        text-align: left
    }
}

body .productDetail .wideColumn .grid__item:nth-of-type(2) .rightColumnItem .kstl-responsive-image img,
html .productDetail .wideColumn .grid__item:nth-of-type(2) .rightColumnItem .kstl-responsive-image img {
    padding: 10px 0 0!important
}

body .showSmartLabel .smartlabelContainer,
html .showSmartLabel .smartlabelContainer {
    display: block!important;
    margin-top: 20px!important;
    width: 100%;
    padding: 20px 10px 10px!important;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x
}

body .showSmartLabel .smartlabelContainer .smartlabel img,
html .showSmartLabel .smartlabelContainer .smartlabel img {
    margin: 0 auto!important;
    padding: 0!important
}

body .showSmartLabel .smartlabelContainer .smartlabel .smartlabel-label,
html .showSmartLabel .smartlabelContainer .smartlabel .smartlabel-label {
    float: left;
    display: inline-block;
    width: 53%;
    font-size: 10px;
    font-size: 1rem;
    font-family: KelloggsSansMedium;
    text-align: right!important;
    padding: 16px 10px 0 0!important
}

body .showSmartLabel .smartlabelContainer .smartlabel .smartlabel-select,
html .showSmartLabel .smartlabelContainer .smartlabel .smartlabel-select {
    float: left;
    display: inline-block;
    width: 20%;
    width: 100px;
    margin: 16px 0 0!important;
    /*font-family: "Lucida Grande", Lucida, "Trebuchet MS", Arial, sans-serif*/
}

body .showSmartLabel .smartlabelContainer .smartlabel .smartlabel-button,
html .showSmartLabel .smartlabelContainer .smartlabel .smartlabel-button {
    float: left;
    clear: both;
    -moz-appearance: none;
    border: 1px solid #d31145!important;
    cursor: pointer;
    display: block;
    font-family: KelloggsSansRegular;
    font-weight: 400;
    font-size: 8px;
    font-size: .8rem;
    color: #fff;
    line-height: 100%;
    margin: 1em 35%!important;
    padding: 4px 10px!important;
    text-decoration: none;
    text-align: center!important;
    transition: all .2s ease 0s;
    vertical-align: middle;
    white-space: nowrap;
    width: 30%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    background: #d31145!important
}

body .showSmartLabel .smartlabelContainer .smartlabel .smartlabel-button:hover,
html .showSmartLabel .smartlabelContainer .smartlabel .smartlabel-button:hover {
    color: #d31145!important;
    background: #fff!important;
    text-decoration: none
}

/*
body .promotionDetail,
html .promotionDetail {
    background-image: url(/content/dam/NorthAmerica/kelloggs/en_US/images/offers-and-promotions/offer.promos-btm.png), url(/content/dam/NorthAmerica/kelloggs/en_US/images/offers-and-promotions/offer.promos-top.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: bottom, top;
    padding-bottom: 125px!important
}

@media (max-width:601px) {
    body .showSmartLabel .smartlabelContainer .smartlabel .smartlabel-select,
    html .showSmartLabel .smartlabelContainer .smartlabel .smartlabel-select {
        width: 100px
    }
    body .showSmartLabel .smartlabelContainer .smartlabel .smartlabel-button,
    html .showSmartLabel .smartlabelContainer .smartlabel .smartlabel-button {
        width: 50%;
        margin: 1em 25%!important
    }
    body .promotionDetail,
    html .promotionDetail {
        background: 0 0;
        padding-bottom: 0!important
    }
}

body .promotionDetail .heroCarousel .flexslider,
html .promotionDetail .heroCarousel .flexslider {
    margin-top: 20px;
    z-index: 1!important;
    opacity: .99!important;
    background: 0 0!important
}

body .promotionDetail .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset,
html .promotionDetail .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset {
    background: 0 0;
    width: 100%;
    max-width: unset;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

body .promotionDetail .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text,
html .promotionDetail .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text {
    padding: 10px
}

body .promotionDetail .heroCarousel ol.flex-control-nav,
html .promotionDetail .heroCarousel ol.flex-control-nav {
    width: unset!important;
    height: 18px;
    right: 4px
}

body .promotionDetail .heroCarousel ol.flex-control-nav li,
html .promotionDetail .heroCarousel ol.flex-control-nav li {
    margin: 0 2px
}

body .promotionDetail .heroCarousel ol.flex-control-nav li a,
html .promotionDetail .heroCarousel ol.flex-control-nav li a {
    border: 0;
    background: #fff!important;
    opacity: .5
}

body .promotionDetail .heroCarousel ol.flex-control-nav li a.flex-active,
html .promotionDetail .heroCarousel ol.flex-control-nav li a.flex-active {
    opacity: 1
}

@media (max-width:601px) {
    body .promotionDetail .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset,
    html .promotionDetail .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset {
        margin-top: 0
    }
    body .promotionDetail .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text,
    html .promotionDetail .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text {
        padding: 0
    }
    body .promotionDetail .heroCarousel ol.flex-control-nav,
    html .promotionDetail .heroCarousel ol.flex-control-nav {
        display: block
    }
}

body .promotionDetail .multiContentGrid,
html .promotionDetail .multiContentGrid {
    padding-top: 20px!important
}

body .promotionDetail .multiContentGrid .desk-one-myFifth,
body .promotionDetail .multiContentGrid .one-myFifth,
html .promotionDetail .multiContentGrid .desk-one-myFifth,
html .promotionDetail .multiContentGrid .one-myFifth {
    width: 22.5%!important
}

body .promotionDetail .multiContentGrid .desk-four-myFifths,
body .promotionDetail .multiContentGrid .four-myFifths,
html .promotionDetail .multiContentGrid .desk-four-myFifths,
html .promotionDetail .multiContentGrid .four-myFifths {
    width: 77.5%!important
}

body .promotionDetail .leftMenu,
html .promotionDetail .leftMenu {
    background: #fff;
    padding: 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

body .promotionDetail .leftMenu h3,
html .promotionDetail .leftMenu h3 {
    font-size: 12px;
    font-size: 1.2rem
}

body .promotionDetail .leftMenu ul,
html .promotionDetail .leftMenu ul {
    list-style-type: none
}

body .promotionDetail .leftMenu ul li,
html .promotionDetail .leftMenu ul li {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/arrow.png) 96% center no-repeat, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x;
    background-size: 14px, auto;
    padding: 6px 34px 6px 0
}

body .promotionDetail .leftMenu ul li a,
html .promotionDetail .leftMenu ul li a {
    font-size: 8px;
    font-size: .8rem
}

body .promotionDetail .leftMenu li.disabled,
html .promotionDetail .leftMenu li.disabled {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/arrowDark.png) 96% center no-repeat, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x;
    background-size: 14px, auto;
    font-size: 8px;
    font-size: .8rem;
    color: #d31145
}

body .promotionDetail .leftMenu h1,
html .promotionDetail .leftMenu h1 {
    font-size: 12px;
    font-size: 1.2rem
}

@media (max-width:601px) {
    body .promotionDetail .multiContentGrid .lap-one-whole,
    body .promotionDetail .multiContentGrid .palm-one-whole,
    html .promotionDetail .multiContentGrid .lap-one-whole,
    html .promotionDetail .multiContentGrid .palm-one-whole {
        width: 100%!important
    }
    body .promotionDetail .leftMenu,
    html .promotionDetail .leftMenu {
        padding: 0 10px;
        background: 0 0
    }
    body .promotionDetail .leftMenu h3,
    html .promotionDetail .leftMenu h3 {
        font-size: 16px!important;
        font-size: 1.6rem!important;
        padding-left: 20px
    }
    body .promotionDetail .leftMenu ul,
    html .promotionDetail .leftMenu ul {
        list-style-type: none;
        padding-bottom: 20px
    }
    body .promotionDetail .leftMenu ul li,
    html .promotionDetail .leftMenu ul li {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/arrow.png) 96% center no-repeat, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x;
        background-size: 14px, auto;
        padding: 6px 20px 10px!important
    }
    body .promotionDetail .leftMenu ul li a,
    html .promotionDetail .leftMenu ul li a {
        font-size: 14px!important;
        font-size: 1.4rem!important
    }
    body .promotionDetail .leftMenu ul li:last-child,
    html .promotionDetail .leftMenu ul li:last-child {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/arrow.png) 96% center no-repeat, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x;
        background-size: 14px, auto, auto
    }
    body .promotionDetail .leftMenu ul li.disabled,
    html .promotionDetail .leftMenu ul li.disabled {
        font-size: 15px!important;
        font-size: 1.5rem!important;
        color: #af0113
    }
    body .promotionDetail .leftMenu h1,
    html .promotionDetail .leftMenu h1 {
        font-size: 16px;
        font-size: 1.6rem;
        padding: 0 0 20px 20px
    }
}

body .promotionDetail .wideColumn,
html .promotionDetail .wideColumn {
    padding: 20px!important
}

body .promotionDetail .wideColumn h1,
html .promotionDetail .wideColumn h1 {
    font-size: 13px;
    font-size: 1.3rem;
    margin-top: -20px
}

body .promotionDetail .wideColumn h1.bigH1,
html .promotionDetail .wideColumn h1.bigH1 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-top: -20px
}

body .promotionDetail .wideColumn h2,
html .promotionDetail .wideColumn h2 {
    font-size: 11px;
    font-size: 1.1rem;
    padding: 10px 0 0
}

body .promotionDetail .wideColumn p,
html .promotionDetail .wideColumn p {
    font-size: 9px;
    font-size: .9rem;
    color: #6c665b!important;
    line-height: 120%;
    padding-top: 10px
}

body .promotionDetail .wideColumn p.bigP,
html .promotionDetail .wideColumn p.bigP {
    font-size: 10px;
    font-size: 1rem;
    font-weight: 400!important;
    line-height: 150%;
    width: 90%
}

body .promotionDetail .wideColumn .pod,
html .promotionDetail .wideColumn .pod {
    margin-top: 20px;
    width: 90%
}

body .promotionDetail .wideColumn .pod img,
html .promotionDetail .wideColumn .pod img {
    width: 100%
}

body .promotionDetail .wideColumn .pod h3,
html .promotionDetail .wideColumn .pod h3 {
    font-size: 10px;
    font-size: 1rem;
    line-height: 120%
}

@media (max-width:601px) {
    body .promotionDetail .wideColumn .pod,
    html .promotionDetail .wideColumn .pod {
        width: 100%
    }
}

body .promotionDetail .wideColumn .overLine,
html .promotionDetail .wideColumn .overLine {
    width: 94%;
    border-top: 1px solid #000;
    margin-top: 20px
}

body .promotionDetail .wideColumn .overLine h4,
html .promotionDetail .wideColumn .overLine h4 {
    font-size: 10px;
    font-size: 1rem;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x;
    padding: 8px 0
}

body .promotionDetail .wideColumn .overLine .hr,
html .promotionDetail .wideColumn .overLine .hr {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x;
    margin: 10px 0;
    padding: 1px
}

body .promotionDetail .wideColumn .overLine .strongItalics,
html .promotionDetail .wideColumn .overLine .strongItalics {
    font-family: KelloggsSansBoldItalic;
    color: #000!important;
    padding-top: 10px
}

body .promotionDetail .wideColumn .overLine a,
html .promotionDetail .wideColumn .overLine a {
    font-family: KelloggsSansRegular!important
}

@media (max-width:601px) {
    body .promotionDetail .wideColumn .overLine,
    html .promotionDetail .wideColumn .overLine {
        width: 100%
    }
    body .promotionDetail .wideColumn h1,
    html .promotionDetail .wideColumn h1 {
        margin-top: 0
    }
    body .promotionDetail .wideColumn .button,
    html .promotionDetail .wideColumn .button {
        font-size: 20px!important
    }
}

body .promotionDetail .wideColumn .floatContainer,
html .promotionDetail .wideColumn .floatContainer {
    float: left;
    display: block;
    clear: left;
    padding-bottom: 10px
}

body .promotionDetail .wideColumn .leftPhoto,
html .promotionDetail .wideColumn .leftPhoto {
    float: left;
    display: inline;
    padding: 0 20px 10px 0
}

body .promotionDetail .wideColumn .leftPhoto img,
html .promotionDetail .wideColumn .leftPhoto img {
    border: 1px solid #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

body .promotionDetail .wideColumn .rightPhoto,
html .promotionDetail .wideColumn .rightPhoto {
    float: right;
    display: inline;
    padding: 0 0 10px 20px
}

body .promotionDetail .wideColumn .rightPhoto img,
html .promotionDetail .wideColumn .rightPhoto img {
    border: 1px solid #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

body .promotionDetail .wideColumn .arrowLink:after,
html .promotionDetail .wideColumn .arrowLink:after {
    content: ' ';
    display: inline-block;
    width: 9px;
    height: 9px;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/icon-bkg-ex-link.png) no-repeat
}

@media (max-width:700px) {
    body .promotionDetail .wideColumn .clearingLink,
    html .promotionDetail .wideColumn .clearingLink {
        float: left;
        display: inline-block
    }
}

body .promotionDetail .promotionDetails,
html .promotionDetail .promotionDetails {
    padding: 20px 0 0 20px!important
}

@media (max-width:601px) {
    body .promotionDetail .promotionDetails,
    html .promotionDetail .promotionDetails {
        padding: 20px 0 0!important
    }
}

body .promotionDetail .promotionDetails .kstl-promotion-header,
html .promotionDetail .promotionDetails .kstl-promotion-header {
    font-size: 20px;
    font-size: 2rem;
    line-height: 100%;
    padding: 0
}

@media (max-width:601px) {
    body .promotionDetail .promotionDetails .kstl-promotion-header,
    html .promotionDetail .promotionDetails .kstl-promotion-header {
        padding: 20px 0
    }
}

body .promotionDetail .promotionDetails .kstl-promotion__description,
html .promotionDetail .promotionDetails .kstl-promotion__description {
    font-size: 8px;
    font-size: .8rem
}

body .promotionDetail .promotionDetails .kstl-promotion__details,
html .promotionDetail .promotionDetails .kstl-promotion__details {
    margin-top: 6px;
    font-size: 8px;
    font-size: .8rem;
    font-weight: 700;
    color: #6c665b
}

body .promotionDetail .promotionRelatedProducts .kstl-related-products,
html .promotionDetail .promotionRelatedProducts .kstl-related-products {
    margin-top: 20px
}

body .promotionDetail .promotionRelatedProducts .kstl-related-products .kstl-rich-text h4,
html .promotionDetail .promotionRelatedProducts .kstl-related-products .kstl-rich-text h4 {
    border-top: 1px solid #000;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x!important;
    padding: 6px!important;
    font-size: 11px;
    font-size: 1.1rem
}

body .promotionDetail .promotionRelatedProducts .kstl-related-products .relatedItem_list img,
html .promotionDetail .promotionRelatedProducts .kstl-related-products .relatedItem_list img {
    padding: 10px
}

body .promotionDetail .promotionRelatedProducts .kstl-related-products .relatedItem_list h3,
html .promotionDetail .promotionRelatedProducts .kstl-related-products .relatedItem_list h3 {
    text-align: center;
    font-size: 8px;
    font-size: .8rem;
    padding: 0 10px
}

@media (max-width:601px) {
    body .promotionDetail .promotionRelatedProducts .kstl-related-products .relatedItem_list,
    html .promotionDetail .promotionRelatedProducts .kstl-related-products .relatedItem_list {
        padding-top: 20px
    }
    body .promotionDetail .promotionRelatedProducts .kstl-related-products .relatedItem_list h3,
    body .promotionDetail .promotionRelatedProducts .kstl-related-products .relatedItem_list img,
    html .promotionDetail .promotionRelatedProducts .kstl-related-products .relatedItem_list h3,
    html .promotionDetail .promotionRelatedProducts .kstl-related-products .relatedItem_list img {
        padding: 10px
    }
}*/

/*body .searchResults .heroCarousel .flexslider,
html .searchResults .heroCarousel .flexslider {
    margin-top: 20px;
    z-index: 1!important;
    opacity: .99!important;
    background: 0 0!important
}

body .searchResults .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset,
html .searchResults .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset {
    background: 0 0;
    width: 100%;
    max-width: unset;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

body .searchResults .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text,
html .searchResults .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text {
    padding: 10px
}

body .searchResults .heroCarousel ol.flex-control-nav,
html .searchResults .heroCarousel ol.flex-control-nav {
    width: unset!important;
    height: 18px;
    right: 4px
}

body .searchResults .heroCarousel ol.flex-control-nav li,
html .searchResults .heroCarousel ol.flex-control-nav li {
    margin: 0 2px
}

body .searchResults .heroCarousel ol.flex-control-nav li a,
html .searchResults .heroCarousel ol.flex-control-nav li a {
    border: 0;
    background: #fff!important;
    opacity: .5
}

body .searchResults .heroCarousel ol.flex-control-nav li a.flex-active,
html .searchResults .heroCarousel ol.flex-control-nav li a.flex-active {
    opacity: 1
}

@media (max-width:601px) {
    body .searchResults .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset,
    html .searchResults .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset {
        margin-top: 0
    }
    body .searchResults .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text,
    html .searchResults .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text {
        padding: 0
    }
    body .searchResults .heroCarousel ol.flex-control-nav,
    html .searchResults .heroCarousel ol.flex-control-nav {
        display: block
    }
}

body .searchResults .multiContentGrid,
html .searchResults .multiContentGrid {
    padding-top: 20px!important
}

body .searchResults .multiContentGrid .desk-one-myFifth,
body .searchResults .multiContentGrid .one-myFifth,
html .searchResults .multiContentGrid .desk-one-myFifth,
html .searchResults .multiContentGrid .one-myFifth {
    width: 22.5%!important
}

body .searchResults .multiContentGrid .desk-four-myFifths,
body .searchResults .multiContentGrid .four-myFifths,
html .searchResults .multiContentGrid .desk-four-myFifths,
html .searchResults .multiContentGrid .four-myFifths {
    width: 77.5%!important
}

body .searchResults .leftMenu,
html .searchResults .leftMenu {
    background: #fff;
    padding: 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

body .searchResults .leftMenu h3,
html .searchResults .leftMenu h3 {
    font-size: 12px;
    font-size: 1.2rem
}

body .searchResults .leftMenu ul,
html .searchResults .leftMenu ul {
    list-style-type: none
}

body .searchResults .leftMenu ul li,
html .searchResults .leftMenu ul li {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/arrow.png) 96% center no-repeat, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x;
    background-size: 14px, auto;
    padding: 6px 34px 6px 0
}

body .searchResults .leftMenu ul li a,
html .searchResults .leftMenu ul li a {
    font-size: 8px;
    font-size: .8rem
}

body .searchResults .leftMenu li.disabled,
html .searchResults .leftMenu li.disabled {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/arrowDark.png) 96% center no-repeat, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x;
    background-size: 14px, auto;
    font-size: 8px;
    font-size: .8rem;
    color: #d31145
}

body .searchResults .leftMenu h1,
html .searchResults .leftMenu h1 {
    font-size: 12px;
    font-size: 1.2rem
}*/

/*
@media (max-width:601px) {
    body .searchResults .multiContentGrid .lap-one-whole,
    body .searchResults .multiContentGrid .palm-one-whole,
    html .searchResults .multiContentGrid .lap-one-whole,
    html .searchResults .multiContentGrid .palm-one-whole {
        width: 100%!important
    }
    body .searchResults .leftMenu,
    html .searchResults .leftMenu {
        padding: 0 10px;
        background: 0 0
    }
    body .searchResults .leftMenu h3,
    html .searchResults .leftMenu h3 {
        font-size: 16px!important;
        font-size: 1.6rem!important;
        padding-left: 20px
    }
    body .searchResults .leftMenu ul,
    html .searchResults .leftMenu ul {
        list-style-type: none;
        padding-bottom: 20px
    }
    body .searchResults .leftMenu ul li,
    html .searchResults .leftMenu ul li {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/arrow.png) 96% center no-repeat, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x;
        background-size: 14px, auto;
        padding: 6px 20px 10px!important
    }
    body .searchResults .leftMenu ul li a,
    html .searchResults .leftMenu ul li a {
        font-size: 14px!important;
        font-size: 1.4rem!important
    }
    body .searchResults .leftMenu ul li:last-child,
    html .searchResults .leftMenu ul li:last-child {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/arrow.png) 96% center no-repeat, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x;
        background-size: 14px, auto, auto
    }
    body .searchResults .leftMenu ul li.disabled,
    html .searchResults .leftMenu ul li.disabled {
        font-size: 15px!important;
        font-size: 1.5rem!important;
        color: #af0113
    }
    body .searchResults .leftMenu h1,
    html .searchResults .leftMenu h1 {
        font-size: 16px;
        font-size: 1.6rem;
        padding: 0 0 20px 20px
    }
}*/

/*body .searchResults .wideColumn,
html .searchResults .wideColumn {
    padding: 20px!important
}

body .searchResults .wideColumn h1,
html .searchResults .wideColumn h1 {
    font-size: 13px;
    font-size: 1.3rem;
    margin-top: -20px
}

body .searchResults .wideColumn h1.bigH1,
html .searchResults .wideColumn h1.bigH1 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-top: -20px
}

body .searchResults .wideColumn h2,
html .searchResults .wideColumn h2 {
    font-size: 11px;
    font-size: 1.1rem;
    padding: 10px 0 0
}

body .searchResults .wideColumn p,
html .searchResults .wideColumn p {
    font-size: 9px;
    font-size: .9rem;
    color: #6c665b!important;
    line-height: 120%;
    padding-top: 10px
}

body .searchResults .wideColumn p.bigP,
html .searchResults .wideColumn p.bigP {
    font-size: 10px;
    font-size: 1rem;
    font-weight: 400!important;
    line-height: 150%;
    width: 90%
}

body .searchResults .wideColumn .pod,
html .searchResults .wideColumn .pod {
    margin-top: 20px;
    width: 90%
}

body .searchResults .wideColumn .pod img,
html .searchResults .wideColumn .pod img {
    width: 100%
}

body .searchResults .wideColumn .pod h3,
html .searchResults .wideColumn .pod h3 {
    font-size: 10px;
    font-size: 1rem;
    line-height: 120%
}

@media (max-width:601px) {
    body .searchResults .wideColumn .pod,
    html .searchResults .wideColumn .pod {
        width: 100%
    }
}

body .searchResults .wideColumn .overLine,
html .searchResults .wideColumn .overLine {
    width: 94%;
    border-top: 1px solid #000;
    margin-top: 20px
}

body .searchResults .wideColumn .overLine h4,
html .searchResults .wideColumn .overLine h4 {
    font-size: 10px;
    font-size: 1rem;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x;
    padding: 8px 0
}

body .searchResults .wideColumn .overLine .hr,
html .searchResults .wideColumn .overLine .hr {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x;
    margin: 10px 0;
    padding: 1px
}

body .searchResults .wideColumn .overLine .strongItalics,
html .searchResults .wideColumn .overLine .strongItalics {
    font-family: KelloggsSansBoldItalic;
    color: #000!important;
    padding-top: 10px
}

body .searchResults .wideColumn .overLine a,
html .searchResults .wideColumn .overLine a {
    font-family: KelloggsSansRegular!important
}

@media (max-width:601px) {
    body .searchResults .wideColumn .overLine,
    html .searchResults .wideColumn .overLine {
        width: 100%
    }
    body .searchResults .wideColumn h1,
    html .searchResults .wideColumn h1 {
        margin-top: 0
    }
    body .searchResults .wideColumn .button,
    html .searchResults .wideColumn .button {
        font-size: 20px!important
    }
}

body .searchResults .wideColumn .floatContainer,
html .searchResults .wideColumn .floatContainer {
    float: left;
    display: block;
    clear: left;
    padding-bottom: 10px
}

body .searchResults .wideColumn .leftPhoto,
html .searchResults .wideColumn .leftPhoto {
    float: left;
    display: inline;
    padding: 0 20px 10px 0
}

body .searchResults .wideColumn .leftPhoto img,
html .searchResults .wideColumn .leftPhoto img {
    border: 1px solid #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

body .searchResults .wideColumn .rightPhoto,
html .searchResults .wideColumn .rightPhoto {
    float: right;
    display: inline;
    padding: 0 0 10px 20px
}

body .searchResults .wideColumn .rightPhoto img,
html .searchResults .wideColumn .rightPhoto img {
    border: 1px solid #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

body .searchResults .wideColumn .arrowLink:after,
html .searchResults .wideColumn .arrowLink:after {
    content: ' ';
    display: inline-block;
    width: 9px;
    height: 9px;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/icon-bkg-ex-link.png) no-repeat
}

@media (max-width:700px) {
    body .searchResults .wideColumn .clearingLink,
    html .searchResults .wideColumn .clearingLink {
        float: left;
        display: inline-block
    }
}

body .searchResults .slideOne,
html .searchResults .slideOne {
    max-width: 330px;
    margin-top: 70px;
    padding-left: 50px;
    color: #fff
}

body .searchResults .slideOne h2,
html .searchResults .slideOne h2 {
    font-size: 20px;
    font-size: 2rem;
    line-height: 100%
}

body .searchResults .slideOne p,
html .searchResults .slideOne p {
    font-size: 8px;
    font-size: .8rem
}

@media (max-width:980px) {
    body .searchResults .slideOne,
    html .searchResults .slideOne {
        width: 300px;
        margin-top: 38px;
        padding-left: 0
    }
    body .searchResults .slideOne h2,
    html .searchResults .slideOne h2 {
        font-size: 20px;
        font-size: 2rem;
        line-height: 100%
    }
    body .searchResults .slideOne p,
    html .searchResults .slideOne p {
        font-size: 8px;
        font-size: .8rem
    }
}

@media (max-width:601px) {
    body .searchResults .slideOne,
    html .searchResults .slideOne {
        max-width: 100%;
        width: 100%;
        height: 100%;
        margin-top: -1px;
        margin-left: 0;
        background: #d31145;
        min-height: 150px!important;
        padding: 20px 10px;
        color: #fff
    }
    body .searchResults .slideOne h2,
    html .searchResults .slideOne h2 {
        font-size: 20px;
        font-size: 2rem
    }
    body .searchResults .slideOne p,
    html .searchResults .slideOne p {
        font-size: 8px;
        font-size: .8rem
    }
}*/

/*
body .searchResults .leftSearch,
html .searchResults .leftSearch {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x;
    padding-top: 1px!important
}

@media (max-width:601px) {
    body .searchResults .leftSearch,
    html .searchResults .leftSearch {
        background: 0 0;
        padding: 20px!important
    }
    body .searchResults .leftSearch .grid__item:nth-of-type(1),
    html .searchResults .leftSearch .grid__item:nth-of-type(1) {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x
    }
    body .searchResults .leftSearch .grid__item:nth-of-type(1) .grid__item:nth-of-type(1),
    html .searchResults .leftSearch .grid__item:nth-of-type(1) .grid__item:nth-of-type(1) {
        background: 0 0
    }
}

body .searchResults .leftSearch .kstl-show-hide .kstl-show-hide-trigger,
html .searchResults .leftSearch .kstl-show-hide .kstl-show-hide-trigger {
    display: block;
    width: 100%;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/icon-leftnav-closed.gif) 98% center no-repeat #fff!important;
    background-size: auto, auto!important;
    padding: 8px 0 8px 10px!important;
    font-size: 7px;
    font-size: .7rem
}

@media (max-width:601px) {
    body .searchResults .leftSearch .kstl-show-hide .kstl-show-hide-trigger,
    html .searchResults .leftSearch .kstl-show-hide .kstl-show-hide-trigger {
        padding: 10px 20px!important;
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/icon-leftnav-open.gif) 90% center no-repeat!important;
        font-size: 9px;
        font-size: .9rem
    }
}

body .searchResults .leftSearch .kstl-show-hide .open,
html .searchResults .leftSearch .kstl-show-hide .open {
    display: block;
    width: 100%;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/icon-leftnav-open.gif) 98% center no-repeat #fff!important;
    background-size: auto, auto, auto!important;
    padding: 8px 0 8px 10px!important;
    font-size: 7px;
    font-size: .7rem
}

@media (max-width:601px) {
    body .searchResults .leftSearch .kstl-show-hide .open,
    html .searchResults .leftSearch .kstl-show-hide .open {
        padding: 10px 20px!important;
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/icon-leftnav-open.gif) 90% center no-repeat!important;
        font-size: 9px;
        font-size: .9rem
    }
}

body .searchResults .leftSearch .kstl-show-hide .kstl-show-hide-container,
html .searchResults .leftSearch .kstl-show-hide .kstl-show-hide-container {
    background: #f3eee7;
    padding: 10px!important;
    max-height: 300px;
    overflow: auto;
    border-bottom: 2px solid #d31145;
    border-bottom: 10px solid #f3eee7
}

body .searchResults .leftSearch .kstl-show-hide .kstl-show-hide-container .kstl-pim-filter--multi-select,
body .searchResults .leftSearch .kstl-show-hide .kstl-show-hide-container .kstl-pim-filter--redirect,
html .searchResults .leftSearch .kstl-show-hide .kstl-show-hide-container .kstl-pim-filter--multi-select,
html .searchResults .leftSearch .kstl-show-hide .kstl-show-hide-container .kstl-pim-filter--redirect {
    padding: 10px 10px 0;
    background: #fff
}

body .searchResults .leftSearch .kstl-show-hide .kstl-show-hide-container .search-textbox__input,
html .searchResults .leftSearch .kstl-show-hide .kstl-show-hide-container .search-textbox__input {
    width: 70%
}

body .searchResults .leftSearch .kstl-show-hide .kstl-show-hide-container .filter__label--multiselect,
html .searchResults .leftSearch .kstl-show-hide .kstl-show-hide-container .filter__label--multiselect {
    font-family: KelloggsSansBold;
    font-size: 8px;
    font-size: .8rem
}

body .searchResults .leftSearch .kstl-show-hide .kstl-show-hide-container .kstl-pim-filter--multi-select .filter__selection,
html .searchResults .leftSearch .kstl-show-hide .kstl-show-hide-container .kstl-pim-filter--multi-select .filter__selection {
    font-size: 7px;
    font-size: .7rem
}

body .searchResults .leftSearch .kstl-show-hide .kstl-show-hide-container ul.brand-list,
html .searchResults .leftSearch .kstl-show-hide .kstl-show-hide-container ul.brand-list {
    padding: 10px 10px 0;
    background: #fff;
    list-style-type: none
}

body .searchResults .leftSearch .kstl-show-hide .kstl-show-hide-container ul.brand-list li a,
html .searchResults .leftSearch .kstl-show-hide .kstl-show-hide-container ul.brand-list li a {
    font-size: 7px;
    font-size: .7rem
}

body .searchResults .leftSearch .kstl-show-hide .kstl-show-hide-container .kstl-filter,
html .searchResults .leftSearch .kstl-show-hide .kstl-show-hide-container .kstl-filter {
    margin-bottom: 10px
}

body .searchResults .leftSearch .kstl-show-hide .kstl-show-hide-container .kstl-pim-filter--redirect .filter__selection,
html .searchResults .leftSearch .kstl-show-hide .kstl-show-hide-container .kstl-pim-filter--redirect .filter__selection {
    font-size: 7px;
    font-size: .7rem
}

body .searchResults .leftSearch .kstl-show-hide .kstl-show-hide-container .productType p.strong,
html .searchResults .leftSearch .kstl-show-hide .kstl-show-hide-container .productType p.strong {
    font-family: KelloggsSansBold;
    font-size: 7px;
    font-size: .7rem
}

body .searchResults .leftSearch .kstl-show-hide .kstl-show-hide-container .productType ul li,
html .searchResults .leftSearch .kstl-show-hide .kstl-show-hide-container .productType ul li {
    list-style-type: none
}

body .searchResults .leftSearch .kstl-show-hide .kstl-show-hide-container .productType ul li a,
html .searchResults .leftSearch .kstl-show-hide .kstl-show-hide-container .productType ul li a {
    font-size: 7px;
    font-size: .7rem;
    color: #47423c
}

body .searchResults .leftSearch .kstl-show-hide .kstl-show-hide:nth-of-type(1),
html .searchResults .leftSearch .kstl-show-hide .kstl-show-hide:nth-of-type(1) {
    padding-top: 0
}

body .searchResults .wideColumn,
html .searchResults .wideColumn {
    padding-right: 0!important
}

@media (max-width:601px) {
    body .searchResults .wideColumn,
    html .searchResults .wideColumn {
        padding-right: 20px!important
    }
}

body .searchResults .gsaListContainer,
html .searchResults .gsaListContainer {
    width: 100%;
    margin-top: -20px!important;
    padding-bottom: 60px!important
}

body .searchResults .gsaListContainer .product_category .grid__item,
html .searchResults .gsaListContainer .product_category .grid__item {
    margin: 2px 0 0!important;
    padding: 10px!important;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDotVert.png) right top repeat-y, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x!important;
    min-height: 250px
}

body .searchResults .gsaListContainer .product_category .grid__item h3,
html .searchResults .gsaListContainer .product_category .grid__item h3 {
    line-height: 50%
}

body .searchResults .gsaListContainer .product_category .grid__item h3 a,
html .searchResults .gsaListContainer .product_category .grid__item h3 a {
    font-size: 8px;
    font-size: .8rem
}

body .searchResults .gsaListContainer .product_category .grid__item:nth-of-type(4n-3),
html .searchResults .gsaListContainer .product_category .grid__item:nth-of-type(4n-3) {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDotVert.png) left top repeat-y, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDotVert.png) right top repeat-y, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x!important
}

@media (max-width:999px) {
    body .searchResults .gsaListContainer .product_category .grid__item,
    html .searchResults .gsaListContainer .product_category .grid__item {
        min-height: 350px
    }
    body .searchResults .gsaListContainer .product_category .grid__item:nth-of-type(4n-3),
    html .searchResults .gsaListContainer .product_category .grid__item:nth-of-type(4n-3) {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDotVert.png) right top repeat-y, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x!important
    }
    body .searchResults .gsaListContainer .product_category .grid__item:nth-of-type(3n-2),
    html .searchResults .gsaListContainer .product_category .grid__item:nth-of-type(3n-2) {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDotVert.png) left top repeat-y, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDotVert.png) right top repeat-y, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x!important
    }
}

@media (max-width:601px) {
    body .searchResults .gsaListContainer .product_category .grid__item,
    html .searchResults .gsaListContainer .product_category .grid__item {
        min-height: 350px
    }
    body .searchResults .gsaListContainer .product_category .grid__item:nth-of-type(3n-2),
    body .searchResults .gsaListContainer .product_category .grid__item:nth-of-type(4n-3),
    html .searchResults .gsaListContainer .product_category .grid__item:nth-of-type(3n-2),
    html .searchResults .gsaListContainer .product_category .grid__item:nth-of-type(4n-3) {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDotVert.png) right top repeat-y, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x!important
    }
    body .searchResults .gsaListContainer .product_category .grid__item:nth-of-type(2n-1),
    html .searchResults .gsaListContainer .product_category .grid__item:nth-of-type(2n-1) {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDotVert.png) left top repeat-y, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDotVert.png) right top repeat-y, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x!important
    }
}

@media (max-width:500px) {
    body .searchResults .gsaListContainer .product_category .grid__item,
    html .searchResults .gsaListContainer .product_category .grid__item {
        min-height: 320px
    }
}

@media (max-width:400px) {
    body .searchResults .gsaListContainer .product_category .grid__item,
    html .searchResults .gsaListContainer .product_category .grid__item {
        min-height: 280px
    }
}

body .searchResults .gsaListContainer .resultsPager,
html .searchResults .gsaListContainer .resultsPager {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x #fff!important;
    line-height: normal;
    padding: 10px!important
}

body .searchResults .gsaListContainer .resultsPager .kstl-results,
html .searchResults .gsaListContainer .resultsPager .kstl-results {
    margin-top: 4px;
    font-size: 8px;
    font-size: .8rem;
    text-align: right!important
}

@media (max-width:601px) {
    body .searchResults .gsaListContainer .resultsPager .kstl-results,
    html .searchResults .gsaListContainer .resultsPager .kstl-results {
        text-align: center!important;
        padding-bottom: 4px!important
    }
    body .searchResults .gsaListContainer .resultsPager .kstl-pager,
    html .searchResults .gsaListContainer .resultsPager .kstl-pager {
        text-align: center!important
    }
}

body .searchResults .gsaListContainer .resultsPager .kstl-pager .pagination,
html .searchResults .gsaListContainer .resultsPager .kstl-pager .pagination {
    margin-top: 2px;
    font-size: 8px;
    font-size: .8rem;
    padding: 0
}

body .searchResults .gsaListContainer .resultsPager .kstl-pager .pagination a,
html .searchResults .gsaListContainer .resultsPager .kstl-pager .pagination a {
    padding: 2px 4px
}

body .searchResults .gsaListContainer .resultsPager .kstl-pager .pagination .disabled,
html .searchResults .gsaListContainer .resultsPager .kstl-pager .pagination .disabled {
    color: #6f1b2b
}

body .searchResults .gsaListContainer .resultsPager .kstl-pager .pagination .first,
html .searchResults .gsaListContainer .resultsPager .kstl-pager .pagination .first {
    background: #d31145!important;
    border-radius: 4px 0 0 4px
}

body .searchResults .gsaListContainer .resultsPager .kstl-pager .pagination .previous,
html .searchResults .gsaListContainer .resultsPager .kstl-pager .pagination .previous {
    background: #d31145!important
}

body .searchResults .gsaListContainer .resultsPager .kstl-pager .pagination input,
html .searchResults .gsaListContainer .resultsPager .kstl-pager .pagination input {
    background: 0 0;
    color: #47423c;
    font-size: 8px;
    font-size: .8rem;
    padding: 0;
    min-width: unset;
    width: 110px
}

body .searchResults .gsaListContainer .resultsPager .kstl-pager .pagination .next,
html .searchResults .gsaListContainer .resultsPager .kstl-pager .pagination .next {
    background: #d31145!important
}

body .searchResults .gsaListContainer .resultsPager .kstl-pager .pagination .last,
html .searchResults .gsaListContainer .resultsPager .kstl-pager .pagination .last {
    background: #d31145!important;
    border-radius: 0 4px 4px 0
}

body .searchResults .gsaListContainer .one-page,
html .searchResults .gsaListContainer .one-page {
    display: none
}

body .searchResults .gsaListContainer .grid__item:nth-of-type(3) .gsaListContainer,
html .searchResults .gsaListContainer .grid__item:nth-of-type(3) .gsaListContainer {
    margin-top: 0!important
}

body .searchResults .gsaListContainer .grid__item:nth-of-type(3) .gsaListContainer .resultsPager,
html .searchResults .gsaListContainer .grid__item:nth-of-type(3) .gsaListContainer .resultsPager {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x #fff!important
}*/

body .whoWeAre,
html .whoWeAre {
    background-image: url(/content/dam/NorthAmerica/kelloggs/en_US/images/who-we-are/bottom.png), url(/content/dam/NorthAmerica/kelloggs/en_US/images/who-we-are/top.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: bottom, top
}

@media (max-width:601px) {
    body .whoWeAre,
    html .whoWeAre {
        background: 0 0
    }
}

body .whoWeAre .heroCarousel .flexslider,
html .whoWeAre .heroCarousel .flexslider {
    margin-top: 20px;
    z-index: 1!important;
    opacity: .99!important;
    background: 0 0!important
}

body .whoWeAre .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset,
html .whoWeAre .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset {
    background: 0 0;
    width: 100%;
    max-width: unset;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

body .whoWeAre .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text,
html .whoWeAre .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text {
    /*padding: 10px*/
}

body .whoWeAre .heroCarousel ol.flex-control-nav,
html .whoWeAre .heroCarousel ol.flex-control-nav {
    width: unset!important;
    height: 18px;
    right: 4px
}

body .whoWeAre .heroCarousel ol.flex-control-nav li,
html .whoWeAre .heroCarousel ol.flex-control-nav li {
    margin: 0 2px
}

body .whoWeAre .heroCarousel ol.flex-control-nav li a,
html .whoWeAre .heroCarousel ol.flex-control-nav li a {
    border: 0;
    background: #fff!important;
    opacity: .5
}

body .whoWeAre .heroCarousel ol.flex-control-nav li a.flex-active,
html .whoWeAre .heroCarousel ol.flex-control-nav li a.flex-active {
    opacity: 1
}

@media (max-width:601px) {
    body .whoWeAre .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset,
    html .whoWeAre .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset {
        margin-top: 0
    }
    body .whoWeAre .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text,
    html .whoWeAre .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text {
        padding: 0
    }
    body .whoWeAre .heroCarousel ol.flex-control-nav,
    html .whoWeAre .heroCarousel ol.flex-control-nav {
        display: block
    }
}

body .whoWeAre .multiContentGrid,
html .whoWeAre .multiContentGrid {
    padding-top: 20px!important
}

body .whoWeAre .multiContentGrid .desk-one-myFifth,
body .whoWeAre .multiContentGrid .one-myFifth,
html .whoWeAre .multiContentGrid .desk-one-myFifth,
html .whoWeAre .multiContentGrid .one-myFifth {
    width: 22.5%!important
}

body .whoWeAre .multiContentGrid .desk-four-myFifths,
body .whoWeAre .multiContentGrid .four-myFifths,
html .whoWeAre .multiContentGrid .desk-four-myFifths,
html .whoWeAre .multiContentGrid .four-myFifths {
    width: 77.5%!important
}

body .whoWeAre .leftMenu,
html .whoWeAre .leftMenu {
    background: #fff;
    padding: 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

body .whoWeAre .leftMenu h3,
html .whoWeAre .leftMenu h3 {
    font-size: 12px;
    font-size: 1.2rem
}

body .whoWeAre .leftMenu ul,
html .whoWeAre .leftMenu ul {
    list-style-type: none
}

body .whoWeAre .leftMenu ul li,
html .whoWeAre .leftMenu ul li {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/arrow.png) 96% center no-repeat, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x;
    background-size: 14px, auto;
    padding: 6px 34px 6px 0
}

body .whoWeAre .leftMenu ul li a,
html .whoWeAre .leftMenu ul li a {
    font-size: 8px;
    font-size: .8rem
}

body .whoWeAre .leftMenu li.disabled,
html .whoWeAre .leftMenu li.disabled {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/arrowDark.png) 96% center no-repeat, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x;
    background-size: 14px, auto;
    /*font-size: 8px;
    font-size: .8rem;
    color: #d31145*/
}

body .whoWeAre .leftMenu li.disabled a,
html .whoWeAre .leftMenu li.disabled a {
    cursor: default;
}

body .whoWeAre .leftMenu li.disabled a:hover,
html .whoWeAre .leftMenu li.disabled a:hover {
    text-decoration: none;
}

body .whoWeAre .leftMenu h1,
html .whoWeAre .leftMenu h1 {
    font-size: 12px;
    font-size: 1.2rem
}

@media (max-width:601px) {
    body .whoWeAre .multiContentGrid .lap-one-whole,
    body .whoWeAre .multiContentGrid .palm-one-whole,
    html .whoWeAre .multiContentGrid .lap-one-whole,
    html .whoWeAre .multiContentGrid .palm-one-whole {
        width: 100%!important
    }
    body .whoWeAre .leftMenu,
    html .whoWeAre .leftMenu {
        padding: 0 10px;
        background: 0 0
    }
    body .whoWeAre .leftMenu h3,
    html .whoWeAre .leftMenu h3 {
        font-size: 16px!important;
        font-size: 1.6rem!important;
        padding-left: 20px
    }
    body .whoWeAre .leftMenu ul,
    html .whoWeAre .leftMenu ul {
        list-style-type: none;
        padding-bottom: 20px
    }
    body .whoWeAre .leftMenu ul li,
    html .whoWeAre .leftMenu ul li {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/arrow.png) 96% center no-repeat, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x;
        background-size: 14px, auto;
        padding: 6px 20px 10px!important
    }
    body .whoWeAre .leftMenu ul li a,
    html .whoWeAre .leftMenu ul li a {
        font-size: 14px!important;
        font-size: 1.4rem!important
    }
    body .whoWeAre .leftMenu ul li:last-child,
    html .whoWeAre .leftMenu ul li:last-child {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/arrow.png) 96% center no-repeat, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x;
        background-size: 14px, auto, auto
    }
    body .whoWeAre .leftMenu ul li.disabled,
    html .whoWeAre .leftMenu ul li.disabled {
        font-size: 15px!important;
        font-size: 1.5rem!important;
        color: #af0113
    }
    body .whoWeAre .leftMenu h1,
    html .whoWeAre .leftMenu h1 {
        font-size: 16px;
        font-size: 1.6rem;
        padding: 0 0 20px 20px
    }
}

body .whoWeAre .wideColumn,
html .whoWeAre .wideColumn {
    padding: 20px!important
}

body .whoWeAre .wideColumn h1,
html .whoWeAre .wideColumn h1 {
    font-size: 13px;
    font-size: 1.3rem;
    margin-top: -20px
}

body .whoWeAre .wideColumn h1.bigH1,
html .whoWeAre .wideColumn h1.bigH1 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-top: -20px
}

body .whoWeAre .wideColumn h2,
html .whoWeAre .wideColumn h2 {
    font-size: 11px;
    font-size: 1.1rem;
    padding: 10px 0 0
}

body .whoWeAre .wideColumn p,
html .whoWeAre .wideColumn p {
    font-size: 9px;
    font-size: .9rem;
    /*font-family: "Lucida Grande", Lucida, "Trebuchet MS", Arial, sans-serif;*/
    color: #6c665b!important;
    line-height: 120%;
    padding-top: 10px
}

body .whoWeAre .wideColumn p.bigP,
html .whoWeAre .wideColumn p.bigP {
    font-size: 10px;
    font-size: 1rem;
    /*font-family: "Lucida Grande", Lucida, "Trebuchet MS", Arial, sans-serif!important;*/
    font-weight: 400!important;
    line-height: 150%;
    width: 90%
}

body .whoWeAre .wideColumn .pod,
html .whoWeAre .wideColumn .pod {
    margin-top: 20px;
    width: 90%
}

body .whoWeAre .wideColumn .pod img,
html .whoWeAre .wideColumn .pod img {
    width: 100%
}

body .whoWeAre .wideColumn .pod h3,
html .whoWeAre .wideColumn .pod h3 {
    font-size: 10px;
    font-size: 1rem;
    line-height: 120%
}

@media (max-width:601px) {
    body .whoWeAre .wideColumn .pod,
    html .whoWeAre .wideColumn .pod {
        width: 100%
    }
}

body .whoWeAre .wideColumn .overLine,
html .whoWeAre .wideColumn .overLine {
    width: 94%;
    border-top: 1px solid #000;
    margin-top: 20px
}

body .whoWeAre .wideColumn .overLine h4,
html .whoWeAre .wideColumn .overLine h4 {
    font-size: 10px;
    font-size: 1rem;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x;
    padding: 8px 0
}

body .whoWeAre .wideColumn .overLine .hr,
html .whoWeAre .wideColumn .overLine .hr {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x;
    margin: 10px 0;
    padding: 1px
}

body .whoWeAre .wideColumn .overLine .strongItalics,
html .whoWeAre .wideColumn .overLine .strongItalics {
    font-family: KelloggsSansBoldItalic;
    color: #000!important;
    padding-top: 10px
}

body .whoWeAre .wideColumn .overLine a,
html .whoWeAre .wideColumn .overLine a {
    font-family: KelloggsSansRegular!important
}

@media (max-width:601px) {
    body .whoWeAre .wideColumn .overLine,
    html .whoWeAre .wideColumn .overLine {
        width: 100%
    }
    body .whoWeAre .wideColumn h1,
    html .whoWeAre .wideColumn h1 {
        margin-top: 0
    }
    body .whoWeAre .wideColumn .button,
    html .whoWeAre .wideColumn .button {
        font-size: 20px!important
    }
}

body .whoWeAre .wideColumn .floatContainer,
html .whoWeAre .wideColumn .floatContainer {
    float: left;
    display: block;
    clear: left;
    padding-bottom: 10px
}

body .whoWeAre .wideColumn .leftPhoto,
html .whoWeAre .wideColumn .leftPhoto {
    float: left;
    display: inline;
    padding: 0 20px 10px 0
}

body .whoWeAre .wideColumn .leftPhoto img,
html .whoWeAre .wideColumn .leftPhoto img {
    border: 1px solid #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

body .whoWeAre .wideColumn .rightPhoto,
html .whoWeAre .wideColumn .rightPhoto {
    float: right;
    display: inline;
    padding: 0 0 10px 20px
}

body .whoWeAre .wideColumn .rightPhoto img,
html .whoWeAre .wideColumn .rightPhoto img {
    border: 1px solid #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

body .whoWeAre .wideColumn .arrowLink:after,
html .whoWeAre .wideColumn .arrowLink:after {
    content: ' ';
    display: inline-block;
    width: 9px;
    height: 9px;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/icon-bkg-ex-link.png) no-repeat
}

@media (max-width:700px) {
    body .whoWeAre .wideColumn .clearingLink,
    html .whoWeAre .wideColumn .clearingLink {
        float: left;
        display: inline-block
    }
}

body .whoWeAre .weSlideOne,
html .whoWeAre .weSlideOne {
    /*max-width: 330px;
    margin-top: 110px;*/
    max-width: 300px;
    margin-top: 100px;
    color: #fff;
}

body .whoWeAre .weSlideOne h2,
html .whoWeAre .weSlideOne h2 {
    /*font-size: 2rem;*/
    font-size: 24px;
    line-height: 1.2;
    padding-bottom: 15px;
}

body .whoWeAre .weSlideOne p,
html .whoWeAre .weSlideOne p {
    font-size: 8px;
    font-size: .8rem
}

@media (max-width:980px) {
    body .whoWeAre .weSlideOne,
    html .whoWeAre .weSlideOne {
        width: 280px;
        width: calc((100vw / 95) * 28);
        margin-top: 110px;
        margin-top: calc((100vw / 95) * 11)
    }
    body .whoWeAre .weSlideOne h2,
    html .whoWeAre .weSlideOne h2 {
        font-size: 20px;
        font-size: 2rem;
        line-height: 100%
    }
    body .whoWeAre .weSlideOne p,
    html .whoWeAre .weSlideOne p {
        font-size: 8px;
        font-size: .8rem
    }
}

@media (max-width:800px) {
    body .whoWeAre .weSlideOne,
    html .whoWeAre .weSlideOne {
        margin-top: calc((100vw / 40) * 3)
    }
    body .whoWeAre .weSlideOne h2,
    html .whoWeAre .weSlideOne h2 {
        font-size: calc((100vw / 25) * 1)
    }
    body .whoWeAre .weSlideOne p,
    html .whoWeAre .weSlideOne p {
        font-size: calc((100vw / 400) * 7)
    }
}

@media (max-width:601px) {
    body .whoWeAre .weSlideOne,
    html .whoWeAre .weSlideOne {
        max-width: 100%;
        width: 100%;
        height: 100%;
        margin-top: -1px;
        margin-left: 0;
        background: #d31145;
        min-height: 285px!important;
        padding: 20px 40px 20px 20px;
        color: #fff
    }
    body .whoWeAre .weSlideOne h2,
    html .whoWeAre .weSlideOne h2 {
        font-size: 20px;
        font-size: 2rem
    }
    body .whoWeAre .weSlideOne p,
    html .whoWeAre .weSlideOne p {
        font-size: 8px;
        font-size: .8rem
    }
}

@media (max-width:356px) {
    body .whoWeAre .weSlideOne,
    html .whoWeAre .weSlideOne {
        min-height: 304px!important
    }
}

body .whoWeAre .weSlideTwo,
html .whoWeAre .weSlideTwo {
    max-width: 242px;
    margin-top: 62px;
    color: #fff
}

body .whoWeAre .weSlideTwo p,
html .whoWeAre .weSlideTwo p {
    font-family: KelloggsSansBold;
    font-size: 14px;
    font-size: 1.4rem
}

@media (max-width:980px) {
    body .whoWeAre .weSlideTwo,
    html .whoWeAre .weSlideTwo {
        margin-top: calc((100vw / 40) * 3)
    }
    body .whoWeAre .weSlideTwo p,
    html .whoWeAre .weSlideTwo p {
        font-size: calc((100vw / 475) * 11)
    }
}

@media (max-width:601px) {
    body .whoWeAre .weSlideTwo,
    html .whoWeAre .weSlideTwo {
        max-width: 100%;
        width: 100%;
        height: 100%;
        margin-top: -1px;
        margin-left: 0;
        background: #d31145;
        min-height: 285px!important;
        padding: 20px 40px 20px 20px;
        color: #fff
    }
    body .whoWeAre .weSlideTwo p,
    html .whoWeAre .weSlideTwo p {
        font-size: 18px;
        font-size: 1.8rem
    }
}

@media (max-width:356px) {
    body .whoWeAre .weSlideTwo,
    html .whoWeAre .weSlideTwo {
        min-height: 304px!important
    }
}

body .whoWeAre .weSlideThree,
html .whoWeAre .weSlideThree {
    max-width: 300px;
    margin-top: 85px;
    color: #fff
}

body .whoWeAre .weSlideThree h2,
html .whoWeAre .weSlideThree h2 {
    font-size: 20px;
    font-size: 2rem;
    line-height: 120%
}

body .whoWeAre .weSlideThree p,
html .whoWeAre .weSlideThree p {
    font-size: 8px;
    font-size: .8rem
}

@media (max-width:980px) {
    body .whoWeAre .weSlideThree,
    html .whoWeAre .weSlideThree {
        width: 280px;
        width: calc((100vw / 95) * 28);
        margin-top: 110px;
        margin-top: calc((100vw / 95) * 11)
    }
    body .whoWeAre .weSlideThree h2,
    html .whoWeAre .weSlideThree h2 {
        font-size: 20px;
        font-size: 2rem;
        line-height: 100%
    }
    body .whoWeAre .weSlideThree p,
    html .whoWeAre .weSlideThree p {
        font-size: 8px;
        font-size: .8rem
    }
}

@media (max-width:800px) {
    body .whoWeAre .weSlideThree,
    html .whoWeAre .weSlideThree {
        margin-top: calc((100vw / 40) * 3)
    }
    body .whoWeAre .weSlideThree h2,
    html .whoWeAre .weSlideThree h2 {
        font-size: calc((100vw / 25) * 1)
    }
    body .whoWeAre .weSlideThree p,
    html .whoWeAre .weSlideThree p {
        font-size: calc((100vw / 400) * 7)
    }
}

@media (max-width:601px) {
    body .whoWeAre .weSlideThree,
    html .whoWeAre .weSlideThree {
        max-width: 100%;
        width: 100%;
        height: 100%;
        margin-top: -1px;
        margin-left: 0;
        background: #d31145;
        min-height: 285px!important;
        padding: 20px 40px 20px 20px;
        color: #fff
    }
    body .whoWeAre .weSlideThree h2,
    html .whoWeAre .weSlideThree h2 {
        font-size: 20px;
        font-size: 2rem
    }
    body .whoWeAre .weSlideThree p,
    html .whoWeAre .weSlideThree p {
        font-size: 8px;
        font-size: .8rem
    }
}

@media (max-width:356px) {
    body .whoWeAre .weSlideThree,
    html .whoWeAre .weSlideThree {
        min-height: 304px!important
    }
}

body .whoWeAre .weSlideFour,
html .whoWeAre .weSlideFour {
    max-width: 290px;
    margin-top: 96px;
    color: #fff
}

body .whoWeAre .weSlideFour h2,
html .whoWeAre .weSlideFour h2 {
    font-size: 20px;
    font-size: 2rem;
    line-height: 120%
}

body .whoWeAre .weSlideFour p,
html .whoWeAre .weSlideFour p {
    font-size: 8px;
    font-size: .8rem
}

@media (max-width:980px) {
    body .whoWeAre .weSlideFour,
    html .whoWeAre .weSlideFour {
        width: 280px;
        width: calc((100vw / 95) * 28);
        margin-top: 65px;
        margin-top: calc((100vw / 190) * 13)
    }
    body .whoWeAre .weSlideFour h2,
    html .whoWeAre .weSlideFour h2 {
        font-size: calc((100vw / 475) * 16);
        line-height: 100%
    }
    body .whoWeAre .weSlideFour p,
    html .whoWeAre .weSlideFour p {
        font-size: calc((100vw / 400) * 7)
    }
}

@media (max-width:601px) {
    body .whoWeAre .weSlideFour,
    html .whoWeAre .weSlideFour {
        max-width: 100%;
        width: 100%;
        height: 100%;
        margin-top: -1px;
        margin-left: 0;
        background: #d31145;
        min-height: 285px!important;
        padding: 20px 40px 20px 20px;
        color: #fff
    }
    body .whoWeAre .weSlideFour h2,
    html .whoWeAre .weSlideFour h2 {
        font-size: 20px;
        font-size: 2rem
    }
    body .whoWeAre .weSlideFour p,
    html .whoWeAre .weSlideFour p {
        font-size: 8px;
        font-size: .8rem
    }
}

@media (max-width:356px) {
    body .whoWeAre .weSlideFour,
    html .whoWeAre .weSlideFour {
        min-height: 304px!important
    }
}

body .whoWeAre .world,
html .whoWeAre .world {
    width: 710px;
    height: 267px;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/who-we-are/our-locations/map_bg.jpg) no-repeat;
    background-size: 100% 100%
}

body .whoWeAre .world h1.worldH1,
html .whoWeAre .world h1.worldH1 {
    padding: 20px;
    width: 40%;
    font-size: 28px;
    font-size: 2.8rem
}

@media (max-width:980px) {
    body .whoWeAre .world,
    html .whoWeAre .world {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/who-we-are/our-locations/map_bg.jpg) no-repeat;
        background-size: 100% 100%;
        width: 100%;
        height: calc((100vw / 475) * 131)
    }
    body .whoWeAre .world h1.worldH1,
    html .whoWeAre .world h1.worldH1 {
        padding: 20px 20px 0;
        width: 40%;
        font-size: calc((100vw / 95) * 4)
    }
}

@media (max-width:601px) {
    body .whoWeAre .world,
    html .whoWeAre .world {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/who-we-are/our-locations/map_bgMobile.jpg) no-repeat;
        background-size: 100% 100%;
        width: calc((100vw / 15) * 14);
        height: calc((100vw / 15) * 14)
    }
    body .whoWeAre .world h1.worldH1,
    html .whoWeAre .world h1.worldH1 {
        padding: 60% 20px 0;
        width: 100%;
        font-size: 28px;
        font-size: 2.8rem
    }
}

@media (max-width:400px) {
    body .whoWeAre .world,
    html .whoWeAre .world {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/who-we-are/our-locations/map_bgMobile.jpg) no-repeat;
        background-size: 100% 100%;
        width: calc((100vw / 10) * 9);
        height: calc((100vw / 10) * 9)
    }
    body .whoWeAre .world h1.worldH1,
    html .whoWeAre .world h1.worldH1 {
        padding: 60% 20px 0;
        width: 100%;
        font-size: 24px;
        font-size: 2.4rem
    }
}

@media (max-width:340px) {
    body .whoWeAre .world h1.worldH1,
    html .whoWeAre .world h1.worldH1 {
        padding: 60% 20px 0;
        width: 100%;
        font-size: 20px;
        font-size: 2rem
    }
}

body .whoWeAre .threeColumn,
html .whoWeAre .threeColumn {
    padding-top: 20px!important
}

body .whoWeAre .threeColumn img,
html .whoWeAre .threeColumn img {
    width: 100%
}

body .whoWeAre .threeColumn .centerColumn,
html .whoWeAre .threeColumn .centerColumn {
    padding: 0 20px
}

body .whoWeAre .threeColumn .centerColumn h2,
html .whoWeAre .threeColumn .centerColumn h2 {
    padding-top: 0
}

body .whoWeAre .threeColumn .centerColumn p,
html .whoWeAre .threeColumn .centerColumn p {
    font-family: KelloggsSansMedium
}

body .whoWeAre .threeColumn .rightColumn,
html .whoWeAre .threeColumn .rightColumn {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDotVert.png) left top repeat-y;
    padding: 0 0 20px 20px
}

body .whoWeAre .threeColumn .rightColumn p,
html .whoWeAre .threeColumn .rightColumn p {
    font-family: KelloggsSansBold
}

@media (max-width:601px) {
    body .whoWeAre .threeColumn .centerColumn,
    html .whoWeAre .threeColumn .centerColumn {
        padding: 0
    }
    body .whoWeAre .threeColumn .rightColumn,
    html .whoWeAre .threeColumn .rightColumn {
        background: 0 0;
        padding: 0 0 20px
    }
}

body .whatWeBelieve,
html .whatWeBelieve {
    background-image: url(/content/dam/NorthAmerica/kelloggs/en_US/images/offers-and-promotions/offer.promos-btm.png), url(/content/dam/NorthAmerica/kelloggs/en_US/images/offers-and-promotions/offer.promos-top.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: bottom, top
}

@media (max-width:601px) {
    body .whatWeBelieve,
    html .whatWeBelieve {
        background: 0 0
    }
}

body .whatWeBelieve .hero,
html .whatWeBelieve .hero {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/what-we-believe/what-we-believe-hero.jpg) no-repeat;
    color: #fff;
    margin-top: 20px!important;
    min-height: 293px
}

body .whatWeBelieve .hero .heroContainer,
html .whatWeBelieve .hero .heroContainer {
    padding: 10px 0 0 10px;
    width: 41%
}

body .whatWeBelieve .hero .heroContainer h1,
html .whatWeBelieve .hero .heroContainer h1 {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 73%
}

body .whatWeBelieve .hero .heroContainer p,
html .whatWeBelieve .hero .heroContainer p {
    font-size: 8px;
    font-size: .8rem;
    padding-top: 4px
}

@media (max-width:980px) {
    body .whatWeBelieve .hero,
    html .whatWeBelieve .hero {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/what-we-believe/what-we-believe-heroMedium.jpg) no-repeat;
        background-size: 100% 100%;
        min-height: unset;
        height: calc((100vw / 980) * 293)
    }
    body .whatWeBelieve .hero .heroContainer,
    html .whatWeBelieve .hero .heroContainer {
        padding: 10px 0 0 10px;
        width: 50%
    }
    body .whatWeBelieve .hero .heroContainer h1,
    html .whatWeBelieve .hero .heroContainer h1 {
        font-size: 14px;
        font-size: 1.4rem
    }
    body .whatWeBelieve .hero .heroContainer p,
    html .whatWeBelieve .hero .heroContainer p {
        font-size: 8px;
        font-size: .8rem
    }
}

@media (max-width:860px) {
    body .whatWeBelieve .hero,
    html .whatWeBelieve .hero {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/what-we-believe/what-we-believe-heroMobile.jpg) no-repeat #d31145;
        background-size: 100%;
        height: 600px
    }
    body .whatWeBelieve .hero .heroContainer,
    html .whatWeBelieve .hero .heroContainer {
        margin-top: calc((100vw / 215) * 101);
        padding: 20px 10px;
        width: 100%
    }
    body .whatWeBelieve .hero .heroContainer h1,
    html .whatWeBelieve .hero .heroContainer h1 {
        font-size: 14px;
        font-size: 1.4rem
    }
    body .whatWeBelieve .hero .heroContainer p,
    html .whatWeBelieve .hero .heroContainer p {
        font-size: 8px;
        font-size: .8rem
    }
}

@media (max-width:601px) {
    body .whatWeBelieve .hero,
    html .whatWeBelieve .hero {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/what-we-believe/what-we-believe-heroMobile.jpg) no-repeat #d31145;
        background-size: 100%;
        height: 550px
    }
    body .whatWeBelieve .hero .heroContainer,
    html .whatWeBelieve .hero .heroContainer {
        margin-top: calc((100vw / 600) * 293);
        padding: 20px 10px;
        width: 100%
    }
    body .whatWeBelieve .hero .heroContainer h1,
    html .whatWeBelieve .hero .heroContainer h1 {
        font-size: 14px;
        font-size: 1.4rem
    }
    body .whatWeBelieve .hero .heroContainer p,
    html .whatWeBelieve .hero .heroContainer p {
        font-size: 8px;
        font-size: .8rem
    }
}

@media (max-width:380px) {
    body .whatWeBelieve .hero,
    html .whatWeBelieve .hero {
        height: 550px
    }
    body .whatWeBelieve .hero .heroContainer,
    html .whatWeBelieve .hero .heroContainer {
        margin-top: calc((100vw / 95) * 46);
        padding: 20px 10px;
        width: 100%
    }
    body .whatWeBelieve .hero .heroContainer h1,
    html .whatWeBelieve .hero .heroContainer h1 {
        font-size: 14px;
        font-size: 1.4rem
    }
    body .whatWeBelieve .hero .heroContainer p,
    html .whatWeBelieve .hero .heroContainer p {
        font-size: 8px;
        font-size: .8rem
    }
}

body .whatWeBelieve .best,
html .whatWeBelieve .best {
    padding: 20px 10px!important
}

body .whatWeBelieve .best h2,
html .whatWeBelieve .best h2 {
    font-size: 14px;
    font-size: 1.4rem
}

body .whatWeBelieve .best p,
html .whatWeBelieve .best p {
    font-size: 8px;
    font-size: .8rem;
    color: #6c665b
}

body .whatWeBelieve .flexslider,
html .whatWeBelieve .flexslider {
    margin-top: 20px;
    z-index: 1!important;
    opacity: .99!important
}

body .whatWeBelieve .flexslider ul li .kstl-carousel-grid-slide,
html .whatWeBelieve .flexslider ul li .kstl-carousel-grid-slide {
    background: 0 0;
    padding: 20px 10px 30px 30px!important
}

body .whatWeBelieve .flexslider ul li .kstl-carousel-grid-slide .believeSlide,
html .whatWeBelieve .flexslider ul li .kstl-carousel-grid-slide .believeSlide {
    min-height: 177px;
    width: 95%;
    background: #f8f3ee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .25);
    -moz-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .25);
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .25);
    padding: 10px 20px 20px!important
}

body .whatWeBelieve .flexslider ul li .kstl-carousel-grid-slide .believeSlide .kstl-rich-text,
html .whatWeBelieve .flexslider ul li .kstl-carousel-grid-slide .believeSlide .kstl-rich-text {
    padding: 0!important
}

body .whatWeBelieve .flexslider ul li .kstl-carousel-grid-slide .believeSlide .kstl-rich-text h3,
html .whatWeBelieve .flexslider ul li .kstl-carousel-grid-slide .believeSlide .kstl-rich-text h3 {
    font-size: 14px;
    font-size: 1.4rem
}

body .whatWeBelieve .flexslider ul li .kstl-carousel-grid-slide .believeSlide .kstl-rich-text img,
html .whatWeBelieve .flexslider ul li .kstl-carousel-grid-slide .believeSlide .kstl-rich-text img {
    float: left!important;
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    width: 25%
}

body .whatWeBelieve .flexslider ul li .kstl-carousel-grid-slide .believeSlide .kstl-rich-text p,
html .whatWeBelieve .flexslider ul li .kstl-carousel-grid-slide .believeSlide .kstl-rich-text p {
    float: left!important;
    display: inline-block;
    width: 75%;
    padding-left: 10px;
    font-size: 8px;
    font-size: .8rem
}

body .whatWeBelieve ol.flex-control-nav,
html .whatWeBelieve ol.flex-control-nav {
    height: 18px;
    right: 0
}

body .whatWeBelieve ol.flex-control-nav li a,
html .whatWeBelieve ol.flex-control-nav li a {
    border: 0;
    background: #fff!important;
    opacity: .5
}

body .whatWeBelieve ol.flex-control-nav li a.flex-active,
html .whatWeBelieve ol.flex-control-nav li a.flex-active {
    opacity: 1
}

body .whatWeBelieve ul.flex-direction-nav .flex-nav-prev a.flex-prev,
html .whatWeBelieve ul.flex-direction-nav .flex-nav-prev a.flex-prev {
    width: 14px;
    height: 42px;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/btn-red-arrow-left.png) no-repeat!important;
    background-size: 100% 100%!important;
    left: 0!important;
    opacity: 1!important
}

@media (max-width:601px) {
    body .whatWeBelieve .flexslider ul li .kstl-carousel-grid-slide,
    html .whatWeBelieve .flexslider ul li .kstl-carousel-grid-slide {
        padding: 20px 10px 30px 36px!important;
        padding: 20px calc((100vw / 60) * 1) 30px calc((100vw / 50) * 3)!important
    }
    body .whatWeBelieve .flexslider ul li .kstl-carousel-grid-slide .believeSlide,
    html .whatWeBelieve .flexslider ul li .kstl-carousel-grid-slide .believeSlide {
        margin-top: 10px!important
    }
    body .whatWeBelieve .flexslider ul li .kstl-carousel-grid-slide .believeSlide a,
    html .whatWeBelieve .flexslider ul li .kstl-carousel-grid-slide .believeSlide a {
        font-size: 8px;
        font-size: .8rem
    }
    body .whatWeBelieve ul.flex-direction-nav .flex-nav-prev a.flex-prev,
    html .whatWeBelieve ul.flex-direction-nav .flex-nav-prev a.flex-prev {
        left: 6px!important
    }
}

body .whatWeBelieve ul.flex-direction-nav .flex-nav-next a.flex-next,
html .whatWeBelieve ul.flex-direction-nav .flex-nav-next a.flex-next {
    width: 14px;
    height: 42px;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/btn-red-arrow-right.png) no-repeat!important;
    background-size: 100% 100%!important;
    right: 0!important;
    opacity: 1!important
}

@media (max-width:601px) {
    body .whatWeBelieve ul.flex-direction-nav .flex-nav-next a.flex-next,
    html .whatWeBelieve ul.flex-direction-nav .flex-nav-next a.flex-next {
        right: 6px!important
    }
}

@media (max-width:350px) {
    body .whatWeBelieve ul.flex-direction-nav .flex-nav-prev a.flex-prev,
    html .whatWeBelieve ul.flex-direction-nav .flex-nav-prev a.flex-prev {
        left: 3px!important
    }
    body .whatWeBelieve ul.flex-direction-nav .flex-nav-next a.flex-next,
    html .whatWeBelieve ul.flex-direction-nav .flex-nav-next a.flex-next {
        right: 3px!important
    }
}

body .whatWeBelieve .kstl-product-group .grid__item,
html .whatWeBelieve .kstl-product-group .grid__item {
    padding: 20px!important
}

body .whatWeBelieve .kstl-product-group .grid__item h3,
body .whatWeBelieve .kstl-product-group .grid__item h3 a,
html .whatWeBelieve .kstl-product-group .grid__item h3,
html .whatWeBelieve .kstl-product-group .grid__item h3 a {
    font-size: 8px;
    font-size: .8rem;
    line-height: 100%
}

/*body .nutrition,
html .nutrition {
    background-image: url(/content/dam/NorthAmerica/kelloggs/en_US/images/nutrition/bottom.png), url(/content/dam/NorthAmerica/kelloggs/en_US/images/nutrition/background.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: bottom, top;
    background-size: 100%
}*/

@media (max-width:601px) {
    /*body .nutrition,
    html .nutrition {
        background: 0 0
    }*/
}

body .nutrition .rowOne,
html .nutrition .rowOne {
    display: block;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/nutrition/the-scoop-on-heart-health/Kelloggs_RB_HeartHealth1.jpg) no-repeat;
    color: #Fff;
    height: 393px;
    background-size: 100% 100%;
    margin: 0!important
}

body .nutrition .rowOne .innerOne,
html .nutrition .rowOne .innerOne {
    float: left;
    display: block;
    width: 60%;
    margin: 150px 0 0 20px
}

body .nutrition .rowOne .innerOne h1,
html .nutrition .rowOne .innerOne h1 {
    font-size: 24px;
    font-size: 2.4rem;
    width: 63%;
    line-height: 100%
}

body .nutrition .rowOne .innerOne p.bold,
html .nutrition .rowOne .innerOne p.bold {
    font-family: KelloggsSansBold;
    font-size: 13px!important;
    font-size: 1.3rem!important;
    line-height: 100%;
    width: 70%;
    margin-top: 30px
}

body .nutrition .rowOne .innerOne p.disclaimer,
html .nutrition .rowOne .innerOne p.disclaimer {
    margin-top: 30px;
    font-size: 10px!important
}

body .nutrition .rowTwo,
html .nutrition .rowTwo {
    display: block;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/nutrition/the-scoop-on-heart-health/Kelloggs_RB_HeartHealth2.jpg) no-repeat;
    color: #Fff;
    height: 393px;
    background-size: 100% 100%;
    margin: 20px 0 0!important;
    padding: 20px
}

body .nutrition .rowTwo h2,
html .nutrition .rowTwo h2 {
    margin-top: 40px;
    float: right;
    display: block;
    width: 50%;
    line-height: 120%
}

body .nutrition .rowTwo h2 span,
html .nutrition .rowTwo h2 span {
    font-size: 5rem;
    line-height: 50%
}

body .nutrition .rowTwo h2 .sup,
html .nutrition .rowTwo h2 .sup {
    color: #fff;
    font-size: 50%!important;
    vertical-align: 10px!important
}

body .nutrition .imageRow,
html .nutrition .imageRow {
    margin: 20px 0 0;
    padding: 0!important;
    line-height: 0
}

body .nutrition .rowFour,
html .nutrition .rowFour {
    display: block;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/nutrition/the-scoop-on-heart-health/Kelloggs_RB_HeartHealth5.jpg) no-repeat;
    color: #Fff;
    height: 295px;
    background-size: 100% 100%;
    margin: 20px 0 0!important;
    padding: 20px
}

body .nutrition .rowFour p,
html .nutrition .rowFour p {
    float: left;
    margin-top: 70px;
    font-family: KelloggsSansBold;
    font-size: 16px!important;
    font-size: 1.6rem!important;
    line-height: 120%
}

body .nutrition .rowFour p .sup,
html .nutrition .rowFour p .sup {
    color: #fff;
    font-size: 50%!important;
    vertical-align: 10px!important
}

body .nutrition .rowFive,
html .nutrition .rowFive {
    display: block;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/nutrition/the-scoop-on-heart-health/Kelloggs_RB_HeartHealth6.jpg) no-repeat;
    color: #Fff;
    height: 295px;
    background-size: 100% 100%;
    margin: 20px 0 0!important;
    padding: 20px
}

body .nutrition .rowFive h3,
html .nutrition .rowFive h3 {
    font-size: 1.8rem!important;
    line-height: 120%;
    padding-bottom: 10px
}

body .nutrition .rowFive .left,
html .nutrition .rowFive .left {
    float: left;
    display: inline-block;
    width: 50%;
    margin-top: 10px
}

body .nutrition .rowFive .left tr,
html .nutrition .rowFive .left tr {
    padding: 10px 0!important
}

body .nutrition .rowFive .left tr td,
html .nutrition .rowFive .left tr td {
    padding: 4px 20px 4px 0;
    font-size: 14px
}

body .nutrition .rowFive .left tr td .less,
html .nutrition .rowFive .left tr td .less {
    font-size: 7px;
    line-height: 100%!important;
    float: left;
    display: inline-block;
    padding: 6px 0 0
}

body .nutrition .rowFive .left tr td .less br,
html .nutrition .rowFive .left tr td .less br {
    line-height: 0!important
}

body .nutrition .rowFive .left tr td .num,
html .nutrition .rowFive .left tr td .num {
    font-size: 18px;
    line-height: 100%!important;
    float: left;
    display: inline-block;
    padding: 4px 0 0 4px
}

body .nutrition .rowFive .left tr td .num span,
html .nutrition .rowFive .left tr td .num span {
    font-size: 12px
}

body .nutrition .rowFive .left tr td .numTwo,
html .nutrition .rowFive .left tr td .numTwo {
    font-size: 18px;
    line-height: 100%!important;
    float: left;
    display: inline-block;
    padding: 4px 0 0
}

body .nutrition .rowFive .left tr td .unit,
html .nutrition .rowFive .left tr td .unit {
    font-size: 7px!important;
    float: left;
    display: inline-block;
    line-height: 100%!important;
    padding: 4px
}

body .nutrition .rowFive .left tr td:last-child,
html .nutrition .rowFive .left tr td:last-child {
    width: 30
}

body .nutrition .rowFive .right,
html .nutrition .rowFive .right {
    float: left;
    display: inline-block;
    width: 50%;
    padding: 20px 40px 20px 60px
}

body .nutrition .rowFive .right ul li,
html .nutrition .rowFive .right ul li {
    list-style-type: none;
    font-size: 12px
}

body .nutrition .rowFive .right ul li:before,
html .nutrition .rowFive .right ul li:before {
    content: "\2665 \0020"
}

body .nutrition .rowFive .right ul li a,
html .nutrition .rowFive .right ul li a {
    color: #fff!important;
    text-decoration: underline
}

body .nutrition .rowFive .right ul li a:hover,
html .nutrition .rowFive .right ul li a:hover {
    text-decoration: none
}

body .nutrition .rowFive .right p,
html .nutrition .rowFive .right p {
    font-family: KelloggsSansBold;
    font-size: 1.2rem!important
}

body .nutrition .rowFive .sup,
html .nutrition .rowFive .sup {
    color: #fff;
    font-size: 50%!important;
    vertical-align: 10px!important
}

body .nutrition .rowSeven,
html .nutrition .rowSeven {
    display: block;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/nutrition/the-scoop-on-heart-health/plainBg.jpg) no-repeat;
    color: #fff;
    height: 491px;
    background-size: 100% 100%;
    margin: 20px 0 0!important;
    padding: 20px;
    text-align: center
}

body .nutrition .rowSeven h4,
html .nutrition .rowSeven h4 {
    font-family: KelloggsSansBold;
    font-size: 23px!important;
    font-size: 2.3rem!important;
    line-height: 100%
}

body .nutrition .rowSeven h4 a,
html .nutrition .rowSeven h4 a {
    font-family: KelloggsSansBold;
    color: #fff!important;
    text-decoration: underline
}

body .nutrition .rowSeven h4 a:hover,
html .nutrition .rowSeven h4 a:hover {
    text-decoration: none
}

body .nutrition .rowSeven .heart,
html .nutrition .rowSeven .heart {
    float: left;
    display: inline-block;
    margin-top: 60px;
    width: 33.3%;
    padding: 10px
}

body .nutrition .rowSeven .heart p,
html .nutrition .rowSeven .heart p {
    text-align: center
}

body .nutrition .rowSeven p.disclaimer,
html .nutrition .rowSeven p.disclaimer {
    float: left;
    display: block;
    margin-top: 60px;
    font-size: 8px!important;
    font-size: .6rem!important
}

body .nutrition .rowEight,
html .nutrition .rowEight {
    display: block;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/nutrition/the-scoop-on-heart-health/Kelloggs_RB_HeartHealth9.jpg) no-repeat;
    color: #Fff;
    background-size: 100% 100%;
    height: 98px;
    margin: 20px 0 0!important;
    padding: 20px
}

body .nutrition .rowEight ol li,
html .nutrition .rowEight ol li {
    font-size: .6rem!important
}

body .nutrition .rowEight ol li a,
html .nutrition .rowEight ol li a {
    color: #fff!important;
    text-decoration: underline
}

body .nutrition .rowEight ol li a:hover,
html .nutrition .rowEight ol li a:hover {
    text-decoration: none
}

@media (max-width:980px) {
    body .nutrition .rowOne,
    html .nutrition .rowOne {
        height: 393px;
        height: calc((100vw / 980) * 383)
    }
    body .nutrition .rowOne .innerOne,
    html .nutrition .rowOne .innerOne {
        margin: calc((100vw / 19) * 3) 0 0 calc((100vw / 95) * 2)
    }
    body .nutrition .rowOne .innerOne h1,
    html .nutrition .rowOne .innerOne h1 {
        font-size: calc((100vw / 475) * 18)!important
    }
    body .nutrition .rowOne .innerOne p.bold,
    html .nutrition .rowOne .innerOne p.bold {
        font-size: calc((100vw / 95) * 2)!important;
        margin-top: calc((100vw / 95) * 3)
    }
    body .nutrition .rowOne .innerOne p.disclaimer,
    html .nutrition .rowOne .innerOne p.disclaimer {
        margin-top: calc((100vw / 95) * 2);
        font-size: calc((100vw / 95) * 1)!important
    }
    body .nutrition .rowTwo,
    html .nutrition .rowTwo {
        height: 393px;
        height: calc((100vw / 980) * 383);
        padding: 20px;
        margin: 10px 0!important
    }
    body .nutrition .rowTwo h2,
    html .nutrition .rowTwo h2 {
        margin-top: 40px;
        margin-top: calc((100vw / 95) * 4);
        font-size: 26px!important;
        font-size: calc((100vw / 475) * 13)!important
    }
    body .nutrition .rowTwo h2 span,
    html .nutrition .rowTwo h2 span {
        font-size: 72px;
        font-size: calc((100vw / 475) * 36)
    }
    body .nutrition .imageRow,
    html .nutrition .imageRow {
        margin: 10px 0 0!important;
        padding: 0!important
    }
    body .nutrition .rowFour,
    html .nutrition .rowFour {
        height: 295px;
        height: calc((100vw / 190) * 59);
        margin: 10px 0 0!important
    }
    body .nutrition .rowFour p,
    html .nutrition .rowFour p {
        margin-top: 70px;
        margin-top: calc((100vw / 95) * 7);
        font-size: 24px!important;
        font-size: calc((100vw / 475) * 12)!important
    }
    body .nutrition .rowFour p .sup,
    html .nutrition .rowFour p .sup {
        color: #fff;
        font-size: 50%!important;
        vertical-align: 10px!important
    }
    body .nutrition .rowFive,
    html .nutrition .rowFive {
        height: 295px;
        height: calc((100vw / 190) * 59);
        margin: 10px 0 0!important;
        padding: calc((100vw / 95) * 2)
    }
    body .nutrition .rowFive h3,
    html .nutrition .rowFive h3 {
        font-size: calc((100vw / 475) * 12)!important;
        padding-bottom: calc((100vw / 95) * 1)
    }
    body .nutrition .rowFive .left,
    html .nutrition .rowFive .left {
        margin-top: 10px
    }
    body .nutrition .rowFive .left tr,
    html .nutrition .rowFive .left tr {
        padding: calc(100vw / 95) 0!important
    }
    body .nutrition .rowFive .left tr td,
    html .nutrition .rowFive .left tr td {
        padding: calc((100vw / 475) * 2) 20px calc((100vw / 475) * 2) 0;
        font-size: calc((100vw / 475) * 7)
    }
    body .nutrition .rowFive .left tr td .less,
    html .nutrition .rowFive .left tr td .less {
        font-size: calc((100vw / 980) * 7);
        padding: calc((100vw / 475) * 3) 0 0
    }
    body .nutrition .rowFive .left tr td .num,
    html .nutrition .rowFive .left tr td .num {
        font-size: calc((100vw / 475) * 9);
        padding: calc((100vw / 475) * 2) 0 0 calc((100vw / 475) * 2)
    }
    body .nutrition .rowFive .left tr td .num span,
    html .nutrition .rowFive .left tr td .num span {
        font-size: calc((100vw / 475) * 6)
    }
    body .nutrition .rowFive .left tr td .numTwo,
    html .nutrition .rowFive .left tr td .numTwo {
        font-size: calc((100vw / 475) * 9);
        padding: calc((100vw / 475) * 2) 0 0
    }
    body .nutrition .rowFive .left tr td .unit,
    html .nutrition .rowFive .left tr td .unit {
        font-size: calc((100vw / 980) * 7)!important;
        padding: 4px
    }
    body .nutrition .rowFive .left tr td:last-child,
    html .nutrition .rowFive .left tr td:last-child {
        width: 30
    }
    body .nutrition .rowFive .right,
    html .nutrition .rowFive .right {
        padding: calc((100vw / 95) * 2) calc((100vw / 95) * 4) calc((100vw / 95) * 2) calc((100vw / 95) * 6)
    }
    body .nutrition .rowFive .right ul li,
    html .nutrition .rowFive .right ul li {
        font-size: calc((100vw / 475) * 6)
    }
    body .nutrition .rowFive .right p,
    html .nutrition .rowFive .right p {
        font-size: calc((100vw / 475) * 7)!important
    }
    body .nutrition .rowSeven,
    html .nutrition .rowSeven {
        position: relative;
        height: 491px;
        height: calc((100vw / 980) * 491);
        margin: 10px 0 0!important
    }
    body .nutrition .rowSeven h4,
    html .nutrition .rowSeven h4 {
        font-size: calc((100vw / 475) * 17)!important
    }
    body .nutrition .rowSeven .heart,
    html .nutrition .rowSeven .heart {
        margin-top: calc((100vw / 95) * 5)
    }
    body .nutrition .rowSeven p.disclaimer,
    html .nutrition .rowSeven p.disclaimer {
        position: absolute;
        bottom: 10px;
        margin-top: 0;
        font-size: 8px!important;
        font-size: calc((100vw / 475) * 4)!important
    }
    body .nutrition .rowEight,
    html .nutrition .rowEight {
        height: 98px;
        height: calc((100vw / 475) * 49);
        margin: 10px 0 0!important;
        padding: 12px 10px
    }
    body .nutrition .rowEight ol,
    html .nutrition .rowEight ol {
        margin-left: 10px
    }
    body .nutrition .rowEight ol li,
    html .nutrition .rowEight ol li {
        font-size: 9px!important
    }
}

@media (max-width:601px) {
    body .nutrition .rowTwo,
    html .nutrition .rowTwo {
        display: block;
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/nutrition/the-scoop-on-heart-health/Kelloggs_RB_HeartHealth2Mobile.jpg) no-repeat;
        color: #Fff;
        height: 580px;
        height: calc((100vw / 30) * 29);
        background-size: 100% 100%;
        margin: 20px 0 0!important;
        padding: 20px
    }
    body .nutrition .rowTwo h2,
    html .nutrition .rowTwo h2 {
        width: 100%;
        font-size: 26px!important
    }
    body .nutrition .rowTwo h2 span,
    html .nutrition .rowTwo h2 span {
        font-size: 72px
    }
    body .nutrition .rowTwo h2 .sup,
    html .nutrition .rowTwo h2 .sup {
        color: #fff;
        font-size: 50%!important;
        vertical-align: 10px!important
    }
    body .nutrition .rowFive,
    html .nutrition .rowFive {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/nutrition/the-scoop-on-heart-health/Kelloggs_RB_HeartHealth6Mobile.jpg) no-repeat;
        color: #Fff;
        height: calc((100vw / 300) * 473);
        background-size: 100% 100%;
        position: relative;
        margin: 10px 0 0!important;
        padding: calc((100vw / 95) * 2)
    }
    body .nutrition .rowFive h3,
    html .nutrition .rowFive h3 {
        font-size: 34px!important;
        padding-bottom: calc((100vw / 95) * 1);
        text-align: center;
        line-height: 80%
    }
    body .nutrition .rowFive .left,
    html .nutrition .rowFive .left {
        width: 100%;
        margin-top: 40px;
        margin-top: calc((100vw / 15) * 1)
    }
    body .nutrition .rowFive .left table,
    html .nutrition .rowFive .left table {
        display: block;
        width: 82%;
        margin: 0 auto
    }
    body .nutrition .rowFive .left table tr,
    html .nutrition .rowFive .left table tr {
        padding: 10px 0pximportant
    }
    body .nutrition .rowFive .left table tr td,
    html .nutrition .rowFive .left table tr td {
        padding: 4px 20px 4px 0;
        font-size: calc((100vw / 25) * 1)
    }
    body .nutrition .rowFive .left table tr td .less,
    html .nutrition .rowFive .left table tr td .less {
        font-size: 9px;
        font-size: calc((100vw / 200) * 3);
        padding: calc((100vw / 475) * 3) 0 0
    }
    body .nutrition .rowFive .left table tr td .num,
    html .nutrition .rowFive .left table tr td .num {
        font-size: calc((100vw / 25) * 1);
        padding: calc((100vw / 475) * 2) 0 0 calc((100vw / 475) * 2)
    }
    body .nutrition .rowFive .left table tr td .num span,
    html .nutrition .rowFive .left table tr td .num span {
        font-size: 12px;
        font-size: calc((100vw / 50) * 1)
    }
    body .nutrition .rowFive .left table tr td .numTwo,
    html .nutrition .rowFive .left table tr td .numTwo {
        font-size: calc((100vw / 25) * 1);
        padding: calc((100vw / 475) * 2) 0 0
    }
    body .nutrition .rowFive .left table tr td .unit,
    html .nutrition .rowFive .left table tr td .unit {
        font-size: calc((100vw / 200) * 3)!important;
        padding: 4px
    }
    body .nutrition .rowFive .right,
    html .nutrition .rowFive .right {
        clear: left;
        width: 100%;
        padding: 60px 20px 20px;
        position: absolute;
        top: 50%;
        left: 0
    }
    body .nutrition .rowFive .right ul li,
    html .nutrition .rowFive .right ul li {
        font-size: calc((100vw / 75) * 2)
    }
    body .nutrition .rowFive .right p,
    html .nutrition .rowFive .right p {
        font-size: calc((100vw / 30) * 1)!important
    }
    body .nutrition .rowSeven,
    html .nutrition .rowSeven {
        height: auto!important;
        margin: 10px 0 0!important;
        padding-bottom: 60px!important
    }
    body .nutrition .rowSeven h4,
    html .nutrition .rowSeven h4 {
        font-size: 28px!important
    }
    body .nutrition .rowSeven .heart,
    html .nutrition .rowSeven .heart {
        float: none;
        width: 100%;
        margin-top: 60px
    }
    body .nutrition .rowSeven p.disclaimer,
    html .nutrition .rowSeven p.disclaimer {
        width: 90%;
        position: absolute;
        bottom: 10px;
        margin-top: 0;
        font-size: 8px!important
    }
    body .nutrition .rowEight,
    html .nutrition .rowEight {
        height: auto;
        margin: 10px 0 0!important;
        padding: 12px 10px
    }
    body .nutrition .rowEight ol,
    html .nutrition .rowEight ol {
        margin-left: 10px
    }
    body .nutrition .rowEight ol li,
    html .nutrition .rowEight ol li {
        font-size: 9px!important;
        word-break: break-all
    }
}

@media (max-width:370px) {
    body .nutrition .rowTwo,
    html .nutrition .rowTwo {
        display: block;
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/nutrition/the-scoop-on-heart-health/Kelloggs_RB_HeartHealth2Mobile.jpg) no-repeat;
        color: #Fff;
        height: 580px;
        height: calc((100vw / 30) * 29);
        background-size: 100% 100%;
        margin: 20px 0 0!important;
        padding: 20px
    }
    body .nutrition .rowTwo h2,
    html .nutrition .rowTwo h2 {
        width: 100%;
        font-size: 20px!important
    }
    body .nutrition .rowTwo h2 span,
    html .nutrition .rowTwo h2 span {
        font-size: 66px
    }
    body .nutrition .rowTwo h2 .sup,
    html .nutrition .rowTwo h2 .sup {
        color: #fff;
        font-size: 50%!important;
        vertical-align: 10px!important
    }
    body .nutrition .rowFour p .sup,
    html .nutrition .rowFour p .sup {
        vertical-align: 3px!important
    }
    body .nutrition .rowFive .left,
    html .nutrition .rowFive .left {
        width: 100%;
        margin-top: 40px;
        margin-top: calc((100vw / 15) * 1)
    }
    body .nutrition .rowFive .left table,
    html .nutrition .rowFive .left table {
        display: block;
        width: 100%;
        margin: 0 auto
    }
    body .nutrition .rowFive .right,
    html .nutrition .rowFive .right {
        clear: left;
        width: 100%;
        padding: 20px;
        position: absolute;
        top: 50%;
        left: 0
    }
    body .nutrition .rowFive .right ul li,
    html .nutrition .rowFive .right ul li {
        font-size: 12px
    }
    body .nutrition .rowFive .right p,
    html .nutrition .rowFive .right p {
        font-size: 15px!important
    }
}

body .nutrition .heroCarousel .flexslider,
html .nutrition .heroCarousel .flexslider {
    margin-top: 20px;
    z-index: 1!important;
    opacity: .99!important;
    background: 0 0!important
}

body .nutrition .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset,
html .nutrition .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset {
    background: 0 0;
    width: 100%;
    max-width: unset;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

body .nutrition .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text,
html .nutrition .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text {
    padding: 10px
}

body .nutrition .heroCarousel ol.flex-control-nav,
html .nutrition .heroCarousel ol.flex-control-nav {
    width: unset!important;
    height: 18px;
    right: 4px
}

body .nutrition .heroCarousel ol.flex-control-nav li,
html .nutrition .heroCarousel ol.flex-control-nav li {
    margin: 0 2px
}

body .nutrition .heroCarousel ol.flex-control-nav li a,
html .nutrition .heroCarousel ol.flex-control-nav li a {
    border: 0;
    background: #fff!important;
    opacity: .5
}

body .nutrition .heroCarousel ol.flex-control-nav li a.flex-active,
html .nutrition .heroCarousel ol.flex-control-nav li a.flex-active {
    opacity: 1
}

@media (max-width:601px) {
    body .nutrition .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset,
    html .nutrition .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset {
        margin-top: 0
    }
    body .nutrition .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text,
    html .nutrition .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text {
        padding: 0
    }
    body .nutrition .heroCarousel ol.flex-control-nav,
    html .nutrition .heroCarousel ol.flex-control-nav {
        display: block
    }
}

body .nutrition .multiContentGrid,
html .nutrition .multiContentGrid {
    padding-top: 20px!important
}

body .nutrition .multiContentGrid .desk-one-myFifth,
body .nutrition .multiContentGrid .one-myFifth,
html .nutrition .multiContentGrid .desk-one-myFifth,
html .nutrition .multiContentGrid .one-myFifth {
    width: 22.5%!important
}

body .nutrition .multiContentGrid .desk-four-myFifths,
body .nutrition .multiContentGrid .four-myFifths,
html .nutrition .multiContentGrid .desk-four-myFifths,
html .nutrition .multiContentGrid .four-myFifths {
    width: 77.5%!important
}

body .nutrition .leftMenu,
html .nutrition .leftMenu {
    background: #fff;
    padding: 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

body .nutrition .leftMenu h3,
html .nutrition .leftMenu h3 {
    font-size: 12px;
    font-size: 1.2rem
}

body .nutrition .leftMenu ul,
html .nutrition .leftMenu ul {
    list-style-type: none
}

body .nutrition .leftMenu ul li,
html .nutrition .leftMenu ul li {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/arrow.png) 96% center no-repeat, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x;
    background-size: 14px, auto;
    padding: 6px 34px 6px 0
}

body .nutrition .leftMenu ul li a,
html .nutrition .leftMenu ul li a {
    font-size: 8px;
    font-size: .8rem
}

body .nutrition .leftMenu li.disabled,
html .nutrition .leftMenu li.disabled {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/arrowDark.png) 96% center no-repeat, 
                url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x;
    background-size: 14px, auto;
    /*font-size: 8px;
    font-size: .8rem;
    color: #d31145;*/
}

body .nutrition .leftMenu li.disabled a,
html .nutrition .leftMenu li.disabled a {
    cursor: default;
}

body .nutrition .leftMenu li.disabled a:hover,
html .nutrition .leftMenu li.disabled a:hover {
    text-decoration: none;
}

body .nutrition .leftMenu h1,
html .nutrition .leftMenu h1 {
    font-size: 12px;
    font-size: 1.2rem
}

@media (max-width:601px) {
    body .nutrition .multiContentGrid .lap-one-whole,
    body .nutrition .multiContentGrid .palm-one-whole,
    html .nutrition .multiContentGrid .lap-one-whole,
    html .nutrition .multiContentGrid .palm-one-whole {
        width: 100%!important
    }
    body .nutrition .leftMenu,
    html .nutrition .leftMenu {
        padding: 0 10px;
        background: 0 0
    }
    body .nutrition .leftMenu h3,
    html .nutrition .leftMenu h3 {
        font-size: 16px!important;
        font-size: 1.6rem!important;
        padding-left: 20px
    }
    body .nutrition .leftMenu ul,
    html .nutrition .leftMenu ul {
        list-style-type: none;
        padding-bottom: 20px
    }
    body .nutrition .leftMenu ul li,
    html .nutrition .leftMenu ul li {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/arrow.png) 96% center no-repeat, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x;
        background-size: 14px, auto;
        padding: 6px 20px 10px!important
    }
    body .nutrition .leftMenu ul li a,
    html .nutrition .leftMenu ul li a {
        font-size: 14px!important;
        font-size: 1.4rem!important
    }
    body .nutrition .leftMenu ul li:last-child,
    html .nutrition .leftMenu ul li:last-child {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/arrow.png) 96% center no-repeat, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x;
        background-size: 14px, auto, auto
    }
    body .nutrition .leftMenu ul li.disabled,
    html .nutrition .leftMenu ul li.disabled {
        font-size: 15px!important;
        font-size: 1.5rem!important;
        color: #af0113
    }
    body .nutrition .leftMenu h1,
    html .nutrition .leftMenu h1 {
        font-size: 16px;
        font-size: 1.6rem;
        padding: 0 0 20px 20px
    }
}

body .nutrition .wideColumn,
html .nutrition .wideColumn {
    padding: 20px!important
}

body .nutrition .wideColumn h1,
html .nutrition .wideColumn h1 {
    font-size: 13px;
    font-size: 1.3rem;
    margin-top: -20px
}

body .nutrition .wideColumn h1.bigH1,
html .nutrition .wideColumn h1.bigH1 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-top: -20px
}

body .nutrition .wideColumn h2,
html .nutrition .wideColumn h2 {
    font-size: 11px;
    font-size: 1.1rem;
    padding: 10px 0 0
}

body .nutrition .wideColumn p,
html .nutrition .wideColumn p {
    font-size: 9px;
    font-size: .9rem;
    /*font-family: "Lucida Grande", Lucida, "Trebuchet MS", Arial, sans-serif;*/
    color: #6c665b!important;
    line-height: 120%;
    padding-top: 10px
}

body .nutrition .wideColumn p.bigP,
html .nutrition .wideColumn p.bigP {
    font-size: 10px;
    font-size: 1rem;
    /*font-family: "Lucida Grande", Lucida, "Trebuchet MS", Arial, sans-serif!important;*/
    font-weight: 400!important;
    line-height: 150%;
    width: 90%
}

body .nutrition .wideColumn .pod,
html .nutrition .wideColumn .pod {
    margin-top: 20px;
    width: 90%
}

body .nutrition .wideColumn .pod img,
html .nutrition .wideColumn .pod img {
    width: 100%
}

body .nutrition .wideColumn .pod h3,
html .nutrition .wideColumn .pod h3 {
    font-size: 10px;
    font-size: 1rem;
    line-height: 120%
}

@media (max-width:601px) {
    body .nutrition .wideColumn .pod,
    html .nutrition .wideColumn .pod {
        width: 100%
    }
}

body .nutrition .wideColumn .overLine,
html .nutrition .wideColumn .overLine {
    width: 94%;
    border-top: 1px solid #000;
    margin-top: 20px
}

body .nutrition .wideColumn .overLine h4,
html .nutrition .wideColumn .overLine h4 {
    font-size: 10px;
    font-size: 1rem;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x;
    padding: 8px 0
}

body .nutrition .wideColumn .overLine .hr,
html .nutrition .wideColumn .overLine .hr {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x;
    margin: 10px 0;
    padding: 1px
}

body .nutrition .wideColumn .overLine .strongItalics,
html .nutrition .wideColumn .overLine .strongItalics {
    font-family: KelloggsSansBoldItalic;
    color: #000!important;
    padding-top: 10px
}

body .nutrition .wideColumn .overLine a,
html .nutrition .wideColumn .overLine a {
    font-family: KelloggsSansRegular!important
}

@media (max-width:601px) {
    body .nutrition .wideColumn .overLine,
    html .nutrition .wideColumn .overLine {
        width: 100%
    }
    body .nutrition .wideColumn h1,
    html .nutrition .wideColumn h1 {
        margin-top: 0
    }
    body .nutrition .wideColumn .button,
    html .nutrition .wideColumn .button {
        font-size: 20px!important
    }
}

body .nutrition .wideColumn .floatContainer,
html .nutrition .wideColumn .floatContainer {
    float: left;
    display: block;
    clear: left;
    padding-bottom: 10px
}

body .nutrition .wideColumn .leftPhoto,
html .nutrition .wideColumn .leftPhoto {
    float: left;
    display: inline;
    padding: 0 20px 10px 0
}

body .nutrition .wideColumn .leftPhoto img,
html .nutrition .wideColumn .leftPhoto img {
    border: 1px solid #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

body .nutrition .wideColumn .rightPhoto,
html .nutrition .wideColumn .rightPhoto {
    float: right;
    display: inline;
    padding: 0 0 10px 20px
}

body .nutrition .wideColumn .rightPhoto img,
html .nutrition .wideColumn .rightPhoto img {
    border: 1px solid #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

body .nutrition .wideColumn .arrowLink:after,
html .nutrition .wideColumn .arrowLink:after {
    content: ' ';
    display: inline-block;
    width: 9px;
    height: 9px;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/icon-bkg-ex-link.png) no-repeat
}

@media (max-width:700px) {
    body .nutrition .wideColumn .clearingLink,
    html .nutrition .wideColumn .clearingLink {
        float: left;
        display: inline-block
    }
}

body .nutrition .flexslider,
html .nutrition .flexslider {
    margin-top: 20px;
    z-index: 1!important;
    opacity: .99!important
}

body .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset,
html .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset {
    background: 0 0;
    width: 100%;
    max-width: unset;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

body .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text,
html .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text {
    /*padding: 10px;*/
    padding: 10px 20px;
}

body .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .slideOne,
html .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .slideOne {
    max-width: 330px;
    margin-top: 110px;
    color: #fff
}

body .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .slideOne h2,
html .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .slideOne h2 {
    font-size: 20px;
    font-size: 2rem
}

body .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .slideOne p,
html .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .slideOne p {
    font-size: 8px;
    font-size: .8rem
}

body .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .slideTwo,
html .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .slideTwo {
    max-width: 250px;
    margin-top: 15px;
    margin-left: 6px;
    color: #fff
}

body .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .slideTwo h2,
html .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .slideTwo h2 {
    font-size: 20px;
    font-size: 2rem;
    line-height: 100%
}

body .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .slideTwo p,
html .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .slideTwo p {
    font-size: 8px;
    font-size: .8rem
}

body .nutrition ol.flex-control-nav,
html .nutrition ol.flex-control-nav {
    /*width: 50px;*/
    width: 70px;
    height: 18px;
    right: 0
}

body .nutrition ol.flex-control-nav li a,
html .nutrition ol.flex-control-nav li a {
    border: 0;
    background: #fff!important;
    opacity: .5
}

body .nutrition ol.flex-control-nav li a.flex-active,
html .nutrition ol.flex-control-nav li a.flex-active {
    opacity: 1
}

body .nutrition .nutritionContent,
html .nutrition .nutritionContent {
    display: block;
    padding: 40px 0 100px!important
}

body .nutrition .nutritionContent .desk-one-fifth,
body .nutrition .nutritionContent .lap-one-fifth,
body .nutrition .nutritionContent .one-fifth,
html .nutrition .nutritionContent .desk-one-fifth,
html .nutrition .nutritionContent .lap-one-fifth,
html .nutrition .nutritionContent .one-fifth {
    width: 22.5%!important
}

body .nutrition .nutritionContent .desk-four-fifths,
body .nutrition .nutritionContent .four-fifths,
body .nutrition .nutritionContent .lap-four-fifths,
html .nutrition .nutritionContent .desk-four-fifths,
html .nutrition .nutritionContent .four-fifths,
html .nutrition .nutritionContent .lap-four-fifths {
    width: 77.5%!important
}

body .nutrition .nutritionContent .nutritionDetail,
html .nutrition .nutritionContent .nutritionDetail {
    display: block;
    padding-left: 40px!important;
    padding-bottom: 40px!important
}

body .nutrition .nutritionContent .nutritionDetail p,
html .nutrition .nutritionContent .nutritionDetail p {
    font-size: 8px;
    font-size: .8rem
}

body .nutrition .nutritionContent .nutritionDetail .hero,
html .nutrition .nutritionContent .nutritionDetail .hero {
    display: block;
    width: 100%;
    height: 200px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

body .nutrition .nutritionContent .nutritionDetail .hero h1,
html .nutrition .nutritionContent .nutritionDetail .hero h1 {
    color: #fff;
    width: 300px;
    /*padding: 40px;*/
    padding: 40px 25px;
    line-height: 110%;
}

body .nutrition .nutritionContent .nutritionDetail .hero.dictionary h1,
html .nutrition .nutritionContent .nutritionDetail .hero.dictionary h1 {
    font-size: 28px;
    padding-top: 85px;
}



body .nutrition .nutritionContent .nutritionDetail .passion,
html .nutrition .nutritionContent .nutritionDetail .passion {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/nutrition/our-passion-for-nutrition/passion_hero.png) no-repeat
}

body .nutrition .nutritionContent .nutritionDetail .power,
html .nutrition .nutritionContent .nutritionDetail .power {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/nutrition/the-power-of-breakfast/power_PowerOfBreakfast_Hero.png) no-repeat
}

body .nutrition .nutritionContent .nutritionDetail .goodness,
html .nutrition .nutritionContent .nutritionDetail .goodness {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/nutrition/the-goodness-of-grains/nutrition_Hero.png) no-repeat!important
}

body .nutrition .nutritionContent .nutritionDetail .dictionary,
html .nutrition .nutritionContent .nutritionDetail .dictionary {
    background: url(/content/dam/Asia/kelloggs_jp/ja_JP/images/nutrition/dictionary-banner.png) no-repeat!important
}

body .nutrition .nutritionContent .nutritionDetail .default,
html .nutrition .nutritionContent .nutritionDetail .default {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/nutrition/the-benefits-of-cereal/Hero.png) no-repeat!important
}

body .nutrition .nutritionContent .nutritionDetail .wideText,
html .nutrition .nutritionContent .nutritionDetail .wideText {
    display: block;
    padding-bottom: 10px
}

body .nutrition .nutritionContent .nutritionDetail .wideText h1,
html .nutrition .nutritionContent .nutritionDetail .wideText h1 {
    margin-top: -10px
}

body .nutrition .nutritionContent .nutritionDetail .wideText h2,
html .nutrition .nutritionContent .nutritionDetail .wideText h2 {
    font-size: 12px;
    font-size: 1.2rem
}

body .nutrition .nutritionContent .nutritionDetail .wideText h2.larger,
html .nutrition .nutritionContent .nutritionDetail .wideText h2.larger {
    font-size: 14px!important;
    font-size: 1.4rem!important
}

body .nutrition .nutritionContent .nutritionDetail .wideText .rightImage,
html .nutrition .nutritionContent .nutritionDetail .wideText .rightImage {
    float: right;
    display: inline-block;
    padding: 0 0 10px 10px
}

body .nutrition .nutritionContent .nutritionDetail .wideText .rightImage img,
html .nutrition .nutritionContent .nutritionDetail .wideText .rightImage img {
    width: 100%!important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

body .nutrition .nutritionContent .nutritionDetail .wideText .leftImage,
html .nutrition .nutritionContent .nutritionDetail .wideText .leftImage {
    float: left;
    display: inline-block;
    padding: 0 10px 10px 0
}

body .nutrition .nutritionContent .nutritionDetail .wideTextBottom,
body .nutrition .nutritionContent .nutritionDetail .wideTextReferences,
html .nutrition .nutritionContent .nutritionDetail .wideTextBottom,
html .nutrition .nutritionContent .nutritionDetail .wideTextReferences {
    margin-top: 20px;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x;
    padding: 4px 0;
    display: block
}

body .nutrition .nutritionContent .nutritionDetail .wideText .leftImage img,
html .nutrition .nutritionContent .nutritionDetail .wideText .leftImage img {
    width: 100%!important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

body .nutrition .nutritionContent .nutritionDetail .wideTextReferences h2,
html .nutrition .nutritionContent .nutritionDetail .wideTextReferences h2 {
    font-size: 12px;
    font-size: 1.2rem
}

body .nutrition .nutritionContent .nutritionDetail .wideTextReferences ol,
html .nutrition .nutritionContent .nutritionDetail .wideTextReferences ol {
    font-size: 7px;
    font-size: .7rem;
    margin-left: 12px
}

body .nutrition .nutritionContent .nutritionDetail .wideTextReferences ol li,
html .nutrition .nutritionContent .nutritionDetail .wideTextReferences ol li {
    font-size: 7px;
    font-size: .7rem;
    color: #47423c!important
}

body .nutrition .nutritionContent .nutritionDetail .wideTextReferences ol li a,
html .nutrition .nutritionContent .nutritionDetail .wideTextReferences ol li a {
    color: #47423c!important;
    font-weight: 400!important
}

body .nutrition .nutritionContent .nutritionDetail .wideTextBottom h2,
html .nutrition .nutritionContent .nutritionDetail .wideTextBottom h2 {
    margin-top: 10px;
    font-size: 12px;
    font-size: 1.2rem
}

body .nutrition .nutritionContent .nutritionDetail .bottomPod,
html .nutrition .nutritionContent .nutritionDetail .bottomPod {
    display: block;
    padding: 10px;
    height: 90px;
    width: 95%;
    margin-right: 2.5%;
    margin-top: 20px;
    background: #fcf1ed;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

body .nutrition .nutritionContent .nutritionDetail .bottomPod p,
html .nutrition .nutritionContent .nutritionDetail .bottomPod p {
    font-size: 7px;
    font-size: .7rem
}

body .nutrition .nutritionContent .nutritionDetail .bottomPod:nth-child(even),
html .nutrition .nutritionContent .nutritionDetail .bottomPod:nth-child(even) {
    margin-left: 2.5%
}

body .nutrition .nutritionContent .nutritionDetail .nutritionPod,
html .nutrition .nutritionContent .nutritionDetail .nutritionPod {
    display: block;
    width: 93%;
    border-top: 1px solid #000;
    margin-top: 20px
}

body .nutrition .nutritionContent .nutritionDetail .nutritionPod h4,
html .nutrition .nutritionContent .nutritionDetail .nutritionPod h4 {
    font-size: 12px;
    font-size: 1.2rem;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x;
    padding: 4px 0
}

body .nutrition .nutritionContent .nutritionDetail .nutritionPod img,
html .nutrition .nutritionContent .nutritionDetail .nutritionPod img {
    float: left;
    display: inline-block;
    width: 33%;
    margin-top: 10px
}

body .nutrition .nutritionContent .nutritionDetail .nutritionPod p,
html .nutrition .nutritionContent .nutritionDetail .nutritionPod p {
    width: 66%;
    float: left;
    display: inline-block;
    padding-left: 10px;
    margin-top: 10px
}

body .nutrition .nutritionContent .nutritionDetail .nutritionPod:nth-child(even),
html .nutrition .nutritionContent .nutritionDetail .nutritionPod:nth-child(even) {
    margin-left: 10px
}

body .nutrition .nutritionContent .nutritionDetail .bigImage,
html .nutrition .nutritionContent .nutritionDetail .bigImage {
    display: block;
    width: 100%;
    margin-top: 40px!important
}

body .nutrition .nutritionContent .nutritionDetail .sugar,
html .nutrition .nutritionContent .nutritionDetail .sugar {
    padding: 0 20px 10px!important;
    width: 100%;
    background: #e1962f;
    background: -moz-linear-gradient(top, #e1962f 1%, #e1962f 11%, #fef8ea 11%, #fef8ea 100%);
    background: -webkit-linear-gradient(top, #e1962f 1%, #e1962f 11%, #fef8ea 11%, #fef8ea 100%);
    background: linear-gradient(to bottom, #e1962f 1%, #e1962f 11%, #fef8ea 11%, #fef8ea 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e1962f', endColorstr='#fef8ea', GradientType=0);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px
}

body .nutrition .nutritionContent .nutritionDetail .sugar .desk-one-fifth,
body .nutrition .nutritionContent .nutritionDetail .sugar .one-fifth,
html .nutrition .nutritionContent .nutritionDetail .sugar .desk-one-fifth,
html .nutrition .nutritionContent .nutritionDetail .sugar .one-fifth {
    width: 20%!important
}

body .nutrition .nutritionContent .nutritionDetail .sugar h3,
html .nutrition .nutritionContent .nutritionDetail .sugar h3 {
    font-size: 12px;
    font-size: 1.2rem;
    color: #fff
}

body .nutrition .nutritionContent .nutritionDetail .sugar .sugarPod,
html .nutrition .nutritionContent .nutritionDetail .sugar .sugarPod {
    margin-top: 20px;
    padding: 10px;
    text-align: center
}

body .nutrition .nutritionContent .nutritionDetail .sugar .sugarPod img,
html .nutrition .nutritionContent .nutritionDetail .sugar .sugarPod img {
    width: 100%;
    border: 1px solid #e1962f;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

body .nutrition .nutritionContent .nutritionDetail .sugar .sugarPod p,
html .nutrition .nutritionContent .nutritionDetail .sugar .sugarPod p {
    line-height: 120%
}

body .nutrition .nutritionContent .nutritionDetail .sugar .sugarPod p .bold,
html .nutrition .nutritionContent .nutritionDetail .sugar .sugarPod p .bold {
    font-size: 10px;
    font-size: 1rem;
    font-weight: 700
}

body .nutrition .nutritionContent .nutritionDetail .sugar p.disclaimer,
html .nutrition .nutritionContent .nutritionDetail .sugar p.disclaimer {
    margin-top: 10px;
    font-size: 7px!important;
    font-size: .7rem!important
}

@media (max-width:980px) {
    /*body .nutrition,
    html .nutrition {
        width: 100%;
        padding: 0 10px
    }*/
    body .nutrition .flexslider,
    html .nutrition .flexslider {
        margin-top: 20px;
        z-index: 1!important;
        opacity: .99!important
    }
    body .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset,
    html .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset {
        background: 0 0;
        width: 100%;
        max-width: unset;
        height: 100%;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }
    body .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text,
    html .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text {
        padding: 10px
    }
    body .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .slideOne,
    html .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .slideOne {
        max-width: unset;
        margin-top: calc((100vw / 475) * 34);
        width: calc((100vw / 190) * 51)
    }
    body .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .slideOne h2,
    html .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .slideOne h2 {
        font-size: 20px;
        font-size: 2rem;
        line-height: 100%
    }
    body .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .slideOne p,
    html .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .slideOne p {
        font-size: 8px;
        font-size: .8rem
    }
    body .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .slideTwo,
    html .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .slideTwo {
        width: calc((100vw / 475) * 106);
        margin-top: calc((100vw / 190) * 3)
    }
    body .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .slideTwo h2,
    html .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .slideTwo h2 {
        font-size: 20px;
        font-size: 2rem;
        line-height: 100%
    }
    body .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .slideTwo p,
    html .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .slideTwo p {
        font-size: 8px;
        font-size: .8rem
    }
}

@media (max-width:800px) {
    body .nutrition,
    html .nutrition {
        width: 100%;
        padding: 0 10px
    }
    body .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .slideOne,
    html .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .slideOne {
        max-width: unset;
        margin-top: calc((100vw / 475) * 34);
        width: calc((100vw / 190) * 51)
    }
    body .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .slideOne h2,
    html .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .slideOne h2 {
        font-size: calc((100vw / 25) * 1)
    }
    body .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .slideOne p,
    html .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .slideOne p {
        font-size: calc((100vw / 400) * 7)
    }
    body .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .slideTwo,
    html .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .slideTwo {
        width: calc((100vw / 475) * 106);
        margin-top: calc((100vw / 400) * 3)
    }
    body .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .slideTwo h2,
    html .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .slideTwo h2 {
        font-size: calc((100vw / 25) * 1)
    }
    body .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .slideTwo p,
    html .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .slideTwo p {
        font-size: calc((100vw / 400) * 7)
    }
}

@media (max-width:601px) {
    body .nutrition .lap-one-whole .palm-one-whole,
    html .nutrition .lap-one-whole .palm-one-whole {
        width: 100%!important
    }
    body .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset,
    html .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset {
        margin-top: 0
    }
    body .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text,
    html .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text {
        padding: 0
    }
    body .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .slideOne,
    html .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .slideOne {
        max-width: 100%;
        width: 100%;
        height: 100%;
        margin-top: -1px;
        margin-left: 0;
        background: #d31145;
        min-height: 285px!important;
        padding: 20px 40px 20px 20px;
        color: #fff
    }
    body .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .slideOne h2,
    html .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .slideOne h2 {
        font-size: 20px;
        font-size: 2rem
    }
    body .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .slideOne p,
    html .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .slideOne p {
        font-size: 8px;
        font-size: .8rem
    }
    body .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .slideTwo,
    html .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .slideTwo {
        max-width: 100%;
        width: 100%;
        height: 100%;
        margin-top: -1px;
        margin-left: 0;
        background: #00914c;
        min-height: 285px!important;
        padding: 20px 40px 20px 20px;
        color: #fff
    }
    body .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .slideTwo h2,
    html .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .slideTwo h2 {
        font-size: 20px;
        font-size: 2rem;
        line-height: 100%
    }
    body .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .slideTwo p,
    html .nutrition .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text .slideTwo p {
        font-size: 8px;
        font-size: .8rem
    }
    body .nutrition ol.flex-control-nav,
    html .nutrition ol.flex-control-nav {
        display: block
    }
    body .nutrition .nutritionContent .nutritionDetail,
    html .nutrition .nutritionContent .nutritionDetail {
        padding: 40px 20px!important
    }
    body .nutrition .nutritionContent .nutritionDetail .wideTextBottom h2,
    html .nutrition .nutritionContent .nutritionDetail .wideTextBottom h2 {
        padding-bottom: 0
    }
    body .nutrition .nutritionContent .nutritionDetail .bottomPod,
    html .nutrition .nutritionContent .nutritionDetail .bottomPod {
        display: block;
        padding: 10px;
        height: 90px;
        width: 100%;
        margin-right: 0;
        background: #fcf1ed;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px
    }
    body .nutrition .nutritionContent .nutritionDetail .bottomPod p,
    html .nutrition .nutritionContent .nutritionDetail .bottomPod p {
        font-size: 7px;
        font-size: .7rem
    }
    body .nutrition .nutritionContent .nutritionDetail .bottomPod:nth-child(even),
    html .nutrition .nutritionContent .nutritionDetail .bottomPod:nth-child(even) {
        margin-left: 0
    }
    body .nutrition .nutritionContent .nutritionDetail .nutritionPod,
    html .nutrition .nutritionContent .nutritionDetail .nutritionPod {
        display: block;
        width: 100%;
        border-top: 1px solid #000;
        margin-top: 20px
    }
    body .nutrition .nutritionContent .nutritionDetail .nutritionPod h4,
    html .nutrition .nutritionContent .nutritionDetail .nutritionPod h4 {
        font-size: 12px;
        font-size: 1.2rem;
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x;
        padding: 4px 0
    }
    body .nutrition .nutritionContent .nutritionDetail .nutritionPod img,
    html .nutrition .nutritionContent .nutritionDetail .nutritionPod img {
        float: left;
        display: inline-block;
        width: 33%;
        margin-top: 10px
    }
    body .nutrition .nutritionContent .nutritionDetail .nutritionPod p,
    html .nutrition .nutritionContent .nutritionDetail .nutritionPod p {
        width: 66%;
        float: left;
        display: inline-block;
        padding-left: 10px;
        margin-top: 10px
    }
    body .nutrition .nutritionContent .nutritionDetail .nutritionPod:nth-child(even),
    html .nutrition .nutritionContent .nutritionDetail .nutritionPod:nth-child(even) {
        margin-left: 10px
    }
    body .nutrition .nutritionContent .nutritionDetail .sugar,
    html .nutrition .nutritionContent .nutritionDetail .sugar {
        padding: 0 20px 10px!important;
        width: 100%;
        background: #e1962f;
        background: -moz-linear-gradient(top, #e1962f 0, #e1962f 3%, #fef8ea 3%, #fef8ea 3%, #fef8ea 100%);
        background: -webkit-linear-gradient(top, #e1962f 0, #e1962f 3%, #fef8ea 3%, #fef8ea 3%, #fef8ea 100%);
        background: linear-gradient(to bottom, #e1962f 0, #e1962f 3%, #fef8ea 3%, #fef8ea 3%, #fef8ea 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e1962f', endColorstr='#fef8ea', GradientType=0)
    }
    body .nutrition .nutritionContent .nutritionDetail .sugar .lap-one-whole,
    body .nutrition .nutritionContent .nutritionDetail .sugar .palm-one-whole,
    html .nutrition .nutritionContent .nutritionDetail .sugar .lap-one-whole,
    html .nutrition .nutritionContent .nutritionDetail .sugar .palm-one-whole {
        width: 100%!important
    }
    body .nutrition .nutritionContent .nutritionDetail .sugar h3,
    html .nutrition .nutritionContent .nutritionDetail .sugar h3 {
        padding: 10px;
        text-align: center;
        font-size: calc((100vw / 150) * 7);
        color: #fff
    }
    body .nutrition .nutritionContent .nutritionDetail .sugar .sugarPod,
    html .nutrition .nutritionContent .nutritionDetail .sugar .sugarPod {
        margin-top: 0;
        padding: 20px 100px;
        padding: calc((100vw / 30) * 1) calc((100vw / 6) * 1);
        text-align: center
    }
    body .nutrition .nutritionContent .nutritionDetail .sugar .sugarPod p,
    html .nutrition .nutritionContent .nutritionDetail .sugar .sugarPod p {
        margin-top: 20px;
        line-height: 120%;
        font-size: 12px;
        font-size: 1.2rem
    }
    body .nutrition .nutritionContent .nutritionDetail .sugar .sugarPod p .bold,
    html .nutrition .nutritionContent .nutritionDetail .sugar .sugarPod p .bold {
        font-size: 16px;
        font-size: 1.6rem;
        font-family: KelloggsSansBold
    }
    body .nutrition .nutritionContent .nutritionDetail .sugar p.disclaimer,
    html .nutrition .nutritionContent .nutritionDetail .sugar p.disclaimer {
        margin-top: 10px;
        font-size: 7px!important;
        font-size: .7rem!important
    }
}

@media (max-width:350px) {
    body .nutrition .nutritionDetail .hero h1,
    html .nutrition .nutritionDetail .hero h1 {
        color: #fff;
        width: 300px;
        padding: 100px 40px 0!important;
        text-align: center;
        line-height: 110%;
        margin: 0 auto;
        text-shadow: 3px 3px 10px #000
    }
    body .nutrition .nutritionDetail .passion,
    html .nutrition .nutritionDetail .passion {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/nutrition/our-passion-for-nutrition/passion_hero.png) right no-repeat!important
    }
    body .nutrition .nutritionDetail .power,
    html .nutrition .nutritionDetail .power {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/nutrition/the-power-of-breakfast/power_PowerOfBreakfast_Hero.png) right no-repeat!important
    }
    body .nutrition .nutritionDetail .goodness,
    html .nutrition .nutritionDetail .goodness {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/nutrition/the-goodness-of-grains/nutrition_Hero.png) right no-repeat!important
    }
    body .nutrition .nutritionDetail .default,
    html .nutrition .nutritionDetail .default {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/nutrition/the-benefits-of-cereal/Hero.png) right no-repeat!important
    }
}

body .noBg,
html .noBg {
    background-image: unset!important
}

body .offersAndPromotions,
html .offersAndPromotions {
    background-image: url(/content/dam/NorthAmerica/kelloggs/en_US/images/offers-and-promotions/offer.promos-btm.png), url(/content/dam/NorthAmerica/kelloggs/en_US/images/offers-and-promotions/offer.promos-top.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: bottom, top
}

@media (max-width:601px) {
    body .offersAndPromotions,
    html .offersAndPromotions {
        background: 0 0
    }
}

body .offersAndPromotions .heroCarousel .flexslider,
html .offersAndPromotions .heroCarousel .flexslider {
    margin-top: 20px;
    z-index: 1!important;
    opacity: .99!important;
    background: 0 0!important
}

body .offersAndPromotions .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset,
html .offersAndPromotions .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset {
    background: 0 0;
    width: 100%;
    max-width: unset;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

body .offersAndPromotions .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text,
html .offersAndPromotions .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text {
    padding: 10px
}

body .offersAndPromotions .heroCarousel ol.flex-control-nav,
html .offersAndPromotions .heroCarousel ol.flex-control-nav {
    width: unset!important;
    height: 18px;
    right: 4px
}

body .offersAndPromotions .heroCarousel ol.flex-control-nav li,
html .offersAndPromotions .heroCarousel ol.flex-control-nav li {
    margin: 0 2px
}

body .offersAndPromotions .heroCarousel ol.flex-control-nav li a,
html .offersAndPromotions .heroCarousel ol.flex-control-nav li a {
    border: 0;
    background: #fff!important;
    opacity: .5
}

body .offersAndPromotions .heroCarousel ol.flex-control-nav li a.flex-active,
html .offersAndPromotions .heroCarousel ol.flex-control-nav li a.flex-active {
    opacity: 1
}

@media (max-width:601px) {
    body .offersAndPromotions .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset,
    html .offersAndPromotions .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset {
        margin-top: 0
    }
    body .offersAndPromotions .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text,
    html .offersAndPromotions .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text {
        padding: 0
    }
    body .offersAndPromotions .heroCarousel ol.flex-control-nav,
    html .offersAndPromotions .heroCarousel ol.flex-control-nav {
        display: block
    }
}

body .offersAndPromotions .multiContentGrid,
html .offersAndPromotions .multiContentGrid {
    padding-top: 20px!important
}

body .offersAndPromotions .multiContentGrid .desk-one-myFifth,
body .offersAndPromotions .multiContentGrid .one-myFifth,
html .offersAndPromotions .multiContentGrid .desk-one-myFifth,
html .offersAndPromotions .multiContentGrid .one-myFifth {
    width: 22.5%!important
}

body .offersAndPromotions .multiContentGrid .desk-four-myFifths,
body .offersAndPromotions .multiContentGrid .four-myFifths,
html .offersAndPromotions .multiContentGrid .desk-four-myFifths,
html .offersAndPromotions .multiContentGrid .four-myFifths {
    width: 77.5%!important
}

@media (max-width:601px) {
    body .offersAndPromotions .multiContentGrid .lap-one-whole,
    body .offersAndPromotions .multiContentGrid .palm-one-whole,
    html .offersAndPromotions .multiContentGrid .lap-one-whole,
    html .offersAndPromotions .multiContentGrid .palm-one-whole {
        width: 100%!important
    }
}

body .offersAndPromotions .wideColumn h1.bigH1,
html .offersAndPromotions .wideColumn h1.bigH1 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-top: -20px
}

body .offersAndPromotions .wideColumn h2,
html .offersAndPromotions .wideColumn h2 {
    font-size: 11px;
    font-size: 1.1rem;
    padding: 10px 0 0
}

body .offersAndPromotions .wideColumn p,
html .offersAndPromotions .wideColumn p {
    font-size: 9px;
    font-size: .9rem;
    /*font-family: "Lucida Grande", Lucida, "Trebuchet MS", Arial, sans-serif;*/
    color: #6c665b!important;
    line-height: 120%;
    padding-top: 10px
}

body .offersAndPromotions .wideColumn p.bigP,
html .offersAndPromotions .wideColumn p.bigP {
    font-size: 10px;
    font-size: 1rem;
    /*font-family: "Lucida Grande", Lucida, "Trebuchet MS", Arial, sans-serif!important;*/
    font-weight: 400!important;
    line-height: 150%;
    width: 90%
}

body .offersAndPromotions .wideColumn .pod,
html .offersAndPromotions .wideColumn .pod {
    margin-top: 20px;
    width: 90%
}

body .offersAndPromotions .wideColumn .pod img,
html .offersAndPromotions .wideColumn .pod img {
    width: 100%
}

body .offersAndPromotions .wideColumn .pod h3,
html .offersAndPromotions .wideColumn .pod h3 {
    font-size: 10px;
    font-size: 1rem;
    line-height: 120%
}

@media (max-width:601px) {
    body .offersAndPromotions .wideColumn .pod,
    html .offersAndPromotions .wideColumn .pod {
        width: 100%
    }
}

body .offersAndPromotions .wideColumn .overLine,
html .offersAndPromotions .wideColumn .overLine {
    width: 94%;
    border-top: 1px solid #000;
    margin-top: 20px
}

body .offersAndPromotions .wideColumn .overLine h4,
html .offersAndPromotions .wideColumn .overLine h4 {
    font-size: 10px;
    font-size: 1rem;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x;
    padding: 8px 0
}

body .offersAndPromotions .wideColumn .overLine .hr,
html .offersAndPromotions .wideColumn .overLine .hr {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x;
    margin: 10px 0;
    padding: 1px
}

body .offersAndPromotions .wideColumn .overLine .strongItalics,
html .offersAndPromotions .wideColumn .overLine .strongItalics {
    font-family: KelloggsSansBoldItalic;
    color: #000!important;
    padding-top: 10px
}

body .offersAndPromotions .wideColumn .overLine a,
html .offersAndPromotions .wideColumn .overLine a {
    font-family: KelloggsSansRegular!important
}

@media (max-width:601px) {
    body .offersAndPromotions .wideColumn .overLine,
    html .offersAndPromotions .wideColumn .overLine {
        width: 100%
    }
    body .offersAndPromotions .wideColumn h1,
    html .offersAndPromotions .wideColumn h1 {
        margin-top: 0
    }
    body .offersAndPromotions .wideColumn .button,
    html .offersAndPromotions .wideColumn .button {
        font-size: 20px!important
    }
}

body .offersAndPromotions .wideColumn .floatContainer,
html .offersAndPromotions .wideColumn .floatContainer {
    float: left;
    display: block;
    clear: left;
    padding-bottom: 10px
}

body .offersAndPromotions .wideColumn .leftPhoto,
html .offersAndPromotions .wideColumn .leftPhoto {
    float: left;
    display: inline;
    padding: 0 20px 10px 0
}

body .offersAndPromotions .wideColumn .leftPhoto img,
html .offersAndPromotions .wideColumn .leftPhoto img {
    border: 1px solid #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

body .offersAndPromotions .wideColumn .rightPhoto,
html .offersAndPromotions .wideColumn .rightPhoto {
    float: right;
    display: inline;
    padding: 0 0 10px 20px
}

body .offersAndPromotions .wideColumn .rightPhoto img,
html .offersAndPromotions .wideColumn .rightPhoto img {
    border: 1px solid #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

body .offersAndPromotions .wideColumn .arrowLink:after,
html .offersAndPromotions .wideColumn .arrowLink:after {
    content: ' ';
    display: inline-block;
    width: 9px;
    height: 9px;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/icon-bkg-ex-link.png) no-repeat
}

@media (max-width:700px) {
    body .offersAndPromotions .wideColumn .clearingLink,
    html .offersAndPromotions .wideColumn .clearingLink {
        float: left;
        display: inline-block
    }
}

body .offersAndPromotions .promoSlideOne,
html .offersAndPromotions .promoSlideOne {
    max-width: 330px;
    margin-top: 10px;
    color: #fff
}

body .offersAndPromotions .promoSlideOne h1,
html .offersAndPromotions .promoSlideOne h1 {
    font-size: 20px;
    font-size: 2rem;
    line-height: 100%
}

body .offersAndPromotions .promoSlideOne ul,
html .offersAndPromotions .promoSlideOne ul {
    margin-left: 16px!important
}

body .offersAndPromotions .promoSlideOne ul li,
html .offersAndPromotions .promoSlideOne ul li {
    list-style-type: disc;
    font-size: 8px;
    font-size: .8rem
}

body .offersAndPromotions .promoSlideOne p,
html .offersAndPromotions .promoSlideOne p {
    font-size: 8px;
    font-size: .8rem
}

@media (max-width:980px) {
    body .offersAndPromotions .promoSlideOne,
    html .offersAndPromotions .promoSlideOne {
        width: calc((100vw / 475) * 112);
        margin-top: calc((100vw / 95) * 1)
    }
    body .offersAndPromotions .promoSlideOne h2,
    html .offersAndPromotions .promoSlideOne h2 {
        font-size: 20px;
        font-size: 2rem;
        line-height: 100%
    }
    body .offersAndPromotions .promoSlideOne p,
    html .offersAndPromotions .promoSlideOne p {
        font-size: 8px;
        font-size: .8rem
    }
}

@media (max-width:800px) {
    body .offersAndPromotions .promoSlideOne,
    html .offersAndPromotions .promoSlideOne {
        margin-top: calc((100vw / 95) * 1);
        width: calc((100vw / 10) * 3)
    }
    body .offersAndPromotions .promoSlideOne h2,
    html .offersAndPromotions .promoSlideOne h2 {
        font-size: calc((100vw / 25) * 1)
    }
    body .offersAndPromotions .promoSlideOne p,
    html .offersAndPromotions .promoSlideOne p {
        font-size: calc((100vw / 400) * 7)
    }
}

@media (max-width:750px) {
    body .offersAndPromotions .promoSlideOne,
    html .offersAndPromotions .promoSlideOne {
        width: 240px
    }
    body .offersAndPromotions .promoSlideOne h2,
    html .offersAndPromotions .promoSlideOne h2 {
        font-size: 30px;
        font-size: calc((100vw / 25) * 1)
    }
    body .offersAndPromotions .promoSlideOne p,
    html .offersAndPromotions .promoSlideOne p {
        font-size: 12px;
        font-size: calc((100vw / 125) * 2)
    }
}

@media (max-width:601px) {
    body .offersAndPromotions .promoSlideOne,
    html .offersAndPromotions .promoSlideOne {
        max-width: 100%;
        width: 100%;
        height: 100%;
        margin-top: -1px;
        margin-left: 0;
        background: #d31145;
        min-height: 285px!important;
        padding: 20px 40px 20px 20px;
        color: #fff
    }
    body .offersAndPromotions .promoSlideOne h2,
    html .offersAndPromotions .promoSlideOne h2 {
        font-size: 20px;
        font-size: 2rem
    }
    body .offersAndPromotions .promoSlideOne ul,
    html .offersAndPromotions .promoSlideOne ul {
        margin-top: 10px!important
    }
    body .offersAndPromotions .promoSlideOne p,
    html .offersAndPromotions .promoSlideOne p {
        font-size: 8px;
        font-size: .8rem
    }
}

@media (max-width:356px) {
    body .offersAndPromotions .promoSlideOne,
    html .offersAndPromotions .promoSlideOne {
        min-height: 304px!important
    }
}

body .offersAndPromotions .promoSlideTwo,
html .offersAndPromotions .promoSlideTwo {
    max-width: 330px;
    margin-top: 10px;
    color: #fff
}

body .offersAndPromotions .promoSlideTwo .button,
html .offersAndPromotions .promoSlideTwo .button {
    position: absolute;
    right: 24px;
    bottom: 13px
}

@media (max-width:980px) {
    body .offersAndPromotions .promoSlideTwo,
    html .offersAndPromotions .promoSlideTwo {
        width: calc((100vw / 475) * 112);
        margin-top: calc((100vw / 95) * 1)
    }
}

@media (max-width:750px) {
    body .offersAndPromotions .promoSlideTwo .button,
    html .offersAndPromotions .promoSlideTwo .button {
        right: calc((100vw / 15) * 4);
        bottom: 0
    }
}

@media (max-width:601px) {
    body .offersAndPromotions .promoSlideTwo,
    html .offersAndPromotions .promoSlideTwo {
        max-width: 100%;
        width: 100%;
        height: 100%;
        margin-top: -1px;
        margin-left: 0;
        background: #d31145;
        min-height: 285px!important;
        padding: 20px 40px 20px 20px;
        color: #fff
    }
    body .offersAndPromotions .promoSlideTwo .button,
    html .offersAndPromotions .promoSlideTwo .button {
        right: 250px;
        right: calc((100vw / 100) * 37);
        bottom: 106px;
        bottom: calc((100vw / 300) * 53)
    }
}

@media (max-width:400px) {
    body .offersAndPromotions .promoSlideTwo .button,
    html .offersAndPromotions .promoSlideTwo .button {
        right: 122px;
        right: calc((100vw / 200) * 61);
        bottom: 100px;
        bottom: calc((100vw / 4) * 1)
    }
}

@media (max-width:356px) {
    body .offersAndPromotions .promoSlideTwo,
    html .offersAndPromotions .promoSlideTwo {
        min-height: 304px!important
    }
    body .offersAndPromotions .promoSlideTwo .button,
    html .offersAndPromotions .promoSlideTwo .button {
        right: 104px;
        right: calc((100vw / 89) * 26);
        bottom: 104px;
        bottom: calc((100vw / 89) * 26)
    }
}

@media (max-width:320px) {
    body .offersAndPromotions .promoSlideTwo .button,
    html .offersAndPromotions .promoSlideTwo .button {
        right: 84px;
        bottom: 100px
    }
}

body .offersAndPromotions .promoSlideThree,
html .offersAndPromotions .promoSlideThree {
    max-width: 220px;
    margin-top: 10px
}

body .offersAndPromotions .promoSlideThree h1,
html .offersAndPromotions .promoSlideThree h1 {
    font-size: 20px;
    font-size: 2rem;
    line-height: 100%
}

body .offersAndPromotions .promoSlideThree p,
html .offersAndPromotions .promoSlideThree p {
    font-size: 8px;
    font-size: .8rem
}

@media (max-width:980px) {
    body .offersAndPromotions .promoSlideThree,
    html .offersAndPromotions .promoSlideThree {
        width: calc((100vw / 475) * 112);
        margin-top: calc((100vw / 95) * 1)
    }
    body .offersAndPromotions .promoSlideThree h2,
    html .offersAndPromotions .promoSlideThree h2 {
        font-size: 20px;
        font-size: 2rem;
        line-height: 100%
    }
    body .offersAndPromotions .promoSlideThree p,
    html .offersAndPromotions .promoSlideThree p {
        font-size: 8px;
        font-size: .8rem
    }
}

@media (max-width:800px) {
    body .offersAndPromotions .promoSlideThree,
    html .offersAndPromotions .promoSlideThree {
        margin-top: calc((100vw / 95) * 1);
        width: calc((100vw / 10) * 3)
    }
    body .offersAndPromotions .promoSlideThree h2,
    html .offersAndPromotions .promoSlideThree h2 {
        font-size: calc((100vw / 25) * 1)
    }
    body .offersAndPromotions .promoSlideThree p,
    html .offersAndPromotions .promoSlideThree p {
        font-size: calc((100vw / 400) * 7)
    }
}

@media (max-width:750px) {
    body .offersAndPromotions .promoSlideThree,
    html .offersAndPromotions .promoSlideThree {
        width: 261px
    }
    body .offersAndPromotions .promoSlideThree h2,
    html .offersAndPromotions .promoSlideThree h2 {
        font-size: 30px;
        font-size: calc((100vw / 25) * 1)
    }
    body .offersAndPromotions .promoSlideThree p,
    html .offersAndPromotions .promoSlideThree p {
        font-size: 12px;
        font-size: calc((100vw / 125) * 2)
    }
}

@media (max-width:601px) {
    body .offersAndPromotions .promoSlideThree,
    html .offersAndPromotions .promoSlideThree {
        max-width: 100%;
        width: 100%;
        height: 100%;
        margin-top: -1px;
        margin-left: 0;
        background: #d31145;
        min-height: 285px!important;
        padding: 20px 40px 20px 20px;
        color: #fff
    }
    body .offersAndPromotions .promoSlideThree h2,
    html .offersAndPromotions .promoSlideThree h2 {
        font-size: 20px;
        font-size: 2rem
    }
    body .offersAndPromotions .promoSlideThree ul,
    html .offersAndPromotions .promoSlideThree ul {
        margin-top: 10px!important
    }
    body .offersAndPromotions .promoSlideThree p,
    html .offersAndPromotions .promoSlideThree p {
        font-size: 8px;
        font-size: .8rem
    }
}

@media (max-width:356px) {
    body .offersAndPromotions .promoSlideThree,
    html .offersAndPromotions .promoSlideThree {
        min-height: 304px!important
    }
}

body .offersAndPromotions .leftSearch,
html .offersAndPromotions .leftSearch {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x;
    padding-top: 1px!important
}

@media (max-width:601px) {
    body .offersAndPromotions .leftSearch,
    html .offersAndPromotions .leftSearch {
        background: 0 0;
        padding: 20px!important
    }
    body .offersAndPromotions .leftSearch .grid__item:nth-of-type(1),
    html .offersAndPromotions .leftSearch .grid__item:nth-of-type(1) {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x
    }
    body .offersAndPromotions .leftSearch .grid__item:nth-of-type(1) .grid__item:nth-of-type(1),
    html .offersAndPromotions .leftSearch .grid__item:nth-of-type(1) .grid__item:nth-of-type(1) {
        background: 0 0
    }
}

body .offersAndPromotions .leftSearch .kstl-show-hide .kstl-show-hide-trigger,
html .offersAndPromotions .leftSearch .kstl-show-hide .kstl-show-hide-trigger {
    display: block;
    width: 100%;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/icon-leftnav-closed.gif) 98% center no-repeat #fff!important;
    background-size: auto, auto!important;
    padding: 8px 0 8px 10px!important;
    font-size: 7px;
    font-size: .7rem
}

@media (max-width:601px) {
    body .offersAndPromotions .leftSearch .kstl-show-hide .kstl-show-hide-trigger,
    html .offersAndPromotions .leftSearch .kstl-show-hide .kstl-show-hide-trigger {
        padding: 10px 20px!important;
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/icon-leftnav-open.gif) 90% center no-repeat!important;
        font-size: 9px;
        font-size: .9rem
    }
}

body .offersAndPromotions .leftSearch .kstl-show-hide .open,
html .offersAndPromotions .leftSearch .kstl-show-hide .open {
    display: block;
    width: 100%;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/icon-leftnav-open.gif) 98% center no-repeat #fff!important;
    background-size: auto, auto, auto!important;
    padding: 8px 0 8px 10px!important;
    font-size: 7px;
    font-size: .7rem
}

@media (max-width:601px) {
    body .offersAndPromotions .leftSearch .kstl-show-hide .open,
    html .offersAndPromotions .leftSearch .kstl-show-hide .open {
        padding: 10px 20px!important;
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/icon-leftnav-open.gif) 90% center no-repeat!important;
        font-size: 9px;
        font-size: .9rem
    }
}

body .offersAndPromotions .leftSearch .kstl-show-hide .kstl-show-hide-container,
html .offersAndPromotions .leftSearch .kstl-show-hide .kstl-show-hide-container {
    background: #f3eee7;
    padding: 10px!important;
    max-height: 300px;
    overflow: auto;
    border-bottom: 2px solid #d31145;
    border-bottom: 10px solid #f3eee7
}

body .offersAndPromotions .leftSearch .kstl-show-hide .kstl-show-hide-container .kstl-pim-filter--multi-select,
body .offersAndPromotions .leftSearch .kstl-show-hide .kstl-show-hide-container .kstl-pim-filter--redirect,
html .offersAndPromotions .leftSearch .kstl-show-hide .kstl-show-hide-container .kstl-pim-filter--multi-select,
html .offersAndPromotions .leftSearch .kstl-show-hide .kstl-show-hide-container .kstl-pim-filter--redirect {
    padding: 10px 10px 0;
    background: #fff
}

body .offersAndPromotions .leftSearch .kstl-show-hide .kstl-show-hide-container .search-textbox__input,
html .offersAndPromotions .leftSearch .kstl-show-hide .kstl-show-hide-container .search-textbox__input {
    width: 70%
}

body .offersAndPromotions .leftSearch .kstl-show-hide .kstl-show-hide-container .filter__label--multiselect,
html .offersAndPromotions .leftSearch .kstl-show-hide .kstl-show-hide-container .filter__label--multiselect {
    font-family: KelloggsSansBold;
    font-size: 8px;
    font-size: .8rem
}

body .offersAndPromotions .leftSearch .kstl-show-hide .kstl-show-hide-container .kstl-pim-filter--multi-select .filter__selection,
html .offersAndPromotions .leftSearch .kstl-show-hide .kstl-show-hide-container .kstl-pim-filter--multi-select .filter__selection {
    font-size: 7px;
    font-size: .7rem
}

body .offersAndPromotions .leftSearch .kstl-show-hide .kstl-show-hide-container ul.brand-list,
html .offersAndPromotions .leftSearch .kstl-show-hide .kstl-show-hide-container ul.brand-list {
    padding: 10px 10px 0;
    background: #fff;
    list-style-type: none
}

body .offersAndPromotions .leftSearch .kstl-show-hide .kstl-show-hide-container ul.brand-list li a,
html .offersAndPromotions .leftSearch .kstl-show-hide .kstl-show-hide-container ul.brand-list li a {
    font-size: 7px;
    font-size: .7rem
}

body .offersAndPromotions .leftSearch .kstl-show-hide .kstl-show-hide-container .kstl-filter,
html .offersAndPromotions .leftSearch .kstl-show-hide .kstl-show-hide-container .kstl-filter {
    margin-bottom: 10px
}

body .offersAndPromotions .leftSearch .kstl-show-hide .kstl-show-hide-container .kstl-pim-filter--redirect .filter__selection,
html .offersAndPromotions .leftSearch .kstl-show-hide .kstl-show-hide-container .kstl-pim-filter--redirect .filter__selection {
    font-size: 7px;
    font-size: .7rem
}

body .offersAndPromotions .leftSearch .kstl-show-hide .kstl-show-hide-container .productType p.strong,
html .offersAndPromotions .leftSearch .kstl-show-hide .kstl-show-hide-container .productType p.strong {
    font-family: KelloggsSansBold;
    font-size: 7px;
    font-size: .7rem
}

body .offersAndPromotions .leftSearch .kstl-show-hide .kstl-show-hide-container .productType ul li,
html .offersAndPromotions .leftSearch .kstl-show-hide .kstl-show-hide-container .productType ul li {
    list-style-type: none
}

body .offersAndPromotions .leftSearch .kstl-show-hide .kstl-show-hide-container .productType ul li a,
html .offersAndPromotions .leftSearch .kstl-show-hide .kstl-show-hide-container .productType ul li a {
    font-size: 7px;
    font-size: .7rem;
    color: #47423c
}

body .offersAndPromotions .leftSearch .kstl-show-hide .kstl-show-hide:nth-of-type(1),
html .offersAndPromotions .leftSearch .kstl-show-hide .kstl-show-hide:nth-of-type(1) {
    padding-top: 0
}

body .offersAndPromotions .wideColumn,
html .offersAndPromotions .wideColumn {
    padding: 0 0 0 20px!important
}

body .offersAndPromotions .wideColumn h1,
html .offersAndPromotions .wideColumn h1 {
    margin-top: 0!important;
    font-size: 20px;
    font-size: 2rem
}

@media (max-width:601px) {
    body .offersAndPromotions .wideColumn,
    html .offersAndPromotions .wideColumn {
        padding-right: 20px!important
    }
}

body .offersAndPromotions .gsaListContainer,
html .offersAndPromotions .gsaListContainer {
    width: 100%;
    padding-bottom: 60px!important
}

body .offersAndPromotions .gsaListContainer .product_category .grid__item,
html .offersAndPromotions .gsaListContainer .product_category .grid__item {
    margin: 2px 0 0!important;
    padding: 10px!important;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDotVert.png) right top repeat-y, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x!important;
    min-height: 250px
}

body .offersAndPromotions .gsaListContainer .product_category .grid__item h3,
html .offersAndPromotions .gsaListContainer .product_category .grid__item h3 {
    line-height: 50%
}

body .offersAndPromotions .gsaListContainer .product_category .grid__item h3 a,
html .offersAndPromotions .gsaListContainer .product_category .grid__item h3 a {
    font-size: 8px;
    font-size: .8rem
}

body .offersAndPromotions .gsaListContainer .product_category .grid__item:nth-of-type(4n-3),
html .offersAndPromotions .gsaListContainer .product_category .grid__item:nth-of-type(4n-3) {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDotVert.png) left top repeat-y, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDotVert.png) right top repeat-y, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x!important
}

@media (max-width:999px) {
    body .offersAndPromotions .gsaListContainer .product_category .grid__item,
    html .offersAndPromotions .gsaListContainer .product_category .grid__item {
        min-height: 350px
    }
    body .offersAndPromotions .gsaListContainer .product_category .grid__item:nth-of-type(4n-3),
    html .offersAndPromotions .gsaListContainer .product_category .grid__item:nth-of-type(4n-3) {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDotVert.png) right top repeat-y, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x!important
    }
    body .offersAndPromotions .gsaListContainer .product_category .grid__item:nth-of-type(3n-2),
    html .offersAndPromotions .gsaListContainer .product_category .grid__item:nth-of-type(3n-2) {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDotVert.png) left top repeat-y, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDotVert.png) right top repeat-y, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x!important
    }
}

@media (max-width:601px) {
    body .offersAndPromotions .gsaListContainer .product_category .grid__item,
    html .offersAndPromotions .gsaListContainer .product_category .grid__item {
        min-height: 350px
    }
    body .offersAndPromotions .gsaListContainer .product_category .grid__item:nth-of-type(3n-2),
    body .offersAndPromotions .gsaListContainer .product_category .grid__item:nth-of-type(4n-3),
    html .offersAndPromotions .gsaListContainer .product_category .grid__item:nth-of-type(3n-2),
    html .offersAndPromotions .gsaListContainer .product_category .grid__item:nth-of-type(4n-3) {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDotVert.png) right top repeat-y, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x!important
    }
    body .offersAndPromotions .gsaListContainer .product_category .grid__item:nth-of-type(2n-1),
    html .offersAndPromotions .gsaListContainer .product_category .grid__item:nth-of-type(2n-1) {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDotVert.png) left top repeat-y, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDotVert.png) right top repeat-y, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x!important
    }
}

@media (max-width:500px) {
    body .offersAndPromotions .gsaListContainer .product_category .grid__item,
    html .offersAndPromotions .gsaListContainer .product_category .grid__item {
        min-height: 320px
    }
}

@media (max-width:400px) {
    body .offersAndPromotions .gsaListContainer .product_category .grid__item,
    html .offersAndPromotions .gsaListContainer .product_category .grid__item {
        min-height: 280px
    }
}

body .offersAndPromotions .gsaListContainer .resultsPager,
html .offersAndPromotions .gsaListContainer .resultsPager {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x #fff!important;
    line-height: normal;
    padding: 10px!important
}

body .offersAndPromotions .gsaListContainer .resultsPager .kstl-results,
html .offersAndPromotions .gsaListContainer .resultsPager .kstl-results {
    margin-top: 4px;
    font-size: 8px;
    font-size: .8rem;
    text-align: right!important
}

@media (max-width:601px) {
    body .offersAndPromotions .gsaListContainer .resultsPager .kstl-results,
    html .offersAndPromotions .gsaListContainer .resultsPager .kstl-results {
        text-align: center!important;
        padding-bottom: 4px!important
    }
    body .offersAndPromotions .gsaListContainer .resultsPager .kstl-pager,
    html .offersAndPromotions .gsaListContainer .resultsPager .kstl-pager {
        text-align: center!important
    }
}

body .offersAndPromotions .gsaListContainer .resultsPager .kstl-pager .pagination,
html .offersAndPromotions .gsaListContainer .resultsPager .kstl-pager .pagination {
    margin-top: 2px;
    font-size: 8px;
    font-size: .8rem;
    padding: 0
}

body .offersAndPromotions .gsaListContainer .resultsPager .kstl-pager .pagination a,
html .offersAndPromotions .gsaListContainer .resultsPager .kstl-pager .pagination a {
    padding: 2px 4px
}

body .offersAndPromotions .gsaListContainer .resultsPager .kstl-pager .pagination .disabled,
html .offersAndPromotions .gsaListContainer .resultsPager .kstl-pager .pagination .disabled {
    color: #6f1b2b
}

body .offersAndPromotions .gsaListContainer .resultsPager .kstl-pager .pagination .first,
html .offersAndPromotions .gsaListContainer .resultsPager .kstl-pager .pagination .first {
    background: #d31145!important;
    border-radius: 4px 0 0 4px
}

body .offersAndPromotions .gsaListContainer .resultsPager .kstl-pager .pagination .previous,
html .offersAndPromotions .gsaListContainer .resultsPager .kstl-pager .pagination .previous {
    background: #d31145!important
}

body .offersAndPromotions .gsaListContainer .resultsPager .kstl-pager .pagination input,
html .offersAndPromotions .gsaListContainer .resultsPager .kstl-pager .pagination input {
    background: 0 0;
    color: #47423c;
    font-size: 8px;
    font-size: .8rem;
    padding: 0;
    min-width: unset;
    width: 110px
}

body .offersAndPromotions .gsaListContainer .resultsPager .kstl-pager .pagination .next,
html .offersAndPromotions .gsaListContainer .resultsPager .kstl-pager .pagination .next {
    background: #d31145!important
}

body .offersAndPromotions .gsaListContainer .resultsPager .kstl-pager .pagination .last,
html .offersAndPromotions .gsaListContainer .resultsPager .kstl-pager .pagination .last {
    background: #d31145!important;
    border-radius: 0 4px 4px 0
}

body .offersAndPromotions .gsaListContainer .one-page,
html .offersAndPromotions .gsaListContainer .one-page {
    display: none
}

body .offersAndPromotions .gsaListContainer .grid__item:nth-of-type(3) .gsaListContainer,
html .offersAndPromotions .gsaListContainer .grid__item:nth-of-type(3) .gsaListContainer {
    margin-top: 0!important
}

body .offersAndPromotions .gsaListContainer .grid__item:nth-of-type(3) .gsaListContainer .resultsPager,
html .offersAndPromotions .gsaListContainer .grid__item:nth-of-type(3) .gsaListContainer .resultsPager {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x #fff!important
}

body .offersAndPromotions .gsaListContainer,
html .offersAndPromotions .gsaListContainer {
    margin-top: 20px!important
}

/*body .recipes,
html .recipes {
    background-image: url(/content/dam/NorthAmerica/kelloggs/en_US/images/recipes/recipes-btm-170.png), url(/content/dam/NorthAmerica/kelloggs/en_US/images/recipes/recipes-top.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: bottom, top
}*/

/*@media (max-width:601px) {
    body .recipes,
    html .recipes {
        background: 0 0
    }
}*/

body .recipes .heroCarousel .flexslider,
html .recipes .heroCarousel .flexslider {
    margin-top: 20px;
    z-index: 1!important;
    opacity: .99!important;
    background: 0 0!important
}

body .recipes .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset,
html .recipes .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset {
    background: 0 0;
    width: 100%;
    max-width: unset;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

body .recipes .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text,
html .recipes .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text {
    /*padding: 10px*/
}

body .recipes .heroCarousel ol.flex-control-nav,
html .recipes .heroCarousel ol.flex-control-nav {
    width: unset!important;
    height: 18px;
    right: 4px
}

body .recipes .heroCarousel ol.flex-control-nav li,
html .recipes .heroCarousel ol.flex-control-nav li {
    margin: 0 2px
}

body .recipes .heroCarousel ol.flex-control-nav li a,
html .recipes .heroCarousel ol.flex-control-nav li a {
    border: 0;
    background: #fff!important;
    opacity: .5
}

body .recipes .heroCarousel ol.flex-control-nav li a.flex-active,
html .recipes .heroCarousel ol.flex-control-nav li a.flex-active {
    opacity: 1
}

@media (max-width:601px) {
    body .recipes .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset,
    html .recipes .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset {
        margin-top: 0
    }
    body .recipes .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text,
    html .recipes .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text {
        padding: 0
    }
    body .recipes .heroCarousel ol.flex-control-nav,
    html .recipes .heroCarousel ol.flex-control-nav {
        display: block
    }
}

body .recipes .multiContentGrid,
html .recipes .multiContentGrid {
    padding-top: 20px!important
}

body .recipes .multiContentGrid .desk-one-myFifth,
body .recipes .multiContentGrid .one-myFifth,
html .recipes .multiContentGrid .desk-one-myFifth,
html .recipes .multiContentGrid .one-myFifth {
    width: 22.5%!important
}

body .recipes .multiContentGrid .desk-four-myFifths,
body .recipes .multiContentGrid .four-myFifths,
html .recipes .multiContentGrid .desk-four-myFifths,
html .recipes .multiContentGrid .four-myFifths {
    width: 77.5%!important
}

@media (max-width:601px) {
    body .recipes .multiContentGrid .lap-one-whole,
    body .recipes .multiContentGrid .palm-one-whole,
    html .recipes .multiContentGrid .lap-one-whole,
    html .recipes .multiContentGrid .palm-one-whole {
        width: 100%!important
    }
}

body .recipes .wideColumn,
html .recipes .wideColumn {
    /*padding: 20px!important*/
    padding: 0 20px 20px 20px !important;
}

body .recipes .wideColumn h1,
html .recipes .wideColumn h1 {
    font-size: 13px;
    font-size: 1.3rem;
    margin-top: -20px
}

body .recipes .wideColumn h1.bigH1,
html .recipes .wideColumn h1.bigH1 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-top: -20px
}

body .recipes .wideColumn h2,
html .recipes .wideColumn h2 {
    font-size: 11px;
    font-size: 1.1rem;
    padding: 10px 0 0
}

body .recipes .wideColumn p,
html .recipes .wideColumn p {
    font-size: 9px;
    font-size: .9rem;
    /*font-family: "Lucida Grande", Lucida, "Trebuchet MS", Arial, sans-serif;*/
    color: #6c665b!important;
    line-height: 120%;
    padding-top: 10px
}

body .recipes .wideColumn p.bigP,
html .recipes .wideColumn p.bigP {
    font-size: 10px;
    font-size: 1rem;
    /*font-family: "Lucida Grande", Lucida, "Trebuchet MS", Arial, sans-serif!important;*/
    font-weight: 400!important;
    line-height: 150%;
    width: 90%
}

body .recipes .wideColumn .pod,
html .recipes .wideColumn .pod {
    margin-top: 20px;
    width: 90%
}

body .recipes .wideColumn .pod img,
html .recipes .wideColumn .pod img {
    width: 100%
}

body .recipes .wideColumn .pod h3,
html .recipes .wideColumn .pod h3 {
    font-size: 10px;
    font-size: 1rem;
    line-height: 120%
}

@media (max-width:601px) {
    body .recipes .wideColumn .pod,
    html .recipes .wideColumn .pod {
        width: 100%
    }
}

body .recipes .wideColumn .overLine,
html .recipes .wideColumn .overLine {
    width: 94%;
    border-top: 1px solid #000;
    margin-top: 20px
}

body .recipes .wideColumn .overLine h4,
html .recipes .wideColumn .overLine h4 {
    font-size: 10px;
    font-size: 1rem;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x;
    padding: 8px 0
}

body .recipes .wideColumn .overLine .hr,
html .recipes .wideColumn .overLine .hr {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x;
    margin: 10px 0;
    padding: 1px
}

body .recipes .wideColumn .overLine .strongItalics,
html .recipes .wideColumn .overLine .strongItalics {
    font-family: KelloggsSansBoldItalic;
    color: #000!important;
    padding-top: 10px
}

body .recipes .wideColumn .overLine a,
html .recipes .wideColumn .overLine a {
    font-family: KelloggsSansRegular!important
}

@media (max-width:601px) {
    body .recipes .wideColumn .overLine,
    html .recipes .wideColumn .overLine {
        width: 100%
    }
    body .recipes .wideColumn h1,
    html .recipes .wideColumn h1 {
        margin-top: 0
    }
    body .recipes .wideColumn .button,
    html .recipes .wideColumn .button {
        font-size: 20px!important
    }
}

body .recipes .wideColumn .floatContainer,
html .recipes .wideColumn .floatContainer {
    float: left;
    display: block;
    clear: left;
    padding-bottom: 10px
}

body .recipes .wideColumn .leftPhoto,
html .recipes .wideColumn .leftPhoto {
    float: left;
    display: inline;
    padding: 0 20px 10px 0
}

body .recipes .wideColumn .leftPhoto img,
html .recipes .wideColumn .leftPhoto img {
    border: 1px solid #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

body .recipes .wideColumn .rightPhoto,
html .recipes .wideColumn .rightPhoto {
    float: right;
    display: inline;
    padding: 0 0 10px 20px
}

body .recipes .wideColumn .rightPhoto img,
html .recipes .wideColumn .rightPhoto img {
    border: 1px solid #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

body .recipes .wideColumn .arrowLink:after,
html .recipes .wideColumn .arrowLink:after {
    content: ' ';
    display: inline-block;
    width: 9px;
    height: 9px;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/icon-bkg-ex-link.png) no-repeat
}

@media (max-width:700px) {
    body .recipes .wideColumn .clearingLink,
    html .recipes .wideColumn .clearingLink {
        float: left;
        display: inline-block
    }
}

body .recipes .recipeSlideOne,
html .recipes .recipeSlideOne {
    max-width: 330px;
    margin-top: 20px
}

body .recipes .recipeSlideOne h2,
html .recipes .recipeSlideOne h2 {
    /*font-size: 20px;
    font-size: 2rem;*/
    /*line-height: 100%;*/
    /*color: #d31145*/
    color: white;
    font-size: 20px;
    line-height: 1.4;
    padding-bottom: 10px;
}

body .recipes .recipeSlideOne p,
html .recipes .recipeSlideOne p {
    /*font-size: 8px;
    font-size: .8rem;*/
    /*color: #47423c*/
    color: white;
    font-size: 12px;
    line-height: 1.6;
    /*padding-bottom: 10px;*/
}

@media (max-width:980px) {
    body .recipes .recipeSlideOne,
    html .recipes .recipeSlideOne {
        width: 280px;
        width: calc((100vw / 95) * 28);
        margin-top: 20px;
        margin-top: calc((100vw / 95) * 2)
    }
    body .recipes .recipeSlideOne h2,
    html .recipes .recipeSlideOne h2 {
        font-size: 20px;
        font-size: 2rem;
        line-height: 100%
    }
    body .recipes .recipeSlideOne p,
    html .recipes .recipeSlideOne p {
        font-size: 8px;
        font-size: .8rem
    }
}

@media (max-width:800px) {
    body .recipes .recipeSlideOne,
    html .recipes .recipeSlideOne {
        margin-top: calc((100vw / 40) * 1);
        max-width: unset;
        width: 37%
    }
    body .recipes .recipeSlideOne h2,
    html .recipes .recipeSlideOne h2 {
        font-size: calc((100vw / 25) * 1)
    }
    body .recipes .recipeSlideOne p,
    html .recipes .recipeSlideOne p {
        font-size: calc((100vw / 400) * 7)
    }
}

@media (max-width:601px) {
    body .recipes .recipeSlideOne,
    html .recipes .recipeSlideOne {
        max-width: 100%;
        width: 100%;
        height: 100%;
        margin-top: -1px;
        margin-left: 0;
        background: #d31145;
        min-height: 285px!important;
        padding: 20px 40px 20px 20px;
        color: #fff
    }
    body .recipes .recipeSlideOne h2,
    html .recipes .recipeSlideOne h2 {
        font-size: 20px;
        font-size: 2rem;
        color: #fff
    }
    body .recipes .recipeSlideOne p,
    html .recipes .recipeSlideOne p {
        font-size: 8px;
        font-size: .8rem;
        color: #fff
    }
}

@media (max-width:356px) {
    body .recipes .recipeSlideOne,
    html .recipes .recipeSlideOne {
        min-height: 335px!important
    }
}

body .recipes .recipeSlideTwo,
html .recipes .recipeSlideTwo {
    max-width: 270px;
    margin-top: 20px;
    color: #fff
}

body .recipes .recipeSlideTwo h2,
html .recipes .recipeSlideTwo h2 {
    font-size: 20px;
    font-size: 2rem;
    line-height: 100%
}

body .recipes .recipeSlideTwo p,
html .recipes .recipeSlideTwo p {
    font-size: 8px;
    font-size: .8rem
}

@media (max-width:980px) {
    body .recipes .recipeSlideTwo,
    html .recipes .recipeSlideTwo {
        width: 280px;
        width: calc((100vw / 95) * 28);
        margin-top: 20px;
        margin-top: calc((100vw / 95) * 2)
    }
    body .recipes .recipeSlideTwo h2,
    html .recipes .recipeSlideTwo h2 {
        font-size: 20px;
        font-size: 2rem;
        line-height: 100%
    }
    body .recipes .recipeSlideTwo p,
    html .recipes .recipeSlideTwo p {
        font-size: 8px;
        font-size: .8rem
    }
}

@media (max-width:800px) {
    body .recipes .recipeSlideTwo,
    html .recipes .recipeSlideTwo {
        max-width: unset;
        width: 37%;
        margin-top: 2px
    }
    body .recipes .recipeSlideTwo h2,
    html .recipes .recipeSlideTwo h2 {
        font-size: calc((100vw / 25) * 1);
        color: #fff
    }
    body .recipes .recipeSlideTwo p,
    html .recipes .recipeSlideTwo p {
        font-size: calc((100vw / 400) * 7);
        color: #fff
    }
}

@media (max-width:601px) {
    body .recipes .recipeSlideTwo,
    html .recipes .recipeSlideTwo {
        max-width: 100%;
        width: 100%;
        height: 100%;
        margin-top: -1px;
        margin-left: 0;
        background: #d31145;
        min-height: 285px!important;
        padding: 20px 40px 20px 20px;
        color: #fff
    }
    body .recipes .recipeSlideTwo h2,
    html .recipes .recipeSlideTwo h2 {
        font-size: 20px;
        font-size: 2rem
    }
    body .recipes .recipeSlideTwo p,
    html .recipes .recipeSlideTwo p {
        font-size: 8px;
        font-size: .8rem
    }
}

@media (max-width:356px) {
    body .recipes .recipeSlideTwo,
    html .recipes .recipeSlideTwo {
        min-height: 335px!important
    }
}

body .recipes .leftSearch,
html .recipes .leftSearch {
    /*background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x;*/
    padding-top: 1px!important
}

.recipes .leftSearch .left-search-title {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x;
    /*padding-top: 1px!important*/
    padding-bottom: 4px;
}

@media (max-width:601px) {
    body .recipes .leftSearch,
    html .recipes .leftSearch {
        /*background: 0 0;*/
        padding: 20px!important
    }
    body .recipes .leftSearch .grid__item:nth-of-type(1),
    html .recipes .leftSearch .grid__item:nth-of-type(1) {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x
    }
    body .recipes .leftSearch .grid__item:nth-of-type(1) .grid__item:nth-of-type(1),
    html .recipes .leftSearch .grid__item:nth-of-type(1) .grid__item:nth-of-type(1) {
        background: 0 0
    }
}

body .recipes .leftSearch .kstl-show-hide .kstl-show-hide-trigger,
html .recipes .leftSearch .kstl-show-hide .kstl-show-hide-trigger {
    display: block;
    width: 100%;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/icon-leftnav-closed.gif) 98% center no-repeat #fff!important;
    background-size: auto, auto!important;
    padding: 8px 0 8px 10px!important;
    font-size: 7px;
    font-size: .7rem
}

@media (max-width:601px) {
    body .recipes .leftSearch .kstl-show-hide .kstl-show-hide-trigger,
    html .recipes .leftSearch .kstl-show-hide .kstl-show-hide-trigger {
        padding: 10px 20px!important;
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x, 
                        url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/icon-leftnav-closed.gif) 90% center no-repeat #fff!important;
        font-size: 9px;
        font-size: .9rem
    }
}

body .recipes .leftSearch .kstl-show-hide .open,
html .recipes .leftSearch .kstl-show-hide .open {
    display: block;
    width: 100%;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/icon-leftnav-open.gif) 98% center no-repeat #fff!important;
    background-size: auto, auto, auto!important;
    padding: 8px 0 8px 10px!important;
    font-size: 7px;
    font-size: .7rem
}

@media (max-width:601px) {
    body .recipes .leftSearch .kstl-show-hide .open,
    html .recipes .leftSearch .kstl-show-hide .open {
        padding: 10px 20px!important;
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/icon-leftnav-open.gif) 90% center no-repeat!important;
        font-size: 9px;
        font-size: .9rem
    }
}

body .recipes .leftSearch .kstl-show-hide .kstl-show-hide-container,
html .recipes .leftSearch .kstl-show-hide .kstl-show-hide-container {
    background: #f3eee7;
    padding: 10px!important;
    max-height: 300px;
    overflow: auto;
    border-bottom: 2px solid #d31145;
    border-bottom: 10px solid #f3eee7
}

body .recipes .leftSearch .kstl-show-hide .kstl-show-hide-container .kstl-pim-filter--multi-select,
body .recipes .leftSearch .kstl-show-hide .kstl-show-hide-container .kstl-pim-filter--redirect,
html .recipes .leftSearch .kstl-show-hide .kstl-show-hide-container .kstl-pim-filter--multi-select,
html .recipes .leftSearch .kstl-show-hide .kstl-show-hide-container .kstl-pim-filter--redirect {
    padding: 10px 10px 0;
    background: #fff
}

body .recipes .leftSearch .kstl-show-hide .kstl-show-hide-container .search-textbox__input,
html .recipes .leftSearch .kstl-show-hide .kstl-show-hide-container .search-textbox__input {
    width: 70%
}

body .recipes .leftSearch .kstl-show-hide .kstl-show-hide-container .filter__label--multiselect,
html .recipes .leftSearch .kstl-show-hide .kstl-show-hide-container .filter__label--multiselect {
    font-family: KelloggsSansBold;
    font-size: 8px;
    font-size: .8rem
}

body .recipes .leftSearch .kstl-show-hide .kstl-show-hide-container .kstl-pim-filter--multi-select .filter__selection,
html .recipes .leftSearch .kstl-show-hide .kstl-show-hide-container .kstl-pim-filter--multi-select .filter__selection {
    font-size: 7px;
    font-size: .7rem
}

body .recipes .leftSearch .kstl-show-hide .kstl-show-hide-container ul.brand-list,
html .recipes .leftSearch .kstl-show-hide .kstl-show-hide-container ul.brand-list {
    padding: 10px 10px 0;
    background: #fff;
    list-style-type: none
}

body .recipes .leftSearch .kstl-show-hide .kstl-show-hide-container ul.brand-list li a,
html .recipes .leftSearch .kstl-show-hide .kstl-show-hide-container ul.brand-list li a {
    font-size: 7px;
    font-size: .7rem
}

body .recipes .leftSearch .kstl-show-hide .kstl-show-hide-container .kstl-filter,
html .recipes .leftSearch .kstl-show-hide .kstl-show-hide-container .kstl-filter {
    margin-bottom: 10px
}

body .recipes .leftSearch .kstl-show-hide .kstl-show-hide-container .kstl-pim-filter--redirect .filter__selection,
html .recipes .leftSearch .kstl-show-hide .kstl-show-hide-container .kstl-pim-filter--redirect .filter__selection {
    font-size: 7px;
    font-size: .7rem
}

body .recipes .leftSearch .kstl-show-hide .kstl-show-hide-container .productType p.strong,
html .recipes .leftSearch .kstl-show-hide .kstl-show-hide-container .productType p.strong {
    font-family: KelloggsSansBold;
    font-size: 7px;
    font-size: .7rem
}

body .recipes .leftSearch .kstl-show-hide .kstl-show-hide-container .productType ul li,
html .recipes .leftSearch .kstl-show-hide .kstl-show-hide-container .productType ul li {
    list-style-type: none
}

body .recipes .leftSearch .kstl-show-hide .kstl-show-hide-container .productType ul li a,
html .recipes .leftSearch .kstl-show-hide .kstl-show-hide-container .productType ul li a {
    font-size: 7px;
    font-size: .7rem;
    color: #47423c
}

body .recipes .leftSearch .kstl-show-hide .kstl-show-hide:nth-of-type(1),
html .recipes .leftSearch .kstl-show-hide .kstl-show-hide:nth-of-type(1) {
    padding-top: 0
}

body .recipes .wideColumn .pod h3,
html .recipes .wideColumn .pod h3 {
    padding: 4px 0 8px!important
}

body .recipes .wideColumn .pod ul,
html .recipes .wideColumn .pod ul {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x;
    font-size: 7px;
    font-size: .7rem
}

body .recipes .wideColumn .pod ul li,
html .recipes .wideColumn .pod ul li {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x;
    margin: 0;
    padding: 6px 0;
    list-style-type: none
}

body .recipes .wideColumn .pod .bottomLink,
html .recipes .wideColumn .pod .bottomLink {
    font-size: 7px;
    font-size: .7rem;
    color: #000
}

body .recipes .wideColumn .pod .bottomLink:after,
html .recipes .wideColumn .pod .bottomLink:after {
    /*content: " >"*/
}

body .recipes .wideColumn .hr,
html .recipes .wideColumn .hr {
    width: 98%;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x;
    margin: 30px 0 20px!important;
    padding: 1px!important
}

@media (max-width:601px) {
    body .recipes .wideColumn .hr,
    html .recipes .wideColumn .hr {
        width: 100%
    }
}

body .recipes .wideColumn .featuredRecipes,
html .recipes .wideColumn .featuredRecipes {
    border-bottom-right-radius: 4px;
    -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .25);
    -moz-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .25);
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .25);
    width: 95%;
    color: #6c665b;
    background: #fff
}

body .recipes .wideColumn .featuredRecipes img,
html .recipes .wideColumn .featuredRecipes img {
    float: left;
    display: inline;
    width: 33%
}

body .recipes .wideColumn .featuredRecipes h4,
html .recipes .wideColumn .featuredRecipes h4 {
    float: left;
    display: inline;
    width: 66%;
    padding: 0 10px!important;
    font-size: 9px;
    font-size: .9rem
}

body .recipes .wideColumn .featuredRecipes p,
html .recipes .wideColumn .featuredRecipes p {
    float: left;
    display: inline;
    width: 66%;
    padding: 0 10px!important;
    font-size: 7px;
    font-size: .7rem
}

@media (max-width:999px) {
    body .recipes .wideColumn .featuredRecipes,
    html .recipes .wideColumn .featuredRecipes {
        width: 100%;
        margin-top: 20px
    }
}

/*
body .recipeDetail,
html .recipeDetail {
    background-image: url(/content/dam/NorthAmerica/kelloggs/en_US/images/recipes/ourbrands-btm-170.png), url(/content/dam/NorthAmerica/kelloggs/en_US/images/recipes/recipes-top.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: bottom, top
}

body .recipeDetail .multiContentGrid .desk-one-myFifth,
body .recipeDetail .multiContentGrid .one-myFifth,
html .recipeDetail .multiContentGrid .desk-one-myFifth,
html .recipeDetail .multiContentGrid .one-myFifth {
    width: 22.5%!important
}

body .recipeDetail .multiContentGrid .desk-four-myFifths,
body .recipeDetail .multiContentGrid .four-myFifths,
html .recipeDetail .multiContentGrid .desk-four-myFifths,
html .recipeDetail .multiContentGrid .four-myFifths {
    width: 77.5%!important
}

@media (max-width:601px) {
    body .recipeDetail,
    html .recipeDetail {
        background: 0 0
    }
    body .recipeDetail .multiContentGrid .lap-one-whole,
    body .recipeDetail .multiContentGrid .palm-one-whole,
    html .recipeDetail .multiContentGrid .lap-one-whole,
    html .recipeDetail .multiContentGrid .palm-one-whole {
        width: 100%!important
    }
}

body .recipeDetail .leftMenu,
html .recipeDetail .leftMenu {
    background: #fff;
    padding: 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

body .recipeDetail .leftMenu h3,
html .recipeDetail .leftMenu h3 {
    font-size: 12px;
    font-size: 1.2rem
}

body .recipeDetail .leftMenu ul,
html .recipeDetail .leftMenu ul {
    list-style-type: none
}

body .recipeDetail .leftMenu ul li,
html .recipeDetail .leftMenu ul li {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/arrow.png) 96% center no-repeat, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x;
    background-size: 14px, auto;
    padding: 6px 34px 6px 0
}

body .recipeDetail .leftMenu ul li a,
html .recipeDetail .leftMenu ul li a {
    font-size: 8px;
    font-size: .8rem
}

body .recipeDetail .leftMenu li.disabled,
html .recipeDetail .leftMenu li.disabled {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/arrowDark.png) 96% center no-repeat, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x;
    background-size: 14px, auto;
    font-size: 8px;
    font-size: .8rem;
    color: #d31145
}

body .recipeDetail .leftMenu h1,
html .recipeDetail .leftMenu h1 {
    font-size: 12px;
    font-size: 1.2rem
}

@media (max-width:601px) {
    body .recipeDetail .leftMenu,
    html .recipeDetail .leftMenu {
        padding: 0 10px;
        background: 0 0
    }
    body .recipeDetail .leftMenu h3,
    html .recipeDetail .leftMenu h3 {
        font-size: 16px!important;
        font-size: 1.6rem!important;
        padding-left: 20px
    }
    body .recipeDetail .leftMenu ul,
    html .recipeDetail .leftMenu ul {
        list-style-type: none;
        padding-bottom: 20px
    }
    body .recipeDetail .leftMenu ul li,
    html .recipeDetail .leftMenu ul li {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/arrow.png) 96% center no-repeat, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x;
        background-size: 14px, auto;
        padding: 6px 20px 10px!important
    }
    body .recipeDetail .leftMenu ul li a,
    html .recipeDetail .leftMenu ul li a {
        font-size: 14px!important;
        font-size: 1.4rem!important
    }
    body .recipeDetail .leftMenu ul li:last-child,
    html .recipeDetail .leftMenu ul li:last-child {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/arrow.png) 96% center no-repeat, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x;
        background-size: 14px, auto, auto
    }
    body .recipeDetail .leftMenu ul li.disabled,
    html .recipeDetail .leftMenu ul li.disabled {
        font-size: 15px!important;
        font-size: 1.5rem!important;
        color: #af0113
    }
    body .recipeDetail .leftMenu h1,
    html .recipeDetail .leftMenu h1 {
        font-size: 16px;
        font-size: 1.6rem;
        padding: 0 0 20px 20px
    }
}

body .recipeDetail .wideColumn,
html .recipeDetail .wideColumn {
    padding: 20px!important
}

body .recipeDetail .wideColumn h1,
html .recipeDetail .wideColumn h1 {
    font-size: 13px;
    font-size: 1.3rem;
    margin-top: -20px
}

body .recipeDetail .wideColumn h1.bigH1,
html .recipeDetail .wideColumn h1.bigH1 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-top: -20px
}

body .recipeDetail .wideColumn h2,
html .recipeDetail .wideColumn h2 {
    font-size: 11px;
    font-size: 1.1rem;
    padding: 10px 0 0
}

body .recipeDetail .wideColumn p,
html .recipeDetail .wideColumn p {
    font-size: 9px;
    font-size: .9rem;
    color: #6c665b!important;
    line-height: 120%;
    padding-top: 10px
}

body .recipeDetail .wideColumn p.bigP,
html .recipeDetail .wideColumn p.bigP {
    font-size: 10px;
    font-size: 1rem;
    font-weight: 400!important;
    line-height: 150%;
    width: 90%
}

body .recipeDetail .wideColumn .pod,
html .recipeDetail .wideColumn .pod {
    margin-top: 20px;
    width: 90%
}

body .recipeDetail .wideColumn .pod img,
html .recipeDetail .wideColumn .pod img {
    width: 100%
}

body .recipeDetail .wideColumn .pod h3,
html .recipeDetail .wideColumn .pod h3 {
    font-size: 10px;
    font-size: 1rem;
    line-height: 120%
}

@media (max-width:601px) {
    body .recipeDetail .wideColumn .pod,
    html .recipeDetail .wideColumn .pod {
        width: 100%
    }
}

body .recipeDetail .wideColumn .overLine,
html .recipeDetail .wideColumn .overLine {
    width: 94%;
    border-top: 1px solid #000;
    margin-top: 20px
}

body .recipeDetail .wideColumn .overLine h4,
html .recipeDetail .wideColumn .overLine h4 {
    font-size: 10px;
    font-size: 1rem;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x;
    padding: 8px 0
}

body .recipeDetail .wideColumn .overLine .hr,
html .recipeDetail .wideColumn .overLine .hr {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x;
    margin: 10px 0;
    padding: 1px
}

body .recipeDetail .wideColumn .overLine .strongItalics,
html .recipeDetail .wideColumn .overLine .strongItalics {
    font-family: KelloggsSansBoldItalic;
    color: #000!important;
    padding-top: 10px
}

body .recipeDetail .wideColumn .overLine a,
html .recipeDetail .wideColumn .overLine a {
    font-family: KelloggsSansRegular!important
}

@media (max-width:601px) {
    body .recipeDetail .wideColumn .overLine,
    html .recipeDetail .wideColumn .overLine {
        width: 100%
    }
    body .recipeDetail .wideColumn h1,
    html .recipeDetail .wideColumn h1 {
        margin-top: 0
    }
    body .recipeDetail .wideColumn .button,
    html .recipeDetail .wideColumn .button {
        font-size: 20px!important
    }
}

body .recipeDetail .wideColumn .floatContainer,
html .recipeDetail .wideColumn .floatContainer {
    float: left;
    display: block;
    clear: left;
    padding-bottom: 10px
}

body .recipeDetail .wideColumn .leftPhoto,
html .recipeDetail .wideColumn .leftPhoto {
    float: left;
    display: inline;
    padding: 0 20px 10px 0
}

body .recipeDetail .wideColumn .leftPhoto img,
html .recipeDetail .wideColumn .leftPhoto img {
    border: 1px solid #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

body .recipeDetail .wideColumn .rightPhoto,
html .recipeDetail .wideColumn .rightPhoto {
    float: right;
    display: inline;
    padding: 0 0 10px 20px
}

body .recipeDetail .wideColumn .rightPhoto img,
html .recipeDetail .wideColumn .rightPhoto img {
    border: 1px solid #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

body .recipeDetail .wideColumn .arrowLink:after,
html .recipeDetail .wideColumn .arrowLink:after {
    content: ' ';
    display: inline-block;
    width: 9px;
    height: 9px;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/icon-bkg-ex-link.png) no-repeat
}

@media (max-width:700px) {
    body .recipeDetail .wideColumn .clearingLink,
    html .recipeDetail .wideColumn .clearingLink {
        float: left;
        display: inline-block
    }
}

body .recipeDetail .multiContentGrid,
html .recipeDetail .multiContentGrid {
    padding-top: 40px!important
}

body .recipeDetail .leftColumn,
html .recipeDetail .leftColumn {
    min-height: 300px
}

body .recipeDetail .leftColumn .kstl-responsive-image,
body .recipeDetail .leftColumn .kstl-responsive-image img,
html .recipeDetail .leftColumn .kstl-responsive-image,
html .recipeDetail .leftColumn .kstl-responsive-image img {
    padding: 0!important;
    margin: 0!important
}

body .recipeDetail .leftColumn .recipe_nutrition_btn,
html .recipeDetail .leftColumn .recipe_nutrition_btn {
    display: block;
    border: 0;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/icon-magnify.png) left 13px no-repeat!important;
    padding: 10px 0 0 18px!important;
    font-size: 8px;
    font-size: .8rem
}

body .recipeDetail .leftColumn p,
html .recipeDetail .leftColumn p {
    padding-top: 4px!important;
    line-height: 80%!important
}

body .recipeDetail .leftColumn p a,
html .recipeDetail .leftColumn p a {
    font-size: 8px;
    font-size: .8rem
}

body .recipeDetail .leftColumn p .question,
html .recipeDetail .leftColumn p .question {
    display: block;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/icon-how.png) left center no-repeat!important;
    padding-left: 18px!important
}

body .recipeDetail .leftColumn p:first-child,
html .recipeDetail .leftColumn p:first-child {
    padding-top: 20px
}

@media (max-width:601px) {
    body .recipeDetail .leftColumn,
    html .recipeDetail .leftColumn {
        padding: 0 20px 40px!important
    }
    body .recipeDetail .leftColumn .kstl-responsive-image,
    html .recipeDetail .leftColumn .kstl-responsive-image {
        padding: 0!important;
        margin: 0!important
    }
    body .recipeDetail .leftColumn .kstl-responsive-image img,
    html .recipeDetail .leftColumn .kstl-responsive-image img {
        padding: 0!important;
        margin: 0!important;
        width: 100%
    }
}

body .recipeDetail .wideColumn .headline,
html .recipeDetail .wideColumn .headline {
    margin-top: -20px!important;
    padding: 0 0 20px!important
}

body .recipeDetail .wideColumn .headline h1.kstl-recipe-name,
html .recipeDetail .wideColumn .headline h1.kstl-recipe-name {
    font-size: 20px;
    font-size: 2rem;
    line-height: 100%;
    margin-top: 0
}

body .recipeDetail .wideColumn .beigeDetails,
html .recipeDetail .wideColumn .beigeDetails {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x #fef8ea!important;
    padding: 20px 10px 13px!important;
    font-family: KelloggsSansRegular
}

body .recipeDetail .wideColumn .beigeDetails .kstl-recipe-servings,
html .recipeDetail .wideColumn .beigeDetails .kstl-recipe-servings {
    text-align: right;
    padding: 0 10px 0 0
}

body .recipeDetail .wideColumn .beigeDetails .kstl-recipe-preptime,
html .recipeDetail .wideColumn .beigeDetails .kstl-recipe-preptime {
    text-align: center;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDotVert.png) left top repeat-y, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDotVert.png) right top repeat-y!important;
    padding: 0 10px
}

body .recipeDetail .wideColumn .beigeDetails .kstl-recipe-totaltime,
html .recipeDetail .wideColumn .beigeDetails .kstl-recipe-totaltime {
    text-align: left;
    padding: 0 0 0 10px
}

body .recipeDetail .wideColumn .mainRecipe h2,
html .recipeDetail .wideColumn .mainRecipe h2 {
    font-size: 10px;
    font-size: 1rem
}

body .recipeDetail .wideColumn .mainRecipe .kstl-recipe-ingredients ul#ingredients,
html .recipeDetail .wideColumn .mainRecipe .kstl-recipe-ingredients ul#ingredients {
    list-style-type: none
}

body .recipeDetail .wideColumn .mainRecipe .kstl-recipe-ingredients ul#ingredients li,
html .recipeDetail .wideColumn .mainRecipe .kstl-recipe-ingredients ul#ingredients li {
    font-size: 8px;
    font-size: .8rem;
    line-height: 120%
}

body .recipeDetail .wideColumn .mainRecipe p,
html .recipeDetail .wideColumn .mainRecipe p {
    font-size: 8px;
    font-size: .8rem;
    padding-top: 0!important
}

body .recipeDetail .wideColumn .rightColumn,
html .recipeDetail .wideColumn .rightColumn {
    padding: 0 0 20px 10px!important
}

body .recipeDetail .wideColumn .rightColumn .rightColumnItem,
html .recipeDetail .wideColumn .rightColumn .rightColumnItem {
    padding: 0 0 10px!important
}

body .recipeDetail .wideColumn .rightColumn .rightColumnItem h3,
html .recipeDetail .wideColumn .rightColumn .rightColumnItem h3 {
    background: #d31145;
    color: #fff;
    font-size: 10px;
    font-size: 1rem;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px 4px 0 0;
    padding: 8px 0 2px 10px
}

body .recipeDetail .wideColumn .rightColumn .rightColumnItem h1,
body .recipeDetail .wideColumn .rightColumn .rightColumnItem h4,
html .recipeDetail .wideColumn .rightColumn .rightColumnItem h1,
html .recipeDetail .wideColumn .rightColumn .rightColumnItem h4 {
    font-size: 8px;
    font-size: .8rem;
    padding: 10px 0 8px;
    margin-top: 0
}

body .recipeDetail .wideColumn .rightColumn .rightColumnItem .kstl-responsive-image img,
html .recipeDetail .wideColumn .rightColumn .rightColumnItem .kstl-responsive-image img {
    padding: 0!important
}

body .recipeDetail .wideColumn .rightColumn .rightColumnItem p,
html .recipeDetail .wideColumn .rightColumn .rightColumnItem p {
    padding: 0 0 0 10px!important;
    font-size: 7px;
    font-size: .7rem
}

body .recipeDetail .wideColumn .rightColumn .rightColumnItem p.rightLink,
html .recipeDetail .wideColumn .rightColumn .rightColumnItem p.rightLink {
    padding: 0 30px 0 0!important;
    font-size: 7px;
    font-size: .7rem;
    text-align: right
}

body .recipeDetail .wideColumn .rightColumn .grid__item:nth-of-type(3) .rightColumnItem .kstl-responsive-image img,
html .recipeDetail .wideColumn .rightColumn .grid__item:nth-of-type(3) .rightColumnItem .kstl-responsive-image img {
    padding: 10px 0 0!important
}

@media (max-width:601px) {
    body .recipeDetail .wideColumn .rightColumn,
    html .recipeDetail .wideColumn .rightColumn {
        padding: 20px 0!important
    }
    body .recipeDetail .wideColumn .rightColumn .rightColumnItem h3,
    html .recipeDetail .wideColumn .rightColumn .rightColumnItem h3 {
        font-size: 14px;
        font-size: 1.4rem
    }
    body .recipeDetail .wideColumn .rightColumn .rightColumnItem h1,
    body .recipeDetail .wideColumn .rightColumn .rightColumnItem h4,
    html .recipeDetail .wideColumn .rightColumn .rightColumnItem h1,
    html .recipeDetail .wideColumn .rightColumn .rightColumnItem h4 {
        font-size: 12px;
        font-size: 1.2rem
    }
    body .recipeDetail .wideColumn .rightColumn .rightColumnItem .kstl-responsive-image img,
    html .recipeDetail .wideColumn .rightColumn .rightColumnItem .kstl-responsive-image img {
        padding: 0!important;
        width: 100%
    }
    body .recipeDetail .wideColumn .rightColumn .rightColumnItem p,
    html .recipeDetail .wideColumn .rightColumn .rightColumnItem p {
        padding: 0!important;
        font-size: 9px;
        font-size: .9rem
    }
    body .recipeDetail .wideColumn .rightColumn .rightColumnItem p.rightLink,
    html .recipeDetail .wideColumn .rightColumn .rightColumnItem p.rightLink {
        padding: 0!important;
        font-size: 9px;
        font-size: .9rem;
        text-align: left
    }
}*/



body .eveningSnacking .itemHeading,
html .eveningSnacking .itemHeading {
    width: 100%;
    text-align: center;
    color: #6c665b;
    font-family: KelloggsSansMedium;
    font-size: 24px;
    font-size: 2.4rem;
    padding: 10px 0
}

@media (max-width:601px) {
    body .eveningSnacking .itemHeading,
    html .eveningSnacking .itemHeading {
        width: 100%;
        height: auto;
        text-align: center;
        color: #6c665b;
        font-family: KelloggsSansMedium;
        font-size: 24px;
        font-size: 2.4rem;
        padding: 10px 0
    }
}

body .eveningSnacking .rowOne,
html .eveningSnacking .rowOne {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/evening-snacking/header_snacking.png) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 300px
}

body .eveningSnacking .rowOne .interior,
html .eveningSnacking .rowOne .interior {
    color: #fff;
    float: right;
    width: 41%;
    margin: 11% 12% 0 0
}

body .eveningSnacking .rowOne .interior h1,
html .eveningSnacking .rowOne .interior h1 {
    font-family: KelloggsSansMedium;
    font-size: 18px;
    font-size: 1.8rem
}

body .eveningSnacking .rowOne .interior p,
html .eveningSnacking .rowOne .interior p {
    font-size: 10px;
    font-size: 1rem
}

@media (max-width:980px) {
    body .eveningSnacking .rowOne,
    html .eveningSnacking .rowOne {
        height: 300px;
        height: calc((100vw / 19) * 6)
    }
}

@media (max-width:700px) {
    body .eveningSnacking .rowOne .interior,
    html .eveningSnacking .rowOne .interior {
        float: none;
        display: block;
        width: 90%;
        margin: 0 auto!important;
        padding-top: 19%
    }
    body .eveningSnacking .rowOne .interior h1,
    html .eveningSnacking .rowOne .interior h1 {
        font-family: KelloggsSansMedium;
        font-size: 16px;
        font-size: 1.6rem
    }
    body .eveningSnacking .rowOne .interior p,
    html .eveningSnacking .rowOne .interior p {
        font-size: 8px;
        font-size: .8rem
    }
}

@media (max-width:601px) {
    body .eveningSnacking .rowOne,
    html .eveningSnacking .rowOne {
        display: block;
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/evening-snacking/header_snackingMobile.png) no-repeat;
        background-size: 100% 100%;
        width: 100%;
        height: 700px;
        height: calc((100vw / 6) * 7)
    }
    body .eveningSnacking .rowOne .interior,
    html .eveningSnacking .rowOne .interior {
        float: none;
        display: block;
        width: 80%;
        margin: 0 auto!important;
        padding-top: 60%
    }
    body .eveningSnacking .rowOne .interior h1,
    html .eveningSnacking .rowOne .interior h1 {
        font-family: KelloggsSansMedium;
        font-size: 18px;
        font-size: 1.8rem
    }
    body .eveningSnacking .rowOne .interior p,
    html .eveningSnacking .rowOne .interior p {
        font-size: 10px;
        font-size: 1rem
    }
}

body .eveningSnacking .rowTwo,
html .eveningSnacking .rowTwo {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/evening-snacking/raisin_bran_snacking.jpg) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 406px
}

body .eveningSnacking .rowTwo .interior,
html .eveningSnacking .rowTwo .interior {
    float: right;
    display: inline;
    width: 40%;
    margin: 8% 10% 0 0
}

body .eveningSnacking .rowTwo .interior h2,
html .eveningSnacking .rowTwo .interior h2 {
    font-family: KelloggsSansMedium;
    color: #ffbf4b;
    font-size: 20px;
    font-size: 2rem;
    line-height: 70%;
    padding-bottom: 10px
}

body .eveningSnacking .rowTwo .interior h2 span,
html .eveningSnacking .rowTwo .interior h2 span {
    font-size: 12px;
    font-size: 1.2rem;
    font-family: KelloggsSansMediumItalic
}

body .eveningSnacking .rowTwo .interior p,
html .eveningSnacking .rowTwo .interior p {
    color: #fff;
    font-family: KelloggsSansRegular;
    font-size: 10px;
    font-size: 1rem;
    line-height: 100%
}

body .eveningSnacking .rowTwo .interior p.bigP,
html .eveningSnacking .rowTwo .interior p.bigP {
    padding-top: 10px;
    font-family: KelloggsSansMedium;
    font-size: 12px;
    font-size: 1.2rem
}

body .eveningSnacking .rowTwo .interior p.bigP a,
html .eveningSnacking .rowTwo .interior p.bigP a {
    color: #fff;
    text-decoration: underline;
    font-family: KelloggsSansMedium
}

body .eveningSnacking .rowTwo .interior p.bigP a:hover,
html .eveningSnacking .rowTwo .interior p.bigP a:hover {
    color: #ffbf4b
}

body .eveningSnacking .rowTwo .interior .stars,
html .eveningSnacking .rowTwo .interior .stars {
    margin: 20px 0;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/evening-snacking/rating_star.png) repeat-x;
    width: 96px
}

body .eveningSnacking .rowTwo .interior p.quote,
html .eveningSnacking .rowTwo .interior p.quote {
    margin-top: 30px;
    font-family: KelloggsSansMedium;
    font-size: 12px;
    font-size: 1.2rem
}

body .eveningSnacking .rowTwo .interior p.quote:before,
html .eveningSnacking .rowTwo .interior p.quote:before {
    font-size: 28px;
    font-size: 2.8rem;
    color: #ffbf4b;
    content: '\201C';
    vertical-align: -12px
}

body .eveningSnacking .rowTwo .interior p.quote:after,
html .eveningSnacking .rowTwo .interior p.quote:after {
    font-size: 28px;
    font-size: 2.8rem;
    color: #ffbf4b;
    content: '\201D';
    vertical-align: -12px
}

@media (max-width:980px) {
    body .eveningSnacking .rowTwo,
    html .eveningSnacking .rowTwo {
        height: 406px;
        height: calc((100vw / 475) * 203)
    }
    body .eveningSnacking .rowTwo .interior,
    html .eveningSnacking .rowTwo .interior {
        margin: 40px 5% 0;
        margin: calc((100vw / 95) * 4) 5%;
        width: 46%
    }
}

@media (max-width:700px) {
    body .eveningSnacking .rowTwo .interior,
    html .eveningSnacking .rowTwo .interior {
        margin: 20px 5% 0;
        margin: calc((100vw / 35) * 1) 5%;
        width: 50%
    }
    body .eveningSnacking .rowTwo .interior .stars,
    html .eveningSnacking .rowTwo .interior .stars {
        margin: 10px 0
    }
    body .eveningSnacking .rowTwo .interior p.quote,
    html .eveningSnacking .rowTwo .interior p.quote {
        margin-top: 10px
    }
}

@media (max-width:601px) {
    body .eveningSnacking .rowTwo,
    html .eveningSnacking .rowTwo {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/evening-snacking/raisin_bran_snackingMobile.jpg) no-repeat #1c0608;
        background-size: 100%;
        min-height: 700px
    }
    body .eveningSnacking .rowTwo .interior,
    html .eveningSnacking .rowTwo .interior {
        margin: 430px 5% 0;
        margin: calc((100vw / 60) * 43) 5% 0;
        width: 90%
    }
    body .eveningSnacking .rowTwo .interior .stars,
    html .eveningSnacking .rowTwo .interior .stars {
        margin: 20px 0
    }
    body .eveningSnacking .rowTwo .interior p.quote,
    html .eveningSnacking .rowTwo .interior p.quote {
        margin-top: 30px
    }
}

@media (max-width:350px) {
    body .eveningSnacking .rowTwo,
    html .eveningSnacking .rowTwo {
        min-height: 600px
    }
    body .eveningSnacking .rowTwo .interior,
    html .eveningSnacking .rowTwo .interior {
        margin: calc((100vw / 175) * 139) 10% 0;
        width: 80%
    }
}

body .eveningSnacking .rowThree,
html .eveningSnacking .rowThree {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/evening-snacking/krave_snacking.jpg) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 406px
}

body .eveningSnacking .rowThree .interior,
html .eveningSnacking .rowThree .interior {
    float: left;
    display: inline;
    width: 50%;
    margin: 8% 0 0 10%
}

body .eveningSnacking .rowThree .interior h3,
html .eveningSnacking .rowThree .interior h3 {
    font-family: KelloggsSansMedium;
    color: #ffbf4b;
    font-size: 20px;
    font-size: 2rem;
    line-height: 70%;
    padding-bottom: 10px
}

body .eveningSnacking .rowThree .interior h3 span,
html .eveningSnacking .rowThree .interior h3 span {
    font-size: 12px;
    font-size: 1.2rem;
    font-family: KelloggsSansMediumItalic
}

body .eveningSnacking .rowThree .interior p,
html .eveningSnacking .rowThree .interior p {
    color: #fff;
    font-family: KelloggsSansRegular;
    font-size: 10px;
    font-size: 1rem;
    line-height: 100%
}

body .eveningSnacking .rowThree .interior p.bigP,
html .eveningSnacking .rowThree .interior p.bigP {
    padding-top: 10px;
    font-family: KelloggsSansMedium;
    font-size: 12px;
    font-size: 1.2rem
}

body .eveningSnacking .rowThree .interior p.bigP a,
html .eveningSnacking .rowThree .interior p.bigP a {
    color: #fff;
    text-decoration: underline;
    font-family: KelloggsSansMedium
}

body .eveningSnacking .rowThree .interior p.bigP a:hover,
html .eveningSnacking .rowThree .interior p.bigP a:hover {
    color: #ffbf4b
}

body .eveningSnacking .rowThree .interior .stars,
html .eveningSnacking .rowThree .interior .stars {
    margin: 20px 0;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/evening-snacking/rating_star.png) repeat-x;
    width: 96px
}

body .eveningSnacking .rowThree .interior p.quote,
html .eveningSnacking .rowThree .interior p.quote {
    margin-top: 30px;
    font-family: KelloggsSansMedium;
    font-size: 12px;
    font-size: 1.2rem
}

body .eveningSnacking .rowThree .interior p.quote:before,
html .eveningSnacking .rowThree .interior p.quote:before {
    font-size: 28px;
    font-size: 2.8rem;
    color: #ffbf4b;
    content: '\201C';
    vertical-align: -12px
}

body .eveningSnacking .rowThree .interior p.quote:after,
html .eveningSnacking .rowThree .interior p.quote:after {
    font-size: 28px;
    font-size: 2.8rem;
    color: #ffbf4b;
    content: '\201D';
    vertical-align: -12px
}

@media (max-width:980px) {
    body .eveningSnacking .rowThree,
    html .eveningSnacking .rowThree {
        height: calc((100vw / 475) * 203)
    }
    body .eveningSnacking .rowThree .interior,
    html .eveningSnacking .rowThree .interior {
        margin: calc((100vw / 95) * 4) 5% 0;
        width: 46%
    }
}

@media (max-width:700px) {
    body .eveningSnacking .rowThree .interior,
    html .eveningSnacking .rowThree .interior {
        margin: calc((100vw / 35) * 1) 5% 0;
        width: 50%
    }
    body .eveningSnacking .rowThree .interior .stars,
    html .eveningSnacking .rowThree .interior .stars {
        margin: 10px 0
    }
    body .eveningSnacking .rowThree .interior p.quote,
    html .eveningSnacking .rowThree .interior p.quote {
        margin-top: 10px
    }
}

@media (max-width:601px) {
    body .eveningSnacking .rowThree,
    html .eveningSnacking .rowThree {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/evening-snacking/krave_snackingMobile.jpg) no-repeat #1c0608;
        background-size: 100%;
        min-height: 700px
    }
    body .eveningSnacking .rowThree .interior,
    html .eveningSnacking .rowThree .interior {
        margin: calc((100vw / 60) * 43) 5% 0;
        width: 90%
    }
    body .eveningSnacking .rowThree .interior .stars,
    html .eveningSnacking .rowThree .interior .stars {
        margin: 20px 0
    }
    body .eveningSnacking .rowThree .interior p.quote,
    html .eveningSnacking .rowThree .interior p.quote {
        margin-top: 30px
    }
}

@media (max-width:350px) {
    body .eveningSnacking .rowThree,
    html .eveningSnacking .rowThree {
        min-height: 600px
    }
    body .eveningSnacking .rowThree .interior,
    html .eveningSnacking .rowThree .interior {
        margin: calc((100vw / 175) * 139) 10% 0;
        width: 80%
    }
}

body .eveningSnacking .rowFour,
html .eveningSnacking .rowFour {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/evening-snacking/specialk_red_berries_snacking.jpg) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 406px
}

body .eveningSnacking .rowFour .interior,
html .eveningSnacking .rowFour .interior {
    float: right;
    display: inline;
    width: 43%;
    margin: 8% 10% 0 0
}

body .eveningSnacking .rowFour .interior h4,
html .eveningSnacking .rowFour .interior h4 {
    font-family: KelloggsSansMedium;
    color: #ffbf4b;
    font-size: 20px;
    font-size: 2rem;
    line-height: 70%;
    padding-bottom: 10px
}

body .eveningSnacking .rowFour .interior h4 span,
html .eveningSnacking .rowFour .interior h4 span {
    font-size: 12px;
    font-size: 1.2rem;
    font-family: KelloggsSansMediumItalic
}

body .eveningSnacking .rowFour .interior p,
html .eveningSnacking .rowFour .interior p {
    color: #fff;
    font-family: KelloggsSansRegular;
    font-size: 10px;
    font-size: 1rem;
    line-height: 100%
}

body .eveningSnacking .rowFour .interior p.bigP,
html .eveningSnacking .rowFour .interior p.bigP {
    padding-top: 10px;
    font-family: KelloggsSansMedium;
    font-size: 12px;
    font-size: 1.2rem
}

body .eveningSnacking .rowFour .interior p.bigP a,
html .eveningSnacking .rowFour .interior p.bigP a {
    color: #fff;
    text-decoration: underline;
    font-family: KelloggsSansMedium
}

body .eveningSnacking .rowFour .interior p.bigP a:hover,
html .eveningSnacking .rowFour .interior p.bigP a:hover {
    color: #ffbf4b
}

body .eveningSnacking .rowFour .interior .stars,
html .eveningSnacking .rowFour .interior .stars {
    margin: 20px 0;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/evening-snacking/rating_star.png) repeat-x;
    width: 96px
}

body .eveningSnacking .rowFour .interior p.quote,
html .eveningSnacking .rowFour .interior p.quote {
    margin-top: 30px;
    font-family: KelloggsSansMedium;
    font-size: 12px;
    font-size: 1.2rem
}

body .eveningSnacking .rowFour .interior p.quote:before,
html .eveningSnacking .rowFour .interior p.quote:before {
    font-size: 28px;
    font-size: 2.8rem;
    color: #ffbf4b;
    content: '\201C';
    vertical-align: -12px
}

body .eveningSnacking .rowFour .interior p.quote:after,
html .eveningSnacking .rowFour .interior p.quote:after {
    font-size: 28px;
    font-size: 2.8rem;
    color: #ffbf4b;
    content: '\201D';
    vertical-align: -12px
}

@media (max-width:980px) {
    body .eveningSnacking .rowFour,
    html .eveningSnacking .rowFour {
        height: 406px;
        height: calc((100vw / 475) * 203)
    }
    body .eveningSnacking .rowFour .interior,
    html .eveningSnacking .rowFour .interior {
        margin: calc((100vw / 95) * 4) 5% 0;
        width: 52%
    }
}

@media (max-width:700px) {
    body .eveningSnacking .rowFour .interior,
    html .eveningSnacking .rowFour .interior {
        margin: calc((100vw / 35) * 1) 5% 0;
        width: 50%
    }
    body .eveningSnacking .rowFour .interior .stars,
    html .eveningSnacking .rowFour .interior .stars {
        margin: 10px 0
    }
    body .eveningSnacking .rowFour .interior p.quote,
    html .eveningSnacking .rowFour .interior p.quote {
        margin-top: 10px
    }
}

@media (max-width:601px) {
    body .eveningSnacking .rowFour,
    html .eveningSnacking .rowFour {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/evening-snacking/specialk_red_berries_snackingMobile.jpg) no-repeat #1c0608;
        background-size: 100%;
        min-height: 700px
    }
    body .eveningSnacking .rowFour .interior,
    html .eveningSnacking .rowFour .interior {
        margin: calc((100vw / 60) * 43) 5% 0;
        width: 90%
    }
    body .eveningSnacking .rowFour .interior .stars,
    html .eveningSnacking .rowFour .interior .stars {
        margin: 20px 0
    }
    body .eveningSnacking .rowFour .interior p.quote,
    html .eveningSnacking .rowFour .interior p.quote {
        margin-top: 30px
    }
}

@media (max-width:350px) {
    body .eveningSnacking .rowFour,
    html .eveningSnacking .rowFour {
        min-height: 600px
    }
    body .eveningSnacking .rowFour .interior,
    html .eveningSnacking .rowFour .interior {
        margin: calc((100vw / 175) * 139) 10% 0;
        width: 80%
    }
}

body .eveningSnacking .rowFive,
html .eveningSnacking .rowFive {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/evening-snacking/boxes_lineup_snacking.jpg) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 406px
}

body .eveningSnacking .rowFive .interior,
html .eveningSnacking .rowFive .interior {
    display: block;
    width: 90%;
    margin: 0 auto
}

body .eveningSnacking .rowFive .interior p,
html .eveningSnacking .rowFive .interior p {
    padding-top: 60px;
    width: 100%!important;
    text-align: center;
    color: #fff;
    font-family: KelloggsSansBold;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 100%
}

body .eveningSnacking .rowFive .interior p a,
html .eveningSnacking .rowFive .interior p a {
    color: #fff!important;
    text-decoration: underline
}

body .eveningSnacking .rowFive .interior p a:hover,
html .eveningSnacking .rowFive .interior p a:hover {
    text-decoration: none
}

body .loveYourCereal .bottom .bottomRightColumn p.redP a,
body .otherSites ul li:hover a,
html .loveYourCereal .bottom .bottomRightColumn p.redP a,
html .otherSites ul li:hover a {
    text-decoration: underline
}

@media (max-width:980px) {
    body .eveningSnacking .rowFive,
    html .eveningSnacking .rowFive {
        height: 406px;
        height: calc((100vw / 475) * 203)
    }
}

@media (max-width:601px) {
    body .eveningSnacking .rowFive,
    html .eveningSnacking .rowFive {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/evening-snacking/boxes_lineup_snackingMobile.jpg) no-repeat #1c0608;
        background-size: 100%;
        height: calc((100vw / 20) * 13)
    }
}

@media (max-width:350px) {
    body .eveningSnacking .rowFive .interior p,
    html .eveningSnacking .rowFive .interior p {
        padding-top: 30px!important
    }
}

body .homePage .flexslider,
html .homePage .flexslider {
    z-index: 1!important;
    opacity: .99!important;
    padding: 0
}

body .homePage .flexslider ul li .kstl-full-image-slide .kstl-feature-inset,
html .homePage .flexslider ul li .kstl-full-image-slide .kstl-feature-inset {
    background: 0 0;
    width: 100%;
    max-width: unset;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

/*
body .homePage .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text,
html .homePage .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text {
    padding: 10px
}
*/

body .homePage ol.flex-control-nav,
html .homePage ol.flex-control-nav {
    width: 80px;
    width: unset;
    height: 18px;
    right: 4px
}

body .homePage ol.flex-control-nav li,
html .homePage ol.flex-control-nav li {
    margin: 0 2px
}

body .homePage ol.flex-control-nav li a,
html .homePage ol.flex-control-nav li a {
    border: 0;
    background: #fff!important;
    opacity: .5
}

body .homePage ol.flex-control-nav li a.flex-active,
html .homePage ol.flex-control-nav li a.flex-active {
    opacity: 1
}

body .homePage ul.flex-direction-nav .flex-nav-prev a.flex-prev,
html .homePage ul.flex-direction-nav .flex-nav-prev a.flex-prev {
    width: 28px;
    height: 64px;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/homepage/hero-left-arrow-grey.png) no-repeat!important;
    left: 0!important
}

body .homePage ul.flex-direction-nav .flex-nav-next a.flex-next,
html .homePage ul.flex-direction-nav .flex-nav-next a.flex-next {
    width: 28px;
    height: 64px;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/homepage/hero-right-arrow-grey.png) no-repeat!important;
    right: 0!important
}

@media (max-width:999px) {
    body .homePage .flexslider,
    html .homePage .flexslider {
        margin-top: 100px
    }
    body .homePage .flexslider ul li .kstl-full-image-slide .kstl-feature-inset,
    html .homePage .flexslider ul li .kstl-full-image-slide .kstl-feature-inset {
        margin-top: -30px
    }
    body .homePage ol.flex-control-nav,
    html .homePage ol.flex-control-nav {
        display: block
    }
}

@media (max-width:601px) {
    body .homePage .flexslider,
    body .homePage .flexslider ul li .kstl-full-image-slide .kstl-feature-inset,
    html .homePage .flexslider,
    html .homePage .flexslider ul li .kstl-full-image-slide .kstl-feature-inset {
        margin-top: 0
    }

    body .homePage .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text,
    html .homePage .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text {
        padding: 0
    }
    body .homePage ol.flex-control-nav,
    html .homePage ol.flex-control-nav {
        display: block
    }
}

body .homePage .kstl-feature-inset,
html .homePage .kstl-feature-inset {
    position: absolute;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/transWhite.png)!important;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    width: 530px!important;
    height: 270px!important;
    top: 176px!important;
    left: 192px!important;
    /*text-align: center*/
}

body .homePage .kstl-feature-inset h1,
html .homePage .kstl-feature-inset h1 {
    margin-top: 20px;
    color: #e1962f;
    font-family: KelloggsSansMedium;
    line-height: 110%
}

body .homePage .kstl-feature-inset h1 span,
html .homePage .kstl-feature-inset h1 span {
    color: #d31145;
    font-family: KelloggsSansBold;
    font-size: 120%
}

body .homePage .kstl-feature-inset p,
html .homePage .kstl-feature-inset p {
    margin-top: 10px;
    font-family: KelloggsSansMedium;
    line-height: 110%;
    color: #777
}

body .homePage .kstl-feature-inset .button,
html .homePage .kstl-feature-inset .button {
    float: right;
    margin-right: 20px;
    border: 1px solid #d31145!important
}

body .homePage .kstl-feature-inset .button:hover,
html .homePage .kstl-feature-inset .button:hover {
    border: 1px solid #d31145!important
}

@media (max-width:980px) {
    body .homePage .kstl-feature-inset,
    html .homePage .kstl-feature-inset {
        top: 96px!important;
        left: 50%!important;
        margin-left: -265px!important
    }
}

@media (max-width:601px) {
    body .homePage .kstl-feature-inset,
    html .homePage .kstl-feature-inset {
        position: absolute;
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/transWhite.png)!important;
        width: 100vw!important;
        height: 350px!important;
        top: 0!important;
        bottom: 0!important;
        left: 0!important;
        right: 0!important;
        margin-left: unset!important;
        padding: 20px;
        /*text-align: center;*/
    }
    body .homePage .kstl-feature-inset .button,
    html .homePage .kstl-feature-inset .button {
        float: none;
        margin-right: unset;
        font-size: 80%
    }
}

body .otherSites,
html .otherSites {
    padding-bottom: 60px!important
}

body .otherSites ul,
html .otherSites ul {
    display: block;
    margin-top: 20px;
    list-style-type: none;
    padding-bottom: 30px
}

body .otherSites ul li,
html .otherSites ul li {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/other-sites/bkg-other-sites.png) no-repeat;
    width: 201px;
    height: 205px;
    display: inline-block;
    margin: 26px 0 0 26px;
    text-align: center;
    vertical-align: middle;
    padding-top: 30px
}

body .otherSites ul li img,
html .otherSites ul li img {
    padding: 6px;
    max-height: 101px;
    max-width: 196px
}

body .otherSites ul li a,
html .otherSites ul li a {
    display: block;
    width: 100%!important;
    clear: left
}

body .otherSites h1,
html .otherSites h1 {
    font-size: 21px;
    margin: 20px 0 0 30px
}

body .otherSites h2,
html .otherSites h2 {
    font-size: 14px;
    font-size: 1.4rem;
    font-size: 14px;
    padding-top: 22px;
    margin-left: 30px
}

body .otherSites h2:nth-of-type(1),
html .otherSites h2:nth-of-type(1) {
    font-size: 14px;
    font-size: 1.4rem;
    font-size: 14px;
    padding-top: 10px
}

@media (max-width:709px) {
    body .otherSites ul,
    html .otherSites ul {
        width: 486px;
        margin: 20px auto
    }
}

@media (max-width:459px) {
    body .otherSites ul,
    html .otherSites ul {
        width: 100vw;
        margin: 20px auto
    }
    body .otherSites ul li,
    html .otherSites ul li {
        display: block;
        margin: 26px auto 0
    }
}

body .loveYourCereal .kstl-carousel-grid-slide,
html .loveYourCereal .kstl-carousel-grid-slide {
    width: 100%;
    padding: 0
}

body .loveYourCereal .kstl-carousel-grid-slide .kstl-rich-text,
html .loveYourCereal .kstl-carousel-grid-slide .kstl-rich-text {
    padding: 0
}

body .loveYourCereal .top,
html .loveYourCereal .top {
    height: 665px;
    padding: 150px 0 0
}

body .loveYourCereal .top .topleftColumn,
html .loveYourCereal .top .topleftColumn {
    padding-top: 10px;
    float: left;
    display: inline-block;
    width: 185px;
    height: 70px
}

body .loveYourCereal .top .topleftColumn img,
html .loveYourCereal .top .topleftColumn img {
    width: 185px;
    height: 70px
}

@media (max-width:980px) {
    body .loveYourCereal .top .topleftColumn,
    html .loveYourCereal .top .topleftColumn {
        margin-left: 10px;
        margin-top: calc((100vw / 95) * -2)!important
    }
}

@media (max-width:601px) {
    body .loveYourCereal .top .topleftColumn,
    html .loveYourCereal .top .topleftColumn {
        float: none;
        display: block;
        width: 90%;
        height: auto;
        margin: 0 auto
    }
    body .loveYourCereal .top .topleftColumn img,
    html .loveYourCereal .top .topleftColumn img {
        width: 100%;
        height: auto
    }
}

body .loveYourCereal .top .topRightColumn,
html .loveYourCereal .top .topRightColumn {
    padding-top: 20px;
    float: right;
    display: inline-block;
    width: 45%
}

body .loveYourCereal .top .topRightColumn h1,
html .loveYourCereal .top .topRightColumn h1 {
    color: #ffbf4b;
    font-size: 280%;
    line-height: 110%
}

body .loveYourCereal .top .topRightColumn p,
html .loveYourCereal .top .topRightColumn p {
    font-size: 90%;
    width: 90%
}

@media (max-width:1440px) {
    body .loveYourCereal .top,
    html .loveYourCereal .top {
        height: calc((100vw / 288) * 133);
        height: 700px
    }
}

@media (max-width:980px) {
    body .loveYourCereal .top .topRightColumn,
    html .loveYourCereal .top .topRightColumn {
        padding: 10px
    }
    body .loveYourCereal .top,
    html .loveYourCereal .top {
        height: 900px
    }
}

@media (max-width:601px) {
    body .loveYourCereal .top .topRightColumn,
    html .loveYourCereal .top .topRightColumn {
        float: none;
        display: block;
        width: 90%;
        margin: 0 auto!important
    }
    body .loveYourCereal .top,
    html .loveYourCereal .top {
        min-height: 1200px;
        padding-bottom: 250px
    }
}

body .loveYourCereal .middle,
html .loveYourCereal .middle {
    height: 175px;
    text-align: center;
    background: #fff;
    padding: 20px 0;
    position: relative
}

body .loveYourCereal .middle img,
html .loveYourCereal .middle img {
    display: block;
    margin: 0 auto;
    width: 695px;
    height: 134px
}

@media (max-width:980px) {
    body .loveYourCereal .middle img,
    html .loveYourCereal .middle img {
        width: calc((100vw / 288) * 139);
        width: calc((100vw / 190) * 139);
        height: 134px;
        height: calc((100vw / 475) * 67)
    }
}

@media (max-width:601px) {
    body .loveYourCereal .middle img,
    html .loveYourCereal .middle img {
        margin-top: calc((100vw / 30) * 1)
    }
}

@media (max-width:500px) {
    body .loveYourCereal .middle img,
    html .loveYourCereal .middle img {
        margin-top: calc((100vw / 50) * 3)
    }
}

@media (max-width:400px) {
    body .loveYourCereal .middle img,
    html .loveYourCereal .middle img {
        margin-top: calc((100vw / 200) * 19)
    }
}

@media (max-width:350px) {
    body .loveYourCereal .middle img,
    html .loveYourCereal .middle img {
        margin-top: calc((100vw / 175) * 22)
    }
}

body .loveYourCereal .bottom,
html .loveYourCereal .bottom {
    height: 411px;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/love-your-cereal/bottom-bkg.png) no-repeat;
    padding: 60px 0 0
}

body .loveYourCereal .bottom .bottomLeftColumn,
html .loveYourCereal .bottom .bottomLeftColumn {
    float: left;
    display: inline-block;
    width: 400px;
    margin-left: 10%
}

body .loveYourCereal .bottom .bottomLeftColumn h2,
html .loveYourCereal .bottom .bottomLeftColumn h2 {
    color: #d31145;
    line-height: 100%
}

body .loveYourCereal .bottom .bottomLeftColumn h2 span,
html .loveYourCereal .bottom .bottomLeftColumn h2 span {
    font-family: KelloggsSansMedium;
    font-size: 150%;
    padding-left: 60px
}

@media (max-width:320px) {
    body .loveYourCereal .bottom .bottomLeftColumn h2 span,
    html .loveYourCereal .bottom .bottomLeftColumn h2 span {
        padding-left: 20px
    }
}

body .loveYourCereal .bottom .bottomLeftColumn p,
html .loveYourCereal .bottom .bottomLeftColumn p {
    font-size: 120%;
    font-family: KelloggsSansMediumItalic;
    padding-top: 10px
}

body .loveYourCereal .bottom .bottomLeftColumn p:before,
html .loveYourCereal .bottom .bottomLeftColumn p:before {
    content: '\201C';
    color: #ffbf4b;
    font-family: KelloggsSansBold;
    font-size: 200%;
    line-height: 0;
    vertical-align: -10px
}

body .loveYourCereal .bottom .bottomLeftColumn p:after,
html .loveYourCereal .bottom .bottomLeftColumn p:after {
    content: '\201D';
    color: #ffbf4b;
    font-family: KelloggsSansBold;
    font-size: 200%;
    line-height: 0;
    vertical-align: -10px
}

body .loveYourCereal .bottom .bottomLeftColumn p.credit,
body .loveYourCereal .slideFive .bottom .bottomRightColumn h3 span,
body .loveYourCereal .slideThree .bottom .bottomRightColumn .middleSpace h3 span,
body .loveYourCereal .slideTwo .bottom .bottomRightColumn h3 span,
html .loveYourCereal .bottom .bottomLeftColumn p.credit,
html .loveYourCereal .slideFive .bottom .bottomRightColumn h3 span,
html .loveYourCereal .slideThree .bottom .bottomRightColumn .middleSpace h3 span,
html .loveYourCereal .slideTwo .bottom .bottomRightColumn h3 span {
    font-family: KelloggsSansMedium
}

body .loveYourCereal .bottom .bottomLeftColumn p.credit:after,
body .loveYourCereal .bottom .bottomLeftColumn p.credit:before,
html .loveYourCereal .bottom .bottomLeftColumn p.credit:after,
html .loveYourCereal .bottom .bottomLeftColumn p.credit:before {
    content: none!important
}

body .loveYourCereal .bottom .bottomLeftColumn p.credit a,
html .loveYourCereal .bottom .bottomLeftColumn p.credit a {
    color: #ffbf4b
}

@media (max-width:980px) {
    body .loveYourCereal .bottom .bottomLeftColumn,
    html .loveYourCereal .bottom .bottomLeftColumn {
        float: none;
        display: block;
        width: 90%!important;
        margin: 0 auto
    }
}

body .loveYourCereal .bottom .bottomRightColumn,
html .loveYourCereal .bottom .bottomRightColumn {
    float: left;
    margin-left: 150px
}

body .loveYourCereal .bottom .bottomRightColumn h3,
html .loveYourCereal .bottom .bottomRightColumn h3 {
    color: #d31145;
    line-height: 110%
}

body .loveYourCereal .bottom .bottomRightColumn h3 .big,
html .loveYourCereal .bottom .bottomRightColumn h3 .big {
    font-size: 300%
}

body .loveYourCereal .bottom .bottomRightColumn p,
html .loveYourCereal .bottom .bottomRightColumn p {
    font-size: 80%
}

body .loveYourCereal .bottom .bottomRightColumn p.redP,
html .loveYourCereal .bottom .bottomRightColumn p.redP {
    color: #d31145;
    float: left;
    display: inline-block;
    width: 50%;
    font-size: 8px;
    font-size: .8rem
}

body .loveYourCereal .bottom .bottomRightColumn p.redP a:hover,
html .loveYourCereal .bottom .bottomRightColumn p.redP a:hover {
    text-decoration: none
}

body .loveYourCereal .bottom .bottomRightColumn .smallBlack,
html .loveYourCereal .bottom .bottomRightColumn .smallBlack {
    padding-top: 6px;
    float: left;
    display: inline-block;
    width: 49%;
    font-size: 6px;
    font-size: .6rem;
    color: #000!important;
    margin-left: 1%
}

@media (max-width:980px) {
    body .loveYourCereal .bottom,
    html .loveYourCereal .bottom {
        height: 700px;
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/love-your-cereal/bottom-bkgMobile.jpg);
        background: -moz-radial-gradient(center, ellipse cover, #fff 0, #fff 46%, rgba(255, 255, 255, 0) 100%), url(/content/dam/NorthAmerica/kelloggs/en_US/images/love-your-cereal/bottom-bkgMobile.jpg);
        background: -webkit-radial-gradient(center, ellipse cover, #fff 0, #fff 46%, rgba(255, 255, 255, 0) 100%), url(/content/dam/NorthAmerica/kelloggs/en_US/images/love-your-cereal/bottom-bkgMobile.jpg);
        background: radial-gradient(ellipse at center, #fff 0, #fff 46%, rgba(255, 255, 255, 0) 100%), url(/content/dam/NorthAmerica/kelloggs/en_US/images/love-your-cereal/bottom-bkgMobile.jpg);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);
        padding: 20px
    }
}

@media (max-width:601px) {
    body .loveYourCereal .bottom,
    html .loveYourCereal .bottom {
        height: 1000px
    }
    body .loveYourCereal .bottom .bottomRightColumn .redP,
    html .loveYourCereal .bottom .bottomRightColumn .redP {
        margin-top: 10px;
        width: 100%!important;
        line-height: 100%
    }
    body .loveYourCereal .bottom .bottomRightColumn .redP a,
    html .loveYourCereal .bottom .bottomRightColumn .redP a {
        font-size: 100%;
        padding: 0
    }
    body .loveYourCereal .bottom .bottomRightColumn .smallBlack,
    html .loveYourCereal .bottom .bottomRightColumn .smallBlack {
        width: 100%;
        margin: 10px 0 0
    }
}

@media (max-width:350px) {
    body .loveYourCereal .bottom,
    html .loveYourCereal .bottom {
        height: 1150px
    }
}

body .loveYourCereal .centeredContent,
html .loveYourCereal .centeredContent {
    margin-top: -50px!important;
    z-index: 10
}

body .loveYourCereal .centeredContent .breadCrumbs,
html .loveYourCereal .centeredContent .breadCrumbs {
    margin-left: 4px!important
}

body .loveYourCereal .flex-viewport,
html .loveYourCereal .flex-viewport {
    max-height: unset
}

body .loveYourCereal ol.flex-control-nav,
html .loveYourCereal ol.flex-control-nav {
    width: 100px;
    height: 18px;
    right: 50%;
    top: 820px;
    margin-right: -50px!important
}

body .loveYourCereal ol.flex-control-nav li,
html .loveYourCereal ol.flex-control-nav li {
    margin: 0 2px
}

body .loveYourCereal ol.flex-control-nav li a,
html .loveYourCereal ol.flex-control-nav li a {
    border: 0;
    background: #d31145!important;
    opacity: .5
}

body .loveYourCereal ol.flex-control-nav li a.flex-active,
html .loveYourCereal ol.flex-control-nav li a.flex-active {
    opacity: 1
}

@media (max-width:1440px) {
    body .loveYourCereal ol.flex-control-nav,
    html .loveYourCereal ol.flex-control-nav {
        top: 856px
    }
}

@media (max-width:980px) {
    body .loveYourCereal ol.flex-control-nav,
    html .loveYourCereal ol.flex-control-nav {
        top: 1054px
    }
}

body .loveYourCereal ul.flex-direction-nav .flex-nav-prev a.flex-prev,
html .loveYourCereal ul.flex-direction-nav .flex-nav-prev a.flex-prev {
    opacity: 1!important;
    width: 30px;
    height: 71px;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/love-your-cereal/btn-arrow-left-thin.png) no-repeat!important;
    left: 200px!important;
    margin-top: 90px
}

@media (max-width:1440px) {
    body .loveYourCereal ul.flex-direction-nav .flex-nav-prev a.flex-prev,
    html .loveYourCereal ul.flex-direction-nav .flex-nav-prev a.flex-prev {
        left: calc((100vw / 36) * 5)!important;
        margin-top: 113px
    }
}

@media (max-width:980px) {
    body .loveYourCereal ul.flex-direction-nav .flex-nav-prev a.flex-prev,
    html .loveYourCereal ul.flex-direction-nav .flex-nav-prev a.flex-prev {
        left: 50px!important;
        margin-top: 70px
    }
}

@media (max-width:601px) {
    body .loveYourCereal ol.flex-control-nav,
    html .loveYourCereal ol.flex-control-nav {
        top: 1350px;
        display: block
    }
    body .loveYourCereal ul.flex-direction-nav .flex-nav-prev a.flex-prev,
    html .loveYourCereal ul.flex-direction-nav .flex-nav-prev a.flex-prev {
        left: 10px!important;
        margin-top: 64px
    }
}

@media (max-width:350px) {
    body .loveYourCereal ul.flex-direction-nav .flex-nav-prev a.flex-prev,
    html .loveYourCereal ul.flex-direction-nav .flex-nav-prev a.flex-prev {
        left: 10px!important;
        margin-top: -15px
    }
}

body .loveYourCereal ul.flex-direction-nav .flex-nav-next a.flex-next,
html .loveYourCereal ul.flex-direction-nav .flex-nav-next a.flex-next {
    opacity: 1!important;
    width: 30px;
    height: 71px;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/love-your-cereal/btn-arrow-right-thin.png) no-repeat!important;
    right: 200px!important;
    margin-top: 90px
}

@media (max-width:1440px) {
    body .loveYourCereal ul.flex-direction-nav .flex-nav-next a.flex-next,
    html .loveYourCereal ul.flex-direction-nav .flex-nav-next a.flex-next {
        right: calc((100vw / 36) * 5)!important;
        margin-top: 113px
    }
}

@media (max-width:980px) {
    body .loveYourCereal ul.flex-direction-nav .flex-nav-next a.flex-next,
    html .loveYourCereal ul.flex-direction-nav .flex-nav-next a.flex-next {
        right: 50px!important;
        margin-top: 70px
    }
}

@media (max-width:601px) {
    body .loveYourCereal ul.flex-direction-nav .flex-nav-next a.flex-next,
    html .loveYourCereal ul.flex-direction-nav .flex-nav-next a.flex-next {
        right: 10px!important;
        margin-top: 64px
    }
}

@media (max-width:350px) {
    body .loveYourCereal ul.flex-direction-nav .flex-nav-next a.flex-next,
    html .loveYourCereal ul.flex-direction-nav .flex-nav-next a.flex-next {
        right: 10px!important;
        margin-top: -15px
    }
}

body .loveYourCereal .slideOne .top,
html .loveYourCereal .slideOne .top {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/love-your-cereal/LoveYourCereal_one.jpg) center bottom no-repeat #dce1e5
}

body .loveYourCereal .slideOne .bottom .bottomRightColumn,
html .loveYourCereal .slideOne .bottom .bottomRightColumn {
    float: right;
    display: inline;
    width: 450px;
    margin: -20px 4% 0 0
}

body .loveYourCereal .slideOne .bottom .bottomRightColumn img,
html .loveYourCereal .slideOne .bottom .bottomRightColumn img {
    width: 225px;
    height: 162px;
    margin: 10px 0 0 100px
}

@media (max-width:980px) {
    body .loveYourCereal .slideOne .bottom .bottomRightColumn,
    html .loveYourCereal .slideOne .bottom .bottomRightColumn {
        float: none;
        display: block;
        width: 350px;
        margin: 40px auto
    }
}

@media (max-width:601px) {
    body .loveYourCereal .slideOne .top,
    html .loveYourCereal .slideOne .top {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/love-your-cereal/LoveYourCereal_oneMobile.jpg) center bottom no-repeat #dce1e5;
        background-size: 100%
    }
    body .loveYourCereal .slideOne .bottom .bottomRightColumn,
    html .loveYourCereal .slideOne .bottom .bottomRightColumn {
        float: none;
        display: block;
        width: 90%;
        padding-bottom: 40px;
        margin: 40px auto
    }
    body .loveYourCereal .slideOne .bottom .bottomRightColumn img,
    html .loveYourCereal .slideOne .bottom .bottomRightColumn img {
        width: 225px;
        height: 162px;
        margin: 10px auto 0
    }
}

body .loveYourCereal .slideTwo .top,
html .loveYourCereal .slideTwo .top {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/love-your-cereal/LoveYourCereal_two.jpg) center bottom no-repeat #cbdeed
}

body .loveYourCereal .slideTwo .bottom .bottomLeftColumn,
html .loveYourCereal .slideTwo .bottom .bottomLeftColumn {
    width: 420px
}

body .loveYourCereal .slideTwo .bottom .bottomRightColumn,
html .loveYourCereal .slideTwo .bottom .bottomRightColumn {
    width: 650px;
    margin: -20px 8% 0 0;
    float: right;
    display: inline-block
}

body .loveYourCereal .slideTwo .bottom .bottomRightColumn img,
html .loveYourCereal .slideTwo .bottom .bottomRightColumn img {
    width: 424px;
    height: 229px;
    margin: -65px 0 0 60px
}

body .loveYourCereal .slideTwo .bottom .bottomRightColumn .leftPadding,
html .loveYourCereal .slideTwo .bottom .bottomRightColumn .leftPadding {
    padding-left: 60px
}

@media (max-width:1440px) {
    body .loveYourCereal .slideTwo .bottom .bottomLeftColumn,
    html .loveYourCereal .slideTwo .bottom .bottomLeftColumn {
        margin: -20px 0 0 4%;
        width: 340px
    }
    body .loveYourCereal .slideTwo .bottom .bottomRightColumn,
    html .loveYourCereal .slideTwo .bottom .bottomRightColumn {
        margin: -20px 0 0;
        width: 580px
    }
}

@media (max-width:980px) {
    body .loveYourCereal .slideTwo .bottom .bottomLeftColumn,
    html .loveYourCereal .slideTwo .bottom .bottomLeftColumn {
        width: 90%;
        margin: 0 auto
    }
    body .loveYourCereal .slideTwo .bottom .bottomRightColumn,
    html .loveYourCereal .slideTwo .bottom .bottomRightColumn {
        float: none;
        display: block;
        width: 90%;
        margin: 20px auto;
        position: relative
    }
    body .loveYourCereal .slideTwo .bottom .bottomRightColumn img,
    html .loveYourCereal .slideTwo .bottom .bottomRightColumn img {
        width: 60%;
        height: auto;
        margin: -50px auto 0
    }
    body .loveYourCereal .slideTwo .bottom .bottomRightColumn .redP,
    html .loveYourCereal .slideTwo .bottom .bottomRightColumn .redP {
        padding-top: 20px
    }
    body .loveYourCereal .slideTwo .bottom .bottomRightColumn .leftPadding,
    html .loveYourCereal .slideTwo .bottom .bottomRightColumn .leftPadding {
        padding-left: 0
    }
}

@media (max-width:601px) {
    body .loveYourCereal .slideTwo .top,
    html .loveYourCereal .slideTwo .top {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/love-your-cereal/LoveYourCereal_twoMobile.jpg) center bottom no-repeat #cbdeed;
        background-size: 100%
    }
    body .loveYourCereal .slideTwo .bottom .bottomLeftColumn,
    html .loveYourCereal .slideTwo .bottom .bottomLeftColumn {
        width: 90%
    }
    body .loveYourCereal .slideTwo .bottom .bottomRightColumn,
    html .loveYourCereal .slideTwo .bottom .bottomRightColumn {
        float: none;
        display: block;
        width: 90%;
        margin: 40px auto;
        position: relative
    }
    body .loveYourCereal .slideTwo .bottom .bottomRightColumn img,
    html .loveYourCereal .slideTwo .bottom .bottomRightColumn img {
        width: 100%;
        height: auto;
        margin: 0 auto
    }
    body .loveYourCereal .slideTwo .bottom .bottomRightColumn .leftPadding,
    html .loveYourCereal .slideTwo .bottom .bottomRightColumn .leftPadding {
        padding-left: 0
    }
    body .loveYourCereal .slideTwo .bottom .bottomRightColumn .redP,
    html .loveYourCereal .slideTwo .bottom .bottomRightColumn .redP {
        padding-top: 10px
    }
}

body .loveYourCereal .slideThree .top,
html .loveYourCereal .slideThree .top {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/love-your-cereal/LoveYourCereal_three.jpg) center bottom no-repeat #cbdeed
}

@media (max-width:601px) {
    body .loveYourCereal .slideThree .top,
    html .loveYourCereal .slideThree .top {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/love-your-cereal/LoveYourCereal_threeMobile.jpg) center bottom no-repeat #cbdeed;
        background-size: 100%
    }
}

body .loveYourCereal .slideThree .bottom .bottomRightColumn,
html .loveYourCereal .slideThree .bottom .bottomRightColumn {
    float: right;
    margin: -30px 10% 0 0
}

body .loveYourCereal .slideThree .bottom .bottomRightColumn img:nth-of-type(1),
html .loveYourCereal .slideThree .bottom .bottomRightColumn img:nth-of-type(1) {
    float: left;
    display: inline;
    width: 187px;
    height: 188px;
    margin: 0
}

body .loveYourCereal .slideThree .bottom .bottomRightColumn .middleSpace,
html .loveYourCereal .slideThree .bottom .bottomRightColumn .middleSpace {
    float: left;
    width: 210px;
    padding: 20px 0 0 20px
}

body .loveYourCereal .slideThree .bottom .bottomRightColumn .middleSpace h3,
html .loveYourCereal .slideThree .bottom .bottomRightColumn .middleSpace h3 {
    font-size: 180%;
    float: left;
    display: inline-block;
    margin: 0
}

body .loveYourCereal .slideThree .bottom .bottomRightColumn .middleSpace p,
html .loveYourCereal .slideThree .bottom .bottomRightColumn .middleSpace p {
    width: 80%;
    float: left;
    clear: both;
    font-size: 120%;
    line-height: 100%
}

body .loveYourCereal .slideThree .bottom .bottomRightColumn .wordBubble,
html .loveYourCereal .slideThree .bottom .bottomRightColumn .wordBubble {
    float: left;
    clear: both;
    width: 342px;
    height: 101px;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/love-your-cereal/bkg-balloon.png) no-repeat;
    color: #fff;
    padding: 20px 20px 10px;
    margin: 10px 0 0 80px;
    font-size: 120%;
    line-height: 100%
}

body .loveYourCereal .slideThree .bottom .bottomRightColumn img:nth-of-type(2),
html .loveYourCereal .slideThree .bottom .bottomRightColumn img:nth-of-type(2) {
    float: right;
    width: 179px;
    height: 178px;
    margin: -60px 0 0
}

body .loveYourCereal .slideThree .bottom .bottomRightColumn .redP,
html .loveYourCereal .slideThree .bottom .bottomRightColumn .redP {
    clear: both
}

@media (max-width:1260px) {
    body .loveYourCereal .slideThree .bottom .bottomLeftColumn,
    html .loveYourCereal .slideThree .bottom .bottomLeftColumn {
        margin: 0 0 0 5%
    }
    body .loveYourCereal .slideThree .bottom .bottomRightColumn,
    html .loveYourCereal .slideThree .bottom .bottomRightColumn {
        margin: -30px 5% 0 0
    }
}

@media (max-width:1120px) {
    body .loveYourCereal .slideThree .bottom .bottomLeftColumn,
    html .loveYourCereal .slideThree .bottom .bottomLeftColumn {
        margin: 0 0 0 1%
    }
    body .loveYourCereal .slideThree .bottom .bottomRightColumn,
    html .loveYourCereal .slideThree .bottom .bottomRightColumn {
        margin: -30px 1% 0 0
    }
    body .loveYourCereal .slideThree .bottom .bottomRightColumn .wordBubble,
    html .loveYourCereal .slideThree .bottom .bottomRightColumn .wordBubble {
        margin: 10px 0 0
    }
    body .loveYourCereal .slideThree .bottom .bottomRightColumn .redP,
    html .loveYourCereal .slideThree .bottom .bottomRightColumn .redP {
        margin-left: 0
    }
}

@media (max-width:980px) {
    body .loveYourCereal .slideThree .bottom .bottomLeftColumn,
    html .loveYourCereal .slideThree .bottom .bottomLeftColumn {
        width: 90%;
        margin: 0 auto
    }
    body .loveYourCereal .slideThree .bottom .bottomRightColumn,
    html .loveYourCereal .slideThree .bottom .bottomRightColumn {
        float: none;
        width: 524px;
        margin: 20px auto
    }
}

@media (max-width:601px) {
    body .loveYourCereal .slideThree .bottom .bottomLeftColumn,
    html .loveYourCereal .slideThree .bottom .bottomLeftColumn {
        width: 90%;
        margin: 0 auto
    }
    body .loveYourCereal .slideThree .bottom .bottomRightColumn,
    html .loveYourCereal .slideThree .bottom .bottomRightColumn {
        float: none;
        width: 72%;
        margin: 20px auto
    }
    body .loveYourCereal .slideThree .bottom .bottomRightColumn img:nth-of-type(1),
    html .loveYourCereal .slideThree .bottom .bottomRightColumn img:nth-of-type(1) {
        float: none;
        display: block;
        width: 187px;
        height: 188px;
        margin: 0 auto
    }
    body .loveYourCereal .slideThree .bottom .bottomRightColumn .middleSpace,
    html .loveYourCereal .slideThree .bottom .bottomRightColumn .middleSpace {
        float: none;
        width: 100%;
        margin: 20px auto;
        padding: 0 0 0 20px
    }
    body .loveYourCereal .slideThree .bottom .bottomRightColumn .middleSpace h3,
    html .loveYourCereal .slideThree .bottom .bottomRightColumn .middleSpace h3 {
        font-size: 180%;
        line-height: 100%;
        float: none;
        display: block;
        margin: 0
    }
    body .loveYourCereal .slideThree .bottom .bottomRightColumn .middleSpace h3 span,
    html .loveYourCereal .slideThree .bottom .bottomRightColumn .middleSpace h3 span {
        font-family: KelloggsSansMedium
    }
    body .loveYourCereal .slideThree .bottom .bottomRightColumn .middleSpace p,
    html .loveYourCereal .slideThree .bottom .bottomRightColumn .middleSpace p {
        width: 100%;
        float: none;
        display: block;
        clear: both;
        font-size: 120%;
        line-height: 100%
    }
    body .loveYourCereal .slideThree .bottom .bottomRightColumn .wordBubble,
    html .loveYourCereal .slideThree .bottom .bottomRightColumn .wordBubble {
        float: none;
        clear: both;
        display: block;
        width: 320px;
        height: 123px;
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/love-your-cereal/bkg-balloonMobile.png) no-repeat;
        color: #fff;
        padding: 20px 20px 10px;
        margin: 20px auto 0;
        font-size: 120%;
        line-height: 100%
    }
    body .loveYourCereal .slideThree .bottom .bottomRightColumn img:nth-of-type(2),
    html .loveYourCereal .slideThree .bottom .bottomRightColumn img:nth-of-type(2) {
        float: none;
        clear: left;
        width: 179px;
        height: 178px;
        margin: 10px auto 0
    }
}

@media (max-width:420px) {
    body .loveYourCereal .slideThree .bottom .bottomRightColumn,
    html .loveYourCereal .slideThree .bottom .bottomRightColumn {
        width: 90%
    }
    body .loveYourCereal .slideThree .bottom .bottomRightColumn .wordBubble,
    html .loveYourCereal .slideThree .bottom .bottomRightColumn .wordBubble {
        float: none;
        clear: both;
        display: block;
        width: 100%;
        height: 123px;
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/love-your-cereal/bkg-balloonMobile.png) no-repeat;
        background-size: 100% 100%;
        padding: 20px 20px 10px;
        margin: 20px auto 0;
        font-size: 120%;
        font-size: 19px;
        line-height: 100%
    }
}

@media (max-width:390px) {
    body .loveYourCereal .slideThree .bottom .bottomRightColumn .wordBubble,
    html .loveYourCereal .slideThree .bottom .bottomRightColumn .wordBubble {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/love-your-cereal/bkg-balloonMobile.png) no-repeat;
        background-size: 100% 100%;
        padding: 10px 20px
    }
}

body .loveYourCereal .slideFour .top,
html .loveYourCereal .slideFour .top {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/love-your-cereal/LoveYourCereal_four.jpg) center bottom no-repeat #b5c7d5
}

@media (max-width:601px) {
    body .loveYourCereal .slideFour .top,
    html .loveYourCereal .slideFour .top {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/love-your-cereal/LoveYourCereal_fourMobile.jpg) center bottom no-repeat #b5c7d5;
        background-size: 100%
    }
}

body .loveYourCereal .slideFour .bottom .bottomRightColumn,
html .loveYourCereal .slideFour .bottom .bottomRightColumn {
    float: right;
    margin: 0 10% 0 0
}

body .loveYourCereal .slideFour .bottom .bottomRightColumn img:nth-of-type(1),
html .loveYourCereal .slideFour .bottom .bottomRightColumn img:nth-of-type(1) {
    width: 187px;
    height: 188px;
    margin: 10px 0 0 100px
}

body .loveYourCereal .slideFour .bottom .bottomRightColumn .wordBubble,
html .loveYourCereal .slideFour .bottom .bottomRightColumn .wordBubble {
    float: left;
    clear: both;
    width: 238px;
    height: 86px;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/love-your-cereal/callout-balloon.png) no-repeat;
    color: #fff;
    padding: 7px 20px 10px 10px;
    margin: 10px 0 0;
    font-size: 120%;
    line-height: 100%
}

body .loveYourCereal .slideFour .bottom .bottomRightColumn h3,
html .loveYourCereal .slideFour .bottom .bottomRightColumn h3 {
    float: left;
    clear: left;
    width: 150px;
    margin: 20px 0 0 40px;
    line-height: 86%
}

body .loveYourCereal .slideFour .bottom .bottomRightColumn h3 span,
html .loveYourCereal .slideFour .bottom .bottomRightColumn h3 span {
    font-family: KelloggsSansMedium;
    font-size: 80%
}

@media (max-width:1000px) {
    body .loveYourCereal .slideFour .bottom .bottomLeftColumn,
    html .loveYourCereal .slideFour .bottom .bottomLeftColumn {
        margin: 0 0 0 5%
    }
    body .loveYourCereal .slideFour .bottom .bottomRightColumn,
    html .loveYourCereal .slideFour .bottom .bottomRightColumn {
        float: right;
        margin: 0 5% 0 0
    }
}

@media (max-width:980px) {
    body .loveYourCereal .slideFour .bottom .bottomRightColumn,
    html .loveYourCereal .slideFour .bottom .bottomRightColumn {
        float: none;
        width: 380px;
        margin: 20px auto
    }
}

@media (max-width:400px) {
    body .loveYourCereal .slideFour .bottom .bottomRightColumn,
    html .loveYourCereal .slideFour .bottom .bottomRightColumn {
        float: none;
        width: 250px;
        margin: 20px auto
    }
    body .loveYourCereal .slideFour .bottom .bottomRightColumn h3,
    html .loveYourCereal .slideFour .bottom .bottomRightColumn h3 {
        margin: 20px 0 0
    }
    body .loveYourCereal .slideFour .bottom .bottomRightColumn img:nth-of-type(1),
    html .loveYourCereal .slideFour .bottom .bottomRightColumn img:nth-of-type(1) {
        margin: 10px 0 0 50px
    }
}

body .loveYourCereal .slideFive .top,
html .loveYourCereal .slideFive .top {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/love-your-cereal/LoveYourCereal_1.jpg) center bottom no-repeat #b5c7d5
}

body .loveYourCereal .slideFive .bottom .bottomRightColumn,
html .loveYourCereal .slideFive .bottom .bottomRightColumn {
    float: right;
    margin: 0 10% 0 0
}

body .loveYourCereal .slideFive .bottom .bottomRightColumn h3,
html .loveYourCereal .slideFive .bottom .bottomRightColumn h3 {
    margin: 0
}

body .loveYourCereal .slideFive .bottom .bottomRightColumn h3 span,
html .loveYourCereal .slideFive .bottom .bottomRightColumn h3 span {
    font-size: 150%;
    padding-left: 20px
}

body .loveYourCereal .slideFive .bottom .bottomRightColumn p.bigP,
html .loveYourCereal .slideFive .bottom .bottomRightColumn p.bigP {
    font-size: 120%;
    line-height: 100%;
    margin-left: 20px;
    color: #6c665b
}

body .loveYourCereal .slideFive .bottom .bottomRightColumn img,
html .loveYourCereal .slideFive .bottom .bottomRightColumn img {
    width: 480px;
    margin: 10px 0
}

@media (max-width:1200px) {
    body .loveYourCereal .slideFive .bottom .bottomLeftColumn,
    html .loveYourCereal .slideFive .bottom .bottomLeftColumn {
        margin: 0 0 0 5%
    }
    body .loveYourCereal .slideFive .bottom .bottomRightColumn,
    html .loveYourCereal .slideFive .bottom .bottomRightColumn {
        margin: 0 5% 0 0
    }
}

@media (max-width:980px) {
    body .loveYourCereal .slideFive .bottom .bottomRightColumn,
    html .loveYourCereal .slideFive .bottom .bottomRightColumn {
        float: none;
        width: 90%;
        margin: 20px auto
    }
}

@media (max-width:601px) {
    body .loveYourCereal .slideFive .top,
    html .loveYourCereal .slideFive .top {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/love-your-cereal/LoveYourCereal_1Mobile.jpg) center bottom no-repeat #b5c7d5;
        background-size: 100%
    }
    body .loveYourCereal .slideFive .bottom .bottomRightColumn,
    html .loveYourCereal .slideFive .bottom .bottomRightColumn {
        float: none;
        width: 90%;
        margin: 20px auto
    }
    body .loveYourCereal .slideFive .bottom .bottomRightColumn .redP,
    html .loveYourCereal .slideFive .bottom .bottomRightColumn .redP {
        padding-top: 10px
    }
}

@media (max-width:475px) {
    body .loveYourCereal .slideFive .bottom .bottomRightColumn,
    html .loveYourCereal .slideFive .bottom .bottomRightColumn {
        float: none;
        width: 90%;
        margin: 20px auto
    }
    body .loveYourCereal .slideFive .bottom .bottomRightColumn h3,
    html .loveYourCereal .slideFive .bottom .bottomRightColumn h3 {
        margin: 0
    }
    body .loveYourCereal .slideFive .bottom .bottomRightColumn h3 span,
    html .loveYourCereal .slideFive .bottom .bottomRightColumn h3 span {
        font-family: KelloggsSansMedium;
        font-size: 150%;
        padding-left: 0
    }
    body .loveYourCereal .slideFive .bottom .bottomRightColumn p.bigP,
    html .loveYourCereal .slideFive .bottom .bottomRightColumn p.bigP {
        margin: 10px 0
    }
}

body .benefitsOfFiber .flexslider .kstl-full-image-slide .kstl-feature-inset,
html .benefitsOfFiber .flexslider .kstl-full-image-slide .kstl-feature-inset {
    color: #fff;
    width: 40%!important
}

body .benefitsOfFiber .flexslider .kstl-full-image-slide .kstl-feature-inset h1,
html .benefitsOfFiber .flexslider .kstl-full-image-slide .kstl-feature-inset h1 {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 110%;
    margin-left: 10px
}

body .benefitsOfFiber .flexslider .kstl-full-image-slide .kstl-feature-inset .fiberSlideOne h1,
body .benefitsOfFiber .flexslider .kstl-full-image-slide .kstl-feature-inset .fiberSlideTwo h1,
html .benefitsOfFiber .flexslider .kstl-full-image-slide .kstl-feature-inset .fiberSlideOne h1,
html .benefitsOfFiber .flexslider .kstl-full-image-slide .kstl-feature-inset .fiberSlideTwo h1 {
    padding: 50px 0 0
}

body .benefitsOfFiber .flexslider .kstl-full-image-slide .kstl-feature-inset .fiberSlideThree h1,
html .benefitsOfFiber .flexslider .kstl-full-image-slide .kstl-feature-inset .fiberSlideThree h1 {
    padding: 30px 0 0
}

@media (max-width:980px) {
    body .benefitsOfFiber .flexslider .kstl-full-image-slide,
    html .benefitsOfFiber .flexslider .kstl-full-image-slide {
        height: 465px;
        height: calc((100vw / 190) * 93)
    }
    body .benefitsOfFiber .flexslider .kstl-full-image-slide .kstl-feature-inset,
    html .benefitsOfFiber .flexslider .kstl-full-image-slide .kstl-feature-inset {
        background: #d31145!important;
        width: 100%!important;
        height: 120px!important;
        top: unset!important;
        bottom: 0!important
    }
    body .benefitsOfFiber .flexslider .kstl-full-image-slide .kstl-feature-inset .fiberSlideOne h1,
    body .benefitsOfFiber .flexslider .kstl-full-image-slide .kstl-feature-inset .fiberSlideThree h1,
    body .benefitsOfFiber .flexslider .kstl-full-image-slide .kstl-feature-inset .fiberSlideTwo h1,
    html .benefitsOfFiber .flexslider .kstl-full-image-slide .kstl-feature-inset .fiberSlideOne h1,
    html .benefitsOfFiber .flexslider .kstl-full-image-slide .kstl-feature-inset .fiberSlideThree h1,
    html .benefitsOfFiber .flexslider .kstl-full-image-slide .kstl-feature-inset .fiberSlideTwo h1 {
        padding: 20px
    }
}

@media (max-width:601px) {
    body .benefitsOfFiber .flexslider .kstl-full-image-slide,
    html .benefitsOfFiber .flexslider .kstl-full-image-slide {
        height: unset!important
    }
    body .benefitsOfFiber .flexslider .kstl-full-image-slide .kstl-feature-inset,
    html .benefitsOfFiber .flexslider .kstl-full-image-slide .kstl-feature-inset {
        background: #d31145!important;
        width: 100%!important;
        height: 120px!important;
    }
    body .benefitsOfFiber .flexslider .kstl-full-image-slide .kstl-feature-inset .fiberSlideOne h1,
    body .benefitsOfFiber .flexslider .kstl-full-image-slide .kstl-feature-inset .fiberSlideThree h1,
    body .benefitsOfFiber .flexslider .kstl-full-image-slide .kstl-feature-inset .fiberSlideTwo h1,
    html .benefitsOfFiber .flexslider .kstl-full-image-slide .kstl-feature-inset .fiberSlideOne h1,
    html .benefitsOfFiber .flexslider .kstl-full-image-slide .kstl-feature-inset .fiberSlideThree h1,
    html .benefitsOfFiber .flexslider .kstl-full-image-slide .kstl-feature-inset .fiberSlideTwo h1 {
        font-size: 14px;
        font-size: 1.4rem;
        padding: 20px 20px 0
    }
}

body .benefitsOfFiber ol.flex-control-nav,
html .benefitsOfFiber ol.flex-control-nav {
    width: 80px
}

body .benefitsOfFiber .thirtyWays,
html .benefitsOfFiber .thirtyWays {
    margin-top: 20px!important;
    padding: 10px!important;
    background: #d31145;
    color: #fff
}

body .benefitsOfFiber .thirtyWays .inner,
html .benefitsOfFiber .thirtyWays .inner {
    padding: 0 0 0 10px
}

body .benefitsOfFiber .thirtyWays .inner h2,
html .benefitsOfFiber .thirtyWays .inner h2 {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 100%;
    padding-right: 20%
}

body .benefitsOfFiber .thirtyWays .inner p,
html .benefitsOfFiber .thirtyWays .inner p {
    padding-top: 10px
}

body .benefitsOfFiber .thirtyWays .inner p a,
html .benefitsOfFiber .thirtyWays .inner p a {
    color: #f0c33b
}

body .benefitsOfFiber .fiber_IQ,
html .benefitsOfFiber .fiber_IQ {
    padding-top: 20px!important
}

body .benefitsOfFiber .fiber_IQ h3,
html .benefitsOfFiber .fiber_IQ h3 {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 0 0 20px
}

body .benefitsOfFiber .fiber_IQ #quizTemplateWrapper,
html .benefitsOfFiber .fiber_IQ #quizTemplateWrapper {
    background: #9f1a84;
    color: #fff;
    min-height: 400px;
    overflow: hidden;
    position: relative;
    text-align: center
}

body .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizTemplateContainer,
html .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizTemplateContainer {
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    color: #fff;
    overflow: auto
}

body .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizTemplateContainer #quizQuestionTemplate,
html .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizTemplateContainer #quizQuestionTemplate {
    float: left;
    min-height: 380px;
    position: relative;
    width: 100%
}

body .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizTemplateContainer #quizQuestionTemplate h2,
html .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizTemplateContainer #quizQuestionTemplate h2 {
    color: #fff!important;
    font-size: 24px!important;
    line-height: 24px!important;
    margin: 0 auto 30px;
    min-height: 100px;
    overflow: auto!important;
    text-align: center;
    width: 90%
}

body .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizTemplateContainer #quizQuestionTemplate h2 span.qCap,
html .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizTemplateContainer #quizQuestionTemplate h2 span.qCap {
    display: inline-block;
    float: left;
    font-size: 70px;
    line-height: 70px;
    margin-right: 2%;
    overflow: visible;
    text-align: right;
    vertical-align: top;
    width: 60px
}

body .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizTemplateContainer #quizQuestionTemplate h2 span.qBody,
html .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizTemplateContainer #quizQuestionTemplate h2 span.qBody {
    display: inline-block;
    float: left;
    line-height: 25px!important;
    text-align: left!important;
    vertical-align: top;
    width: 80%
}

body .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizTemplateContainer #quizAnswerTemplate,
html .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizTemplateContainer #quizAnswerTemplate {
    float: left;
    min-height: 380px;
    position: relative;
    width: 100%
}

body .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizTemplateContainer #quizAnswerTemplate h2,
html .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizTemplateContainer #quizAnswerTemplate h2 {
    color: #fff!important;
    font-size: 24px!important;
    line-height: 24px!important;
    margin: 0 auto 30px;
    min-height: 100px;
    overflow: auto!important;
    text-align: center;
    width: 90%
}

body .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizTemplateContainer #questions ul,
html .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizTemplateContainer #questions ul {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 100%
}

body .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizTemplateContainer #questions ul li,
html .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizTemplateContainer #questions ul li {
    display: inline-block;
    margin-left: 4%;
    padding: 20px 15px;
    text-align: center;
    vertical-align: top;
    border: 1px solid #85176f;
    border-radius: 15px;
    width: 104px
}

body .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizTemplateContainer #questions ul li img,
html .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizTemplateContainer #questions ul li img {
    width: 90%
}

body .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizTemplateContainer #questions ul li:first-child,
html .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizTemplateContainer #questions ul li:first-child {
    margin-left: 0
}

body .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizTemplateContainer #questions ul li:active,
body .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizTemplateContainer #questions ul li:focus,
body .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizTemplateContainer #questions ul li:hover,
html .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizTemplateContainer #questions ul li:active,
html .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizTemplateContainer #questions ul li:focus,
html .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizTemplateContainer #questions ul li:hover {
    background: #85176f;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    cursor: pointer
}

body .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizTemplateContainer #questions ul li span,
html .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizTemplateContainer #questions ul li span {
    color: #fff;
    display: block;
    font-family: KelloggsSansRegular;
    font-size: 16px;
    line-height: 100%;
    margin-top: 5px
}

body .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizTemplateContainer #question3 li span,
body .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizTemplateContainer #question4 li span,
body .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizTemplateContainer #question5 li span,
html .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizTemplateContainer #question3 li span,
html .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizTemplateContainer #question4 li span,
html .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizTemplateContainer #question5 li span {
    font-size: 18px;
    line-height: 24px
}

body .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizTemplateContainer #nextQuestion,
html .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizTemplateContainer #nextQuestion {
    font-size: 0;
    text-decoration: none;
    color: transparent;
    position: absolute;
    right: 20px;
    top: 50%!important;
    margin-top: -50px!important
}

body .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizTemplateContainer #answer,
html .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizTemplateContainer #answer {
    margin: 10px auto;
    width: 85px
}

body .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizTemplateContainer #answer h3,
html .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizTemplateContainer #answer h3 {
    color: #fff;
    /*font-family: KSansBold, "Lucida Grande", Lucida, "Trebuchet MS", Arial, sans-serif;*/
    font-size: 16px!important;
    margin-top: 8px
}

body .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizTemplateContainer #answer .answer-info,
html .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizTemplateContainer #answer .answer-info {
    color: #fff!important;
    /*font-family: KSansLight, KSansRegular, "Lucida Grande", Lucida, "Trebuchet MS", Arial, sans-serif;*/
    font-size: 18px;
    margin: 20px auto;
    width: 75%
}

body .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizTemplateContainer #answer .source,
html .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizTemplateContainer #answer .source {
    color: #fff!important;
    /*font-family: KSansLight, KSansRegular, "Lucida Grande", Lucida, "Trebuchet MS", Arial, sans-serif;*/
    font-size: 11px;
    position: absolute;
    left: 20px;
    bottom: 20px;
    text-align: left;
    width: 75%;
    opacity: .5;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'
}

@media (max-width:750px) {
    body .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #questions ul,
    html .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #questions ul {
        padding: 10px!important
    }
    body .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #questions ul li,
    html .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #questions ul li {
        margin-left: 0!important;
        width: 20%!important
    }
    body .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizAnswerTemplate,
    html .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizAnswerTemplate {
        float: left;
        min-height: 380px;
        position: relative;
        width: 100%
    }
    body .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizAnswerTemplate h2,
    html .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizAnswerTemplate h2 {
        color: #fff!important;
        font-size: 24px!important;
        line-height: 24px!important;
        margin: 0 auto 30px;
        min-height: 100px;
        overflow: auto!important;
        text-align: center;
        width: 90%
    }
}

@media (max-width:601px) {
    body .benefitsOfFiber .fiber_IQ #quizTemplateWrapper,
    html .benefitsOfFiber .fiber_IQ #quizTemplateWrapper {
        min-height: 820px
    }
    body .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #questions ul,
    html .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #questions ul {
        padding: 0 20px!important
    }
    body .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #questions ul li,
    html .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #questions ul li {
        width: 100%!important;
        margin-top: 4px;
        margin-left: 0!important
    }
    body .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #questions ul li img,
    html .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #questions ul li img {
        float: left;
        display: inline;
        width: 20%!important
    }
    body .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #questions ul li span,
    html .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #questions ul li span {
        float: left;
        display: inline;
        padding: 10px
    }
    body .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizAnswerTemplate,
    html .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizAnswerTemplate {
        float: left;
        min-height: 500px!important;
        position: relative;
        width: 100%;
        margin-top: 30%
    }
    body .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizAnswerTemplate #answer,
    html .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizAnswerTemplate #answer {
        margin-top: 15%!important;
        margin: 10px auto;
        width: 40%
    }
    body .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizAnswerTemplate #answer p,
    html .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizAnswerTemplate #answer p {
        padding-top: 20px;
        bottom: 0!important
    }
}

@media (max-width:350px) {
    body .benefitsOfFiber .flexslider .kstl-full-image-slide .kstl-feature-inset,
    html .benefitsOfFiber .flexslider .kstl-full-image-slide .kstl-feature-inset {
        height: 150px!important
    }
    body .benefitsOfFiber .fiber_IQ #quizTemplateWrapper,
    html .benefitsOfFiber .fiber_IQ #quizTemplateWrapper {
        min-height: 750px
    }
    body .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizAnswerTemplate #answer,
    html .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizAnswerTemplate #answer {
        margin-top: 15%!important
    }
    body .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizAnswerTemplate #nextQuestion,
    html .benefitsOfFiber .fiber_IQ #quizTemplateWrapper #quizAnswerTemplate #nextQuestion {
        top: 50%!important;
        margin-top: 0!important
    }
}

body .benefitsOfFiber .fiber_IQ .quiz-progress,
html .benefitsOfFiber .fiber_IQ .quiz-progress {
    position: absolute;
    bottom: 20px;
    right: 20px
}

body .benefitsOfFiber .fiber_IQ .quiz-progress span,
html .benefitsOfFiber .fiber_IQ .quiz-progress span {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/nutrition/the-benefits-of-fiber/carousel_off.png) no-repeat!important;
    display: inline-block;
    height: 11px!important;
    margin-right: 7px;
    width: 11px!important
}

body .benefitsOfFiber .fiber_IQ .quiz-progress span.on,
html .benefitsOfFiber .fiber_IQ .quiz-progress span.on {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/nutrition/the-benefits-of-fiber/carousel_on.png) no-repeat!important;
    height: 11px!important;
    width: 11px!important
}

body .benefitsOfFiber .fiberFacts .grid__item:nth-of-type(1),
html .benefitsOfFiber .fiberFacts .grid__item:nth-of-type(1) {
    padding: 20px 0!important
}

body .benefitsOfFiber .fiberFacts .grid__item:nth-of-type(2),
html .benefitsOfFiber .fiberFacts .grid__item:nth-of-type(2) {
    padding: 0 10px 20px 0!important
}

body .benefitsOfFiber .fiberFacts .grid__item:nth-of-type(3),
html .benefitsOfFiber .fiberFacts .grid__item:nth-of-type(3) {
    padding: 0 10px 20px!important
}

body .benefitsOfFiber .fiberFacts .grid__item:nth-of-type(4),
html .benefitsOfFiber .fiberFacts .grid__item:nth-of-type(4) {
    padding: 0 0 20px 10px!important
}

body .benefitsOfFiber .fiberFacts h4,
html .benefitsOfFiber .fiberFacts h4 {
    font-size: 14px;
    font-size: 1.4rem
}

body .benefitsOfFiber .fiberFacts .threeup h5,
html .benefitsOfFiber .fiberFacts .threeup h5 {
    font-size: 8px;
    font-size: .8rem
}

body .benefitsOfFiber .fiberFacts .threeup p,
html .benefitsOfFiber .fiberFacts .threeup p {
    font-family: KelloggsSansRegular
}

@media (max-width:601px) {
    body .benefitsOfFiber .fiberFacts .grid__item:nth-of-type(1),
    html .benefitsOfFiber .fiberFacts .grid__item:nth-of-type(1) {
        padding: 20px 0 0!important
    }
    body .benefitsOfFiber .fiberFacts .grid__item:nth-of-type(2),
    body .benefitsOfFiber .fiberFacts .grid__item:nth-of-type(3),
    body .benefitsOfFiber .fiberFacts .grid__item:nth-of-type(4),
    html .benefitsOfFiber .fiberFacts .grid__item:nth-of-type(2),
    html .benefitsOfFiber .fiberFacts .grid__item:nth-of-type(3),
    html .benefitsOfFiber .fiberFacts .grid__item:nth-of-type(4) {
        padding: 0!important;
        margin-top: 20px!important
    }
    body .benefitsOfFiber .fiberFacts .threeup img,
    html .benefitsOfFiber .fiberFacts .threeup img {
        width: 100%
    }
    body .benefitsOfFiber .fiberFacts .threeup h5,
    html .benefitsOfFiber .fiberFacts .threeup h5 {
        font-size: 14px;
        font-size: 1.4rem
    }
    body .benefitsOfFiber .fiberFacts .threeup p,
    html .benefitsOfFiber .fiberFacts .threeup p {
        font-family: KelloggsSansRegular
    }
}

body .benefitsOfFiber .breakfast_slider,
html .benefitsOfFiber .breakfast_slider {
    background: #ffc222;
    height: 400px;
    padding: 8px 0 10px!important;
    width: 100%;
    margin-top: 20px!important
}

body .benefitsOfFiber .breakfast_slider h2,
html .benefitsOfFiber .breakfast_slider h2 {
    margin-bottom: 15px!important;
    padding-bottom: 0!important;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem
}

body .benefitsOfFiber .breakfast_slider .message,
html .benefitsOfFiber .breakfast_slider .message {
    background: #d31145;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    height: 72px;
    margin: 0 auto 6px;
    padding-bottom: 15px;
    padding-top: 28px;
    position: relative;
    width: 590px
}

body .benefitsOfFiber .breakfast_slider .message .pointer,
html .benefitsOfFiber .breakfast_slider .message .pointer {
    position: absolute;
    width: 29px;
    height: 45px;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/nutrition/the-benefits-of-fiber/pointer_bg.png) no-repeat;
    bottom: -16px;
    left: 0
}

body .benefitsOfFiber .breakfast_slider .message .Number1,
html .benefitsOfFiber .breakfast_slider .message .Number1 {
    position: absolute;
    left: 114px
}

body .benefitsOfFiber .breakfast_slider .message .Number2,
html .benefitsOfFiber .breakfast_slider .message .Number2 {
    position: absolute;
    left: 233px
}

body .benefitsOfFiber .breakfast_slider .message .Number3,
html .benefitsOfFiber .breakfast_slider .message .Number3 {
    position: absolute;
    left: 348px
}

body .benefitsOfFiber .breakfast_slider .message .Number4,
html .benefitsOfFiber .breakfast_slider .message .Number4 {
    position: absolute;
    left: 462px
}

body .benefitsOfFiber .breakfast_slider .message .Number5,
html .benefitsOfFiber .breakfast_slider .message .Number5 {
    position: absolute;
    left: auto;
    right: 0
}

body .benefitsOfFiber .breakfast_slider .message h3,
html .benefitsOfFiber .breakfast_slider .message h3 {
    background: 0 0;
    color: #fff;
    font-family: KelloggsSansMedium;
    font-size: 18px!important;
    margin: 0 auto!important;
    padding: 0!important;
    line-height: 100%;
    text-align: center;
    width: 90%;
    position: relative;
    z-index: 2
}

body .benefitsOfFiber .breakfast_slider .slider_wrapper,
html .benefitsOfFiber .breakfast_slider .slider_wrapper {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/nutrition/the-benefits-of-fiber/slider_bg.png) center center no-repeat;
    margin: 30px auto 0;
    width: 590px
}

body .benefitsOfFiber .breakfast_slider .slider_wrapper .output,
html .benefitsOfFiber .breakfast_slider .slider_wrapper .output {
    display: none
}

body .benefitsOfFiber .breakfast_slider .slider,
html .benefitsOfFiber .breakfast_slider .slider {
    left: -12px;
    width: 575px
}

body .benefitsOfFiber .breakfast_slider .track,
html .benefitsOfFiber .breakfast_slider .track {
    background: 0 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 0;
    height: 17px
}

body .benefitsOfFiber .breakfast_slider .dragger,
body .benefitsOfFiber .breakfast_slider .dragger:hover,
html .benefitsOfFiber .breakfast_slider .dragger,
html .benefitsOfFiber .breakfast_slider .dragger:hover {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/nutrition/the-benefits-of-fiber/dragger_bg.png) center center no-repeat
}

body .benefitsOfFiber .breakfast_slider .dragger,
html .benefitsOfFiber .breakfast_slider .dragger {
    border: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    height: 39px;
    width: 40px
}

body .benefitsOfFiber .breakfast_slider .dragger h4,
html .benefitsOfFiber .breakfast_slider .dragger h4 {
    color: #fff;
    font-family: KelloggsSansMedium;
    font-size: 14px!important;
    left: 0;
    line-height: 39px;
    position: absolute;
    text-align: center;
    width: 40px
}

body .benefitsOfFiber .breakfast_slider .breakfast_items ul,
html .benefitsOfFiber .breakfast_slider .breakfast_items ul {
    margin: 0;
    padding: 0
}

body .benefitsOfFiber .breakfast_slider .breakfast_items ul li,
html .benefitsOfFiber .breakfast_slider .breakfast_items ul li {
    display: block;
    float: left;
    list-style-type: none;
    padding: 0 1px 0 0;
    text-align: center;
    width: 16.6%
}

body .benefitsOfFiber .breakfast_slider .breakfast_items ul li h5,
html .benefitsOfFiber .breakfast_slider .breakfast_items ul li h5 {
    color: #333;
    font-family: KelloggsSansBold;
    font-size: 14px;
    margin: 10px 0;
    line-height: 100%;
    width: 100px
}

body .benefitsOfFiber .breakfast_slider .breakfast_items ul li:first-child,
html .benefitsOfFiber .breakfast_slider .breakfast_items ul li:first-child {
    padding-left: 1px
}

@media (max-width:980px) {
    body .benefitsOfFiber .breakfast_slider .message,
    html .benefitsOfFiber .breakfast_slider .message {
        background: #d31145;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        border-radius: 8px;
        height: 72px;
        margin: 0 auto 6px;
        padding-bottom: 15px;
        padding-top: calc((100vw / 475) * 15);
        position: relative;
        width: calc((100vw / 95) * 59)
    }
    body .benefitsOfFiber .breakfast_slider .message .pointer,
    html .benefitsOfFiber .breakfast_slider .message .pointer {
        position: absolute;
        width: 29px;
        height: 45px;
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/nutrition/the-benefits-of-fiber/pointer_bg.png) no-repeat;
        bottom: -16px;
        left: 0
    }
    body .benefitsOfFiber .breakfast_slider .message .Number1,
    html .benefitsOfFiber .breakfast_slider .message .Number1 {
        position: absolute;
        left: calc((100vw / 25) * 3)
    }
    body .benefitsOfFiber .breakfast_slider .message .Number2,
    html .benefitsOfFiber .breakfast_slider .message .Number2 {
        position: absolute;
        left: calc((100vw / 980) * 233)
    }
    body .benefitsOfFiber .breakfast_slider .message .Number3,
    html .benefitsOfFiber .breakfast_slider .message .Number3 {
        position: absolute;
        left: calc((100vw / 475) * 174)
    }
    body .benefitsOfFiber .breakfast_slider .message .Number4,
    html .benefitsOfFiber .breakfast_slider .message .Number4 {
        position: absolute;
        left: calc((100vw / 475) * 231)
    }
    body .benefitsOfFiber .breakfast_slider .message .Number5,
    html .benefitsOfFiber .breakfast_slider .message .Number5 {
        position: absolute;
        left: auto;
        right: 0
    }
    body .benefitsOfFiber .breakfast_slider .message h3,
    html .benefitsOfFiber .breakfast_slider .message h3 {
        font-size: 18px!important
    }
    body .benefitsOfFiber .breakfast_slider .slider_wrapper,
    html .benefitsOfFiber .breakfast_slider .slider_wrapper {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/nutrition/the-benefits-of-fiber/slider_bg.png) center center no-repeat;
        background-size: 100%;
        margin: 30px auto 0;
        width: calc((100vw / 95) * 59)
    }
    body .benefitsOfFiber .breakfast_slider .slider,
    html .benefitsOfFiber .breakfast_slider .slider {
        left: -12px;
        width: calc((100vw / 38) * 23)
    }
    body .benefitsOfFiber .breakfast_slider .breakfast_items ul li h5,
    html .benefitsOfFiber .breakfast_slider .breakfast_items ul li h5 {
        color: #333;
        font-family: KelloggsSansBold;
        font-size: 14px;
        margin: 10px 0;
        line-height: 100%;
        width: 100px;
        width: calc((100vw / 19) * 2)
    }
}

@media (max-width:601px) {
    body .benefitsOfFiber .breakfast_slider .message,
    html .benefitsOfFiber .breakfast_slider .message {
        background: #d31145;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        border-radius: 8px;
        height: 72px;
        margin: 0 auto 6px;
        padding-bottom: 15px;
        position: relative;
        width: calc((100vw / 60) * 53)
    }
    body .benefitsOfFiber .breakfast_slider .message .pointer,
    html .benefitsOfFiber .breakfast_slider .message .pointer {
        position: absolute;
        width: 29px;
        height: 45px;
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/nutrition/the-benefits-of-fiber/pointer_bg.png) no-repeat;
        bottom: -16px;
        left: 0
    }
    body .benefitsOfFiber .breakfast_slider .message .Number1,
    html .benefitsOfFiber .breakfast_slider .message .Number1 {
        position: absolute;
        left: calc((100vw / 120) * 19)
    }
    body .benefitsOfFiber .breakfast_slider .message .Number2,
    html .benefitsOfFiber .breakfast_slider .message .Number2 {
        position: absolute;
        left: calc((100vw / 300) * 103)
    }
    body .benefitsOfFiber .breakfast_slider .message .Number3,
    html .benefitsOfFiber .breakfast_slider .message .Number3 {
        position: absolute;
        left: calc((100vw / 25) * 13)
    }
    body .benefitsOfFiber .breakfast_slider .message .Number4,
    html .benefitsOfFiber .breakfast_slider .message .Number4 {
        position: absolute;
        left: calc((100vw / 150) * 103)
    }
    body .benefitsOfFiber .breakfast_slider .message .Number5,
    html .benefitsOfFiber .breakfast_slider .message .Number5 {
        position: absolute;
        left: auto;
        right: 0
    }
    body .benefitsOfFiber .breakfast_slider .message h3,
    html .benefitsOfFiber .breakfast_slider .message h3 {
        font-size: 16px!important
    }
    body .benefitsOfFiber .breakfast_slider .slider_wrapper,
    html .benefitsOfFiber .breakfast_slider .slider_wrapper {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/nutrition/the-benefits-of-fiber/slider_bg.png) center center no-repeat;
        background-size: 100%;
        margin: 30px auto 0;
        width: calc((100vw / 60) * 53)
    }
    body .benefitsOfFiber .breakfast_slider .slider,
    html .benefitsOfFiber .breakfast_slider .slider {
        left: -12px;
        width: calc((100vw / 120) * 103)
    }
    body .benefitsOfFiber .breakfast_slider .breakfast_items ul li h5,
    html .benefitsOfFiber .breakfast_slider .breakfast_items ul li h5 {
        color: #333;
        font-family: KelloggsSansBold;
        font-size: 14px;
        font-size: calc((100vw / 300) * 7);
        margin: 20px 0;
        line-height: 100%;
        width: calc((100vw / 6) * 1);
        -ms-transform: rotate(64deg);
        -webkit-transform: rotate(64deg);
        transform: rotate(64deg)
    }
}

@media (max-width:350px) {
    body .benefitsOfFiber .breakfast_slider .message,
    html .benefitsOfFiber .breakfast_slider .message {
        background: #d31145;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        border-radius: 8px;
        height: 72px;
        margin: 0 auto 6px;
        padding-bottom: 15px;
        padding-top: 17px;
        position: relative;
        width: calc((100vw / 35) * 29)
    }
    body .benefitsOfFiber .breakfast_slider .message .pointer,
    html .benefitsOfFiber .breakfast_slider .message .pointer {
        position: absolute;
        width: 29px;
        height: 45px;
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/nutrition/the-benefits-of-fiber/pointer_bg.png) no-repeat;
        bottom: -16px;
        left: 0
    }
    body .benefitsOfFiber .breakfast_slider .message .Number1,
    html .benefitsOfFiber .breakfast_slider .message .Number1 {
        position: absolute;
        left: calc((100vw / 7) * 1)
    }
    body .benefitsOfFiber .breakfast_slider .message .Number2,
    html .benefitsOfFiber .breakfast_slider .message .Number2 {
        position: absolute;
        left: calc((100vw / 175) * 54)
    }
    body .benefitsOfFiber .breakfast_slider .message .Number3,
    html .benefitsOfFiber .breakfast_slider .message .Number3 {
        position: absolute;
        left: calc((100vw / 175) * 82)
    }
    body .benefitsOfFiber .breakfast_slider .message .Number4,
    html .benefitsOfFiber .breakfast_slider .message .Number4 {
        position: absolute;
        left: calc((100vw / 175) * 107)
    }
    body .benefitsOfFiber .breakfast_slider .message .Number5,
    html .benefitsOfFiber .breakfast_slider .message .Number5 {
        position: absolute;
        left: auto;
        right: 0
    }
    body .benefitsOfFiber .breakfast_slider .message h3,
    html .benefitsOfFiber .breakfast_slider .message h3 {
        background: 0 0!important;
        font-size: 18px!important;
        font-size: calc((100vw / 175) * 9)!important;
        line-height: 100%;
        text-align: center;
        width: 90%
    }
    body .benefitsOfFiber .breakfast_slider .slider_wrapper,
    html .benefitsOfFiber .breakfast_slider .slider_wrapper {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/nutrition/the-benefits-of-fiber/slider_bg.png) center center no-repeat;
        background-size: 100%;
        margin: 30px auto 0;
        width: calc((100vw / 35) * 29)
    }
    body .benefitsOfFiber .breakfast_slider .slider,
    html .benefitsOfFiber .breakfast_slider .slider {
        left: -12px;
        width: calc((100vw / 5) * 4)
    }
    body .benefitsOfFiber .breakfast_slider .breakfast_items ul li h5,
    html .benefitsOfFiber .breakfast_slider .breakfast_items ul li h5 {
        color: #333;
        font-family: KelloggsSansBold;
        font-size: 14px;
        margin: 30px -30px;
        line-height: 100%;
        width: 100px;
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

body .benefitsOfFiber .fiberRecipes h2,
html .benefitsOfFiber .fiberRecipes h2 {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 20px 0
}

body .benefitsOfFiber .fiberRecipes .twoThirds img,
html .benefitsOfFiber .fiberRecipes .twoThirds img {
    float: left;
    display: inline;
    width: 65%
}

body .benefitsOfFiber .fiberRecipes .twoThirds .copy,
html .benefitsOfFiber .fiberRecipes .twoThirds .copy {
    float: left;
    display: inline;
    width: 35%;
    padding: 0 10px
}

body .benefitsOfFiber .fiberRecipes .twoThirds .copy h3,
html .benefitsOfFiber .fiberRecipes .twoThirds .copy h3 {
    padding: 0;
    line-height: 100%;
    font-size: 10px;
    font-size: 1rem
}

@media (max-width:999px) {
    body .benefitsOfFiber .fiberRecipes .twoThirds img,
    html .benefitsOfFiber .fiberRecipes .twoThirds img {
        float: left;
        display: inline;
        width: 50%
    }
    body .benefitsOfFiber .fiberRecipes .twoThirds .copy,
    html .benefitsOfFiber .fiberRecipes .twoThirds .copy {
        float: left;
        display: inline;
        width: 50%;
        padding: 0 0 0 20px
    }
    body .benefitsOfFiber .fiberRecipes .twoThirds .copy h3,
    html .benefitsOfFiber .fiberRecipes .twoThirds .copy h3 {
        padding: 0;
        line-height: 100%;
        font-size: 10px;
        font-size: 1rem
    }
}

body .benefitsOfFiber .fiberRecipes .oneThird,
html .benefitsOfFiber .fiberRecipes .oneThird {
    float: left;
    display: inline-block;
    background: #f0ddbf;
    padding: 10px
}

body .benefitsOfFiber .fiberRecipes .oneThird h3,
html .benefitsOfFiber .fiberRecipes .oneThird h3 {
    font-size: 8px;
    font-size: .8rem;
    padding-bottom: 10px
}

body .benefitsOfFiber .fiberRecipes .oneThird a,
html .benefitsOfFiber .fiberRecipes .oneThird a {
    float: left;
    display: inline-block;
    width: 100%;
    padding: 0 0 10px
}

body .benefitsOfFiber .fiberRecipes .oneThird a img,
html .benefitsOfFiber .fiberRecipes .oneThird a img {
    float: left;
    display: inline-block
}

body .benefitsOfFiber .fiberRecipes .oneThird a h3,
html .benefitsOfFiber .fiberRecipes .oneThird a h3 {
    float: left;
    display: inline-block;
    color: #000;
    width: 50%;
    padding: 10px;
    text-decoration: underline
}

body .benefitsOfFiber .fiberRecipes .oneThird a h3:hover,
html .benefitsOfFiber .fiberRecipes .oneThird a h3:hover {
    text-decoration: none!important
}

body .benefitsOfFiber .fiberRecipes .oneThird a:last-child,
html .benefitsOfFiber .fiberRecipes .oneThird a:last-child {
    padding: 0
}

@media (max-width:999px) {
    body .benefitsOfFiber .fiberRecipes .oneThird,
    html .benefitsOfFiber .fiberRecipes .oneThird {
        margin-top: 20px;
        width: 100%
    }
    body .benefitsOfFiber .fiberRecipes .oneThird a,
    html .benefitsOfFiber .fiberRecipes .oneThird a {
        width: 33.3%
    }
}

@media (max-width:534px) {
    body .benefitsOfFiber .fiberRecipes .oneThird,
    html .benefitsOfFiber .fiberRecipes .oneThird {
        margin-top: 20px;
        width: 100%
    }
    body .benefitsOfFiber .fiberRecipes .oneThird a,
    html .benefitsOfFiber .fiberRecipes .oneThird a {
        width: 33.3%;
        padding: 10px;
        border: 1px solid red
    }
    body .benefitsOfFiber .fiberRecipes .oneThird a img,
    html .benefitsOfFiber .fiberRecipes .oneThird a img {
        float: none;
        display: block;
        width: 100%
    }
    body .benefitsOfFiber .fiberRecipes .oneThird a h3,
    html .benefitsOfFiber .fiberRecipes .oneThird a h3 {
        float: none;
        display: block;
        width: 100%;
        padding: 10px 0;
        text-align: center
    }
    body .benefitsOfFiber .fiberRecipes .oneThird a:last-child,
    html .benefitsOfFiber .fiberRecipes .oneThird a:last-child {
        padding: 10px
    }
}

body .chooseMyBowl,
html .chooseMyBowl {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/napa_background.jpg) no-repeat!important
}

body .chooseMyBowl .wideColumn,
html .chooseMyBowl .wideColumn {
    padding: 20px!important
}

body .chooseMyBowl .wideColumn h1,
html .chooseMyBowl .wideColumn h1 {
    font-size: 13px;
    font-size: 1.3rem;
    margin-top: -20px
}

body .chooseMyBowl .wideColumn h1.bigH1,
html .chooseMyBowl .wideColumn h1.bigH1 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-top: -20px
}

body .chooseMyBowl .wideColumn h2,
html .chooseMyBowl .wideColumn h2 {
    font-size: 11px;
    font-size: 1.1rem;
    padding: 10px 0 0
}

body .chooseMyBowl .wideColumn p,
html .chooseMyBowl .wideColumn p {
    font-size: 9px;
    font-size: .9rem;
    /*font-family: "Lucida Grande", Lucida, "Trebuchet MS", Arial, sans-serif;*/
    color: #6c665b!important;
    line-height: 120%;
    padding-top: 10px
}

body .chooseMyBowl .wideColumn p.bigP,
html .chooseMyBowl .wideColumn p.bigP {
    font-size: 10px;
    font-size: 1rem;
    /*font-family: "Lucida Grande", Lucida, "Trebuchet MS", Arial, sans-serif!important;*/
    font-weight: 400!important;
    line-height: 150%;
    width: 90%
}

body .chooseMyBowl .wideColumn .pod,
html .chooseMyBowl .wideColumn .pod {
    margin-top: 20px;
    width: 90%
}

body .chooseMyBowl .wideColumn .pod img,
html .chooseMyBowl .wideColumn .pod img {
    width: 100%
}

body .chooseMyBowl .wideColumn .pod h3,
html .chooseMyBowl .wideColumn .pod h3 {
    font-size: 10px;
    font-size: 1rem;
    line-height: 120%
}

@media (max-width:601px) {
    body .chooseMyBowl .wideColumn .pod,
    html .chooseMyBowl .wideColumn .pod {
        width: 100%
    }
}

body .chooseMyBowl .wideColumn .overLine,
html .chooseMyBowl .wideColumn .overLine {
    width: 94%;
    border-top: 1px solid #000;
    margin-top: 20px
}

body .chooseMyBowl .wideColumn .overLine h4,
html .chooseMyBowl .wideColumn .overLine h4 {
    font-size: 10px;
    font-size: 1rem;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x;
    padding: 8px 0
}

body .chooseMyBowl .wideColumn .overLine .hr,
html .chooseMyBowl .wideColumn .overLine .hr {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x;
    margin: 10px 0;
    padding: 1px
}

body .chooseMyBowl .wideColumn .overLine .strongItalics,
html .chooseMyBowl .wideColumn .overLine .strongItalics {
    font-family: KelloggsSansBoldItalic;
    color: #000!important;
    padding-top: 10px
}

body .chooseMyBowl .wideColumn .overLine a,
html .chooseMyBowl .wideColumn .overLine a {
    font-family: KelloggsSansRegular!important
}

@media (max-width:601px) {
    body .chooseMyBowl .wideColumn .overLine,
    html .chooseMyBowl .wideColumn .overLine {
        width: 100%
    }
    body .chooseMyBowl .wideColumn h1,
    html .chooseMyBowl .wideColumn h1 {
        margin-top: 0
    }
    body .chooseMyBowl .wideColumn .button,
    html .chooseMyBowl .wideColumn .button {
        font-size: 20px!important
    }
}

body .chooseMyBowl .wideColumn .floatContainer,
html .chooseMyBowl .wideColumn .floatContainer {
    float: left;
    display: block;
    clear: left;
    padding-bottom: 10px
}

body .chooseMyBowl .wideColumn .leftPhoto,
html .chooseMyBowl .wideColumn .leftPhoto {
    float: left;
    display: inline;
    padding: 0 20px 10px 0
}

body .chooseMyBowl .wideColumn .leftPhoto img,
html .chooseMyBowl .wideColumn .leftPhoto img {
    border: 1px solid #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

body .chooseMyBowl .wideColumn .rightPhoto,
html .chooseMyBowl .wideColumn .rightPhoto {
    float: right;
    display: inline;
    padding: 0 0 10px 20px
}

body .chooseMyBowl .wideColumn .rightPhoto img,
html .chooseMyBowl .wideColumn .rightPhoto img {
    border: 1px solid #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

body .chooseMyBowl .wideColumn .arrowLink:after,
html .chooseMyBowl .wideColumn .arrowLink:after {
    content: ' ';
    display: inline-block;
    width: 9px;
    height: 9px;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/icon-bkg-ex-link.png) no-repeat
}

@media (max-width:700px) {
    body .chooseMyBowl .wideColumn .clearingLink,
    html .chooseMyBowl .wideColumn .clearingLink {
        float: left;
        display: inline-block
    }
}

body .chooseMyBowl .heroCarousel .flexslider,
html .chooseMyBowl .heroCarousel .flexslider {
    margin-top: 20px;
    z-index: 1!important;
    opacity: .99!important;
    background: 0 0!important
}

body .chooseMyBowl .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset,
html .chooseMyBowl .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset {
    background: 0 0;
    width: 100%;
    max-width: unset;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

body .chooseMyBowl .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text,
html .chooseMyBowl .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text {
    /*padding: 10px*/
}

body .chooseMyBowl .heroCarousel ol.flex-control-nav,
html .chooseMyBowl .heroCarousel ol.flex-control-nav {
    width: unset!important;
    height: 18px;
    right: 4px
}

body .chooseMyBowl .heroCarousel ol.flex-control-nav li,
html .chooseMyBowl .heroCarousel ol.flex-control-nav li {
    margin: 0 2px
}

body .chooseMyBowl .heroCarousel ol.flex-control-nav li a,
html .chooseMyBowl .heroCarousel ol.flex-control-nav li a {
    border: 0;
    background: #fff!important;
    opacity: .5
}

body .chooseMyBowl .heroCarousel ol.flex-control-nav li a.flex-active,
html .chooseMyBowl .heroCarousel ol.flex-control-nav li a.flex-active {
    opacity: 1
}

@media (max-width:601px) {
    body .chooseMyBowl .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset,
    html .chooseMyBowl .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset {
        margin-top: 0
    }
    body .chooseMyBowl .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text,
    html .chooseMyBowl .heroCarousel .flexslider ul li .kstl-full-image-slide .kstl-feature-inset .kstl-rich-text {
        padding: 0
    }
    body .chooseMyBowl .heroCarousel ol.flex-control-nav,
    html .chooseMyBowl .heroCarousel ol.flex-control-nav {
        display: block
    }
}

body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide,
html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide {
    background: 0 0!important
}

body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset,
html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset {
    height: auto;
    min-height: 425px
}

body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text,
html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text {
    padding: 0;
    position: relative;
    width: 100%;
    height: auto
}

body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .inner,
html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .inner {
    margin-top: 0;
    margin-right: 80px;
    margin-left: 110px;
    min-height: 425px;
    padding: 40px 0
}

body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .inner .copy,
html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .inner .copy {
    width: 64%;
    float: left;
    color: #fff
}

body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .inner .copy h1,
html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .inner .copy h1 {
    font-size: 57px;
    padding: 0!important;
    line-height: 100%
}

body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .inner .copy h2,
html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .inner .copy h2 {
    font-size: 18px
}

body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .inner .copy p,
html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .inner .copy p {
    font-size: 14px
}

@media (max-width:900px) {
    body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .inner .copy,
    html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .inner .copy {
        width: 100%;
        padding-bottom: 40px
    }
}

body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .inner img.myBowl,
html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .inner img.myBowl {
    float: right;
    display: inline-block;
    width: 34%
}

@media (max-width:980px) {
    body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .inner img.myBowl,
    html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .inner img.myBowl {
        float: none;
        display: block;
        width: 30%;
        margin: 10px auto
    }
}

@media (max-width:601px) {
    body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .inner img.myBowl,
    html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .inner img.myBowl {
        float: none;
        display: block;
        width: 50%;
        margin: 10px auto
    }
    body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .inner,
    html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .inner {
        margin-right: calc((100vw / 15) * 2);
        margin-left: calc((100vw / 15) * 2)
    }
}

body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .footer,
html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .footer {
    color: #6c665b;
    font-size: 7px;
    font-size: .7rem;
    font-family: KelloggsSansItalic;
    line-height: 120%;
    width: 29%;
    padding: 40px 0 15px 110px
}

@media (max-width:980px) {
    body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .footer,
    html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .footer {
        width: 29%;
        padding: calc((100vw / 95) * 4) 0 15px calc((100vw / 95) * 11)
    }
}

@media (max-width:601px) {
    body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .footer,
    html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .footer {
        width: 100%;
        padding: calc((100vw / 15) * 1) calc((100vw / 15) * 1) 15px calc((100vw / 600) * 107)
    }
}

body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideOne,
html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideOne {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide1Bottom.png) left bottom no-repeat, url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide1Top.png) left top no-repeat;
    background-size: 100%, 100%
}

body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideOne .copy,
html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideOne .copy {
    position: relative
}

body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideOne .copy .button,
html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideOne .copy .button {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #b61946!important;
    background: -moz-linear-gradient(top, #b61946 -1%, #e42057 9%, #cd1c4f 37%, #b61946 81%, #b61946 85%, #e42057 100%)!important;
    background: -webkit-linear-gradient(top, #b61946 -1%, #e42057 9%, #cd1c4f 37%, #b61946 81%, #b61946 85%, #e42057 100%)!important;
    background: linear-gradient(to bottom, #b61946 -1%, #e42057 9%, #cd1c4f 37%, #b61946 81%, #b61946 85%, #e42057 100%)!important;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#b61946', endColorstr='#e42057', GradientType=0)!important;
    padding: 10px 14px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    border-radius: 24px;
    text-shadow: 2px 2px 8px red
}

body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideOne .copy .button:after,
html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideOne .copy .button:after {
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    background: #f285a4;
    background: -moz-linear-gradient(top, #f285a4 0, #bb1a48 100%);
    background: -webkit-linear-gradient(top, #f285a4 0, #bb1a48 100%);
    background: linear-gradient(to bottom, #f285a4 0, #bb1a48 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f285a4', endColorstr='#bb1a48', GradientType=0);
    content: '';
    z-index: -1;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    border-radius: 24px;
    -webkit-box-shadow: 0 0 1px 1px #6f1b2b;
    -moz-box-shadow: 0 0 1px 1px #6f1b2b;
    box-shadow: 0 0 1px 1px #6f1b2b
}

body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideOne .copy .button:hover,
html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideOne .copy .button:hover {
    color: #fff;
    text-decoration: none;
    background: #b61946!important;
    background: -moz-linear-gradient(bottom, #b61946 -1%, #e42057 9%, #cd1c4f 37%, #b61946 81%, #b61946 85%, #e42057 100%)!important;
    background: -webkit-linear-gradient(bottom, #b61946 -1%, #e42057 9%, #cd1c4f 37%, #b61946 81%, #b61946 85%, #e42057 100%)!important;
    background: linear-gradient(to top, #b61946 -1%, #e42057 9%, #cd1c4f 37%, #b61946 81%, #b61946 85%, #e42057 100%)!important;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#b61946', endColorstr='#e42057', GradientType=0)!important
}

body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideOne .footer,
html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideOne .footer {
    width: 50%;
    padding: 27px 0 15px 110px
}

@media (max-width:980px) {
    body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideOne,
    html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideOne {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide1Bottom.png), url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide1Top.png), -moz-linear-gradient(top, rgba(194, 217, 71, 0) 0, rgba(194, 217, 71, 0) calc((100vw / 19) * 5), #c2d947 calc((100vw / 19) * 5), #c2d947 100%);
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide1Bottom.png), url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide1Top.png), -webkit-linear-gradient(top, rgba(194, 217, 71, 0) 0, rgba(194, 217, 71, 0) calc((100vw / 19) * 5), #c2d947 calc((100vw / 19) * 5), #c2d947 100%);
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide1Bottom.png), url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide1Top.png), linear-gradient(to bottom, rgba(194, 217, 71, 0) 0, rgba(194, 217, 71, 0) calc((100vw / 19) * 5), #c2d947 calc((100vw / 19) * 5), #c2d947 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00c2d947', endColorstr='#c2d947', GradientType=0);
        background-repeat: no-repeat, no-repeat;
        background-position: left bottom, left top;
        background-size: 100%, 100%
    }
    body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideOne .footer,
    html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideOne .footer {
        padding: 40px 0 15px 110px;
        padding: calc((100vw / 95) * 4) 0 15px calc((100vw / 95) * 11)
    }
}

@media (max-width:900px) {
    body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideOne .copy,
    html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideOne .copy {
        width: 75%
    }
    body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideOne .copy .button,
    html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideOne .copy .button {
        margin-right: 25%;
        bottom: 25%
    }
}

@media (max-width:601px) {
    body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideOne,
    html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideOne {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide1BottomMobile.png), url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide1TopMobile.png), -moz-linear-gradient(top, rgba(194, 217, 71, 0) 0, rgba(194, 217, 71, 0) calc((100vw / 12) * 5), #c2d947 calc((100vw / 12) * 5), #c2d947 100%);
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide1BottomMobile.png), url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide1TopMobile.png), -webkit-linear-gradient(top, rgba(194, 217, 71, 0) 0, rgba(194, 217, 71, 0) calc((100vw / 12) * 5), #c2d947 calc((100vw / 12) * 5), #c2d947 100%);
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide1BottomMobile.png), url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide1TopMobile.png), linear-gradient(to bottom, rgba(194, 217, 71, 0) 0, rgba(194, 217, 71, 0) calc((100vw / 12) * 5), #c2d947 calc((100vw / 12) * 5), #c2d947 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00c2d947', endColorstr='#c2d947', GradientType=0);
        background-repeat: no-repeat, no-repeat;
        background-position: left bottom, left top;
        background-size: 100%, 100%
    }
    body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideOne .copy .button,
    html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideOne .copy .button {
        font-size: 14px
    }
    body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideOne .footer,
    html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideOne .footer {
        width: 100%
    }
}

body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideTwo,
html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideTwo {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide2Bottom.png) left bottom no-repeat, url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide2Top.png) left top no-repeat;
    background-size: 100%, 100%
}

@media (max-width:980px) {
    body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideTwo,
    html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideTwo {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide2Bottom.png), url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide2Top.png), -moz-linear-gradient(top, rgba(247, 148, 30, 0) 0, rgba(247, 148, 30, 0) calc((100vw / 19) * 5), #f7941e calc((100vw / 19) * 5), #f7941e 100%);
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide2Bottom.png), url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide2Top.png), -webkit-linear-gradient(top, rgba(247, 148, 30, 0) 0, rgba(247, 148, 30, 0) calc((100vw / 19) * 5), #f7941e calc((100vw / 19) * 5), #f7941e 100%);
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide2Bottom.png), url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide2Top.png), linear-gradient(to bottom, rgba(247, 148, 30, 0) 0, rgba(247, 148, 30, 0) calc((100vw / 19) * 5), #f7941e calc((100vw / 19) * 5), #f7941e 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00f7941e', endColorstr='#f7941e', GradientType=0);
        background-repeat: no-repeat, no-repeat;
        background-position: left bottom, left top;
        background-size: 100%, 100%
    }
}

@media (max-width:601px) {
    body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideTwo,
    html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideTwo {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide2BottomMobile.png), url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide2TopMobile.png), -moz-linear-gradient(top, rgba(247, 148, 30, 0) 0, rgba(247, 148, 30, 0) calc((100vw / 12) * 5), #f7941e calc((100vw / 12) * 5), #f7941e 100%);
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide2BottomMobile.png), url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide2TopMobile.png), -webkit-linear-gradient(top, rgba(247, 148, 30, 0) 0, rgba(247, 148, 30, 0) calc((100vw / 12) * 5), #f7941e calc((100vw / 12) * 5), #f7941e 100%);
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide2BottomMobile.png), url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide2TopMobile.png), linear-gradient(to bottom, rgba(247, 148, 30, 0) 0, rgba(247, 148, 30, 0) calc((100vw / 12) * 5), #f7941e calc((100vw / 12) * 5), #f7941e 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00f7941e', endColorstr='#f7941e', GradientType=0);
        background-repeat: no-repeat, no-repeat;
        background-position: left bottom, left top;
        background-size: 100%, 100%
    }
}

body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideThree,
html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideThree {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide3Bottom.png) left bottom no-repeat, url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide3Top.png) left top no-repeat;
    background-size: 100%, 100%
}

body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideThree .copy .disclaimer,
html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideThree .copy .disclaimer {
    padding-top: 20px;
    width: 36%;
    font-size: 68%
}

@media (max-width:980px) {
    body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideThree,
    html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideThree {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide3Bottom.png), url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide3Top.png), -moz-linear-gradient(top, rgba(120, 182, 228, 0) 0, rgba(120, 182, 228, 0) calc((100vw / 19) * 5), #78b6e4 calc((100vw / 19) * 5), #78b6e4 100%);
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide3Bottom.png), url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide3Top.png), -webkit-linear-gradient(top, rgba(120, 182, 228, 0) 0, rgba(120, 182, 228, 0) calc((100vw / 19) * 5), #78b6e4 calc((100vw / 19) * 5), #78b6e4 100%);
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide3Bottom.png), url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide3Top.png), linear-gradient(to bottom, rgba(120, 182, 228, 0) 0, rgba(120, 182, 228, 0) calc((100vw / 19) * 5), #78b6e4 calc((100vw / 19) * 5), #78b6e4 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0078b6e4', endColorstr='#78b6e4', GradientType=0);
        background-repeat: no-repeat, no-repeat;
        background-position: left bottom, left top;
        background-size: 100%, 100%
    }
}

@media (max-width:601px) {
    body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideThree,
    html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideThree {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide3BottomMobile.png), url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide3TopMobile.png), -moz-linear-gradient(top, rgba(120, 182, 228, 0) 0, rgba(120, 182, 228, 0) calc((100vw / 12) * 5), #78b6e4 calc((100vw / 12) * 5), #78b6e4 100%);
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide3BottomMobile.png), url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide3TopMobile.png), -webkit-linear-gradient(top, rgba(120, 182, 228, 0) 0, rgba(120, 182, 228, 0) calc((100vw / 12) * 5), #78b6e4 calc((100vw / 12) * 5), #78b6e4 100%);
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide3BottomMobile.png), url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide3TopMobile.png), linear-gradient(to bottom, rgba(120, 182, 228, 0) 0, rgba(120, 182, 228, 0) calc((100vw / 12) * 5), #78b6e4 calc((100vw / 12) * 5), #78b6e4 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0078b6e4', endColorstr='#78b6e4', GradientType=0);
        background-repeat: no-repeat, no-repeat;
        background-position: left bottom, left top;
        background-size: 100%, 100%
    }
}

body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideFour,
html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideFour {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide4Bottom.png) left bottom no-repeat, url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide4Top.png) left top no-repeat;
    background-size: 100%, 100%
}

body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideFour .footer,
html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideFour .footer {
    color: #fff
}

@media (max-width:980px) {
    body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideFour,
    html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideFour {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide4Bottom.png), url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide4Top.png), -moz-linear-gradient(top, rgba(211, 17, 69, 0) 0, rgba(211, 17, 69, 0) calc((100vw / 19) * 5), #d31145 calc((100vw / 19) * 5), #d31145 100%);
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide4Bottom.png), url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide4Top.png), -webkit-linear-gradient(top, rgba(211, 17, 69, 0) 0, rgba(211, 17, 69, 0) calc((100vw / 19) * 5), #d31145 calc((100vw / 19) * 5), #d31145 100%);
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide4Bottom.png), url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide4Top.png), linear-gradient(to bottom, rgba(211, 17, 69, 0) 0, rgba(211, 17, 69, 0) calc((100vw / 19) * 5), #d31145 calc((100vw / 19) * 5), #d31145 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00d31145', endColorstr='#d31145', GradientType=0);
        background-repeat: no-repeat, no-repeat;
        background-position: left bottom, left top;
        background-size: 100%, 100%
    }
}

@media (max-width:601px) {
    body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideFour,
    html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideFour {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide4BottomMobile.png), url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide4TopMobile.png), -moz-linear-gradient(top, rgba(211, 17, 69, 0) 0, rgba(211, 17, 69, 0) calc((100vw / 12) * 5), #d31145 calc((100vw / 12) * 5), #d31145 100%);
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide4BottomMobile.png), url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide4TopMobile.png), -webkit-linear-gradient(top, rgba(211, 17, 69, 0) 0, rgba(211, 17, 69, 0) calc((100vw / 12) * 5), #d31145 calc((100vw / 12) * 5), #d31145 100%);
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide4BottomMobile.png), url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide4TopMobile.png), linear-gradient(to bottom, rgba(211, 17, 69, 0) 0, rgba(211, 17, 69, 0) calc((100vw / 12) * 5), #d31145 calc((100vw / 12) * 5), #d31145 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00d31145', endColorstr='#d31145', GradientType=0);
        background-repeat: no-repeat, no-repeat;
        background-position: left bottom, left top;
        background-size: 100%, 100%
    }
}

body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideFive,
html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideFive {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide5Bottom.png) left bottom no-repeat, url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide5Top.png) left top no-repeat;
    background-size: 100%, 100%
}

body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideFive .copy,
html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideFive .copy {
    color: #47423c
}

body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideFive .copy h1,
html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideFive .copy h1 {
    color: #f8981d;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 120%
}

body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideFive .copy h2,
html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideFive .copy h2 {
    margin-top: 10px
}

body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideFive .copy ul,
html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideFive .copy ul {
    font-family: KelloggsSansBold;
    font-size: 8px;
    font-size: .8rem;
    margin: 10px 0 0 20px
}

body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideFive .copy ul li,
html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideFive .copy ul li {
    padding: 4px 0;
    list-style-type: disc
}

body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideFive .copy ul span,
html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideFive .copy ul span {
    font-family: KelloggsSansMediumItalic
}

@media (max-width:980px) {
    body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideFive,
    html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideFive {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide5Bottom.png), url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide5Top.png), -moz-linear-gradient(top, rgba(245, 245, 241, 0) 0, rgba(245, 245, 241, 0) calc((100vw / 19) * 5), #f5f5f1 calc((100vw / 19) * 5), #f5f5f1 100%);
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide5Bottom.png), url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide5Top.png), -webkit-linear-gradient(top, rgba(245, 245, 241, 0) 0, rgba(245, 245, 241, 0) calc((100vw / 19) * 5), #f5f5f1 calc((100vw / 19) * 5), #f5f5f1 100%);
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide5Bottom.png), url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide5Top.png), linear-gradient(to bottom, rgba(245, 245, 241, 0) 0, rgba(245, 245, 241, 0) calc((100vw / 19) * 5), #f5f5f1 calc((100vw / 19) * 5), #f5f5f1 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00f5f5f1', endColorstr='#f5f5f1', GradientType=0);
        background-repeat: no-repeat, no-repeat;
        background-position: left bottom, left top;
        background-size: 100%, 100%
    }
}

@media (max-width:601px) {
    body .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideFive,
    html .chooseMyBowl .flexslider ul li .kstl-carousel-grid-slide .slideInset .kstl-rich-text .slideFive {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide5BottomMobile.png), url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide5TopMobile.png), -moz-linear-gradient(top, rgba(245, 245, 241, 0) 0, rgba(245, 245, 241, 0) calc((100vw / 12) * 5), #f5f5f1 calc((100vw / 12) * 5), #f5f5f1 100%);
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide5BottomMobile.png), url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide5TopMobile.png), -webkit-linear-gradient(top, rgba(245, 245, 241, 0) 0, rgba(245, 245, 241, 0) calc((100vw / 12) * 5), #f5f5f1 calc((100vw / 12) * 5), #f5f5f1 100%);
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide5BottomMobile.png), url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/slide5TopMobile.png), linear-gradient(to bottom, rgba(245, 245, 241, 0) 0, rgba(245, 245, 241, 0) calc((100vw / 12) * 5), #f5f5f1 calc((100vw / 12) * 5), #f5f5f1 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00f5f5f1', endColorstr='#f5f5f1', GradientType=0);
        background-repeat: no-repeat, no-repeat;
        background-position: left bottom, left top;
        background-size: 100%, 100%
    }
}

body .chooseMyBowl ol.flex-control-nav,
html .chooseMyBowl ol.flex-control-nav {
    height: 18px;
    right: 50%!important;
    bottom: -38px;
    margin-right: -37.5px!important
}

body .chooseMyBowl ol.flex-control-nav li,
html .chooseMyBowl ol.flex-control-nav li {
    margin: 0 2px
}

body .chooseMyBowl ol.flex-control-nav li a,
html .chooseMyBowl ol.flex-control-nav li a {
    border: 0;
    background: #d31145!important;
    opacity: .5
}

body .chooseMyBowl ol.flex-control-nav li a.flex-active,
html .chooseMyBowl ol.flex-control-nav li a.flex-active {
    opacity: 1
}

body .chooseMyBowl ul.flex-direction-nav .flex-nav-prev a.flex-prev,
html .chooseMyBowl ul.flex-direction-nav .flex-nav-prev a.flex-prev {
    width: 38px;
    height: 77px;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/btn-arrow-left.png) no-repeat!important;
    background-size: 100% 100%!important;
    left: 0!important;
    top: 178px;
    opacity: 1!important
}

body .chooseMyBowl ul.flex-direction-nav .flex-nav-next a.flex-next,
html .chooseMyBowl ul.flex-direction-nav .flex-nav-next a.flex-next {
    width: 38px;
    height: 77px;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/choose-my-bowl/btn-arrow-right.png) no-repeat!important;
    background-size: 100% 100%!important;
    right: 0!important;
    top: 178px;
    opacity: 1!important
}

@media (max-width:980px) {
    body .chooseMyBowl ul.flex-direction-nav .flex-nav-prev a.flex-prev,
    html .chooseMyBowl ul.flex-direction-nav .flex-nav-prev a.flex-prev {
        width: calc((100vw / 25) * 1);
        height: calc((100vw / 980) * 77);
        left: 0!important;
        top: calc((100vw / 475) * 89)
    }
    body .chooseMyBowl ul.flex-direction-nav .flex-nav-next a.flex-next,
    html .chooseMyBowl ul.flex-direction-nav .flex-nav-next a.flex-next {
        width: calc((100vw / 25) * 1);
        height: calc((100vw / 980) * 77);
        right: 0!important;
        top: calc((100vw / 475) * 89)
    }
}

@media (max-width:601px) {
    body .chooseMyBowl ul.flex-direction-nav .flex-nav-prev a.flex-prev,
    html .chooseMyBowl ul.flex-direction-nav .flex-nav-prev a.flex-prev {
        width: calc((100vw / 300) * 19);
        height: calc((100vw / 600) * 77);
        left: 0!important;
        top: calc((100vw / 300) * 89)
    }
    body .chooseMyBowl ul.flex-direction-nav .flex-nav-next a.flex-next,
    html .chooseMyBowl ul.flex-direction-nav .flex-nav-next a.flex-next {
        width: calc((100vw / 300) * 19);
        height: calc((100vw / 600) * 77);
        right: 0!important;
        top: calc((100vw / 300) * 89)
    }
}

body .chooseMyBowl .fullGrey,
html .chooseMyBowl .fullGrey {
    position: relative;
    border-top: 54px solid #d31145;
    background: #f0ece8;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 0 0 6px 6px;
    padding: 20px 40px!important
}

body .chooseMyBowl .fullGrey .oneHalf,
html .chooseMyBowl .fullGrey .oneHalf {
    padding: 20px!important
}

body .chooseMyBowl .fullGrey .oneHalf h3,
html .chooseMyBowl .fullGrey .oneHalf h3 {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 100%
}

body .chooseMyBowl .fullGrey .oneHalf .orangeBox,
html .chooseMyBowl .fullGrey .oneHalf .orangeBox {
    position: relative;
    background: #f8981d;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    margin: 20px 0;
    padding: 20px!important;
    color: #fff;
    min-height: 190px
}

body .chooseMyBowl .fullGrey .oneHalf .orangeBox h4,
html .chooseMyBowl .fullGrey .oneHalf .orangeBox h4 {
    font-size: 11px;
    font-size: 1.1rem
}

@media (max-width:400px) {
    body .chooseMyBowl .fullGrey .oneHalf .orangeBox h4,
    html .chooseMyBowl .fullGrey .oneHalf .orangeBox h4 {
        float: none;
        display: block;
        margin: 0 auto;
        width: 95%
    }
}

body .chooseMyBowl .fullGrey .oneHalf .orangeBox img,
html .chooseMyBowl .fullGrey .oneHalf .orangeBox img {
    float: left;
    display: inline;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    width: 40%;
    margin-top: 10px
}

@media (max-width:400px) {
    body .chooseMyBowl .fullGrey .oneHalf .orangeBox img,
    html .chooseMyBowl .fullGrey .oneHalf .orangeBox img {
        float: none;
        display: block;
        margin: 10px auto;
        width: 95%
    }
}

body .chooseMyBowl .fullGrey .oneHalf .orangeBox p,
html .chooseMyBowl .fullGrey .oneHalf .orangeBox p {
    float: left;
    display: inline;
    width: 60%;
    font-size: 8px;
    font-size: .8rem;
    line-height: 110%;
    padding: 2px 0 0 10px;
    margin-top: 10px
}

@media (max-width:400px) {
    body .chooseMyBowl .fullGrey .oneHalf .orangeBox p,
    html .chooseMyBowl .fullGrey .oneHalf .orangeBox p {
        float: none;
        display: block;
        margin: 10px auto;
        width: 95%
    }
}

body .chooseMyBowl .fullGrey .oneHalf p,
html .chooseMyBowl .fullGrey .oneHalf p {
    padding-left: 10px;
    font-size: 8px;
    font-size: .8rem
}

body .bowlContainer,
html .bowlContainer {
    padding: 0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px
}

body .community,
html .community {
    border: 1px solid red
}

body .community .multiContentGrid,
html .community .multiContentGrid {
    padding-top: 20px!important
}

body .community .multiContentGrid .desk-one-myFifth,
body .community .multiContentGrid .one-myFifth,
html .community .multiContentGrid .desk-one-myFifth,
html .community .multiContentGrid .one-myFifth {
    width: 22.5%!important
}

body .community .multiContentGrid .desk-four-myFifths,
body .community .multiContentGrid .four-myFifths,
html .community .multiContentGrid .desk-four-myFifths,
html .community .multiContentGrid .four-myFifths {
    width: 77.5%!important
}

body .community .leftMenu,
html .community .leftMenu {
    background: #fff;
    padding: 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

body .community .leftMenu h3,
html .community .leftMenu h3 {
    font-size: 12px;
    font-size: 1.2rem
}

body .community .leftMenu ul,
html .community .leftMenu ul {
    list-style-type: none
}

body .community .leftMenu ul li,
html .community .leftMenu ul li {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/arrow.png) 96% center no-repeat, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x;
    background-size: 14px, auto;
    padding: 6px 34px 6px 0
}

body .community .leftMenu ul li a,
html .community .leftMenu ul li a {
    font-size: 8px;
    font-size: .8rem
}

body .community .leftMenu li.disabled,
html .community .leftMenu li.disabled {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/arrowDark.png) 96% center no-repeat, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x;
    background-size: 14px, auto;
    font-size: 8px;
    font-size: .8rem;
    color: #d31145
}

body .community .leftMenu h1,
html .community .leftMenu h1 {
    font-size: 12px;
    font-size: 1.2rem
}

@media (max-width:601px) {
    body .community .multiContentGrid .lap-one-whole,
    body .community .multiContentGrid .palm-one-whole,
    html .community .multiContentGrid .lap-one-whole,
    html .community .multiContentGrid .palm-one-whole {
        width: 100%!important
    }
    body .community .leftMenu,
    html .community .leftMenu {
        padding: 0 10px;
        background: 0 0
    }
    body .community .leftMenu h3,
    html .community .leftMenu h3 {
        font-size: 16px!important;
        font-size: 1.6rem!important;
        padding-left: 20px
    }
    body .community .leftMenu ul,
    html .community .leftMenu ul {
        list-style-type: none;
        padding-bottom: 20px
    }
    body .community .leftMenu ul li,
    html .community .leftMenu ul li {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/arrow.png) 96% center no-repeat, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x;
        background-size: 14px, auto;
        padding: 6px 20px 10px!important
    }
    body .community .leftMenu ul li a,
    html .community .leftMenu ul li a {
        font-size: 14px!important;
        font-size: 1.4rem!important
    }
    body .community .leftMenu ul li:last-child,
    html .community .leftMenu ul li:last-child {
        background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/arrow.png) 96% center no-repeat, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x, url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x;
        background-size: 14px, auto, auto
    }
    body .community .leftMenu ul li.disabled,
    html .community .leftMenu ul li.disabled {
        font-size: 15px!important;
        font-size: 1.5rem!important;
        color: #af0113
    }
    body .community .leftMenu h1,
    html .community .leftMenu h1 {
        font-size: 16px;
        font-size: 1.6rem;
        padding: 0 0 20px 20px
    }
}

body .community .wideColumn,
html .community .wideColumn {
    padding: 20px!important
}

body .community .wideColumn h1,
html .community .wideColumn h1 {
    font-size: 13px;
    font-size: 1.3rem;
    margin-top: -20px
}

body .community .wideColumn h1.bigH1,
html .community .wideColumn h1.bigH1 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-top: -20px
}

body .community .wideColumn h2,
html .community .wideColumn h2 {
    font-size: 11px;
    font-size: 1.1rem;
    padding: 10px 0 0
}

body .community .wideColumn p,
html .community .wideColumn p {
    font-size: 9px;
    font-size: .9rem;
    /*font-family: "Lucida Grande", Lucida, "Trebuchet MS", Arial, sans-serif;*/
    color: #6c665b!important;
    line-height: 120%;
    padding-top: 10px
}

body .community .wideColumn p.bigP,
html .community .wideColumn p.bigP {
    font-size: 10px;
    font-size: 1rem;
    /*font-family: "Lucida Grande", Lucida, "Trebuchet MS", Arial, sans-serif!important;*/
    font-weight: 400!important;
    line-height: 150%;
    width: 90%
}

body .community .wideColumn .pod,
html .community .wideColumn .pod {
    margin-top: 20px;
    width: 90%
}

body .community .wideColumn .pod img,
html .community .wideColumn .pod img {
    width: 100%
}

body .community .wideColumn .pod h3,
html .community .wideColumn .pod h3 {
    font-size: 10px;
    font-size: 1rem;
    line-height: 120%
}

@media (max-width:601px) {
    body .community .wideColumn .pod,
    html .community .wideColumn .pod {
        width: 100%
    }
}

body .community .wideColumn .overLine,
html .community .wideColumn .overLine {
    width: 94%;
    border-top: 1px solid #000;
    margin-top: 20px
}

body .community .wideColumn .overLine h4,
html .community .wideColumn .overLine h4 {
    font-size: 10px;
    font-size: 1rem;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x;
    padding: 8px 0
}

body .community .wideColumn .overLine .hr,
html .community .wideColumn .overLine .hr {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x;
    margin: 10px 0;
    padding: 1px
}

body .community .wideColumn .overLine .strongItalics,
html .community .wideColumn .overLine .strongItalics {
    font-family: KelloggsSansBoldItalic;
    color: #000!important;
    padding-top: 10px
}

body .community .wideColumn .overLine a,
html .community .wideColumn .overLine a {
    font-family: KelloggsSansRegular!important
}

@media (max-width:601px) {
    body .community .wideColumn .overLine,
    html .community .wideColumn .overLine {
        width: 100%
    }
    body .community .wideColumn h1,
    html .community .wideColumn h1 {
        margin-top: 0
    }
    body .community .wideColumn .button,
    html .community .wideColumn .button {
        font-size: 20px!important
    }
}

body .community .wideColumn .floatContainer,
html .community .wideColumn .floatContainer {
    float: left;
    display: block;
    clear: left;
    padding-bottom: 10px
}

body .community .wideColumn .leftPhoto,
html .community .wideColumn .leftPhoto {
    float: left;
    display: inline;
    padding: 0 20px 10px 0
}

body .community .wideColumn .leftPhoto img,
html .community .wideColumn .leftPhoto img {
    border: 1px solid #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

body .community .wideColumn .rightPhoto,
html .community .wideColumn .rightPhoto {
    float: right;
    display: inline;
    padding: 0 0 10px 20px
}

body .community .wideColumn .rightPhoto img,
html .community .wideColumn .rightPhoto img {
    border: 1px solid #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

body .community .wideColumn .arrowLink:after,
html .community .wideColumn .arrowLink:after {
    content: ' ';
    display: inline-block;
    width: 9px;
    height: 9px;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/icon-bkg-ex-link.png) no-repeat
}

@media (max-width:700px) {
    body .community .wideColumn .clearingLink,
    html .community .wideColumn .clearingLink {
        float: left;
        display: inline-block
    }
}

body .community .wideColumn h3,
html .community .wideColumn h3 {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 80%
}

body .community .wideColumn h4,
html .community .wideColumn h4 {
    font-size: 120%!important
}

body .community .wideColumn h4 a,
html .community .wideColumn h4 a {
    font-size: 8px;
    font-size: .8rem;
    float: right
}

body .community .wideColumn .strongBold,
html .community .wideColumn .strongBold {
    float: left;
    display: inline-block;
    width: 100%;
    color: #000!important;
    font-size: 10px;
    font-size: 1rem;
    font-family: KelloggsSansBold;
    padding: 10px 0!important
}

body .community .wideColumn .floatLeft a.brandLink,
html .community .wideColumn .floatLeft a.brandLink {
    float: left;
    display: inline-block;
    width: 50%;
    color: #6c665b;
    /*font-family: "Lucida Grande", Lucida, "Trebuchet MS", Arial, sans-serif!important;*/
    font-size: 7px;
    font-size: .7rem
}

body .community .wideColumn .floatLeft a.brandLink .hoverlined,
html .community .wideColumn .floatLeft a.brandLink .hoverlined {
    color: #d31145
}

body .community .wideColumn .floatLeft a.brandLink:hover,
html .community .wideColumn .floatLeft a.brandLink:hover {
    text-decoration: none
}

body .community .wideColumn .floatLeft a.brandLink:hover .hoverlined,
html .community .wideColumn .floatLeft a.brandLink:hover .hoverlined {
    text-decoration: underline
}

body .community .wideColumn .floatLeft img,
html .community .wideColumn .floatLeft img {
    float: right;
    display: inline-block;
    width: 30%;
    margin-right: 10%
}

body .community .wideColumn .hr,
html .community .wideColumn .hr {
    width: 98%;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x;
    margin: 30px 0 20px!important;
    padding: 1px!important
}

@media (max-width:601px) {
    body .community .wideColumn .hr,
    html .community .wideColumn .hr {
        width: 100%
    }
}

body footer,
html footer {
    /*border-top: 6px solid #d31145*/
}

body footer .content_wrapper .footer,
html footer .content_wrapper .footer {
    margin-top: 0
}

body footer .content_wrapper .footer .centeredFooter,
html footer .content_wrapper .footer .centeredFooter {
    display: block;
    /*width: 950px;*/
    max-width: 1440px;
    margin: 0 auto!important;
    /*padding: 10px!important;*/
}

body footer .content_wrapper .footer .centeredFooter .one-quarter,
html footer .content_wrapper .footer .centeredFooter .one-quarter {
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDotVert.png) right top repeat-y;
    padding: 20px 4px 4px!important;
    min-height: 148px
}

@media (max-width:750px) {
    body footer .content_wrapper .footer .centeredFooter .one-quarter,
    html footer .content_wrapper .footer .centeredFooter .one-quarter {
        min-height: 180px
    }
}

@media (max-width:601px) {
    body footer .content_wrapper .footer .centeredFooter .one-quarter,
    html footer .content_wrapper .footer .centeredFooter .one-quarter {
        min-height: unset;
        background: 0 0
    }
}

body footer .content_wrapper .footer .centeredFooter .one-quarter:last-child,
html footer .content_wrapper .footer .centeredFooter .one-quarter:last-child {
    background: 0 0
}

body footer .content_wrapper .footer .centeredFooter .contentRow .headline,
html footer .content_wrapper .footer .centeredFooter .contentRow .headline {
    /*background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left bottom repeat-x;
    font-size: 8px;
    font-size: .8rem;
    padding: 4px!important;
    margin-bottom: 10px;*/
}

/*body footer .content_wrapper .footer .centeredFooter .contentRow a,
html footer .content_wrapper .footer .centeredFooter .contentRow a {
    display: block;
    /*padding: 10px!important;*\/
    color: #6c665b!important
}*/

/*body footer .content_wrapper .footer .centeredFooter .contentRow a p,
html footer .content_wrapper .footer .centeredFooter .contentRow a p {
    font-size: 7px;
    font-size: .7rem
}*/

/*body footer .content_wrapper .footer .centeredFooter .contentRow a p span,
html footer .content_wrapper .footer .centeredFooter .contentRow a p span {
    color: #d31145!important
}*/

/*body footer .content_wrapper .footer .centeredFooter .contentRow a:hover,
html footer .content_wrapper .footer .centeredFooter .contentRow a:hover {
    text-decoration: none
}*/

/*body footer .content_wrapper .footer .centeredFooter .contentRow a:hover span,
html footer .content_wrapper .footer .centeredFooter .contentRow a:hover span {
    color: #d31145!important;
    text-decoration: underline
}*/

/*body footer .content_wrapper .footer .centeredFooter .contentRow .rss-feed__date--carousel,
html footer .content_wrapper .footer .centeredFooter .contentRow .rss-feed__date--carousel {
    /*padding: 10px 10px 0!important;*\/
    color: #6c665b!important;
    font-size: 7px;
    font-size: .7rem;
    /*font-family: KelloggsSansBold*\/
}*/

/*body footer .content_wrapper .footer .centeredFooter .contentRow .rss-feed__description--carousel,
html footer .content_wrapper .footer .centeredFooter .contentRow .rss-feed__description--carousel {
    padding: 0;
    margin: 0;
    font-size: 7px;
    font-size: .7rem
}*/

/*body footer .content_wrapper .footer .centeredFooter .contentRow .rss-feed__description--carousel a,
html footer .content_wrapper .footer .centeredFooter .contentRow .rss-feed__description--carousel a {
    /*padding: 0 10px!important;*\/
    padding-top: 4px;
    color: #d31145!important
}*/

/*body footer .content_wrapper .footer .centeredFooter .contentRow .rss-feed__description--carousel a:hover,
html footer .content_wrapper .footer .centeredFooter .contentRow .rss-feed__description--carousel a:hover {
    text-decoration: underline
}*/

/*body footer .content_wrapper .footer .centeredFooter .contentRow .flexslider,
body footer .content_wrapper .footer .centeredFooter .contentRow .kstl-rss-slider,
html footer .content_wrapper .footer .centeredFooter .contentRow .flexslider,
html footer .content_wrapper .footer .centeredFooter .contentRow .kstl-rss-slider {
    position: relative
}*/

/*body footer .content_wrapper .footer .centeredFooter .contentRow .flexslider .kstl-rich-text,
body footer .content_wrapper .footer .centeredFooter .contentRow .kstl-rss-slider .kstl-rich-text,
html footer .content_wrapper .footer .centeredFooter .contentRow .flexslider .kstl-rich-text,
html footer .content_wrapper .footer .centeredFooter .contentRow .kstl-rss-slider .kstl-rich-text {
    padding: 4px!important
}*/

/*body footer .content_wrapper .footer .centeredFooter .contentRow .flexslider img,
body footer .content_wrapper .footer .centeredFooter .contentRow .kstl-rss-slider img,
html footer .content_wrapper .footer .centeredFooter .contentRow .flexslider img,
html footer .content_wrapper .footer .centeredFooter .contentRow .kstl-rss-slider img {
    float: left;
    display: inline-block;
    /*width: 32px!important*\/
    width: 40px !important;
}*/

/*body footer .content_wrapper .footer .centeredFooter .contentRow .flexslider img+p,
body footer .content_wrapper .footer .centeredFooter .contentRow .kstl-rss-slider img+p,
html footer .content_wrapper .footer .centeredFooter .contentRow .flexslider img+p,
html footer .content_wrapper .footer .centeredFooter .contentRow .kstl-rss-slider img+p {
    float: left;
    display: inline-block;
    padding-left: 10px;
    width: 70%
}*/

/*body footer .content_wrapper .footer .centeredFooter .contentRow .flexslider ul li .kstl-carousel-grid-slide,
body footer .content_wrapper .footer .centeredFooter .contentRow .kstl-rss-slider ul li .kstl-carousel-grid-slide,
html footer .content_wrapper .footer .centeredFooter .contentRow .flexslider ul li .kstl-carousel-grid-slide,
html footer .content_wrapper .footer .centeredFooter .contentRow .kstl-rss-slider ul li .kstl-carousel-grid-slide {
    background: 0 0
}*/

/*body footer .content_wrapper .footer .centeredFooter .contentRow .flexslider ul li .kstl-carousel-grid-slide .kstl-rich-text,
body footer .content_wrapper .footer .centeredFooter .contentRow .kstl-rss-slider ul li .kstl-carousel-grid-slide .kstl-rich-text,
html footer .content_wrapper .footer .centeredFooter .contentRow .flexslider ul li .kstl-carousel-grid-slide .kstl-rich-text,
html footer .content_wrapper .footer .centeredFooter .contentRow .kstl-rss-slider ul li .kstl-carousel-grid-slide .kstl-rich-text {
    padding: 4px!important
}*/

/*body footer .content_wrapper .footer .centeredFooter .contentRow ol.flex-control-nav,
html footer .content_wrapper .footer .centeredFooter .contentRow ol.flex-control-nav {
    display: none
}*/

/*body footer .content_wrapper .footer .centeredFooter .contentRow ul.flex-direction-nav .flex-nav-prev a.flex-prev,
html footer .content_wrapper .footer .centeredFooter .contentRow ul.flex-direction-nav .flex-nav-prev a.flex-prev {
    width: 17px;
    height: 18px;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/icon-trayarrows-prev.gif) 0 -18px no-repeat!important;
    left: auto;
    left: unset;
    right: 23px!important;
    top: -20px;
    opacity: 1!important;
    padding: 0 10px!important
}*/

/*@media (max-width:601px) {
    body footer .content_wrapper .footer .centeredFooter .contentRow ul.flex-direction-nav .flex-nav-prev a.flex-prev,
    html footer .content_wrapper .footer .centeredFooter .contentRow ul.flex-direction-nav .flex-nav-prev a.flex-prev {
        /*top: unset;
        bottom: -20px*\/
    }
}*/

/*body footer .content_wrapper .footer .centeredFooter .contentRow ul.flex-direction-nav .flex-nav-next a.flex-next,
html footer .content_wrapper .footer .centeredFooter .contentRow ul.flex-direction-nav .flex-nav-next a.flex-next {
    width: 17px;
    height: 18px;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/icon-trayarrows-next.gif) 0 -18px no-repeat!important;
    right: 4px!important;
    top: -20px;
    opacity: 1!important;
    padding: 0 10px!important
}*/

/*@media (max-width:601px) {
    body footer .content_wrapper .footer .centeredFooter .contentRow ul.flex-direction-nav .flex-nav-next a.flex-next,
    html footer .content_wrapper .footer .centeredFooter .contentRow ul.flex-direction-nav .flex-nav-next a.flex-next {
        /*top: unset;
        bottom: -20px*\/
    }
}*/

/*@media (max-width:950px) {
    body footer .content_wrapper .footer .centeredFooter,
    html footer .content_wrapper .footer .centeredFooter {
        width: 100%
    }
}*/

/*body footer .content_wrapper .footer .wideFoot,
html footer .content_wrapper .footer .wideFoot {
    width: 1440px;
    margin: 0 auto!important;
    background: url(/content/dam/NorthAmerica/kelloggs/en_US/images/sitewide/greyDot.png) left top repeat-x
}*/

/*body footer .content_wrapper .footer .wideFoot .centeredLinks,
html footer .content_wrapper .footer .wideFoot .centeredLinks {
    display: block;
    width: 950px;
    margin: 0 auto!important;
    padding: 10px!important;
    font-size: 7px;
    font-size: .7rem
}*/

/*body footer .content_wrapper .footer .wideFoot .centeredLinks p,
html footer .content_wrapper .footer .wideFoot .centeredLinks p {
    font-size: 7px;
    font-size: .7rem
}*/

/*@media (max-width:1440px) {
    body footer .content_wrapper .footer .wideFoot,
    html footer .content_wrapper .footer .wideFoot {
        width: 100%
    }
}*/
/*
@media (max-width:950px) {
    body footer .content_wrapper .footer .wideFoot .centeredLinks,
    html footer .content_wrapper .footer .wideFoot .centeredLinks {
        width: 100%
    }
}*/



/* END OF FILE */