@media screen and (max-width:400px) {

    .grid-item,
    .grid-sizer {
        width: 100%;
    }
}

@media only screen and (max-width:450px) {
    .l-constrained {
        width: 90%;
    }

    .module--instagram div icon {
        background-size: 20px;
        bottom: 10px;
        left: 10px;
    }
}

@media screen and (min-width:450px) {
    .mobile-nav li {
        padding: 10px 0;
    }
}

@media (max-width:460px) {

    .vbox-inline,
    .venoframe {
        width: 100%;
    }

    .venoframe {
        height: 260px;
    }
}

@media screen and (max-width:480px) {
    ul li {
        font-size: 0.875rem;
        line-height: 18px;
    }

    .info p {
        line-height: 18px;
        font-size: 0.875rem;
    }

    h2.lead {
        font-size: 1.125rem;
        line-height: 26px !important;
    }

    .jobs .job-title,
    .mission h4,
    h4 {
        font-size: 1.125rem;
        font-size: 18px;
    }

    p {
        font-size: 1.125rem;
        font-size: 18px;
        line-height: 26px;
        margin: 0 0 .75rem;
    }

    .margin-top {
        margin-top: 12px !important;
    }

    .main-content {
        padding-top: 86px;
    }

    .main-header {
        position: fixed;
        width: 100%;
        z-index: 800;
    }

    article {
        margin: 20px 0 !important;
    }

    .banner {
        padding-bottom: 44.7%;
    }

    .banner .copy,
    .banner .module--hover-switch .alternative,
    .module--hover-switch .banner .alternative {
        width: 93%;
    }

    .banner .copy p,
    .banner .module--hover-switch .alternative p,
    .module--hover-switch .banner .alternative p {
        font-size: .875rem;
        font-size: 14px;
        line-height: 18px;
    }

    .bx-wrapper .bx-next,
    .bx-wrapper .bx-next:hover {
        right: 5px;
    }

    .bx-wrapper .bx-prev,
    .bx-wrapper .bx-prev:hover {
        left: 5px;
    }

    .carousel.homepage .bx-wrapper .bx-controls-auto,
    .carousel.homepage .bx-wrapper .bx-pager {
        display: none;
    }

    .media.two-images div.box {
        display: block;
        float: left;
        margin-bottom: 0;
        margin-right: 1.07247%;
        width: 100%;
    }

    .media.two-images div.box:last-child {
        margin-right: 0;
    }

    .module--hover-switch .module--image-boxes .alternative,
    .module--image-boxes .copy,
    .module--image-boxes .module--hover-switch .alternative {
        top: 35% !important;
    }

    .module--hover-switch .module--image-boxes .alternative a,
    .module--image-boxes .copy a,
    .module--image-boxes .module--hover-switch .alternative a {
        opacity: 1 !important;
    }

    .module--image-trigger .box {
        margin-bottom: .375rem;
    }

    .module--hover-switch .alternative {
        display: none;
    }

    .quote {
        padding: 0;
    }

    .module--hover-switch .module--multi .bg--flavour-way .alternative,
    .module--hover-switch .module--multi .memberships .alternative,
    .module--hover-switch .module--multi .sustainability .alternative,
    .module--multi .bg--flavour-way .copy,
    .module--multi .bg--flavour-way .module--hover-switch .alternative,
    .module--multi .memberships .copy,
    .module--multi .memberships .module--hover-switch .alternative,
    .module--multi .sustainability .copy,
    .module--multi .sustainability .module--hover-switch .alternative {
        left: 5%;
    }

    .auto--columns {
        padding: 0;
    }

    .grower-profile .grower-stats .top>div span:first-child,
    .product-stats .top>div span:first-child {
        float: left;
    }

    .grower-profile .grower-stats .top>div>span,
    .product-stats .top>div>span {
        float: right;
        margin: .75rem 0;
    }

    .grower-profile .grower-stats .top>div:first-child,
    .grower-profile .grower-stats .top>div:nth-child(3),
    .product-stats .top>div:nth-child(3) {
        border-bottom: 1px solid #c8c8c8;
    }

    .blogbox {
        height: auto !important;
        margin-top: 12px;
    }

    .blog-feed {
        height: auto;
        padding: 1.5rem 1.5rem 2.25rem;
    }

    .blog-feed a {
        bottom: 12px;
    }

    .grid {
        margin-bottom: 12px;
    }

    .grid div {
        height: 200px;
        left: 22px;
        overflow: hidden;
    }

    .grid-item div a {
        opacity: 0 !important;
        padding-top: 0;
    }

    a.grid-item-hover:hover {
        opacity: 1 !important;
    }

    .chef .box {
        padding-bottom: 87.16%;
    }

    .singlecarousel div,
    .singlecarousel ul li {
        height: auto;
    }

    .singlecarousel {
        margin-bottom: 12px;
    }

    #wholesale .two-images figure,
    .geg figure {
        padding-bottom: 60%;
    }

    .geg .two-images {
        margin-right: 0;
    }

    .natooraproduce {
        height: 200px;
        overflow: hidden;
    }

    .natooraproduce h1,
    .natooraproduce h3 {
        font-size: 1.375rem;
        font-size: 22px;
        text-shadow: 0 1px 8px rgba(0, 0, 0, .6);
    }

    .module--hover-switch .natooraproduce .alternative,
    .natooraproduce .copy,
    .natooraproduce .module--hover-switch .alternative {
        bottom: 0;
        left: 10px !important;
        top: 10%;
    }

    .module--hover-boxes .box {
        background-color: #000;
        height: 300px !important;
    }

    .module--hover-boxes figure {
        opacity: .7;
    }

    .module--hover-boxes .copy p,
    .module--hover-boxes .module--hover-switch .alternative p,
    .module--hover-switch .module--hover-boxes .alternative p {
        font-size: 2.25rem;
        font-size: 36px;
        line-height: 36px;
        text-shadow: 0 1px 8px #000;
    }

    .module--social ul .social {
        margin-top: 3.75rem;
    }

    .module--accordions .panel .summary q {
        display: none;
    }

    .module--accordions .panel-body {
        margin-top: 12px;
        padding: 0;
    }

    .module--accordions .chef-bio {
        padding-left: 0;
    }

    .module--accordions .chef-bio p {
        font-size: 1.125rem;
        font-size: 18px;
    }

    .module--accordions .outline li {
        float: left;
    }

    .chef-bio .chef-list,
    .grower-profile .thegrower .grower-stats,
    .thegrower .grower-profile .grower-stats,
    .thegrower .product-stats {
        margin-top: 12px;
    }

    .chef-bio .chef-list div span:nth-child(2),
    .grower-profile .thegrower .grower-stats div span:nth-child(2),
    .thegrower .grower-profile .grower-stats div span:nth-child(2) {
        text-align: right;
        width: 66%;
    }

    .thegrower .product-stats div span:nth-child(2) {
        text-align: right;
        width: 56%;
    }

    .store-map-container .address-box {
        box-shadow: none;
        height: auto;
        margin: 0;
    }

    .store-map-container .address-box div {
        margin-bottom: 0;
    }

    #story-timeline {
        height: 400px;
        overflow-y: scroll;
        padding-top: .75rem;
    }

    #story-timeline .story-column {
        height: auto;
        padding-right: 0;
        width: 100%;
    }

    #story-timeline .story-column .story-item {
        margin-bottom: .75rem;
        padding-bottom: .75rem;
    }

    #story-timeline .story-column .story-item img {
        margin-top: .75rem;
        width: 100%;
    }

    #story-timeline .story-column .story-item:last-child {
        border-bottom: 1px solid #d7d7d7;
    }

    .our-story .media figure {
        height: 103px;
    }

    .keys {
        display: none;
    }

    #growers-list li div {
        left: 12px;
    }

    #growers-map #googlemap {
        height: 300px;
    }

    #geg-logo {
        height: 43px;
        padding-top: 12px !important;
        right: 12px;
        top: 12px;
        width: 104px;
    }

    .how-to-buy>.buy h3 {
        margin-bottom: 12px;
    }

    .how-to-buy>.buy .jobs .job-title,
    .how-to-buy>.buy h4,
    .jobs .how-to-buy>.buy .job-title {
        margin: 0 !important;
    }

    .how-to-buy>.buy ul li .hide {
        display: none;
    }

    .how-to-buy>.buy ul .info {
        display: block;
        float: left;
        margin-right: 1.07247%;
        padding: 0;
        width: 100%;
    }

    #stockists-list {
        height: auto;
        padding-left: 0;
    }

    #stockists-list li {
        padding: 6px 0;
    }

    #stockists-list li a {
        font-size: 16px;
        line-height: 18px;
    }

    #googlemap {
        display: block;
        float: left;
        height: 300px;
        margin-right: 1.07247%;
        width: 93%;
    }

    #googlemap:last-child {
        margin-right: 0;
    }

    .memberships>.buy ul img,
    .mission>.buy ul img,
    .sourcing>.buy ul img {
        width: 100%;
    }

    .jobs .memberships>.buy ul .info .job-title,
    .jobs .mission>.buy ul .info .job-title,
    .jobs .sourcing>.buy ul .info .job-title,
    .memberships>.buy ul .info .jobs .job-title,
    .memberships>.buy ul .info h4,
    .mission>.buy .jobs ul .info .job-title,
    .mission>.buy ul .info .jobs .job-title,
    .mission>.buy ul .info h4,
    .sourcing>.buy ul .info .jobs .job-title,
    .sourcing>.buy ul .info h4 {
        font-size: 1.125rem;
        font-size: 18px;
    }

    .sourcing>.buy ul li {
        width: 100% !important;
    }

    .plus-one {
        top: 14%;
    }

    .plus-two {
        top: 31%;
    }

    .plus-three {
        top: 47%;
    }

    .plus-four {
        opacity: .8;
        top: 64%;
    }

    .equal {
        top: 82%;
    }

    .plus {
        left: 50% !important;
    }

    .job-posts .job span:nth-child(2) {
        padding: 0;
    }

    .job-posts .job:last-child {
        margin-bottom: 1.5rem;
    }

    .has--margin {
        margin: 1.375rem 0 0;
    }

    [role=contentinfo] nav>ul.footer-nav li {
        margin: 0 0 .85rem !important;
    }

    .copy-footer {
        font-size: .85rem !important;
    }

    .module--hover-boxes .copy,
    .module--hover-boxes .module--hover-switch .alternative,
    .module--hover-switch .module--hover-boxes .alternative {
        padding-top: 10%;
    }

    .headline-index p {
        display: block;
    }
}

@media screen and (max-width:767px) {
    .box-social {
        float: initial !important;
        margin: 20px 0 0 !important;
        width: 100% !important;
    }

    .venoframe {
        height: 315px;
        width: 420px;
    }
}

@media screen and (max-width:768px) {
    .over-copy .copy div {
        opacity: 1;
        bottom: 20px;
    }

    .over-copy h3 {
        font-size: 28px;
    }

    .jobs .job-title,
    .mission h4,
    h4 {
        font-size: 1.125rem;
        font-size: 18px;
        line-height: 26px !important;
    }

    .eight--columns {
        width: 80% !important;
    }

    .module--box-double .box--double {
        width: 100% !important;
    }

    .module--box-double .box--single {
        width: 100% !important;
    }

    .columns--list div {
        margin: 0 0 10px 0;
    }

    .columns--list p {
        margin: 0 0 30px 0;
    }

    address {
        font-size: 0.875rem !important;
    }

    .banner {
        padding-bottom: 54.7%;
    }

    .carousel.homepage .bx-controls-direction a {
        height: 20px;
        width: 20px;
        top: 42%;
    }

    .module--hover-boxes .copy h3,
    .module--hover-boxes .module--hover-switch .alternative h3,
    .module--hover-switch .module--hover-boxes .alternative h3 {
        margin-bottom: 20px !important;
        opacity: 1 !important;
    }

    .module--hover-boxes .copy p {
        font-size: 2.5rem;
        line-height: 50px;
    }

    .module--hover-boxes .copy a,
    .module--hover-boxes .module--hover-switch .alternative a,
    .module--hover-switch .module--hover-boxes .alternative a {
        bottom: 10%;
        opacity: 1 !important;
    }

    .module--hover-boxes .our-growers h3 {
        height: 60px !important;
        width: 156px !important;
    }

    .module--hover-boxes .our-produce h3,
    .module--hover-boxes .our-story h3,
    .module--hover-boxes .our-contact h3 {
        height: 47px !important;
        width: 156px !important;
    }

    .product-profile-table .six--columns {
        clear: both;
        width: 100%;
    }

    .box-say-hello-footer {
        margin-top: 56px;
        margin-bottom: 56px !important;
    }

    [role=contentinfo] .outro ul:last-child a {
        text-decoration: underline;
    }

    .how-to-buy>.buy ul .info:last-child {
        margin: 2rem;
        margin-bottom: 4rem;
        max-width: 100%;
    }

    .how-to-buy>.buy ul li {
        margin-bottom: 1.75rem;
    }

    .footer-brand {
        text-align: center;
    }

    .heading-app h2 {
        font-size: 1.2rem;
        line-height: 24px;
    }

    .heading-app .tittle {
        font-size: 1.2rem;
    }

    .squares>div {
        width: auto;
        height: auto;
        margin: 0;
    }

    .horizontal-scroll-wrapper>div {
        transform: initial;
    }

    .horizontal-scroll-wrapper {
        position: relative;
        display: contents;
    }

    .container-bt-store {
        display: block;
    }

    .our-app {
        height: auto;
    }

    #cookieConsent {
        line-height: 22px;
        padding: 32px 24px 16px;
        bottom: 0;
        top: auto;
        height: auto !important;
    }

    .container-cookie {
        align-items: center !important;
        justify-content: center !important;
        flex-direction: column !important;
    }

    .content_body__cookies {
        margin: 32px 0 0;
    }

    #cookieConsent .cookieConsentOK {
        padding: 8px;
        min-width: 126px;
        margin: 32px;
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        justify-items: center;
        padding: 8px 24px;
    }

    #copy-screenshot hr {
        border-top: 2px solid #eef;
        height: 1px;
        margin: .75rem 0 1rem;
        width: 210px;
    }

    #copy-screenshot .title {
        font-size: 1rem;
    }

    #copy-screenshot .sub-title {
        font-size: 1rem;
    }

    #copy-screenshot .align-right {
        margin-left: -16px;
    }

    #copy-screenshot .align-left {
        margin-right: -16px;
    }

    #copy-screenshot img {
        height: 280px;
    }

    #copy-screenshot .content {
        line-height: 16px;
        font-size: 12px;
    }

    .column-left,
    .column-right {
        float: initial;
        width: 100%;
    }

    .main-constrained {
        width: 100%;
    }

    .section-duo {
        padding: 0 1.6rem !important;
    }

    .section-duo li {
        width: 100% !important;
        display: block !important;
    }

    .section-duo span {
        max-width: 100% !important;
        margin: 10px 0 !important;
    }

    #mc_embed_signup form,
    .mc_embed_signup--content {
        display: block !important;
    }

    #mc_embed_signup .button {
        width: 96% !important;
    }

    .mc_embed_signup--content {
        margin-top: 2rem;
    }

    #mc_embed_signup form {
        margin: 16px !important;
        padding: 0 !important;
    }

    .module--social ul {
        justify-content: center;
    }

    .module--social {
        margin-right: 0 !important;
    }

    .box--press {
        flex-direction: column !important;
    }

}

@media screen and (min-width:768px) {
    ul li {
        font-size: .9375rem;
        font-size: 15px;
    }

    .btn {
        font-size: .9375rem;
        font-size: 15px;
    }

    .box-subscribe {
        float: left;
        width: 80% !important;
    }

    h1 {
        font-size: 2.25rem;
        font-size: 36px;
    }

    h2 {
        font-size: 1.625rem;
        font-size: 26px;
    }

    .lead {
        font-size: 1.625rem;
        font-size: 26px;
    }

    h3 {
        font-size: 1.375rem;
        font-size: 22px;
    }

    h5 {
        font-size: 1.25rem;
        font-size: 20px;
    }

    .quotestandout p {
        font-size: 1.625rem;
        font-size: 26px;
        margin: 0 10% 10px 2.75rem;
    }

    .jobs .job-title,
    .mission h4,
    h4 {
        font-size: 1.375rem;
        font-size: 16px;
    }

    p {
        font-size: 16px;
        font-size: 1rem;
    }

    .eight--columns,
    .eleven--columns,
    .five--columns,
    .four--columns,
    .nine--columns,
    .one--column,
    .seven--columns,
    .ten--columns,
    .three--columns,
    .two--columns {
        display: block;
        float: left;
    }

    .one--column {
        margin-right: 1.07247%;
        width: 7.35023%;
    }

    .one--column:last-child {
        margin-right: 0;
    }

    .two--columns {
        margin-right: 1.07247%;
        width: 15.77294%;
    }

    .two--columns:last-child {
        margin-right: 0;
    }

    .three--columns {
        margin-right: 1.07247%;
        width: 24.19564%;
    }

    .three--columns:last-child {
        margin-right: 0;
    }

    .four--columns {
        margin-right: 1.07247%;
        width: 32.61835%;
    }

    .four--columns:last-child {
        margin-right: 0;
    }

    .five--columns {
        margin-right: 1.07247%;
        width: 41.04106%;
    }

    .five--columns:last-child {
        margin-right: 0;
    }

    .six--columns {
        display: block;
        float: left;
        margin-right: 2.07247%;
        width: 48.46376%;
    }

    .six--columns:last-child {
        margin-right: 0;
    }

    .seven--columns {
        margin-right: 1.07247%;
        width: 57.88647%;
    }

    .seven--columns:last-child {
        margin-right: 0;
    }

    .eight--columns {
        margin-right: 1.07247%;
        width: 64.30918%;
    }

    .eight--columns:last-child {
        margin-right: 0;
    }

    .nine--columns {
        margin-right: 1.07247%;
        width: 74.73188%;
    }

    .nine--columns:last-child {
        margin-right: 0;
    }

    .ten--columns {
        margin-right: 1.07247%;
        width: 83.15459%;
    }

    .ten--columns:last-child {
        margin-right: 0;
    }

    .eleven--columns {
        margin-right: 1.07247%;
        width: 91.57729%;
    }

    .eleven--columns:last-child {
        margin-right: 0;
    }

    .mobile--only {
        display: none;
    }

    .mobile--hidden {
        display: block;
    }

    .margin-top {
        margin-top: 12px !important;
    }

    .padding-top {
        padding-top: 12px !important;
    }

    article {
        margin: 2.75rem 0;
    }

    article.contact {
        margin: 2.75rem 0 0;
    }

    .banner.product-profile {
        height: 41.6875rem;
        height: 667px;
    }

    .carousel.homepage .banner,
    .carousel.homepage .bx-viewport {
        height: 400px !important;
    }

    .bx-wrapper .bx-next,
    .bx-wrapper .bx-next:hover {
        right: 20px;
    }

    .bx-wrapper .bx-prev,
    .bx-wrapper .bx-prev:hover {
        left: 20px;
    }

    .carousel.homepage .bx-controls-direction a {
        display: block;
        top: 42%;
    }

    .carousel.homepage .bx-wrapper .bx-controls-auto,
    .carousel.homepage .bx-wrapper .bx-pager {
        bottom: 5%;
        display: block;
        left: 85%;
        width: 20%;
    }

    .carousel ul li {
        height: 26rem;
        height: 416px;
    }

    .module--image-boxes .box {
        float: left;
        height: 171px;
        width: 33.333339%;
    }

    .module--hover-switch .module--image-boxes .alternative,
    .module--image-boxes .copy,
    .module--image-boxes .module--hover-switch .alternative {
        top: 60%;
    }

    .module--image-trigger .box {
        display: block;
        float: left;
        height: 214px;
        margin-bottom: 0;
        margin-right: 1.07247%;
        width: 32.61835%;
    }

    .module--image-trigger .box:last-child {
        margin-right: 0;
    }

    .module--image-trigger.full-width .box {
        display: block;
        float: left;
        height: 418px;
        margin-right: 1.07247%;
        width: 100%;
    }

    .module--image-trigger.full-width .box:last-child {
        margin-right: 0;
    }

    .module--hover-switch .box {
        float: left;
        height: 400px;
        width: 33.33333%;
    }

    .module--hover-switch .alternative,
    .module--hover-switch .copy {
        display: none;
    }

    .module--instagram div {
        float: left;
        height: 300px;
        width: 25%;
    }

    .module--join-us .btn {
        bottom: 17%;
        position: absolute;
    }

    .module--join-us .six--columns>img {
        display: block;
        float: left !important;
        width: 49% !important;
    }

    .module--multi .left,
    .module--multi .right {
        float: left;
        width: 50%;
    }

    .module--hover-switch .module--multi .module--copy .alternative a,
    .module--multi .module--copy .copy a,
    .module--multi .module--copy .module--hover-switch .alternative a {
        opacity: 0;
    }

    .module--social ul .social {
        margin-top: 0;
    }

    .module--social ul li {
        float: left;
        margin: 0 1.25rem 0 0;
        vertical-align: middle;
    }

    .module--social form input,
    .module--social form label {
        float: left;
        margin: 0 .9375rem 0 0;
    }

    .module--social form label {
        margin: .8125rem .625rem;
        padding-left: 0;
        width: 28%;
    }

    .module--social form input[type=email] {
        height: 2.8125rem;
        height: 45px;
        width: 49%;
    }

    .module--social form input[type=submit] {
        width: 16%;
    }

    .auto--columns .column,
    .auto--columns .one--column {
        margin-bottom: 1.5rem;
        width: 46% !important;
    }

    .auto--columns .last {
        padding: 0 0 0 2.75rem;
    }

    .grower-profile .grower-stats .top>div,
    .product-stats .top>div {
        border-right: 1px solid #c8c8c8;
        display: block;
        float: left;
        margin: .625rem 0;
        padding-left: .625rem;
        width: 49.46376%;
    }

    .grower-profile .grower-stats .top>div:last-child,
    .product-stats .top>div:last-child {
        margin-right: 0;
    }

    .grower-profile .grower-stats .top>div>span,
    .product-stats .top>div>span {
        clear: left;
        display: block;
        margin: 0;
    }

    header nav>ul.primary-nav>li {
        float: left;
        width: auto;
    }

    header nav>ul.primary-nav>li:last-child {
        margin-right: 0;
    }

    .module--hover-boxes .box {
        float: left;
        height: 400px;
        width: 33.333339%;
    }

    .module--social ul li {
        float: left;
        margin: 0 .3125rem 0 0;
        vertical-align: middle;
    }

    .module--social ul form input,
    .module--social ul form label {
        float: left;
        margin: 0 .9375rem 0 0;
    }

    .module--social ul form label {
        margin: .8125rem .625rem .8125rem 0;
        padding-left: 0;
        text-align: left;
        width: 18%;
    }

    .module--social ul form input[type=email] {
        background: url(../img/ui/email-icon.png) 7px 12px no-repeat;
        height: 2.8125rem;
        height: 45px;
        padding-left: 2.5rem;
        width: 40%;
    }

    .module--social ul form input[type=email]::-webkit-input-placeholder {
        color: #a0a0a0;
    }

    .module--social ul form input[type=email]::-moz-placeholder {
        color: #a0a0a0;
    }

    .module--social ul form input[type=email]:-moz-placeholder {
        color: #a0a0a0;
    }

    .module--social ul form input[type=email]:-ms-input-placeholder {
        color: #a0a0a0;
    }

    .module--social ul form input[type=submit] {
        margin-right: 0;
        width: 19%;
    }

    .module--social ul .facebook,
    .module--social ul .instagram,
    .module--social ul .instagram-chefs,
    .module--social ul .twitter,
    .module--social ul .twitter-chefs {
        margin-right: 1%;
    }

    .module--accordions .panel .panel-heading .panel-title {
        height: 24.9375rem;
        height: 399px;
    }

    .store-map-container .store-map {
        height: 488px;
    }

    .store-map-container .address-box {
        font-size: .9375rem;
        font-size: 15px;
        margin: auto;
        position: absolute;
        right: 34px;
        width: 473px;
    }

    .store-map-container .address-box img {
        display: block;
    }

    .our-story .media figure {
        height: 188px;
    }

    .grower-profile .grower-stats .top>div>span {
        margin: .75rem 0 0;
    }

    .grower-profile .grower-stats .top>div {
        display: block;
        float: left;
        margin-right: 1.07247%;
        width: 41.04106%;
    }

    .grower-profile .grower-stats .top>div:last-child {
        margin-right: 0;
    }

    .grower-profile .map-section .grower-map,
    .grower-profile .map-section figure {
        height: 288px;
    }

    .produce-map-container .produce-map {
        height: 209px;
    }

    .job-posts .job span {
        display: block;
        float: left;
        margin-right: 1.07247%;
        width: 32.61835%;
    }

    .job-posts .job span:last-child {
        margin-right: 0;
    }

    .how-to-buy>.buy ul img {
        display: block;
        float: left;
        margin-right: 1.07247%;
    }

    .how-to-buy>.buy ul img:last-child {
        margin-right: 0;
    }

    .how-to-buy>.buy ul .info {
        display: block;
        float: left;
        margin-right: 1.07247%;
        padding-top: 0;
    }

    .how-to-buy>.buy ul .info:last-child {
        margin-right: 0;
    }

    .how-to-buy>.buy.online li {
        display: block;
        float: left;
        margin-right: 1.07247%;
        width: 32.339%;
    }

    .how-to-buy>.buy.online .concession li {
        display: block;
        float: left;
        margin-right: 1.07247%;
        width: 48.9%;
    }

    .how-to-buy>.buy.online .concession_four li {
        display: block;
        float: left;
        margin-right: 1.07247%;
        width: 23.9%;
    }

    .how-to-buy>.buy.online li:last-child {
        margin-right: 0;
    }

    .how-to-buy>.buy.online li .info,
    .how-to-buy>.buy.online li img {
        display: block;
        float: left;
        margin-right: 1.07247%;
        width: 100%;
    }

    .how-to-buy>.buy.online li .info:last-child,
    .how-to-buy>.buy.online li img:last-child {
        margin-right: 0;
    }

    .how-to-buy>.buy.online li .info {
        clear: both;
        margin: 1.2rem 0 2rem;
        padding-left: 0;
    }

    .how-to-buy .info h4 {
        margin: 0 !important;
    }

    .how-to-buy .info h6 {
        margin: 0 !important;
    }

    .how-to-buy .info p {
        margin: .75rem 0 0 !important;
    }

    .memberships>.buy ul img,
    .mission>.buy ul img,
    .sourcing>.buy ul img {
        display: block;
        float: left;
        margin-right: 1.07247%;
        width: 66.30918%;
    }

    .memberships>.buy ul img:last-child,
    .mission>.buy ul img:last-child,
    .sourcing>.buy ul img:last-child {
        margin-right: 0;
    }

    .memberships>.buy ul .info,
    .mission>.buy ul .info,
    .sourcing>.buy ul .info {
        display: block;
        float: left;
        margin-right: 1.07247%;
        padding-left: .75rem;
        padding-top: 0;
        width: 32.61835%;
    }

    .memberships>.buy ul .info:last-child,
    .mission>.buy ul .info:last-child,
    .sourcing>.buy ul .info:last-child {
        margin-right: 0;
    }

    .memberships>.buy.member li,
    .mission>.buy.member li,
    .sourcing>.buy.member li {
        display: block;
        float: left;
        margin-right: 4.25%;
        width: 30.5%;
    }

    .memberships>.buy.member li:last-child,
    .mission>.buy.member li:last-child,
    .sourcing>.buy.member li:last-child {
        margin-right: 0;
    }

    .memberships>.buy.member li .info,
    .memberships>.buy.member li img,
    .mission>.buy.member li .info,
    .mission>.buy.member li img,
    .sourcing>.buy.member li .info,
    .sourcing>.buy.member li img {
        display: block;
        float: left;
        margin-right: 1.07247%;
        width: 100%;
    }

    .memberships>.buy.member li .info:last-child,
    .memberships>.buy.member li img:last-child,
    .mission>.buy.member li .info:last-child,
    .mission>.buy.member li img:last-child,
    .sourcing>.buy.member li .info:last-child,
    .sourcing>.buy.member li img:last-child {
        margin-right: 0;
    }

    .memberships>.buy.member li .info,
    .mission>.buy.member li .info,
    .sourcing>.buy.member li .info {
        clear: both;
        margin: 1.375rem 0 0;
        padding-left: 0;
    }

    .job-posts .job span {
        display: block;
        float: left;
        margin-right: 1.07247%;
        width: 50%;
    }

    .job-posts .job span:last-child {
        margin-right: 0;
    }

    [role=contentinfo] nav {
        margin-left: 4.42271%;
    }

    [role=contentinfo] nav>ul.footer-nav {
        margin-top: 0;
    }

    [role=contentinfo] nav>ul.footer-nav li {
        display: block;
        float: left;
        margin: 0 1.07247% .85rem 3.375rem;
        width: 32.61835%;
    }

    [role=contentinfo] nav>ul.footer-nav li:last-child {
        margin-right: 0;
    }

    [role=contentinfo] .outro {
        padding: 0;
    }

    [role=contentinfo] .outro ul:first-child {
        display: block;
        float: left;
        margin-right: 1.07247%;
        width: 32.61835%;
    }

    [role=contentinfo] .outro ul:first-child:last-child {
        margin-right: 0;
    }

    [role=contentinfo] .outro ul:first-child li {
        float: left;
        font-size: .875rem;
        font-size: 14px;
    }

    [role=contentinfo] .outro ul:first-child li span {
        display: inline-block;
        margin: 0 10px;
    }

    [role=contentinfo] .outro ul:last-child {
        display: block;
        float: left;
        margin-right: 1.07247%;
        width: 83.15459%;
    }

    [role=contentinfo] .outro ul:last-child:last-child {
        margin-right: 0;
    }

    [role=contentinfo] .outro ul:last-child li:first-child {
        list-style: none;
    }

    [role=contentinfo] .outro ul:last-child li {
        float: left;
    }

    .left-constrained {
        float: left;
        width: 46%;
        margin-bottom: 1.5rem;
    }

    .right-constrained {
        float: right;
        width: 49.4%;
        margin-bottom: 1.5rem;
    }

    .module--image-trigger .box {
        height: 368px;
    }

    .table-image {
        width: 100%;
    }

    .section-duo {
        padding: 0 3.6rem !important;
        margin-top: 20px;
    }

    .video-wrapper {
        padding-right: 4rem;
    }
}

@media screen and (min-width:1025px) {
    ul li {
        font-size: 16px;
        font-size: 1rem;
        line-height: 19px;
    }

    h1 {
        font-size: 3.5rem;
        font-size: 56px;
        line-height: 62px;
    }

    h2 {
        font-size: 3.5rem;
        font-size: 46px;
        line-height: 46px;
    }

    h2.lead {
        font-size: 2.25rem;
        font-size: 36px;
        line-height: 40px;
    }

    .quotestandout p {
        font-size: 1.75rem;
        font-size: 28px;
        line-height: 34px;
        margin: 0 10% 10px 2.75rem;
    }

    h3 {
        font-size: 2.25rem;
        font-size: 36px;
        line-height: 40px;
    }

    .jobs .job-title,
    .mission h4,
    h4 {
        font-size: 18px;
        font-size: 1.2rem;
        font-style: normal;
        line-height: 20px;
        height: 40px;
    }

    .jobs .mission .job-title,
    .mission .jobs .job-title {
        line-height: 20px;
    }

    h5 {
        font-size: 1.625rem;
        font-size: 26px;
        line-height: 35px;
    }

    p {
        font-size: 16px;
        font-size: 1rem;
        line-height: 22px;
    }

    .main-header .burger,
    .main-header .mobile-logo {
        display: none;
    }

    .horizontal-scroll-wrapper {
        top: 50%;
    }

    .heading-app h2 {
        font-size: 1.9rem;
        line-height: 32px;
        max-width: 600px;
        margin: 0 auto;
    }

    .our-app {
        height: 700px;
    }

    .primary-nav {
        display: flex !important;
        max-width: 1140px;
    }

    .main-header {
        height: 102px;
    }

    .main-content {
        padding-top: 86px;
    }

    .carousel.homepage .banner,
    .carousel.homepage .bx-viewport {
        height: 600px !important;
    }

    .carousel.homepage .bx-controls-direction a {
        display: block;
        top: 45%;
    }

    .media figure {
        height: 416px;
    }

    .chef figure {
        height: 313px;
    }

    .smlheight figure {
        height: 340px;
    }

    header nav>ul.primary-nav>li.logo {
        background: url(../img/sprite.svg) no-repeat;
        background-size: 100%;
        border: none !important;
        display: block;
        height: 80px;
        width: 12%;
    }

    header nav>ul.primary-nav>li.logo a {
        border: none;
        display: block;
        height: 100%;
        width: 100%;
    }

    header nav a span,
    header nav a:visited span {
        display: block;
    }

    .module--social ul .form {
        width: 100%;
    }

    .module--social ul .social {
        display: block;
    }

    .store-map-container .address-box {
        font-size: .9375rem;
        font-size: 15px;
    }

    .our-story .media figure {
        height: 313px;
    }

    .jobs h5 {
        font-size: 1.125rem;
        font-size: 18px;
        line-height: 25px;
    }

    [role=contentinfo] nav {
        /* position: absolute; */
    }

    [role=contentinfo] nav>ul.footer-nav li {
        display: block;
        float: left;
        margin: 0 1rem 1rem;
        width: 24.19564%;
    }

    [role=contentinfo] nav>ul.footer-nav li:last-child {
        margin-right: 0;
    }
}




@media (max-width:992px) {
    .venoframe {
        height: 480px;
        width: 640px;
    }
}

@media screen and (min-width:900px) and (max-width:1025px) {

    .carousel.homepage .banner,
    .carousel.homepage .bx-viewport {
        height: 500px !important;
    }
}

@media screen and (min-width:768px) and (max-width:900px) {

    .carousel.homepage .banner,
    .carousel.homepage .bx-viewport {
        height: 420px !important;
    }
}

@media screen and (max-width:960px) {
    .module--instagram div icon {
        left: 20px;
    }
}

@media screen and (min-width:480px) and (max-width:768px) {
    .grid div {
        left: 20px;
        top: 20px;
    }
}

@media screen and (max-width:1200px) {

    .homepage .bx-viewport,
    .homepage ul li {
        height: auto !important;
    }

    .homepage ul li .banner {
        padding-bottom: 51.7%;
    }

    .module--hover-boxes .copy p {
        font-size: 2rem;
        line-height: 32px;
    }
}

@media screen and (max-width:1024px) {
    .module--hover-boxes .our-growers h3 {
        height: 96px;
        width: 183px;
    }

    .module--hover-boxes .our-produce h3 {
        height: 67px;
        width: 173px;
    }

    .module--hover-boxes .our-story h3 {
        height: 67px;
        width: 183px;
    }
}

@media screen and (min-width:1024px) {
    .box-say-hello-footer {
        bottom: 4px;
        position: relative;
    }
}