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

.showTablet{display:block;}
.showTablet--inline {
   display:inline-block;

}
.hideTablet{display:none;}
.wrapper {
   width: 100%;
   min-width: 0;
   max-width: 100%;
}
.wrapper__menupadding {
   padding:0;
   margin-top:65px;
}
.footer__wrapper {
   padding: 30px 40px;
}

.topmenu {
   width:100%;
   height:65px;
   padding-top:15px;
   padding-left:0;
   padding-right: 0;
   bottom: auto;
   overflow:visible;
}
.topmenu__scroller {
   position: fixed;
   height: 0;
   overflow: visible;
   width: 100%;
   z-index: 99;

}
.topmenu__logo,
.topmenu__icons,
.topmenu__menu {
   margin-left:0;
}
.topmenu__logo__svg {
   width:62px;
   height: 75px;
   position: absolute;
   top:-5px;
   left:20px;
   z-index: 3;

}
.topmenu__icons {
   float:right;
   margin:0;
   margin-right: 20px;
   padding-left:200px;
   position: relative;
   z-index: 2;
}

.topmenu__menu {
   background:#fff;
   position: relative;
   width:100%;
   left:0;

   padding:50px;
   padding-right: 20px;
   opacity: 0;
   pointer-events: none;
   transition: all 0.3s ease;
   top:-5px;
   height:calc(100vh - 48px);
   overflow: auto;
   -webkit-overflow-scrolling: touch;
}

.topmenu__menu .utility {
   margin-bottom: 40px;
}
.menu-on {
   overflow: hidden;
}
.topmenu__scroll {
   display: none;
}

.utilitymenu {
   display: none;
}
.utility {
   float: none;
   border-top: 1px solid #999999;
   margin-top:20px;
   padding-top:20px;
   padding-right:50px;
}
.utility__tier1__item {
   display: block;
   position: relative;
   padding:5px 0px;
}
.menu-on .topmenu__icons{
   border-bottom: 1px solid #999999;
   padding-bottom: 18px;
}
.menu-on .topmenu__menu {
   opacity: 1;
   pointer-events: all;

}
.search-module__close {
   right: 25px;
   top:25px;
}
.share {
   display: block;
   margin-right: 0;
   margin-bottom: 20px;
}

.timeline__content {
   width: 90%;
   width: calc(100% - 140px);
}
.overlay__width {
   width: 90%;
}

.cta__image img {
   min-height: 100%;
   min-width: 100%;
   max-width: 150%;
}


.homestories__box::after {
   content:"";
   width:24px;
   height:24px;
   background:url('../img/icons/tabletMatrixPlus.svg') no-repeat;
   background-size: cover;
   border-radius: 50%;
   position: absolute;
   display: block;
   top:16px;
   right:16px;
}
.homestories__box--active::after,
.homestories__box--current::after {
   display: none;
}


.section--home__our-brands .button {
   margin-top: 0px;
}



.brands__bottom {
   padding-right: 40px;
}

.brands__bottom .brand__image img {
   width: 80%;
   opacity: 0.8;
}


.stockquote__note {
   padding: 0 20px 0 100px;
}
.grid--fulltablet {
   width: 100%;
}

.accordion__toggle {
   font-size: 24px;
   right:40px;
   margin-left:0;
   margin-top: 0;
   top:20px;
}
.fr .accordion__toggle {
   margin-top: 0px;
}
.fr .accordion__head--small .accordion__toggle {
   margin-top: 0px;
}
.contact {
   width: 100%;
}
.cta--board, .cta--corp {
   height: 210px;
}
.events-section .cta__title {
   font-size: 16px;
}

.cta__title {
   font-size: 24px;
}
.brands__top .brand__links__website {

   display: block;
   margin-right: 0;
   margin-bottom: 10px;
}
.brands__top .socialicon:first-child {
   margin-left: 0;
}
.story[data-post-id="233324"] .cta--small .cta__title {
   font-size: 14px;
}
.storyrelated__banner {
   width: 100%;
   height: auto;
}
.relatedstory__left .cta__position {
   padding-top: 27%;
}
.stickyside--sticky .stickyside__pos {
   position: fixed;
   top: 100px;
}

.reports-button .button {
   margin-right: 5px;

}
.reports-button a:last-child .button {
   margin-right: 0;
}
.career4__big {
   font-size: 30px;
}
.has-alerts .topmenu__icons__item--alert {
   display: inline-block;
   border-right: 1px solid #b9b9b9;
   margin-right: 5px;

}
.topmenu__icons__item--alert img {
   width: 24px;
   height:24px;

}

.topmenu__alert {
   width:300px;
   margin-bottom: 60px;
}
.report__image {
   width: 50%;
   padding-left: 10px;
}
.bacon-table tbody td,
.bacon-table thead th {
   padding: 10px 7px;
}
.tablet-container {
   position: relative;
   margin-top: 67px;
}
.tablet-horizontal {
   width:100%;
   overflow-x:auto;

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


}
.tablet-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__more a:hover, .cta__description a:hover, a > :hover, p a:hover {
   opacity:1;
}

@media (max-width: 1000px) {


   .grid__paddingleft {
      padding-left: 30px;
   }
   .grid__paddingright {
      padding-right: 30px;
   }
   .homestories__box__content {
      position: absolute;
      width: 100%;
      top: 0;
      padding: 15px;
   }

   .homestories__box__title {
      font-size: 16px;
   }
   .fr .homestories__box__title {
      font-size: 14px;
   }
   .homestories__box__description {
      margin-right: 0;
   }
   .fr .homestories__box__link {
      margin-bottom: 10px;
   }
   .group h1 {
      font-size: 30px;
   }



   .accordion__toggle {
      font-size: 24px;
   }
   .group h2 {
      font-size: 20px;
   }
   .group h3 {
      font-size: 14px;
   }

   .accordion__head--small .accordion__toggle {
      font-size: 16px;
   }

   .bigred {
      font-size: 35px;
   }

   .cta__title {
      font-size: 18px;
   }
   .fr .cta__title, .fr .cta--alert .cta__title {
      font-size: 18px;
   }
   .ctaOutside__title {
      font-size: 19px;
   }
   .cta--small .cta__title {
      font-size: 14px;
   }
   .cta--page .cta__description {
      margin-right: 0;
   }
   .cta__image img {
      max-width: 185%;
   }

   .brands__middle {
      margin-top:40px;
   }
   .brands__bottom .brand {
      display: inline-block;
      width: 22%;
      margin: 20px 20px;
      vertical-align: top;
   }



   .slide__head {
      font-size: 19px;
   }
   .commits h2 {
      font-size: 18px;
   }
   .slide__desc {
      font-size: 14px;
   }
   .feed {
      padding-top: 45%;
   }
   .feed__banner {
      height: 40%;
   }

   .relatedstory .cta__title {
      font-size: 14px;
   }
   .storyrelated__title {
      font-size: 14px;
   }
   .relatedstory__left .cta__position {
      padding-top: 22%;
   }
   .morenews__title {
      font-size: 14px;
   }
   .values h4 {
      font-size: 18px;
   }
   .profile__name {
      font-size: 14px;
   }
   .overlay__width {

      padding: 90px 50px;

   }
   .report__image {
      width: 42%;
      top:20%;
   }
   .reports .cta__link {
      width:25px;
      height:25px;
      margin-bottom: 10px;
   }
   .report__title {
      font-size: 16px;
   }
   .report__desc {
      font-size: 14px;
   }
   .report__text {
      padding-left: 46%;
   }

   .selector select {
      padding: 7px 22px 5px 16px;
   }

   .moreevents__title {
      font-size: 14px;
   }

   .career4__title {
      font-size: 14px;
   }
   .career4__big {
      font-size: 18px;
   }
   .careerpath__title {
      font-size: 19px;
   }
   .brands__top .socialicon:first-child {
      margin-left: 0;
   }
   .brands__top .brand__image {
      height: 100px;
      max-width: 70%;
   }
   .stickyside__pos {
      width: 172px;
   }
   .story[data-post-id="233324"] .cta--small .cta__title {
      font-size: 10px;
   }
   .valuechain__text {
      width: 270px;
   }
   .timeline__content:first-child,
   .timeline__content {
      margin-left: 0;
      width:100%;
   }
   .timeline__info {
      min-height: 200px;
      padding:0;
   }
   .timeline__text {
      width: 50%;
   }
   .grid--80 {
      width: 75%;
   }
   .grid--20 {
      width:25%;
   }
   .story__intro {
      font-size: 16px;
   }
   .sharevalues__text {
      font-size: 14px;
   }
   .floater {
      font-size: 20px;
   }
   .accordion__head h1 {
      font-size: 30px;
   }
   .accordion__head h2 {
      font-size: 26px;
   }
   .accordion__head h3 {
      font-size: 18px;
   }
   .value-chains__head {
      font-size: 18px;
   }
   .planet4__title {
      font-size: 18px;
   }
   .planet4__big {
      font-size: 32px;
   }
   .default-table__subhead th, .default-table__subhead {
      font-size: 14px;
   }
   .default-table td,
   .default-table th {
      padding: 12px 5px;
   }
   .section--food-safety, .section--home__food-safety {

      padding: 0px 0px 90px;
   }
   .table thead th {

      font-size: 14px;
   }
   .story__content table tr:first-child td,
   .story__content td {
      font-size: 14px;
   }
   .table td, .table th {
      padding: 10px 15px;
   }
   .table td {
      font-size: 12px;
   }
   .table th:first-child,
   .table td:first-child {
      padding-left:40px;
   }
   .table--padding th:first-child,
   .table--padding td:first-child {
      padding-left:20px;
   }
   .subaccordion__head {
      position: relative;
      padding-right: 60px;
   }
   .table__year {
      font-size: 16px;
   }
   .subaccordion__toggle {
      font-size: 13px;
      position: absolute;
      right:20px;
      top: 14px;
   }

   .faq__question {
      font-size: 16px;
   }
   .faq__number {
      font-size: 16px;
   }
   .stockquote-table td {
      font-size: 14px;
   }
   .historic-price {
      font-size: 14px;
   }
   .careerpath__intro {
      font-size: 16px;
   }
   .careervideos__col {
      width: 50%;
      margin-bottom: 6px;
   }
   .careervideos__col:nth-child(1),
   .careervideos__col:nth-child(3)  {

      padding-right: 3px;
      padding-left:0;

   }
   .careervideos__col:nth-child(2) {
      padding-left: 3px;
      padding-right:0;

   }

   .button {
      padding: 15px 50px 15px 20px;

   }

   .appehtite__title {
      font-size: 19px;
   }
   .fr .appehtite__title {
      font-size: 14px;
   }

   .home-news-reports h2 {
      font-size: 18px;
   }
   .cta--other-sust {
      padding: 10px 0px 0px 0;
   }
   .cta--nobox i {
      margin-left: 5px;
   }
   .valuechain__info {
      min-height: 380px;
   }
   .reportform,
   .report__text {
      height: 160px;
   }
   .reportform__desc {
      font-size: 12px;
   }

   .appehtite__icon {
      width: 25px;
      height: 25px;

      margin-bottom: 10px;
   }
   .brands__middle .brand {
      width: 25%;
      margin: 40px 20px 0;

   }
   .cookie-notice__text {
      padding-right: 0;
      text-align: center;
      display: block;
   }
   .button--cookie {
      padding: 10px 30px 12px;
   }
   .accordion__head {
      position: relative;
      padding-right: 40px;
   }
   .accordion__toggle {
      position: absolute;
      right: 15px;
      top: 20px;

   }
   .section--terms-of-use .grid--80,
   .section--privacy-policy .grid--80{
      width:100%;
   }
   .cookie-notice + .footer {
      padding-bottom: 120px;
   }
   .cookie-notice--hidden + .footer {
      padding-bottom: 0px;
   }
   .sustred__head {
      font-size: 26px;
   }
   .sustred__title {
      font-size: 18px;
   }
   .sustred__img {
      min-height: 90px;
   }
   .chain__img {
      margin: 50px 200px 0;
   }
   .chain__item {
      width: 100%;
      float:none;
      margin-bottom: 100px;

   }
   .chain__item:nth-child(6),
   .chain__item:nth-child(4),
   .chain__item:nth-child(2) {
      margin-top: 0;
   }
   .chain__item:after {
      display: none;
   }
   .chain__item:before {
      content:'';
      background:url('../img/sustainability/down.png') no-repeat;
      height:60px;
      width: 11px;
      background-size: cover;
      position: absolute;
      display: block;
      bottom: -75px;
      left: 50%;
      margin-left: -30px;
   }
   .chain__item:nth-child(7)::before {
      display: none;

   }
   .fr .homecta__left .cta--top .cta__position {
      top:20%;
   }

   .fr .cta--top.cta--sustainability .cta__position {
      top: 17%;
   }
   .reportform__head {
      font-size: 23px;
   }

   .sustmeat,
   .sustmeats__right,
   .sustmeats__left {
      width: 100%;
      float: none;
      clear:both;
      border:0;
      padding:0;

   }
   .sustmeat {
      border-bottom: 1px solid #09264E;
      padding:20px 0;
   }
   .sustmeat::after {
      content:'';
      clear:both;
      display: block;
   }
   .sustmeat .sustmeat__image,
   .sustmeat__image {
      float:left;
      width:100px;

   }
   .sustmeat__content {
      float:right;
      width:calc(100% - 120px);
      text-align: left;
   }
   .sustmeat__image img {
      margin-bottom: 0;
   }
   .sustmeats__bottom {
      margin-top: 0px;
      padding-top: 0px;
      border-top: 0;
   }
   .sustmeats__bottom .sustmeat--responsive {
      border-bottom: 0;
   }
   .tabs__nav__head {
      max-width: 33%;
   }
   .sustdownload {
      padding-left: 20px;
   }
   .tabs__nav__head {
      border-radius: 20px 20px 0 0;
      padding: 0px 20px;
   }
   .video__text {
      padding: 20px;
      font-size: 16px;
   }
   .video__play {
      width: 40px;
      height: 40px;
      margin-bottom: 20px;
   }

}