/*Responsive*/

@media (min-width: 544px) {
    .ProductStory__item {
        margin-bottom: 2rem;
        padding: 0 1rem
    }
    .ProductStory__item img {
        height: 10rem;
        width: 10rem
    }
    .ProductCard__image {
        margin-top: -4rem;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    .Recipe__print .Icon--print {
        height: 1.3rem;
        width: 1.3rem
    }
    .TabberTab {
        font-size: 1rem;
        line-height: 1.5rem;
        padding: 1rem 1.25rem .625rem
    }
}
@media (min-width: 768px) {
    .Home__chooktracker:after {
            top: -1%;
    }
    .Navigation__list-link {
        padding: 10px 0px
    }
    .Navigation--primary .Navigation__list-item .Navigation__list-link {
            font-size: .8rem;
    padding: 15px 0
    }
    .Card {
        margin: 0 1% 2rem;
        width: 48%
    }
    .Icon--logo {
        height: 5rem;
        width: 4.5rem
    }
    .List--social-links {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-pack: left;
        -webkit-justify-content: left;
        -ms-flex-pack: left;
        justify-content: left
    }
    .Product__hover-items h5 {
        opacity: 0;
        margin-bottom: 0
    }
    .Product__hover-items:hover img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }
    .Product__hover-items:hover h5 {
        opacity: 1
    }
    .Product__hover-items:hover h5:before {
        left: 0;
        right: 0;
        max-width: 100%;
        width: 100%
    }
    .ProductCard__items {
        margin-top: 1rem
    }
    .ProductCard__items .Layout__column-quick:nth-child(odd) .ProductCard__item,
    .ProductCard__items .Layout__column:nth-child(odd) .ProductCard__item {
        margin-right: .5rem
    }
    .ProductCard__items .Layout__column-quick:nth-child(2n) .ProductCard__item,
    .ProductCard__items .Layout__column:nth-child(2n) .ProductCard__item {
        margin-left: .5rem
    }
    .Recipe__image {
        min-height: 24rem
    }
    .ScrollDown {
        top: 35.8rem
    }
    .ScrollDown__title {
        color: #fff;
        display: block;
        left: 50%;
        margin-left: -.38181818rem;
        position: relative;
        top: -6.5rem
    }
    .ScrollDown__title .char1 {
        -webkit-transform: rotate(-38.31818182deg);
        -ms-transform: rotate(-38.31818182deg);
        transform: rotate(-38.31818182deg)
    }
    .ScrollDown__title .char2 {
        -webkit-transform: rotate(-30.13636364deg);
        -ms-transform: rotate(-30.13636364deg);
        transform: rotate(-30.13636364deg)
    }
    .ScrollDown__title .char3 {
        -webkit-transform: rotate(-21.95454545deg);
        -ms-transform: rotate(-21.95454545deg);
        transform: rotate(-21.95454545deg)
    }
    .ScrollDown__title .char4 {
        -webkit-transform: rotate(-13.77272727deg);
        -ms-transform: rotate(-13.77272727deg);
        transform: rotate(-13.77272727deg)
    }
    .ScrollDown__title .char5 {
        -webkit-transform: rotate(-5.59090909deg);
        -ms-transform: rotate(-5.59090909deg);
        transform: rotate(-5.59090909deg)
    }
    .ScrollDown__title .char6 {
        -webkit-transform: rotate(2.59090909deg);
        -ms-transform: rotate(2.59090909deg);
        transform: rotate(2.59090909deg)
    }
    .ScrollDown__title .char7 {
        -webkit-transform: rotate(10.77272727deg);
        -ms-transform: rotate(10.77272727deg);
        transform: rotate(10.77272727deg)
    }
    .ScrollDown__title .char8 {
        -webkit-transform: rotate(18.95454545deg);
        -ms-transform: rotate(18.95454545deg);
        transform: rotate(18.95454545deg)
    }
    .ScrollDown__title .char9 {
        -webkit-transform: rotate(27.13636364deg);
        -ms-transform: rotate(27.13636364deg);
        transform: rotate(27.13636364deg)
    }
    .ScrollDown__title .char10 {
        -webkit-transform: rotate(35.31818182deg);
        -ms-transform: rotate(35.31818182deg);
        transform: rotate(35.31818182deg)
    }
    .ScrollDown__title .char11 {
        -webkit-transform: rotate(43.5deg);
        -ms-transform: rotate(43.5deg);
        transform: rotate(43.5deg)
    }
    .ScrollDown__title span {
        display: block;
        height: 4.2rem;
        left: 0;
        position: absolute;
        text-align: center;
        top: 0;
        -webkit-transform-origin: bottom center;
        -ms-transform-origin: bottom center;
        transform-origin: bottom center
    }
    .ScrollDown__sunny {
        height: auto;
        margin-left: -0.95rem;
        margin-top: -4.75rem;
        position: absolute;
        width:auto;
    }
    .SideBySide__text {
        padding: 3.2rem 8%
    }
    .Faq {
        padding: 0
    }
    .Video__hover-image {
        display: block;
        bottom: 0;
        left: 0;
        opacity: 1;
        position: absolute;
        right: 0;
        top: 0;
        -webkit-transition: all 1s linear;
        -o-transition: all 1s linear;
        transition: all 1s linear;
        visibility: visible
    }
    .Section--no-feature {
        padding-top: 8rem
    }
}
@media (min-width: 992px) {
    .Card {
        margin: 0 1% 2rem;
        width: 31%
    }
    .Icon--logo {
        height: 6rem;
        width: 5.4rem
    }
     .ProductStory__item {
        margin-bottom: 0
    }
    .ProductCard__item {
        margin-bottom: 5rem
    }
    .ProductCard__text {
        padding: 0 1.5rem
    }
    .Recipe__paper-tear {
        display: block
    }
    .Recipe__detail-scroll {
        left: 50%
    }
    .Recipe__details {
        margin-top: 5.5rem
    }
    .Recipe__image {
        height: 100vh;
        left: 0;
        min-height: auto;
        position: fixed;
        top: 0
    }
    .Recipe__ingredient-method-switcher {
        width: 50%
    }
    .Gallery__item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333333%;
        -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
        -webkit-flex-basis: 33.33333333%;
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        max-width: 33.33333333%;
        padding: .15rem;
        width: 33.33333333%
    }
    .Gallery__item:nth-child(5n),
    .Gallery__item:nth-child(5n+4) {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        width: 50%
    }
    .Section {
        padding: 4.5rem 0
    }
}
@media (min-width: 1200px) {
    .Modal {
        padding-top: 5rem
    }
    .ScrollDown {
        top: 95vh
    }
    .FootprintCta {
        display: block
    }
    .Gallery {
        margin: 0 auto;
        padding: 0;
        width: 80%
    }
}

    /* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
  //CSS
  
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
  
  //CSS
  
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  
   .Navigation {
            top: 0%;
    }
    .Navigation__mobile-logo img {
        width: 40%;

    }
    .Layout__column--xs-12 {
        padding: 5px 0px;
    }
    .Navigation__mobile{
            max-height: none;
    padding: 0px;
    }
.Navigation__mobile--open {
    z-index: 999;
}
.main-logo {
        margin-top: 0%;
        text-align: center;
        margin: 0 auto;
}
.Navigation__toggle {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9999;
    display: block;
    height: 10rem;
}
.Navigation__mobile {

    position: inherit;
}
.Navigation__title {
        font-size: 25px;
}
  
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  

.Navigation__toggle {
    display:none;
}
  
}

@media (max-width: 767px) {

  .Footer__content:after {
        background-size: cover;
        height: 300px;
  }
  .Footer__content {
        padding: 2rem 0;
  }
  .Navigation {
            top: 0%;
    }
    .Navigation__mobile-logo img {
        width: 40%;

    }
    .Layout__column--xs-12 {
        padding: 0px 0px;
    }
    .Navigation__mobile{
            max-height: none;
     padding: 10px 20px;
    }
.Navigation__mobile--open {
    z-index: 999;
}
.main-logo {
        margin-top: 0%;
        text-align: center;
        margin: 0 auto;
        width: 60%;
}
.Navigation__list-item--logo .Navigation__list-link {
        padding: 10px 0;
}
.Navigation__toggle {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9999;
     display: block;
}
.Navigation__mobile {
height: 5rem;
    position: inherit;
}
.ScrollDown__sunny{
        display: none;
}
.Home__free-range {
    padding: 3.5rem 0;
    }
.Navigation__list {
    display: inherit;
    }
    .Navigation__list-link {
     padding: 0.5rem 0;
    }
    .util-background-golf:before {
        bottom: -10px;
    }
    .Home__chooktracker:after {
            top: -10px;
    }
    .Footer__meta {
            padding: 1rem 0;
    }
    .border-blue::before{
        visibility: hidden;
    }
    .page-id-171 .subpage-banner::after{

    }
.Card img {
    text-align: center;
    margin: 0 auto;
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  
   
  
  
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  
  
}