/* Extra Food */


/* Reset color of active link in menu */
#header2 ul.menu li.active { color: inherit; }

/* Delete a line under header menu links */
#header2 ul.menu > li:before { content: none; }

/* Reset hover color of header menu links */
#header2 ul.menu li:hover { color: inherit; }

/* Delete opacity border of header menu links in focus */
#header2 ul.menu li a:focus { opacity: 1; border-bottom: none; }

/* HEADER (with burger) */

/* Delete bottom line of header social links in focus */
#header .social-links a:focus:after, #header2 .header-top-left a:focus:after { content: none; }

/* Hide social icons behind open menu */
#header .social-links { z-index: -1; position: relative; }

/* Category */

/* Fix for dropdown menu width inside filter on category page */
#CatalogModule .filters-box .filters-list-wrapper.active { width: 100%; }

#CatalogModule .filters-box ul.filter-list { min-width: 100%; }

/* Reset bootstrap font-size */
h1, h2 { font-size: inherit; }


/* Footer */

/* Remove padding top */
footer { padding-top: 0; }

/* Remove float & padding */
#SiteFooter { float: none; padding-bottom: 0; /* remove padding bottom from mobile */ }

/* Fix for checkbox on Xiaomi devices */
form.shop-form input[type=checkbox]:checked { background: url(../../../warehouse/temp/story/checkboxV.svg); }

/* FIX FOR VH/VW IN STORY */
.fullScreenMenu #navbar-collapse-main.navbar-collapse.in { width: calc( var(--vw) * 1 + 40px ); min-height: calc( var(--vh) * 1 + 20px ) !important; }

.TopVideo iframe { width: calc( var(--vw) * 1.2 ); }
/* Starter pack START */

/* LAYOUT */

/* Remove float */
#GridContent { float: none; }

/* HEADER 2 */

#home-gallery {height: var(--vh) !important;}

#home-gallery video { height: calc( var(--vh) * 1.1 ); width: calc( var(--vw) * 1.6 ) !important; }

#popup-modal-intro .modal-body img { max-height: calc( var(--vh) * 0.7 ); }

#home-gallery .slider-bg.stellar-bg { min-height: calc( var(--vh) * 1 ); }

.TopVideo { height: calc( var(--vh) * 1 ); }

.TopVideo iframe { height: calc( var(--vh) * 1.8 ); }

.flexslider .slides img { height: calc( var(--vh) * 0.85 ); }

.flexslider.modal-slider { max-height: calc( var(--vh) * 0.9 ); }

#multi-content-modal .modal-content { margin-top: calc( var(--vh) * 0.1 ); margin-bottom: calc( var(--vh) * 0.05 ); }

.modal-text #text1 { max-height: calc( var(--vh) * 0.25 ); }

#multi-content-modal.textInPop #PopUpData { max-height: calc( var(--vh) * 0.4 ); }

.blog-view-image { max-height: calc( var(--vh) * 0.5 ); }

.CurrentCategoryLocked { top: calc( var(--vh) * 0.44 ); }

#SiteGrid.CategoryLocked { min-height: calc( var(--vh) * 0.94 ); }

@media(max-width: 1440px) {
    .owl-carousel .photoTextWrapper { width: calc( var(--vw) * 0.55 ); }
}

@media(max-width: 1170px) {
    #multi-content-modal .modal-content { max-width: calc( var(--vw) * 0.95 ); }
}

@media(max-width: 1024px) {
    header.shopHeader #header2 ul.menu { width: calc( var(--vw) * 1 ); }

    #header2 ul.menu li.megaMenuSection { width: calc( var(--vw) * 0.9 ); left: calc( var(--vw) * -1 ); }

    .megaMenuSectionContainer { padding-right: calc( var(--vw) * 0.05 ); }

    #header2 ul.menu li.megaMenuSection { height: calc( var(--vh) * 0.1 ); }
}

@media(max-width: 991px) {
    #home-gallery video { width: calc( var(--vw) * 3 ) !important }

    .owl-carousel .photoTextWrapper { width: calc( var(--vw) * 0.7 ); }

    #multi-content-modal.textInPop .modal-content { max-width: calc( var(--vw) * 0.9 ); }

    #popup-modal-intro .modal-body { max-height: calc( var(--vh) * 0.75 ); }

    .flexslider .slides img, .flexslider.modal-slider { max-height: calc( var(--vh) * 0.6 ); }

    #GridPromo.fixedLayoutForm { top: calc( var(--vh) * 0.45 ); }

    #GridPromo.fixedLayoutForm.affix { top: calc( var(--vh) * 0.45 ); }
}

@media(max-width: 767px) {
    #popup-modal-intro .modal-body { width: calc( var(--vw) * 0.25 ); }

    #header .submenu { width: calc( var(--vw) * 0.97 ); }

    .modal-dialog { width: calc( var(--vw) * 0.9 ); }

    .owl-carousel .photoTextWrapper { width: calc( var(--vw) * 0.85 ); }

    .gallery-container { width: calc( var(--vw) * 0.95 ); }

    .CurrentCategoryLocked { width: calc( var(--vw) * 0.95 ); }

    #header .submenu { max-height: calc( var(--vh) * 0.75 ); }

    #home-gallery .slider-bg.stellar-bg { min-height: calc( var(--vh) * 0.95 ); }

    .TopVideo { height: calc( var(--vh) * 0.95 ); }

    .modal-image { padding-bottom: calc( var(--vh) * 0.22 ); }

    .flexslider .slides img, .flexslider.modal-slider { max-height: none; }

    .flexslider .slides img { height: auto; }
}

@media(max-width: 550px) {
    #header2 ul.menu { width: calc( var(--vw) * 0.9 ); }

    #home-gallery .slider-bg.stellar-bg { min-height: calc( var(--vh) * 0.95 ); }
}

.owl-carousel .photoTextWrapper { width: calc( var(--vw) * 0.45 ); }

header.search-open #header2 ul.menu li.search { width: calc( var(--vw) * 1 ); }

#SiteGridContainer { min-height: calc( var(--vh) * 0.8 ); }

/* General */
body { font-size: 20px; }

/* Header */
#header2 { top: 0; }

#header2.detailsInRow .max-width { max-width: 1440px; width: 100%; }

#header2.detailsInRow .menu-nav { margin: 0; }

#header2 ul.menu { margin: 0; }

#header2.detailsInRow .header-top { display: none; }

.has-sub i.opensub { display: none; }

#header2 .menu-sub { display: none !Important; }

#header2 #header-container { display: flex; align-items: center; justify-content: space-between; }

#header2 #header-left img { max-width: 129px; margin-bottom: -44px; }

#header2 #header-left { max-width: 129px; }

#header2 { height: 80px; display: flex; align-items: center; justify-content: space-between; background: #fff; box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.08); }

#header2 ul.menu li a { color: #232323; font-family: stanga-aaa-bold; font-size: 140%; position: relative; }

#header2 ul.menu li a::before { content: ""; display: block; width: 100%; background: #a0c79e; position: absolute; left: 0; top: 50%; height: 2px; transition: 0.3s; opacity: 0; }

#header2 ul.menu li a::after { content: ""; display: block; width: 100%; background: #a0c79e; position: absolute; left: 0; bottom: 50%; height: 2px; transition: 0.3s; opacity: 0; }

#header2 ul.menu li a:hover::before, #header2 ul.menu li a:focus::before { top: -5px; opacity: 1; }

#header2 ul.menu li a:hover::after, #header2 ul.menu li a:focus::after { bottom: -2px; opacity: 1; }

#header2 ul.menu li.active a::before { top: -5px; opacity: 1; }

#header2 ul.menu li.active a::after { bottom: -2px; opacity: 1; }


#header2 #header-container .header-right-section { display: flex; align-items: center; justify-content: flex-start; }
#header2 #header-container .header-right-section .header-top.social-links { display: flex; align-items: center; justify-content: center; padding: 0; }
#header2 #header-container .header-right-section .header-top.social-links .header-top-left { display: none; }
#header2 #header-container .header-right-section .header-top.social-links .languages { margin: 0; }
#header2 #header-container .header-right-section .header-top.social-links .languages a.lang { margin: 0; padding: 0; color: #232323; font-size: 120%; position: relative; font-family: 'Barlow Condensed', sans-serif; }
#header2 #header-container .header-right-section .header-top.social-links .header-top-right { display: flex; justify-content: center; align-items: center; }

/* Homepage */
#home-gallery .gallery-caption .gallery-text { font-size: 700%; text-align: center; font-family: 'stanga-aaa-bold'; line-height: 0.85; max-width: 434px; z-index: 5; white-space: normal; }

#home-gallery .opacity-layer { opacity: 0.3 !important; z-index: 4 !important; pointer-events: none; }

#home-gallery .gallery-caption { z-index: 5; }

#home-gallery .scroll-down img { width: 20px; min-width: 20px; }

#home-gallery .scroll-down button { display: flex; margin: auto; border: none; background: none; }

.section { padding: 0; margin: 0; }

.about { color: #fff; }

.grid-text h2, .section-title h2 { font-family: 'stanga-aaa-bold'; font-size: 350%; position: relative; }

.grid-text h2::after, .section-title h2::after { content: ""; display: block; width: 100px; height: 23px; background: url(/warehouse/temp/extrafood/underline.svg); margin: 0 auto; margin-top: -5px; }

.about .grid-text p { margin-top: 26px; max-width: 600px; margin-left: auto; margin-right: auto; line-height: 1.45; font-size: 110%; margin-bottom: 30px; }

.grid-text .sec-button, .products a, #DynamicFormObject input[type=submit] { color: #193c3b; font-family: 'stanga-aaa-bold'; font-size: 140%; padding: 11px 30px 9px; min-width: 180px; border-radius: 25px; background: #fff; border: 1px solid #fff; line-height: 1; transition: 0.3s; margin: 0 9px; display: inline-block; }

.about .grid-text-content { padding: 117px 0 50px; }

.grid-text .sec-button:hover, .grid-text .sec-button:focus,
.products a:hover, .products a:focus { background: #a0c79e; border: 1px solid #a0c79e; color: #fff; }

.about .grid-text { min-height: 650px; display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative; }

.about .grid-text::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(to bottom, #000, rgba(0, 0, 0, 0)); }

.products .grid-text-content { display: flex; flex-direction: column; text-align: center; padding-top: 86px; padding-bottom: 50px; color: #fff; max-width: 600px; padding-left: 0; padding-right: 0; }

.products .grid-text .grid-text-content .gridText1 { width: 100%; text-align: center; padding: 0; }

.products .grid-text .grid-text-content .gridText2 { width: 100%; text-align: center; padding: 0; display: flex; align-items: center; justify-content: center; margin-top: 45px; }

.products .grid-text { min-height: 843px; position: relative; }

.products .grid-text p { margin-top: 18px; font-size: 110%; line-height: 1.55; }

.products .grid-text .gridText2 p { margin: 0; }

.products .grid-text::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(to bottom, #000, rgba(0, 0, 0, 0.93) 41%, rgba(0, 0, 0, 0)); opacity: 0.58; max-height: 668px; }

.features.grid-content-section { background: url(/warehouse/temp/extrafood/features-bg.jpg); background-size: cover; color: #fff; padding: 154px 0 50px; min-height: 650px; max-width: 100%; }

.features::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.67); }

.features .grid-boxes { max-width: 930px; margin: 0 auto; }

.features .box-image-animation img { border: 7px solid rgba(255, 255, 255, 0.16); border-radius: 50%; transform: none !important; }

.features .grid-box { padding: 0 25px; }

.features .grid-boxes .grid-box-image { padding-bottom: 136px; margin-bottom: 15px; }

.features .section-title { margin-bottom: 45px; }

.features .grid-boxes .grid-box-title h3 { font-size: 175%; font-family: 'stanga-aaa-bold'; }

.features .grid-boxes .grid-box-title h3 a { color: #fff; letter-spacing: 0.35px; }

.features.grid-content-section::after { content: ""; display: block; width: 248px; height: 248px; position: absolute; top: -95px; right: 50px; background: url(/warehouse/temp/extrafood/stamp.svg); animation: spin 15s linear infinite; }
.features .grid-box a { cursor: default; }
/* Footer */
.footer-text-divided { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; padding: 43px 0; }

#SiteFooter { background: url(/warehouse/temp/extrafood/footer-bg.jpg); background-size: cover; }

#SiteFooter .footer-text-divided > div.footer-text-middle img { max-width: 140px; }

.footer-text-divided > div p, .footer-text-divided > div a { font-family: 'stanga-aaa-bold'; font-size: 140%; letter-spacing: 0.56px; line-height: 1.18; margin-bottom: 4px; }

.site-credit.alternative { padding: 10px 0; }

a.AccessabilityLink:hover { color: #fff; }

@media (min-width: 768px) {
    #header2 #header-container .header-right-section .header-top.social-links .languages a.lang::after { content: ''; position: absolute; height: 100%; width: 1px; background: #232323; right: -20px; top: 50%; transform: translateY(-50%); }
}
@media (max-width: 767px) {
    .features .grid-boxes .grid-box-image {padding-bottom: 113px;margin-bottom: 0;}
    #header2 #header-container a.lang { font-family: 'almoni-neue-aaa-400-new'; font-size:120% }
}


/* Inner Page */
.top-caption { top: 50%; font-size: 400%; font-family: 'stanga-aaa-bold'; }
#GridTop { height: 300px; }
#GridTop::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.57; background-color: rgba(0, 0, 0, 0.67); }
.top-caption { top: 50%; font-size: 400%; font-family: 'stanga-aaa-bold'; }
#GridTop { height: 300px; }
#GridTop::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.57; background-color: rgba(0, 0, 0, 0.67); }
#subheadline h2 { color: #232323; font-family: 'stanga-aaa-bold'; font-size: 300%; margin-bottom: 20px; margin-top: 40px; }
#subheadline h2::after, .contact-page #headline h1::after { content: ""; display: block; width: 100px; height: 23px; background: url(/warehouse/temp/extrafood/underline.svg); margin: 0 auto; margin-top: -5px; }
#GridPage .max-width, #GridPage .max-width-center { max-width: 1200px; }
#galleryview { max-width: 1200px; }
#text1, #text2 { max-width: 854px; width: 100%; color: #232323; }
#text1 p, #text2 p { margin-bottom: 10px; }
#text1 img { margin: 30px 0; }
#text1 h2, #text2 h2 { font-family: 'stanga-aaa-bold'; font-size: 190%; margin-bottom: 10px; }
.gallery-cubes h4 { display: none; }
.gallery-cubes > div { padding: 10px; }
.gallery-cubes { max-width: 1220px; margin: 0 auto; }
.MainContent { margin-bottom: 50px; }
.rightAligning #subheadline h2 { max-width: 854px; margin: 0 auto 30px; }
.rightAligning #subheadline h2::after { margin: 0 0 auto; }
.modal-open .flexslider .slides h4 { display: block !important; color: #fff; font-family: 'stanga-aaa-bold'; font-size: 140%; text-align: center; position: absolute; top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 100%; }
/* Docs Page */
.docs-page #subheadline h2 { text-align: center; }
.docs-page #ContentGridShortModule .gridshort-view-item { width: 25%; padding: 0 8px; margin-bottom: 40px; }
.docs-page #grid-view { display: flex; flex-wrap: wrap;justify-content: center;margin-bottom: 40px; }
.docs-page #text1 p:last-child { margin-bottom: 35px; }
.docs-page .grid-short-box-image { border-radius: 50%; width: 200px; margin: 0 auto; padding-bottom: 200px; box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.16); margin-bottom: -114px; }
.docs-page #grid-view .grid-short-box-text { background: #a0c79e; border-radius: 10px; padding-top: 123px; margin-top: 0; padding-bottom: 10px; font-family: 'stanga-aaa-bold'; color: #232323; font-size: 140%; }
.docs-page .grid-short-box { margin: 0; pointer-events: none;}

/* Catalog */
.categories-strip { margin-top: 60px; background: none; }
.categories-strip ul li { padding: 0; }
.categories-strip ul li a { color: #1f3038; transition: 0.3s; font-family: 'stanga-aaa-bold'; font-size: 170%; min-width: 160px; padding: 10px 9px 8px; border: 2px solid #a0c79e; border-radius: 28px; display: inline-block; line-height: 1; margin: 0 10px; }
.categories-strip ul li a:hover, .categories-strip ul li a:focus { background: #a0c79e; color: #1f3038; }
.categories-strip ul li.active { background: none; }
.categories-strip ul li.active a { background: #a0c79e; }
.categories-strip + #GridPage { padding-top: 0; }
.categories-strip + #GridPage .gallery-cubes > div { width: 33.33333%; padding: 30px; margin-bottom: 60px; }
.categories-strip + #GridPage
.gallery-cubes .image-link-container { opacity: 1; background: #232323; border-radius: 10px; bottom: auto; top: 91%; right: auto; height: auto; min-height: 100px; width: 90%; left: 50%; transform: translateX(-50%); padding: 22px 27px 20px; }
.categories-strip + #GridPage .gallery-cubes .boxes-images-outer-image { overflow: visible; }
.categories-strip + #GridPage .gallery-cubes .image-link-inner { display: none; }
.categories-strip + #GridPage .gallery-cubes h4 { display: block; margin: 0; font-family: 'stanga-aaa-bold'; color: #fff; font-size: 140%; line-height: 0.79; margin-bottom: 3px; }
.categories-strip + #GridPage .gallery-cubes .image-link-outer { width: 100%; margin: 0; }
.categories-strip + #GridPage .gallery-cubes .image-link-outer p { color: #a0c79e; font-size: 90%; }
.categories-strip + #GridPage #galleryview { max-width: 1230px; }
.categories-strip + #GridPage .gallery-cubes { max-width: 100%; }
.categories-strip ul li:not(.strip-item) { display: none; }
/* Brands Page */
.brands-page .lobby-grid #GridPage .max-width { max-width: 1130px; }
.brands-page .grid-rows .grid-row-text h2 { font-family: 'stanga-aaa-bold'; font-size: 300%; }
.brands-page .grid-rows .grid-row-text h2::after { content: ""; display: block; width: 58px; height: 16px; background: url(/warehouse/temp/extrafood/brands-underline.svg); margin-top: -5px; }
.brands-page .grid-rows .grid-row-text { width: 100%; padding-right: 60px; }
.brands-page .grid-rows .grid-row:nth-of-type(even) .grid-row-text { padding-right: 0; padding-left: 60px; }
.brands-page .grid-rows .grid-row-text p { color: #232323; line-height: 1.35; }
.brands-page .grid-rows .grid-row-text a.grid-row-button { color: #193c3b; font-family: 'stanga-aaa-bold'; font-size: 120%; padding: 11px 30px 9px; min-width: 160px; border-radius: 25px; background: #a0c79e; border: 1px solid #fff; line-height: 1; transition: 0.3s; margin: 0; display: inline-block; margin-top: 15px; }
.brands-page .grid-rows .grid-row-text a.grid-row-button:hover { background: #fff; color: #000; border: 1px solid #000; }
.brands-page .grid-row li.slider-item { padding-bottom: 500px; }
.brands-page .grid-row-cell-text { width: 60%; }
.brands-page .grid-rows .grid-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 50px; background: none; }
.brands-page #GridPage::before { background: url(/warehouse/temp/extrafood/brands-bg.jpg); content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0.3; }
.brands-page #GridPage { padding-top: 70px; }
.brands-page .box-image-animation img { height: auto !important; }


/* Contact Page */
.contact-page #GridTop.noTopImage.longer { height: 80px; }
.contact-page #GridPage { background: url(/warehouse/temp/extrafood/contact-bg.jpg); background-size: cover; padding-top: 0; }
.contact-page #GridWrapInner { position: relative; }
.contact-page #GridPage::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.7; background-color: rgba(0, 0, 0, 0.78); pointer-events: none; z-index: 0; }
.contact-page #SiteGrid.layout-bottom #GridPromo { margin-bottom: 0; padding-top: 0; }
#contactDetails .contactDetailsText1 p { display: inline-flex; flex-direction: column; align-items: center; margin: auto 40px; color: #fff; max-width: 120px; }
#contactDetails .contactDetailsText1 p img { padding: 7.5px; border-radius: 50%; background-color: #ffffff20; }
#contactview #headline { font-size: 400%; font-family: 'stanga-aaa-bold'; color: #ffffff; margin-top: 40px; }
#contactDetails .contactDetailsText1 p a {display: flex;flex-direction: column;align-items: center;}
#contactDetails .contactDetailsText1 p a:hover {color: unset;}
#contactDetails .contactDetailsText1 {display: flex;flex-wrap: wrap;justify-content: center;max-width: 1000px;margin-inline: auto;}
#contactDetails .contactDetailsText1 p {margin: unset;color: #fff;max-width: unset;flex: 1;}

.form-container-wide #DynamicFormObject { border: none; display: flex; flex-direction: column; align-items: center; padding-top: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText,
#DynamicFormObject:after, .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; text-align: center; }
@media(min-width: 1025px) {
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 95%; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 50%; padding: 0 15px 0 0; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; padding: 0 15px 0 0; }
}
.normal-form input, .normal-form textarea { max-width: 100%; padding: 8px 15px; width: 100%; margin-bottom: 15px; min-height: 47px; border-radius: 0; border-color: transparent; box-shadow: none; background-color: rgba(255, 255, 255, 0.9); color: #000; }
#DynamicFormObject .dynamicFormObjectField .must:before { top: 8px; right: 22px; }

#DynamicFormObject input[type=submit] { width: 100%; margin-top: 15px; max-width: 230px; background: #a0c79e; color: #232323; border-color: transparent; }
@media(max-width: 767px) {
    #contactview #headline { font-size: 340%; max-width: 90%; margin: 40px auto 0; }
    .contact-page #GridTop.noTopImage.longer { height: 60px; }
    #DynamicFormObject input[type=submit] { max-width: 100% !important; margin: 15px 0 0; font-size: 110% !important; }
    #contactDetails .contactDetailsText1 p { margin: 0 5px;max-width: 60%; }
    #contactDetails .contactDetailsText1 { font-size: 60%; display: flex; margin: 0; padding: 20px 0; justify-content: center;width: 90%;gap: 20px;margin-inline: auto; }
    #contactDetails .contactDetailsText1 p img { height: auto;margin-bottom: 10px }
}
/* Keyframes */
@keyframes spin {
    100% { transform: rotate(-360deg); }
}

/* Media */
@media (max-width: 1200px) {
    #header2 { padding-left: 30px; padding-right: 30px; }
    #header2 ul.menu { width: 100%; }
    #header2.detailsInRow .header-right-section { width: calc(100% - 129px); }
    #header2.detailsInRow .menu-nav { width: 100%; }
    .docs-page .grid-short-box-image { padding-bottom: 72%; width: 72%; margin-bottom: -40%; }
    .docs-page #grid-view .grid-short-box-text { padding-top: 43%; }
    .brands-page .grid-row li.slider-item { padding-bottom: 97%; }
    .brands-page .box-image-animation img { width: 100%; }
}

@media (max-width: 1024px) {
    #header2.detailsInRow .header-right-section { display: flex; width: auto; background: none; }
    #header2 .nav-menu-anim { margin: 0; }
    #nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span, #nav-toggle-mobile span:after, #nav-toggle-mobile span:before { background: #193c3b; height: 4px; }
    #header2 { padding-top: 10px; padding-bottom: 10px; }
    #header2 .menu-nav .closed { display: none !important; }
    #header2 #header-left { position: absolute; left: 50%; transform: translateX(-50%); margin: 0; top: 16px; width: 129px; }
    #home-gallery .gallery-caption .gallery-text { font-size: 550%; }
    #header2 ul.menu { background: #232323; padding-right: 60px; padding-bottom: 20px; }
    #header2 ul.menu li a { color: #fff; }
    #header2 ul.menu > li { text-align: right; max-width: 70%; }
    #nav-toggle.active span::before, #nav-toggle.active span::after { background: #fff; zoom: 0.8; right: 6px; }
    #nav-toggle.active { background: #a0c79e; width: 65px; height: 58px; position: absolute; position: relative; display: flex; align-items: center; justify-content: center; top: -17px; right: -16px; zoom: 0; }
    #header2.detailsInRow .header-right-section { transition: 0.3s; }
    #header2 ul.menu > li:not(.social-mobile):not(.last-item) { border-bottom: 1px solid #cecab5; }
    #header2 ul.menu li.active { background: none; }
    #header2 ul.menu li.active a::before { top: -5px; opacity: 1; }
    #header2 ul.menu li.active a::after { bottom: -2px; opacity: 1; }
    #header2 ul.menu li a::before, #header2 ul.menu li a::after { display: none; }
    #header2 ul.menu li.active a { color: #a0c79e; }
    #nav-toggle span { transition: none; }
}

@media (max-width: 991px) {
    .features .grid-box { width: 33.3333%; }
    .features .box-image-animation img { max-width: 136px; margin: 0 auto; }
    .categories-strip + #GridPage .gallery-cubes h4 { font-size: 130%; }
    .categories-strip + #GridPage .gallery-cubes .image-link-container { padding: 12px 17px 10px; }
}

@media (max-width: 767px) {
    #header2 { height: 60px; padding: 0 20px; }
    #header2 #header-left img { width: 100px; }
    #header2 #header-left { width: 100px; top: 8px; }
    #home-gallery .opacity-layer { display: block; }
    #home-gallery .scroll-down { bottom: 5%; }
    #home-gallery .gallery-caption .gallery-text { font-size: 380%; max-width: 240px; margin: 0 auto; }
    #home-gallery .gallery-caption { width: 90%; }
    .grid-text h2, .section-title h2 { font-size: 250%; }
    .about .grid-text p { font-size: 100%; }
    .products .grid-text p { font-size: 100%; }
    .grid-text .sec-button, .products a { font-size: 120%; min-width: 160px; padding: 11px 20px 9px; margin-bottom: 10px; }
    .gallery-cubes > div:nth-child(odd) { padding: 10px 10px 10px 20px; }
    .gallery-cubes > div:nth-child(even) { padding: 10px 20px 10px 10px; }
    .products .grid-text .grid-text-content .gridText2 { flex-wrap: wrap; margin-top: 0; }
    .products .grid-text-content { width: 100%; max-width: 90%; }
    .about .grid-text-content { width: 100%; max-width: 90%; }
    .features.grid-content-section::after { width: 190px; height: 190px; background-size: cover; right: 0; }
    .features .grid-box { padding: 0 10px; margin-right: 0; }
    .features .grid-boxes .grid-box-title h3 { font-size: 130%; }
    .features .section-title { margin-bottom: 30px; }
    .features.grid-content-section { padding-top: 100px; }
    .features .grid-boxes { display: flex; flex-wrap: wrap; justify-content: center; }
    .footer-text-divided > div.footer-text-left, .footer-text-divided > div.footer-text-right { width: 100%; text-align: center; }
    .footer-text-divided { flex-direction: column; }
    .footer-text-divided > div.footer-text-right { margin-bottom: 20px; }
    .footer-text-divided > div.footer-text-left { margin-top: 20px; }
    .site-credit.alternative div { display: flex; align-items: center; justify-content: space-between; }
    a.AccessabilityLink { margin: 0; font-size: 70% }
    .features.grid-content-section { background-image: url(/warehouse/temp/extrafood/features-bg-m.jpg); }
    #header2 ul.menu { position: fixed; max-height: unset; height: 100%; padding-top: 70px; padding-right: 70px; }
    #nav-toggle.active { top: -18px; right: -29px; width: 60px; }
    #header2 ul.menu > li { font-size: 130%; }
    .docs-page #ContentGridShortModule .gridshort-view-item { width: 50%; }
    .docs-page #grid-view .grid-short-box-text { line-height: 1; padding-left: 10px; padding-right: 10px; padding-top: 46%; flex-grow: 1; font-size: 120%; }
    .docs-page .grid-short-box { display: flex; flex-direction: column; height: 100%; }
    .docs-page #subheadline h2 { font-size: 250%; }
    .top-caption { font-size: 340%; }
    #GridPage .max-width { max-width: 90%; }
    .categories-strip + #GridPage .gallery-cubes > div { width: 50%; padding: 10px;margin-bottom: 80px; }
    .mobile-strip { display: none; }
    .categories-strip ul { display: flex !important; width: 100%; justify-content: flex-start; white-space: nowrap; overflow-x: auto; padding: 10px 0 ; }
    .categories-strip ul li a { margin: 3px; min-width: 100px; font-size: 105%; border-radius: 21px; display: unset; padding: 10px 14px 8px; }
    .categories-strip { margin-top: 30px; }
    .categories-strip + #GridPage .gallery-cubes h4 { font-size: 95%;line-height: 1.2; }
    .categories-strip + #GridPage .gallery-cubes .image-link-outer p { font-size: 80%; }
    .categories-strip + #GridPage .gallery-cubes .image-link-container { padding: 12px 5px 10px; min-height: 85px; width: 95%; top: 85%; }
    .categories-strip + #GridPage #galleryview { margin-top: -25px; }
    .rightAligning #subheadline h2::after { margin: 0 0 auto; }
    .brands-page .grid-rows .grid-row-text { padding: 0; }
    .brands-page .grid-row-cell-text { width: 100%; }
    .brands-page .grid-rows .grid-row:nth-of-type(even) .grid-row-text { padding: 0; }
    .brands-page .grid-rows .grid-row-text h2 { font-size: 250%; }
    .brands-page .grid-rows .grid-row-text p { font-size: 100%; }
    .brands-page #GridPage { padding-top: 40px; }
}

@media (max-wdith: 550px) {
    .features .grid-boxes .grid-box-image { padding-bottom: 100%; }
}