/* screen and (max-width:767px) */

.hideMobile{display:none;}
.showMobile {
   display: block;
}
.topmenu__logo__svg {
   width: 42px;
   height: 50px;
   top: 4px;
}
.topmenu__menu {
   height: calc(100vh - 46px);
}
.topmenu {
   width: 100%;
   height: 50px;
   padding-top: 10px;
}
.topmenu__icons {
   padding-left: 50px;
}
.wrapper__menupadding {
   margin-top: 50px;
}

.topmenu__tier1__label {
   line-height: 1.3;
}
.menu-on .topmenu__icons {
   padding-bottom: 5px;
}
.search__input {
   width: 100%;
   margin-bottom: 5px;
}


.home-intro-mobile {
   display: block;
   background:#e8312d;
   padding:60px 20px 60px 20px;
   color:#f2e9db;
   font-size: 45px;
   font-family: Rockwell-Bold;
   line-height: 0.95;
   margin-bottom: 20px;
}

.homestories__boxes {
   padding:0 20px;
}
.homestories__images {
   display: none;
}
.homestories__box {
   width:100%;
   padding-top:65%;
}

.homestories__box[data-key="0"]  .homestories__box__bg,
.homestories__box[data-key="1"]  .homestories__box__bg,
.homestories__box[data-key="2"]  .homestories__box__bg,
.homestories__box[data-key="3"]  .homestories__box__bg,
.homestories__box[data-key="4"]  .homestories__box__bg,
.homestories__box[data-key="5"]  .homestories__box__bg,
.homestories__box[data-key="6"]  .homestories__box__bg,
.homestories__box[data-key="7"]  .homestories__box__bg,
.homestories__box[data-key="8"]  .homestories__box__bg,
.homestories__box[data-key="9"]  .homestories__box__bg,
.homestories__box__bg {
   background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 24%, rgba(0,0,0,0.65) 79%, rgba(0,0,0,0.65) 100%);
   background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 24%,rgba(0,0,0,0.65) 79%,rgba(0,0,0,0.65) 100%);
   background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 24%,rgba(0,0,0,0.65) 79%,rgba(0,0,0,0.65) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
.homestories__box__image {
   display: block;
   position: absolute;
   width:100%;
   height:100%;
   top:0;
   z-index: 0;
   overflow: hidden;
}
.homestories__box__image img {
   max-width: 180%;
   min-height: 100%;
}
.homestories__box::after {

   background-image:url('../img/icons/tabletMatrixPlus.svg');

}


.homestories__box__content {
   opacity: 1;
   bottom: 0px;
   top:auto;
}
.homestories__box__link,
.homestories__box__description {
   max-height: 0;
   overflow: hidden;
   transition: all 0.3s ease;
   border-top: 0;
}
.homestories__box--active .homestories__box__link,
.homestories__box--active  .homestories__box__description {
   max-height: 200px;


}
.homestories__box--active  .homestories__box__description {
   border-top: 1px solid rgba(255,255,255,0.5);
}

.homestories__box__title {
   font-size: 24px;
}
.fr .homestories__box__title {
   font-size: 18px;
}
.section--home__our-brands, .section--home__sustainability {
   background: #faf6f0;
   padding-top: 60px;
}
.grid {
   width: 100%;
   float:none;
}
.grid__paddingright {
   padding-right: 20px;
}
.grid__paddingright .grid__paddingright {
   padding-right: 0;
}
.leftpadding {
   padding-left: 20px;
}
.leanleft {
   width:calc(100% + 40px);
}
.rightpadding {
   padding-right: 20px;
}
.bigred {
   padding:20px;
   font-size: 30px;
   margin:0;
}

.cta--top .cta__content {
   position: relative;
}
.cta--top .cta__position {
   position: relative;
   bottom: auto;
   top: auto;
   padding: 40px 20px 20px;
}
.cta--top.cta--sustainability .cta__position {
   top: auto;
}
.homecta__left {
   width: 100%;
   float: none;
   padding-right: 20px;
}
.homecta__left .cta {
   width: 100%;
   float: none;
   border-right: 0;
   height: auto;

}
.homecta__right {
   width: 100%;
   float: none;
   padding-right: 20px;
}
.homecta__right .cta {
   height: auto;
}
.cta--board, .cta--corp {
   height: auto;
}
.cta--board .cta__image img, .cta--corp .cta__image img {
   max-width: 140%;
   margin-left:-25%;
}
.brands {
   padding-right: 20px;
}
.brands__top td {
   display: block;
}
.brands__top .brand:nth-child(1),
.brands__top .brand:nth-child(2),
.brands__top .brand:nth-child(3) {
   width: 100%;
   float:none;
   padding:0;
   margin-bottom: 40px;
}
.brands__top .brand__image {
   min-height: 0;
}
.brands__bottom .brand {
   width: 35%;
}
.brands__bottom .socialicons {
   display: none;
}
.brands__bottom .brand__links__website--borderRight {
   border-right:none;
   padding-right: 0;
}
.brands__top .socialicon:first-child {
   margin-left: 0;
}
.section--food-safety, .section--home__food-safety {
   padding: 0px 0px 80px;
}
.stockquote__bar {
   padding: 20px 30px 20px 40px;
   font-size: 23px;
}
.stockquote__note {
   padding: 0 20px 0 100px;
}
.grid {
   margin-bottom: 20px;
}
.stockquote {
   margin-top:20px;
}

.feed {
   width: 100%;
   padding-top:80%;
}
.feed:nth-child(3),
.feed:nth-child(2),
.feed:nth-child(1) {
   margin-right:0;
   margin-left:0;
   margin-bottom: 10px;
}
.feed__text {
   padding-bottom: 20px;
}
.search-module {
   top: 0px;
}


.footer__sitemap {
   display: block;
   float:none;
   margin-bottom: 10px;
}
.footer__menu__tier1__item {
   display: block;
   padding:10px 0;
}
.footer__menu {
   float: none;
}
.footer__bottom__links a:nth-child(2) {
   float:right;
   text-align: right;
}
.footer__bottom__links {
   display: block;

}
.footer__bottom__link {
   margin-right: 0;
}
.footer__copyright {
   text-align: left;
   margin-top:20px;
   float:none;
}


.story__category {
   margin-bottom: 5px;
}
.rightpadding .grid__paddingright {
   padding-right: 0;
}
.relatedstory {
   margin-top:40px;
}
.storyrelated {
   width: 100%;.news-releases {
      margin-top: 40px;
   }
}
.relatedstory .grid--75 {
   padding-right:20px;
}
.storyrelated:nth-child(1),
.storyrelated:nth-child(2),
.storyrelated:nth-child(3),
.storyrelated:nth-child(4) {
   margin-right: 0;
   margin-left:0;
}
.storyrelated--news .storyrelated__banner img {
   height: auto;
   width: 100%;
}
.morenews {
   width: 100%;
   float: none;
   padding-right: 0;
   margin-bottom: 40px;
}
.profile {
   width: 100%;
   float: none;
   margin-bottom: 20px;
   padding:0;
}
.profile__img {

   padding-top: 50%;
}
.profile__img img {
   width: 50%;
   left:25%;
}
.accordion__content {
   transition: all 0.5s ease;
   max-height: 20000px;
   overflow: hidden;
}
.overlay__width {

   padding: 90px 20px;

}
.timeline__content {
   position: relative;
}
.timeline__content--hidden {
   display: none;
}
.timeline__info {
   width: 100%;
   padding: 0px;
   margin-top: 20px;
   min-height: 0;
   padding-right:20px;

}
.timeline__text {
   float: none;
   margin-bottom: 20px;
   width:100%;
   padding-right: 20px;

}
.timeline__img {
   display: block;
   width:100%;
   text-align: center;
   float: none;

}
.timeline__img img {
   width: 50%;
}
.timeline__content {
   width:100%;
   margin-left: 0;
}
.timeline__marker {
   width: 75px;
}
.timeline__marker--current .timeline__year, .timeline__marker:hover .timeline__year {
   -webkit-transform-origin: center;
   -webkit-transform: scale(2) translateY(-10px);
   transform-origin: center;
   transform: scale(2) translateY(-10px);

}
.timeline__content:first-child {
   margin-left: 0px;
}
.values {
   padding-right: 0;
}
.footer {
   z-index: 1;
}
.hero {
   padding-top: 60%;
}
.hero__img img {
   width: auto;
   min-width: 100%;
   max-width: 170%;
   min-height: 100%;

}
.hero__title {
   font-size: 30px;
}
.hero__heading {
   left: 20px;
}
.sustbanner .ctaOutside {
   width: 100%;
   float: none;
   margin-bottom: 40px;
}
.button--sust-report {
   margin-left:20px;
}
.sustbanner {
   padding-right: 20px;
}
.accordion__head .group {
   width:calc(100% - 60px);
}
.accordion__head h1 {
   font-size: 24px;
   padding-right: 0px;
}
.accordion__head h2 {
   font-size: 20px;
}
.accordion__toggle {
   vertical-align: top;
}

.default__extra {
   padding-left:20px;
   padding-right: 20px;

}
.rightpadding .default__extra {
   padding-right: 0px;
}
.investor-corp,
.investor-board {
   float: none;
   width: 100%;
   margin-bottom: 10px;
   padding: 0 20px;

}
.investor-corp {
   margin-top: 30px;
}

.report {
   width: 100%;
   float: none;
   padding-top: 40%;
}
.reportform {
   float: none;
   width: 100%;
   padding-top: 30%;
}
.moreevents {

   width: 100%;
   float: none;
   padding: 0;
   margin-bottom: 30px;

}
.container--small {
   width:100%;
}
.group h1 {

   font-size: 24px;

}
.career4__col {
   display: block;
   width: 100%;
   padding: 0;
   min-height: 0;
   margin-bottom: 40px;
   border-right:0;
}
.careervideos__col {
   width: 100%;
   float: none;
   height: auto;
   padding: 0;
   margin-bottom: 30px;
}
.careervideos__col:nth-child(1),
.careervideos__col:nth-child(2),
.careervideos__col:nth-child(3){
   padding-right: 0;
   padding-left:0;
}
.leftpadding .default__extra {
   padding-left:0;
}
.table {
   overflow: auto;
   -webkit-overflow-scrolling: touch;
}
.table td {
   font-size: 12px;
}
.table__type {
   font-size: 10px;
}
.table td, .table th {
   padding: 10px 10px;


}
.table--mobile-padding th:first-child {
   padding-left: 20px;
}
.stockquote-table td {
   font-size: 12px;
}
.stockquote-table td, .stockquote-table th {
   padding: 10px 10px;
}
.stockquote-chart__image {
   width:100%;
}
.stockchart__label {
   font-size: 14px;
}
.stockchart__field {
   min-height: 0;
   padding-right: 0;
   margin-bottom: 20px;
}

.historic-price__form {
   float: none;
   width: 100%;
   padding-right: 0;
}
.historic-price__table {
   float: none;
   width: 100%;
   margin-top:20px;
}
.historic-price__table td {
   padding: 8px 10px;
}
.historic-price {
   font-size: 12px;

}
.table thead th {
   font-size: 14px;
}

.table td:first-child {
   padding-left:20px;
}

.section--home__careers {
   padding: 0px;
}
.inputor--search {
   width: 100%;
   width: calc(100% - 40px);
}

.archives__filters {
   padding-right: 20px;
   margin-right: 20px;
}
.archives__filter {
   margin-right: 10px;
}
.archives__filter__type {
   width:100px;
}
.section--home__our-brands{
   padding-top: 60px;
}

.searchresults__result .grid--20 {
   float:left;
   width:20%;
   padding-right:20px;

}
.searchresults__result .grid--80 {
   float:left;
   width:80%;
}
.searchresults .pagination h2 {
   font-size: 16px;
}
.searchresults .page-numbers {
   font-size: 12px;
}
.searchresults .page-numbers {
   padding: 3px 10px;
}
.searchresults .prev {
   display: none;
}
.story__menu {
   display: none;
}
.timeline__full {
   height: 117px;
}
.inthenews__extra,
.story__extra {
   display: none;
}

.main-page--careers .default__extra,
.main-page--food-safety .default__extra,
.main-page--sustainability .default__extra {
   display: none;
}
.section--food-safety {
   padding: 0px 0px 60px;
}
.main-page--careers .bigred{
   display: none;
}
.jobnumber__total {
   color:#db443a;
   font-size: 22px;
   font-family:Rockwell-Bold;
   line-height: 1.4;
   margin-bottom: 5px;
}
.jobnumber {
   margin-top: 20px;
   padding-right: 20px;
}
.container--pbt {
   padding-top: 30px;
   padding-bottom: 30px;
}
.slides__loadmore__icon {
   background: #e8312d;
   border-radius: 50%;
   width: 20px;
   height: 20px;
   font-size: 28px;
   color: #fff;
   line-height: 19px;
   display: inline-block;
   text-align: center;
   margin-bottom: 5px;
   transition: all 0.5s ease;
}
.slides__loadmore__text {
   color: #e8312d;
   font-family: ProximaNova-Medium;
   font-size: 11px;
   letter-spacing: 1px;
   text-transform: uppercase;
   letter-spacing: 1.8px;

}
.slides__loadmore {
   text-align: center;
   margin-bottom: 40px;
}
.slides[data-slides-loadmore="1"] .slides__nav {
   display: none;
}
.slides[data-slides-loadmore="1"] .slides__loadmore {
   display: block;
}
.slides[data-slides-loadmore="1"] .slides__contentx2 {
   width:100%;
}
.slides[data-slides-loadmore="1"] .slides__load {
   width: 100%;
}
.feed {
   width: 100%;
   padding-top: 0;
}
.feed__content {
   position: relative;
}
.feed__banner {
   height: 100px;
}
.socialbox .slides__loadmore__icon {
   background:#fff;
   color: #e8312d;
}
.socialbox .slides__loadmore__text {
   color: #fff;
}
.section--investors__shareholder-information .leftpadding,
.section--investors__analyst-coverage .leftpadding,
.events-section,
.news-section {
   padding-right: 20px;
}

.brands__bottom {
   padding-right: 0;
}
.brands__bottom .brand__image img {
   width: auto;
   opacity: 1;
   max-height: 100%;
   max-width: 100%;
}
.brands__bottom .brand {
   vertical-align: bottom;
}
.button__label {
   margin-right: 20px;
}
.cta__position {
   padding: 20 15px;
}
.nitrate-studies .morenews {
   width: 100%;
}
.nitrate-studies hr {
   display: none;
}
.grid__paddingright--small {
   padding-right: 0;
}
.faq {
   padding-right: 0;
}
.grid__paddingleft--small {
   padding-left: 0;
}
.timeline__window {
   padding-top: 50px;
}
.overlay__inner {
   padding: 20px 0;
}
.type-ourviews iframe {
   width: 100%;
}

.careers-cta {
   padding-right: 20px;
}
.careers-cta__height {
   height: 230px;
}
.careers-cta__image.careers-cta__height {
   height: 150px;
}
.grid__paddingleft {
   padding-left: 0;
}
.bigred--right {
   text-align: left;
}
.leftpadding .bigred {
   padding-left: 0;
}
.cta--appehtite {
   height: 200px;
}
.topmenu__alert {
   width:100%;
   margin-bottom: 60px;
}

.news-releases {
   margin-top: 0px;
   padding-right: 20px;
}
.floater {
   width:100%;
   float:none;
   margin:20px 0;
}
.accordion__head {
   position: relative;
   padding-right: 40px;
}
.accordion__toggle {
   position: absolute;
   right:15px;
   top: 20px;
   font-size: 16px;
}
.valuechain__content {
   margin-left: 0px;
}
.valuechain__marker {
   width: 150px;
}
.valuechain__info {
   padding: 0;
   padding-right: 20px;
}
.valuechain__content {
   position: relative;
}
.valuechain__content--hidden {

   display: none;
}
.valuechain__info {
   min-height: 0;
}
.valuechain__text {
   width: 100%;
   float: none;
   margin-bottom: 10px;
   padding-right: 0px;
}
.valuechain {
   margin-bottom: 30px;
}
.valuechain__img {
   max-width: 100%;
   float: none;
   height: auto;
   width: 100%;
}

.valuechain__content:first-child {

   margin-left: 0px;

}
.values-container--2 .values,
.values-container--3 .values {
   width: 100%;
   border-right: 0;
   padding: 0;
   display: block;
}
.videofloater {
   float:none;
   width:100%;
   margin-left: 0;
   margin-right: 0;
}
.video--vertical {
   padding-top: 100%;
}
.captainplanet4__item {
   float: none;
   width: 100%;
   height: auto;
}
.captainplanet4__pos {
   position: relative;
   bottom: auto;
   width: 100%;
   padding: 20px;
}
.planet4__col {
   float: none;
   width: 100%;
}
.planet4__col:first-child {
   border-right: 0;
   padding-right: 0;
}
.planet4__col:nth-child(2) {
   padding-left: 0;
}
.size-post-thumbnail, .size-large, .size-medium, .size-full {
   width: 100%;
   height: auto;
}
.alignleft,
.alignright {
   float:none;
   margin: 0 0 20px;
}
.brands__middle .brand {
   width: 100%;
   margin: 0 0 20px;

}
.brands__middle .brand__links__website {
   margin-bottom: 10px;
   display: block;
}
.section--food-safety .img100 {
   width:40%;
}
.reports-button .button {
   margin-bottom: 5px;
}
.mobile-container {
   position: relative;
   margin-top: 67px;
}
.mobile-horizontal {
   width:100%;
   overflow-x:auto;

   -webkit-overflow-scrolling: touch; /* Lets it scroll lazy */


}
.mobile-horizontal__width {
   width:760px;
}

.grabicon {

   height: 40px;
   padding:0;

   background: url('../img/icons/grab.svg') no-repeat;
   background-size: 40px 40px;
   left:10px;
   padding-left:50px;
   background-position: left center;
   position: absolute;
   top: -55px;
   transition: all 0.5s ease;
   /*   animation: grabicon-swipe infinite 3s;*/
}

.grabicon .grabText {
   font-family: Helvetica;
   line-height: 1em;
   position: relative;
   top:-4px;
   font-weight: 600;
   text-transform: uppercase;
   color: #999;
   letter-spacing: 2px;
   font-size: 9px;
}
.cta--other-sust {
   padding: 10px 0px 0px 20px;
}
.videos--2 .videos__col {
   width: 100%;
   float: none;
   margin-bottom: 10px;
}
.videos--2 .videos__col:nth-child(1) {
   border-right: 0;
}
.videos--2 .videos__col:nth-child(2) {
   border-left: 0;
}
.videos {
   margin:0;
}

.cta--other-sust .cta__more {
   margin-left: 0;
   display: block;
   padding-left:20px;
}
.report__image {
   width: 42%;
   padding-left: 10px;
}
.button__label {

}
.profiles__col {
   width:100%;
   float:none;
}
.our-board .profile {
   padding-right: 0px;
   padding-left: 0px;
   width:100%;
}
.relatedstory__left {
   padding-right: 20px;
}
.stickyside__pos {
   width: 100%;
}
.default__headimage.leftpaddinghalf {
   padding-left: 0;
}
.section--careers .leftpaddinghalf {
   padding-left: 0;
}
.report__border {
   position: relative;
   padding:10px 0;
}
.report {
   padding-top: 0;
}
.appehtite__icon {
   width: 35px;
   height: 35px;
   margin-bottom: 20px;
}

.cookie-notice + .footer {
   padding-bottom: 220px;
}
.cookie-notice--hidden + .footer {
   padding-bottom: 0px;
}
.story__content table {
   display: block;
   overflow:auto;
}

.wp-caption {
   width: 100% !important;
}
.fr .cta--top.cta--sustainability .cta__position,
.fr .homecta__left .cta--top .cta__position {
   top:auto;
}
.fr .appehtite__title {
   font-size: 18px;
}
.our-board .profile:last-child .profile__content {
   border-bottom: 1px solid #ccc;
}
.our-board .profiles__col:nth-child(2) .profile:last-child .profile__content {
   border-bottom: 0;
}
.sustred__col,
.sustred__head {
   float: none;
   width: 100%;
   padding:0;
   margin:20px 0;
}
.sustred__col {
   margin-top: 50px;
}
.sustred__img {
   min-height: 0;
   width:200px;
}
.sustred__img img {
   width: 100%;
   position: relative;

}
.less-salt__img {
   min-height: 0px;

}
.less-salt__img img {
   position: relative;
}
.less-salt__col {
   width:100% !important;
   margin-right:0;
}
.less-salt__col .less-salt__img{
   width: 180px;


}
.less-salt__col:nth-child(1) .less-salt__img{
   width: 150px;

}
.less-salt__col:nth-child(4) .less-salt__img{
   width: 130px;

}
.less-salt__col:nth-child(5) .less-salt__img{
   width: 170px;

}
.chain {
   padding-right: 20px;
}
.chain p {
   padding-right: 0px;
}
.chain__img {
   margin: 50px 50px 0;
}
.chain__item::before {
   margin-left: -10px;
}
.tabs__nav__head,
.tabs__nav--4 .tabs__nav__head {
   max-width: 300px;
}
.sustmeat .sustmeat__image,
.sustmeat__image {
   width: 50px;
}
.sustmeat__content {
   width:calc(100% - 70px);

}
.sustdownload {
   padding-left: 0;
}
@media (max-width: 390px) {
   .cta--nobox--right {
      margin-left: 0;
      margin-right: 20px;
      margin-top: 15px;
   }
}
@media (max-width: 330px) {
   .g-recaptcha > div {
      margin-left: -10px;
   }
   .brands__bottom .brand__image {
      height: auto;
   }
}
