@media (min-width: 1600px) {
    #homeCarousel .carousel-inner .item {
        /*position: relative;
        padding-bottom: 0;
        height: 665px;*/
    }

    #static-header {
        /*padding: 0;
        height: 400px;*/
    }
}

@media (min-width: 900px) {

    #createsend-subscribe .form-group:nth-child(2) {
        width: calc(100% - 430px);
        margin-right: 15px;
    }

    }

@media (max-width: 1350px) {
    .gaylea-story-container p {
        /*margin-right: 650px;*/
    }
}

@media (max-width: 1300px) {

    #main-nav #products-dropdown,
    #main-nav #produits-dropdown {
        left: 116px;
    }

    #main-nav #recipes-dropdown {
        left: 266px;
    }

    #main-nav #recettes-dropdown {
        left: 262px;
    }

    #main-nav #faq-dropdown {
        left: auto;
        right: 155px;
    }

    #main-nav #faq-fr-dropdown {
        left: auto;
        right: 185px;
    }

    #main-nav #lhistoire-de-salerno-dropdown {
        left: auto;
        right: 83px;
    }

    #main-nav .nav-right li {
        padding: 18px 33px;
    }

}



@media (max-width: 1260px) {

    #main-nav #about-us-dropdown,
    #main-nav #salerno-story-dropdown {
        left: auto;
        right: 28px;
    }

}



@media (max-width: 1199px) {

    #footer-info section {
        /*padding-left: 20px;*/
    }

    #footer-info section .upper {
        padding-left: 15px;
    }

    #footer-info section .lower {
        padding-left: 15px;
    }

    .small-txt-top {
        margin-right: 0;
    }

    #gaylea-story {
        background-position: 85% top;
    }

    .employment .products-detail .products-details-boxes div h2 {
        font-size: 16px;
    }

    .employment .products-detail.bod-detail .products-details-boxes div h2 {
        top: 67%;
    }

    .employment .products-detail.bod-detail .products-details-boxes div h3 {
        margin-top: 12px;
        font-size: 14px;
    }

    .products-detail.bod-detail .products-details-boxes div h2 {
        font-size: 19px;
    }

    .products-detail.bod-detail .products-details-boxes div h3 {
        font-size: 17px;
        top: 78%;
    }

    #main-nav .nav-left.fr-ver {
        margin-left: 37px;
    }

    #main-nav .nav-right.fr-ver {
        margin-right: 39px;
    }

    #main-nav #produits-dropdown {
        left: 46px;
    }

    #main-nav #recettes-dropdown {
        left: 191px;
    }

    #main-nav #faq-fr-dropdown {
        right: 118px;
    }

    #main-nav #lhistoire-de-salerno-dropdown {
        right: 17px;
    }

}

@media (max-width: 1100px) {

    #main-nav .nav-left {
        margin-left: 57px;
    }

    #main-nav .nav-left.fr-ver {
        margin-left: 0;
    }

    #main-nav .nav-right {
        margin-right: 56px;
    }

    #main-nav .nav-right.fr-ver {
        margin-right: 10px;
    }

    #main-nav ul li {
        padding: 18px 31px;
    }

    #main-nav ul.nav-right li {
        padding: 18px 40px;
    }

    #main-nav ul.nav-left.fr-ver li {
        padding: 18px 40px;
    }

    #main-nav ul.nav-right.fr-ver li {
        padding: 18px 28px;
    }

    #main-nav #products-dropdown {
        left: 56px;
    }

    #main-nav #produits-dropdown {
        left: 12px;
    }

    #main-nav #recipes-dropdown {
        left: 195px;
    }

    #main-nav #recettes-dropdown {
        left: 160px;
    }

    #main-nav #faq-dropdown {
        right: 87px;
    }

    #main-nav #faq-fr-dropdown {
        right: 74px;
    }

    #main-nav #about-us-dropdown,
    #main-nav #salerno-story-dropdown,
    #main-nav #lhistoire-de-salerno-dropdown {
        right: 0;
    }


    #footer-info section:nth-child(2) {
        width: 215px;
    }

    #footer-info section:nth-child(3) {
        width: 290px;
    }

    #footer-info section:nth-child(4) {
        width: 170px;
    }

    #footer-info section.social {
        width: calc(100% - 695px);
    }

    #footer-info section.social .upper {
        padding: 25px 0px 0 0;
    }

    #footer-info section.social .lower {
        padding-left: 10%;
    }

    .carousel-indicators {
        bottom: 5px;
    }

    #createsend-subscribe input {
        width: 190px;
    }

    #createsend-subscribe .form-group:nth-child(2) {
        width: calc(100% - 420px);
    }

    .product-detail-recipe-box h5 {
        margin: 5px 0;
        clear: left;
    }

    .product-image {
        /*height: 400px;
        width: 400px;*/
    }

    .product-image a {
        display: block;
        margin: 280px auto 0;
    }

    .product-ingredients, .product-keys, .product-available {
        width: 100%;
    }

    #recipes-main ul li h3 {
        font-size: 24px;
    }

    #products .product-box h3 {
        font-size: 24px;
    }

    #leadership-team ul h4 {
        font-size: 18px;
    }

    #leadership-team ul li {
        font-size: 16px;
    }

    #recipes-main li a div {
        bottom: 61px;
    }

    #map-container ul li h3,
    #map-container ul li h3 a {
        font-size: 16px;
        padding-left: 26px;
    }

    #map-container ul li.expandable h3 {
        padding-left: 52px;
    }
    #map-container .expandable-panel {
        padding-left: 54px;
    }

    #map-container ul li:nth-child(1) h3,
    #map-container ul li:nth-child(2) h3,
    #map-container ul li:nth-child(3) h3,
    #map-container ul li:nth-child(4) h3,
    #map-container ul li:nth-child(5) h3,
    #map-container ul li:nth-child(6) h3,
    #map-container ul li:last-child h3 {
        background-size: contain;
    }

    #main-nav .nav-left.fr-ver,
    #main-nav .nav-right.fr-ver {
        /*font-size: 12px;*/
    }

}

@media (max-width: 991px) {

    #main-nav ul {
        display: none;
    }

    #hamburger,
    #hamburger-sticky {
        display: block;
    }

    #homeCarousel h2 {
        font-size: 36px;
    }

    #homeCarousel a {
        padding: 11px;
        bottom: 16%;
        top: initial;
        width: 210px;
        font-size: 18px;
    }

    .employment-hub-container {
        padding: 60px 80px 410px;
        max-height: initial;
    }

    .environment-hub-container {
        padding: 69px 60px 30px;
        max-height: initial;
    }

    #environment-hub .chart {
        display: none;
    }

    #environment-hub blockquote {
        text-align: center;
        float: none;
        width: 100%;
    }

    #environment-hub .credit {
        float: none;
    }

    #environment-hub .credit img {
        display: none;
    }

    #environment-hub .credit div {
        float: none;
        text-align: center;
        margin-left: 0;
    }

    #environment-hub .credit div p:last-child {
        display: none;
    }

    #environment-hub .no-images .credit div p:last-child {
        display: block;
    }

    .newsletter-signup-container {
        padding: 40px 30px 25px;
    }

    #createsend-subscribe .form-top {
        width: 65%;
        position: relative;
        right: initial;
        top: 0;
        text-align: center;
        padding: 0 5%;
        margin-top: 0;
        float: right;
    }

    #createsend-subscribe .form-top form {
        position: relative;
        width: 100%;
        top: 0;
        -ms-transform: none; 
        -webkit-transform: none;
        transform: none;
    }

    #createsend-subscribe .form-group {
        float: none;
        margin-bottom: 15px;
    }

    #createsend-subscribe input {
        width: 100%;
    }

    #createsend-subscribe .form-group:nth-child(2) {
        width: 100%;
    }

    #createsend-subscribe button {
        width: 250px;
    }

    .small-txt-top {
        display: none;
    }

    .small-txt-top-mob {
        display: block;
    }

    .product-detail-panel .product-detail-panel-container .details-main {
        width: 100%;
        float: none;
    }

    .product-detail-panel .product-detail-panel-container .details-nutrition {
        width: 100%;
        margin-top: 80px;
        float: none;
        clear: left;
    }

    .nutrition-facts {
        float: none;
    }

    .product-detail-recipe-box h5 {
        float: left;
        margin: 35px 0 0 20px;
        clear: none;
    }

    .products-detail .products-details-boxes div {
        width: 33%;
        padding-bottom: 34%;
    }

    .products-details-boxes.box-count-1 div:first-child {
        margin-left: 33.33%;
    }

    .products-details-boxes.box-count-2 div:first-child {
        margin-left: 16.66%;
    }

    .products-details-boxes.box-count-3 div:first-child {
        margin-left: 0;
    }

    .gaylea-story-container {
        padding: 60px 80px 0;
        max-height: initial;
    }

    #gaylea-story {
        text-align: center;
    }

    #gaylea-story .gaylea-story-container p {
        margin: 0;
    }

    #gaylea-story {
        text-align: center;
        /*background: url(../images/story-bg-new.jpg) right top no-repeat;*/
    }

    #basic-hub.community .basic-hub-container {
        padding-bottom: 60%;
    }

    .sustainability-hub-container li,
    #our-employees-hub li,
    .employment-main .aboutus-container li {
        width: 33.33%;
    }

    .sustainability-hub-container li:nth-child(4),
    #our-employees-hub li:nth-child(4),
    .employment-main .aboutus-container li:nth-child(4) {
        margin-left: 16.6%;
        clear: left;
    }

    #products .prod-count-7:last-child {
        margin-left: 25%;
    }

    .products-detail.bod-detail .products-details-boxes div div.img-active {
        height: 69.7%;
    }

    .products-detail.bod-detail .products-details-boxes div div.img-active, .products-detail.employment-detail .products-details-boxes div div.img-active {
        width: 93.8%;
        margin: 0 3.1%;
    }

    #leadership-team ul {
        width: 440px;
        margin: 0 auto;
    }

    #leadership-team ul.list-left,
    #leadership-team ul.list-right {
        float: none;
    }

    #basic-hub.history .basic-hub-container {
        padding: 60px 80px 42%;
    }

    #sticky-main-nav.active {
        display: block;   
    }

    #sticky-filter {
        top: 80px;
    }

    #basic-hub.foundation .basic-hub-container {
        padding-bottom: 38%;
    }

    #museum-hub .museum-hub-container {
        padding: 90px 80px 60px;
    }

    .museum-hub-container img {
        float: none;
    }

    .museum-hub-container p {
        text-align: center;
        float: none;
        width: 80%;
        margin: 60px auto 20px;
    }

    .employment .products-detail.bod-detail .products-details-boxes div h2 {
        top: 69%;
    }

    .employment .products-detail.bod-detail .products-details-boxes div h3 {
        top: 80%;
    }

    #basic-hub.about-home .basic-hub-container {
        padding: 58px 40px 45%;
        /* max-height: 710px; */
    }

    /*NEWS MENU MOBILE STYLES*/

    #static-filter ul,
    #sticky-filter ul {
        width: 100%;
        background-color: #eaeaea;
        padding-left: 0 !important;
        height: 0;
        overflow-y: hidden;
        -webkit-transition: height 0.5s ease-out;
        transition: height 0.5s ease-out;
        transition-property: height;
        transition-duration: 0.5s;
        transition-timing-function: initial;
        transition-delay: initial;
    }

    #static-filter ul.show,
    #sticky-filter ul.show {
        height: 225px;
        padding-bottom: 20px;
        -webkit-transition: height 0.5s ease-out;
        transition: height 0.5s ease-out;
        transition-property: height;
        transition-duration: 0.5s;
        transition-timing-function: initial;
        transition-delay: initial;
    }

    .news #static-filter ul.show,
    .news #sticky-filter ul.show {
        height: 150px;
    }

    #sticky-filter{
        top: 80px;
        z-index: 100;
    }



    .static-filter-container {
        padding: 0;
    }

    .static-filter-container li {
        float: left;
        font-size: 13px;
        text-transform: uppercase;
        padding: 0 0 9px;
        font-weight: bold;
        margin-left: 0px; 
        width: 100%;
        padding-top: 10px;
        text-align: center;
    }

    .static-filter-container li:hover {
        background-color: lightgray;
    }

    .static-filter-container li.active {
        background-color: lightgray;
        border-bottom: none;
    }

    .static-filter-container li:last-child {
        /*padding-bottom: 20px;*/
    }

    .static-filter-container h5 {
        float: none; 
        margin: 0;
        font-weight: bold;
        font-size: 13px;
        text-align: center;
        padding: 15px;
        border-bottom: 1px solid lightgray;
        position: relative;
        cursor:pointer;
    }

    .static-filter-container h5:before {
        content: '';
        position: absolute;
        top: 14px;
        left: 20px;
        background: url(../images/chevron-red.svg) center center no-repeat;
        width: 16px;
        height: 16px;
        transform: rotate(180deg);
        -webkit-transition: transform .08s ease-out;
        -moz-transition: transform .08s ease-out;
        -o-transition: transform .08s ease-out;
        transition: transform .08s ease-out;
    }

    .static-filter-container h5.downchevron:before {

        transform: rotate(90deg);
    }

    .landing-page .landing-news-hub-1 a:nth-of-type(1) > div,
    #featured-recipes.recipe-count-1 .container .row > div:first-of-type {
        margin-left: 25%;
    }

    .landing-page .landing-news-hub-2 a:nth-of-type(1) > div,
    #featured-recipes.recipe-count-2 .container .row > div:first-of-type {
        margin-left: 0;
    }

    .landing-page .landing-news-hub-3 a:nth-of-type(1) > div,
    #featured-recipes.recipe-count-3 .container .row > div:first-of-type {
        margin-left: 0;
    }

/*    .landing-page .landing-news-hub-3 a:nth-of-type(3) > div,
    #featured-recipes.recipe-count-3 .container .row > div:nth-of-type(3) {
        clear: left;
        margin-left: 25%;
    }*/

    .landing-page .landing-news-hub-4 a:nth-of-type(3) > div {
        clear: left;
    }

    .landing-page .landing-news-hub-5 a:nth-of-type(1) > div {
        margin-left: 0;
    }

    .landing-page .landing-news-hub-5 a:nth-of-type(3) > div {
        clear: left;
    }

    .landing-page .landing-news-hub-5 a:nth-of-type(4) > div {
        clear: none;
        margin-left: 0;
    }

    .landing-page .landing-news-hub-5 a:nth-of-type(5) > div {
        margin-left: 25%;
    }

    .landing-page .landing-news-hub-6 a:nth-of-type(3) > div {
        clear: left;
    }

    .landing-page .landing-news-hub-6 a:nth-of-type(5) > div {
        margin-left: 0;
        clear: left;
    }

    .landing-page .landing-news-hub-7 a:nth-of-type(3) > div,
    .landing-page .landing-news-hub-7 a:nth-of-type(5) > div,
    .landing-page .landing-news-hub-7 a:nth-of-type(7) > div {
        clear: left;
        margin-left: 0;
    }

    .landing-page .landing-news-hub-7 a:nth-of-type(7) > div {
        margin-left: 25%;
    }

    .landing-page .landing-news-hub-8 a:nth-of-type(3) > div,
    .landing-page .landing-news-hub-8 a:nth-of-type(5) > div,
    .landing-page .landing-news-hub-8 a:nth-of-type(7) > div {
        clear: left;
    }

    .landing-page .products-detail .products-details-boxes.item-count-1 div:first-child {
        margin-left: 33.3%;
    }

    .landing-page .products-detail .products-details-boxes.item-count-2 div:first-child {
        margin-left: 16.7%;
    }

    .landing-page .products-detail .products-details-boxes.item-count-3 div:first-child {
        margin-left: 0;
    }

}

@media (max-width: 900px) {

    #footer-info section.social {
        width: 100%;
        padding: 0 90px;
    }

    #footer-info section.social .upper {
        padding: 60px 0 0 0;
        border-left: none;
        margin-bottom: 20px;
    }

    #footer-info section.social .lower {
        padding-left: 11%;
        margin-top: 30px;
    }

    #footer-info section:nth-child(4) {
        width: 160px;
    }

    #main-nav .dropdown ul li,
    #footer-nav ul li {
        width: 50%;
    }

    #main-nav .dropdown ul li:nth-child(3),
    #footer-nav ul li:nth-child(3) {
        clear: left;
    }

    #footer-nav ul h3 {
        padding: 0 0 13px 0;
        margin-bottom: 10px;
    }

    #footer-info section:nth-child(3) .lower,
    #footer-info section:nth-child(4) .lower {
        display: none;
    }

    section.social .mob-only {
        display: block;
        margin-bottom: 0;
    }

    section.social .mob-only a {
        float: none;
        height: inherit;
        width: inherit;
    }

    #recipes-main ul li {
        width: 50%;
    }

    #recipes-main p {
        padding: 0 40px;
    }

    .recipe-grid ul li h3 {
        font-size: 18px;
        margin: 10px 0 21px;
    }

    .recipe-grid-container a.has-video:after {
        width: 56px;
        height: 56px;
        top: 31%;
    }

    .recipe-content .left-column {
        float: none;
        width: 100%;
    }

    .recipe-content .main-column {
        float: none;
        width: 100%;
    }

    .recipe-content .left-column .ingredients {
        display: none;
    }

    #recipes-main .recipe-content .ingredients-mob {
        display: block;
    }


    .ingredients-mob .recipe-sharing {
        display: block;
    }

    .instructions .recipe-sharing {
        display: none;
    }

    #recipes-main .recipe-content .ingredients-mob h3 {
        font-size: 22px;
        font-weight: bold;
        margin: 0 0 20px;
    }


    form#searchForm {
        width: 100%;
    }

    .search-results-container {
        width: 100%;
    }

    #newsletter-hub .recent-issues {
        float: none;
        width: 100%;
        padding: 5px 30px 30px;
        margin-bottom: 30px;
    }

    #newsletter-hub .newsletter-signup {
        float: none;
        width: 100%;
    }

    #access-health-hub .accessibility {
        float: none;
        width: 100%;
        padding: 5px 30px 10px;
        margin-bottom: 30px;
    }

    #access-health-hub .health-safety {
        float: none;
        width: 100%;
    }

    #access-health-hub a.gl-button {
        position: static;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
    }

    .apply-hub-container .left-column,
    .apply-hub-container .right-column {
        float: none;
        width: 100%;
        margin-bottom: 30px;
    }

    .reports-hub-container .left-column,
    .reports-hub-container .right-column {
        float: none;
        width: 100%;
        margin-bottom: 30px;
    }

    #employment-apply ol li {
        float: none;
        width: 100%;
    }

    ul.box-count-7 li:nth-child(7) {
        margin-left: 25%;
    }

    #recipes-main ul li {
        padding-bottom: 50%;
    }

    #map-container ul {
        float: none;
        width: 100%;
        height: initial;
    }

    #map-canvas {
        float: none;
        width: 100%;
    }

    #map-container ul li {
        padding: 10px 10px 10px 0;
    }

    #map-container li span {
        width: 15px;
        height: 32px;
        top: 52%;
    }

    #map-container li span span {
        width: 16px;
        height: 2px;
        top: 9px;
    }

    #map-container li span span:last-child {
        top: 20px;
    }

}

@media (max-width: 767px) {

    #basic-hub.about-home .basic-hub-container {
        padding: 30px 20px 75%;
    }

/*    #featured-recipes h3 {
        position: relative;
        bottom: initial;
        background: none;
        color: #000;
        font-weight: bold;
        font-size: 20px;
        left: initial;
        right: initial;
        margin: 15px auto 20px;
        height: auto;
        padding: 3px 30px;
        opacity: 1;
        text-align: center;
    }
*/
    #featured-recipes h3:hover {
        text-decoration: none;
    }

    #featured-recipes .recipe-btns {
        margin-bottom: 80px;
    }

    .recipe-btns a.gl-button,
    .food-safety-btns a.gl-button,
    .gaylea-story-container a.gl-button {
        display: block;
        margin: 0 auto 20px;
    }


    .food-safety-btns a.gl-button,
    .gaylea-story-container a.gl-button {
        margin-top: 40px;
    }

    .products-detail .products-details-boxes div {
        width: 50%;
        padding-bottom: 52%;
    }

    .products-details-boxes.box-count-1 div:first-child {
        margin-left: 25%;
    }

    .products-details-boxes.box-count-2 div:first-child {
        margin-left: 0;
    }

    .recipe-grid ul li {
        width: 50%;
        padding-bottom: 55%;
    }

    .recipe-grid-container a.has-video:after {
        width: 68px;
        height: 68px;
        top: 36%;
    }

    .recipe-content .serving {
        margin-bottom: 20px;
        padding: 12px 0;
    }

    #recipes-main .recipe-content .serving ul li {
        padding: 13px 30px;
        float: none;
    }

    .recipe-sharing a {
        margin: 15px 7px;
    }

    a.secondary-cta {
        margin: 4px 15px 0px;
    }

    #products .product-box {
        height: initial;
        padding-bottom: 28px;
    }

    #products .product-box h3 {
        font-size: 28px;
    }

    #products .prod-count-7:last-child {
        margin-left: 0;
    }

    .the-prez-container {
        width: 100%;
        max-width: 540px;
    }

    #the-prez .text-content {
        float: left;
        width: 100%;
        text-align: left;
        margin-left: 0;
        font-size: 16px;
        margin-top: 20px;
    }

    #the-prez img {
        float: none;
        width: 100%;
        display: block;
    }

    #basic-hub.history .basic-hub-container {
        padding: 30px 20px 102%;
    }

    .product-image {
        display: none;
    }

    .recipe-grid li a div {
        bottom: calc(22.5% + 20px);
    }

    .recipe-grid li a.has-video div {
        bottom: calc(25.5% + 20px);
    }


    #basic-hub.community .basic-hub-container {
        padding-bottom: 79%; 
    }


    .products-detail.bod-detail .products-details-boxes div h2 {
        top: 71%;
    }

    #featured-recipes a div {
        position: absolute;
        text-align: center;
        top: 0;
        bottom: 0;
        left: 10px;
        right: 10px;
        background: none;
        opacity: 1; 

    }

    #featured-recipes span{
        display: none;
    }


    #featured-recipes a div h3 {
        color: black;
        top: initial;
        margin: -30px;
        bottom: 0;
        position: absolute;
        height: 10px;
        left: 50%;
        margin-left: -50%;
    }

    #featured-recipes .col-sm-6, #featured-recipes .col-xs-12 {
        margin-bottom: 60px;
    }

    .landing-page .landing-news-hub-1 a:nth-of-type(1) > div,
    #featured-recipes.recipe-count-1 .container .row > div:first-of-type {
        margin-left: 0;
    }

    .landing-page .landing-news-hub-3 a:nth-of-type(3) > div,
    #featured-recipes.recipe-count-3 .container .row > div:nth-of-type(3) {
        margin-left: 0;
    }

    .landing-page .landing-news-hub-5 a:nth-of-type(5) > div {
        margin-left: 0;
    }

    .landing-page .products-detail .products-details-boxes.item-count-1 div:first-child {
        margin-left: 25%;
    }

    .landing-page .products-detail .products-details-boxes.item-count-2 div:first-child {
        margin-left: 0;
    }

    .landing-page .landing-news-hub-7 a:nth-of-type(7) > div {
        margin-left: 0%;
    }

}


@media (max-width: 736px) {

    h2 {
        font-size: 36px;
    }

    #masthead {
        margin-bottom: 8px;
        margin-top: 8px;
    }

    #top-nav {
        display: none;
    }

    #main-nav {
        height: 40px;
    }

    #hamburger,
    #hamburger-sticky {
        width: 20px;
        height: 20px;
        top: 9px;
        left: 14px;
    }

    #hamburger div,
    #hamburger-sticky div {
        height: 1px;
        margin: 5px 0;
    }

    #main-logo,
    #main-logo-sticky {
        width: 200px;
        top: -17px;
    }

    #main-logo img,
    #main-logo-sticky img {
        width: 136px;
        margin: 22px 0 0 33px;
    }

    #footer-info section:nth-child(2) {
        width: 100%;
        text-align: center;
    }

    #footer-info section:nth-child(2) .upper {
        padding-left: 0;
        padding-right: 0;
        height: auto;
        margin-bottom: 50px;
    }

    #footer-info section:nth-child(3),
    #footer-info section:nth-child(4) {
        width: 50%;
    }

    #footer-info section:nth-child(3) .upper {
        border-left: none;
    }

    #footer-info section .upper,
    #footer-info section .lower {
        padding-left: 30px;
    }

    #footer-info section .upper {
        height: 8em;
        padding-right: 10px;
    }

    #footer-info section.social {
        padding: 0;
    }

    #homeCarousel.full-width .carousel-indicators li {
        width: 12px;
        height: 12px;
        margin: 0 5px;
    }

    #homeCarousel.full-width h2 {
        font-size: 30px;
        bottom: 50%;
    }

    #homeCarousel.full-width a {
        padding: 8px;
        bottom: 25%;
        width: 180px;
        font-size: 16px;
    }

    #employment-hub {
        background-position: 20% bottom;
    }

    .employment-hub-container {
        padding: 60px 40px 410px;
    }

    .brand-carousel-container {
        padding: 60px 0 0;
    }

    #brand-carousel .brand-items {
        display: none;
    }

    #brand-carousel .brand-items-mob {
        display: block;
    }

    #brand-carousel a.gl-button {
        display: none;
    }


    #createsend-subscribe {
        text-align: center;
    }

    .newsletter-signup-container {
        padding: 40px 20px 40px;
        max-width: 460px;
    }

    #createsend-subscribe .signup-info {
        width: 100%;
        margin-bottom: 20px;
    }

    #createsend-subscribe .form-top {
        width: 100%;
    }

    #createsend-subscribe .form-group {
        float: none;
        margin-bottom: 20px;
    }

    #createsend-subscribe input,
    #createsend-subscribe input#input-email-top {
        width: 100%;
    }

    #createsend-subscribe button {
        width: 260px;
    }

    .small-txt-top {
        display: none;
    }

    .small-txt-top.small-txt-top-mob {
        display: block;
    }

    .social-hub-container {
        padding: 60px 20px 30px;
    }

    #products-cat li {
        width: 100%;
    }

    .product-detail-recipe-box h5 {
        margin: 5px 0;
        clear: left;
    }

    #recipes-main ul li {
        width: 100%;
    }

    .gaylea-story-container {
        padding: 60px 40px 0;
    }

    #news-hub h1 {
        margin: 60px 20px 30px;
    }

    .newsletter-hub-container {
        padding: 50px 30px 100px;
    }

    #basic-hub.community .basic-hub-container {
        padding-bottom: 100%;
    }

    #application-form-hub li {
        float: none;
        width: 100%;
        padding: 10px;
    }

    .sustainability-hub-container {
        padding: 50px 20px;
    }

    .sustainability-hub-container li,
    #our-employees-hub li,
    .employment-main .aboutus-container li {
        width: 100%;
        float: none;
    }

    .sustainability-hub-container li:nth-child(4),
    #our-employees-hub li:nth-child(4),
    .employment-main .aboutus-container li:nth-child(4) {
        margin-left: 0;
    }

    .leadership-team-container {
        padding: 52px 50px 50%;
    }

    #leadership-team h2 {
        margin-bottom: 40px;
    }

    #leadership-team ul {
        width: 100%;
        margin: 0 auto;
    }


    #leadership-team ul li {
        font-size: 14px;
    }

    #leadership-team ul h4 {
        font-size: 15px;
        margin-top: 3px;
    }

    #sticky-main-nav {
        height: 56px;
    }

    .sticky-main-nav-container {
        height: 40px;
    }

    .sticky-main-nav-container {
        margin-top: 8px;
    }

    #sticky-main-nav a.back-to-top {
        right: 10px;
        padding-top: 19px;
        font-size: 12px;
        -ms-transform: translate(0, -54%);
        -webkit-transform: translate(0, -54%);
        transform: translate(0, -54%);
    }

    #sticky-main-nav a.back-to-top:before {
        height: 24px;
        background-size: contain;
    }

    #sticky-filter {
        top: 55px;
    }

    .employment .products-detail .products-details-boxes div h2 {
        font-size: 15px;
    }

    ul.box-count-7 li:nth-child(7) {
        margin-left: 0;
    }

    #recipes-main ul li {
        padding-bottom: 98%;
    }

    .reports-hub-container h3 {
        font-size: 18px;
    }

    #basic-hub.foundation .basic-hub-container {
        padding-bottom: 70%;
    }

    .museum-hub-container img {
        width: 100%;
        max-width: 460px;
    }

    .museum-hub-container p {
        width: 100%;
        max-width: 460px;
    }

    .products-detail.bod-detail .products-details-boxes div h2 {
        font-size: 17px;
    }

    .products-detail.bod-detail .products-details-boxes div h3 {
        font-size: 15px;
        top: 79%;
    }

}

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

    .full-article .alignleft {

        display: block;
        margin: 0 auto;
        margin-bottom: 50px;
        float: none;

    }

    .error-404 .gl-button:hover{

    }

    .full-article .centered-text{

        width: 90%;
    }



}

@media (max-width: 480px) {

    #basic-hub.about-home .basic-hub-container {
        padding: 30px 20px 115%;
    }

    .mob-only {
        display: block;
    }

    #footer-logo {
        padding-top: 0;
    }

    #footer-info section:nth-child(3),
    #footer-info section:nth-child(4) {
        width: 100%;
    }

    #footer-info section .upper {
        height: auto;
        border-left: none;
        margin-bottom: 0;
        padding-left: 20px;
    }

    #footer-info section:nth-child(3) .lower {
        margin-bottom: 40px;
    }

    #footer-info section.social .upper {
        padding: 30px 0 0 0;
        border-left: none;
        margin-bottom: 80px;
    }

    #footer-info section.social .lower {
        padding-left: 20px;
    }

    #main-nav .dropdown ul li,
    #footer-nav ul li {
        width: 100%;
        padding: 0;
    }

    #footer-nav .footer-nav-container {
        padding: 0;
    }

    #footer-nav ul h3 {
        padding: 28px 0 24px 20px;
        margin: 0;
    }

    #footer-nav ul li:last-child h3 {
        border-bottom: none;
    }

    #footer-nav ul ul {
        height: 0;
        overflow: hidden;
        background: #fff;
    }

    #footer-nav .footer-nav-container ul li ul li >a {
        color: #000;
    }

    #footer-nav h3 span {
        display: block;
    }

    #footer-nav ul ul li {
        padding: 0;
    }

    #footer-nav ul ul li a {
        display: block;
        padding: 12px 20px;
    }

    #footer-nav ul ul li:first-child {
        padding-top: 20px;
    }

    #footer-nav ul ul li:last-child {
        padding-bottom: 20px;
    }

    #footer-nav li.active h3>span {
        -ms-transform: rotate(90deg) translate(-13px, 3px); 
        -webkit-transform: rotate(90deg) translate(-13px, 3px);
        transform: rotate(90deg) translate(-13px, 3px);
    }

    #footer-nav li.mob-only a {
        text-transform: uppercase;
    }

    .footer-info-container .social .upper {
        display: none;
    }

    .footer-info-container #footer-logo {
        display: none;
    }

    section.mob-social {
        display: block; 
        width: 100%;
    }

    section.mob-social a.fb-link {
        background-position: -8px center;
    }

    section.mob-social a.tw-link {
        background-position: 18% center;
    }

    section.mob-social a.yt-link {
        background-position: 67% center;
    }

    section.mob-social a.pintrest-link {
        background-position: 108% center;
    }

    #footer-info section.mob-social {
        padding: 0 20px;
    }

    #employment-hub {
        background-position: 26% bottom;
    }

    .employment-hub-container {
        padding: 60px 20px 500px;
    }

    .environment-hub-container {
        padding: 69px 30px 30px;
    }

    #environment-hub blockquote {
        font-size: 18px;
        line-height: 1.8;
        padding-bottom: 40px;
    }

    blockquote span:before {
        left: -30px;
        top: -70px;
    }

    blockquote span:last-child:before {
        right: -26px;
        bottom: -117px;
    }



    .newsletter-signup-container {
        padding: 40px 20px 40px;
    }

    #featured-recipes .container {
        padding: 0 20px;
    }

    #news .container {
        padding: 0 20px;
    }

    .product-detail-panel-container {
        padding: 40px 15px 45px;
    }

    .nutrition-facts {
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
    }

    .product-image a {
        margin: 0 auto 40px;
    }

    .product-detail-recipe-box {
        width: 100%;
    }

    .product-detail-recipe-box img {
        width: 100%;
    }

    .product-image img {
        position: static;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
        width: 100%;
    }

    .product-detail-recipe-box h5 {
        margin: 5px 0 30px;
    }

    .product-detail-panel .product-detail-panel-container .details-nutrition {
        width: 100%;
        margin-top: 40px;
    }

    .product-image {
        height: inherit;
        width: 100%;
    }

    .products-detail .products-details-boxes div {
        width: 100%;
        padding: 28px 0 0;
        height: initial;
    }

    .products-details-boxes.box-count-1 div:first-child {
        margin-left: 0;
    }

    #recipes-main ul {
        margin: 60px 0px;
    }

    #recipes-main p {
        padding: 0;
    }

    .recipes-main-container {
        padding: 40px 20px 45px;
    }

    .recipe-details-page .recipes-main-container {
        padding: 40px 15px 45px;
    }

    #recipes-main ul li {
        /*padding: 0;*/
    }

    #recipes-main ul li h3 {
        margin: 8px 0 25px;
    }

    .recipe-search {
        width: 100%;
        min-width: initial;
    }

    #gaylea-story {
        background-position: 90% top;
        background-size: cover;
    }

    .gaylea-story-container {
        padding: 60px 20px 0;
    }

    #video-hub {
        text-align: center;
    }
    .video-hub-container {
        padding: 60px 10px 45px;
    }


    #video-hub a:after {
        display: none;
    }

    .recipe-grid ul li {
        width: 100%;
        padding-bottom: 104%;
    }

    .recipe-grid-container {
        padding: 0 10px 45px;
    }

    #recipes-main .recipe-content .ingredients-mob {
        padding: 76px 3px 20px 15px;
    }

    .ingredients-mob .recipe-sharing {
        text-align: center;
        left: 0;
    }

    .recipe-sharing a {
        float: none;
        margin: 15px 3% 0;
        display: inline-block;
    }

    .recipe-content {
        font-size: 16px;
    }

    .recipe-details-page #featured-recipes h1 {
        font-size: 36px;
    }

    .serving ul li {
        width: initial;
        padding: 12px 15px;
        float: none;
    }

    #recipes-main .recipe-content .instructions {
        padding: 20px 15px;
    }

    #recipes-main .recipe-content .instructions ol li:before {
        top: 4px;
    }

    #recipes-main h1 {
        font-size: 36px;
    }

    .recipe-content .serving {
        padding: 10px 0;
    }

    #recipes-main .recipe-content .serving ul li {
        padding: 10px 15px;
        float: none;
    }

    .products-detail .products-details-boxes div img {
        position: static;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
    }

    .products-detail .products-details-boxes div h2 {
        position: static;
    }

    #featured-recipes h1 {
        font-size: 36px;
    }

    .products-detail .products-details-boxes div a {
        position: relative;
        display: block;
    }

    #vid-container {
        width: 100%;
        padding: 50px 0;
    }

    #vid-close {
        top: 10px;
        right: 8px;
        width: 32px;
        height: 32px;
    }

    #vid-close:before, #vid-close:after {
        width: 22px;
    }

    #news-hub .container {
        padding: 0 20px;
    }

    #newsletter-hub .recent-issues {
        padding: 5px 20px 30px;
    }

    #createsend-subscribe-mini .newsletter-signup-container {
        padding: 10px 30px 45px;
    }

    .recent-issues > a {
        margin: 70px 0 0;
    }

    .recent-issues > a span {
        left: calc(100% - 13px);
    }

    .newsletter-hub-container {
        padding: 50px 15px 100px;
    }

    #newsletter-hub h3 {
        margin: 0 0 -1px 0;
    }

    .recent-issues .expandable-panel {
        margin: 0;
    }

    #createsend-subscribe-mini .newsletter-signup-container {
        padding: 10px 20px 45px;
    }

    .aboutus-container {
        padding: 30px 20px 5%;
    }

    .animal-welfare-container {
        padding: 30px 30px 45px;
    }

    #animal-welfare p {
        padding: 0 10px 0;
    }

    #animal-welfare h1 {
        font-size: 38px;
        padding-bottom: 10px;
    }


    #basic-hub.community .basic-hub-container {
        padding: 60px 24px 150%;
    }

    .available-positions-hub-container {
        padding: 65px 10px 45px;
    }

    #basic-hub.training .basic-hub-container {
        padding: 61px 20px 20%;
    }

    .bod-detail .products-detail-container {
        padding: 0 20px;
    }

    .products-detail.bod-detail .products-details-boxes div img {
        width: 100%;
    }
    .products-detail.bod-detail .products-details-boxes div h2 {
        text-align: left;
    }
    .products-detail.bod-detail .products-details-boxes div h3 {
        position: static;
        text-align: left;
        margin: 0 0 30px;
    }

    .products-detail.bod-detail .products-details-boxes div h2 {
        margin: 8px 0 3px;
    }

    .products-detail.bod-detail .products-details-boxes div div.img-active {
        width: 100%;
        height: 0;
        margin: 0;
        top: 28px;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
        padding-bottom: 73.2%;
    }

    .product-detail-panel-container h3 {
        font-size: 32px;
    }

    .foundation-container {
        padding: 70px 20px 80px;
    }

    #basic-hub.apply {
        background-position: 74% top;
    }

    #basic-hub.apply .basic-hub-container {
        padding: 200px 20px 40px;
    }

    .apply-hub-container {
        padding: 50px 20px 50px;
    }

    .application-form-hub-container {
        max-width: 1300px;
        margin: 0 auto;
        padding: 50px 20px 50px;
        position: relative;
    }

    .reports-hub-container {
        padding: 60px 20px 60px;
    }

    .reports-hub-container .left-column,
    .reports-hub-container .right-column {
        padding: 10px;
    }

    .sustainability-hub-container img {
        width: 100%;
    }

    .employment-apply-container {
        padding: 50px 20px;
    }

    #employment-apply ol li {
        margin-bottom: 50px;
    }

    .employment-details-container {
        padding: 20px 20px 10px;
    }

    .products-detail.employment-detail .products-details-boxes div {
        width: 100%;
        padding: 20px 0 0;
    }

    .employment .details-target-wrapper a.gl-button {
        display: block;
        margin: 40px auto 0;
    }

    .leadership-team-container {
        padding: 52px 20px 50%;
    }

    #leadership-team ul h4 {
        float: none;
    }

    .the-prez-container {
        width: 100%;
        max-width: 540px;
        padding: 80px 20px;
    }

    .our-members-hub-container {
        margin: 0 auto;
        padding: 60px 20px;
    }

    .our-employees-hub-container {
        padding: 60px 20px 20px;
    }

    .faq-main-container {
        padding: 80px 20px 88px;
    }

    .recipe-grid li a div {
        bottom: calc(18.5% + 20px);
    }

    .recipe-grid li a.has-video div {
        bottom: calc(21% + 20px);
    }


    .news-hub .container {
        padding: 50px 20px 0;
    }

    #coop-news .container {
        padding: 0px 20px;
    }

    .reports-hub-container h3 {
        padding: 0 50px 0 20px;
    }

    #reports-hub h3 span {
        right: 10px;
    }

    #reports-hub ul ul {
        padding-left: 20px;
        padding-right: 20px;
    }

    .access-health-hub-container {
        padding: 60px 16px 70px;
    }

    #prop-map {
        height: 448px;
    }

    #map-container ul li h3 {
        background-position: 8px center;
    }

    #map-container ul li h3,
    #map-container ul li h3 a {
        padding-left: 21px;
    }

    #map-container ul li.expandable h3 {
        padding-left: 43px;
    }

    #basic-hub.foundation .basic-hub-container {
        padding: 50px 20px 125%;
    }

    #basic-hub.community-foundation .basic-hub-container {
        padding: 80px 20px 10%;
    }

    #museum-hub .museum-hub-container {
        padding: 60px 20px 40px;
    }

    section.mob-social a.fb-link {
        background-position: -8px center;
    }

    section.mob-social a.tw-link {
        background-position: 18% center;
    }

    section.mob-social a.yt-link {
        background-position: 67% center;
    }


    section.mob-social a.insta-link {
        background-position: 90% center;
    }

    section.mob-social a.tumblr-link {
        background-position: 108% center;
    }
    .video-wrapper-landing{

        padding-top: 50px;
        padding-bottom: 50px;
    }
    .landing-container-nothing-but-cheese{
        width:95%;
        padding:0;
    }
    .landing-container-nothing-but-cheese p{
        width: 90%;
        margin: 0 auto;
    }

    .landing-page .products-detail .products-details-boxes.item-count-1 div:first-child {
        margin-left: 0%;
    }

}

@media only screen and (max-height: 710px) {

    .error-404 {
        padding-top: 100px;
    }

}

/*PRINT STYLES*/

@media print { 

    .print-only {
        display: block;
    }

    .products-used,
    #footer-nav,
    .social .upper,
    #recipe-image,
    #masthead,
    #mob-top-nav,
    .recipe-sharing a,
    #footer-logo,
    section .lower a { 
        display: none;
    } 

    section.social .lower {
        display: block;
    }

    #recipe-header {
        width: 100%;
        text-align: center;
        margin: 0 auto;
        padding-bottom: 20px;
        overflow: visible;
        display: block;
        height: auto;
    }

    .social.lower {
        margin-top: -100px;
    }

    #recipe-header img {
        width: 60% !important;
    }

    #recipes-main {
        margin-top: -100px;
        font-size: 16px;
    }

    #recipes-main h1 {
        font-size: 30px;
        margin-bottom: 0px;
    }

    #recipes-main .recipe-content .instructions h3,
    #recipes-main .recipe-content .ingredients h3,
    #recipes-main .recipe-content .products-used h3,
    #recipes-main .recipe-content .ingredients-mob h3 {
        font-size: 16px !important;
    }

    #recipes-main .recipe-content .ingredients h4{
        margin: 0;
        font-size: 16px !important;
    }

    h4{
        font-size: 16px !important;
        margin-bottom: 0;
    }

    .recipe-content{
        margin-top: 0;
    }

    #recipes-main .recipe-content .instructions ol li{
        padding-bottom: 5px !important;
    }
    #recipes-main .recipe-content .ingredients ul li,
    #recipes-main .recipe-content .ingredients-mob ul li {
        padding-bottom: 0px;
    }

    .serving{
        margin-bottom: -20px !important;
    }

    #recipes-main .recipe-content .serving ul li{

        padding-bottom: 0;
    }

    #footer-info{
        margin-top: -50px;
    }

    #recipe-image {
        display: none;
    }

    .instructions {
        height: auto !important;
    }

}