@media (max-width: 1500px) {
    /* how it works */
    .hiw-header-description,
    .sustainability-header-description {
        left: 100px;
        top: 10.4167vw;
        width: 80%;
    }
    .hiw-section-1 {
        padding: 0 100px;
    }
    .hiw-section-2 {
        padding: 80px 100px 140px;
    }
    .hiw-header-description .left,
    .sustainability-header-description .left {
        margin-right: 5.7708vw;
    }
    .hiw-header-image,
    .sustainability-header-image {
        width: 80%;
    }
    .hiw-header-image > img,
    .sustainability-header-image > img {
        width: 100%;
    }
    /* sustainability */
    .sustainability-care-container .left {
        flex: 1;
    }
    .sustainability-care-container .right {
        flex: 1;
    }
    .sustainability-care-description {
        padding-top: 0;
    }
}
@media (max-width: 1440px) {
    /* homepage */
    .hero-image {
        max-width: 860px;
    }
    /* product */
    .product-summary-info p {
        min-height: 50px;
    }
}
@media (max-width: 1366px) {
    /* common */
    .main-title {
        font-size: 5rem;
    }
    .section-title {
        font-size: 4rem;
    }
    /*homepage*/
    .more-category-wrapper .category-info {
        padding: 20px;
    }
    .more-category-wrapper .category-info h3 {
        font-size: 2.5rem;
    }
    .more-category-btn {
        padding: 10px 20px;
    }
    .carousel-container .nav-tabs > li.active a {
        font-size: 2rem;
    }
    h2.home-title {
        font-size: 5rem;
    }
    .percentage-number {
        font-size: 5rem;
    }
    h3.blog-title {
        font-size: 3rem;
    }
    h4.blog-description {
        font-size: 2.5rem;
    }
    /*category*/
    .product-col {
        width: 33.333%;
    }
    .product-col:nth-child(3n + 1) {
        clear: both;
    }
    .product-col:nth-child(4n + 1) {
        clear: none;
    }
    .category-product-title {
        font-size: 2.5rem;
    }
    .category-product-description {
        padding: 30px 10px;
    }
    /* product */
    .product .left {
        flex-basis: 45%;
    }
    .product .right {
        flex-basis: 45%;
    }
    .product-option > span {
        padding: 15px;
        font-size: 1.8rem;
    }

    .product-option label span {
        padding: 15px;
        font-size: 1.8rem;
    }
    /* how it works */
    .hiw-header-description .right > p:last-of-type {
        margin-bottom: 30px;
    }
    .hiw-header-description .livestock {
        padding: 25px 30px;
    }
    .hiw-item .section-title {
        max-width: unset;
        width: 33%;
    }
    .hiw-header-description .left > p {
        font-size: 3rem;
    }
    /* sustainability */
    .sustainability-header-description .left > p {
        font-size: 3rem;
    }
    .sustainability-container p {
        font-size: 2rem;
    }
    /* footer */
    .our-selections h3 {
        font-size: 5rem;
        margin: 0 0 40px;
    }
}
@media (max-width: 1280px) {
    /* header */
    .hero-image {
        max-width: 770px;
    }
    /*checkout page*/
    .checkout-container.container {
        width: 100%;
    }
    .navbar {
        padding: 15px;
    }
    .checkout-logo span.logo-icon svg,
    .checkout-logo span.logo-icon {
        width: 220px;
        height: auto;
    }
    /* product */
    .product-summary-info p {
        min-height: 60px;
    }
    /* recipe */
    .recipe-info {
        flex-wrap: wrap;
        padding: 40px 40px 30px;
    }
    .recipe-info-item {
        justify-content: center;
        flex-basis: 50%;
        margin-bottom: 15px;
    }
    .recipe-info-item .degree-of-difficulty {
        margin-left: 15px;
    }
    /*footer*/
    .our-selections h3 {
        font-size: 5rem;
    }
    footer .menu-pages li,
    .footer-social li {
        font-size: 2.8rem;
    }
    .footer-contact ul li .title {
        font-size: 1.8rem;
    }
    .footer-contact a {
        font-size: 2.5rem;
    }
}
@media (max-width: 1140px) {
    /*header*/
    .megamenu-wrapper ul.megamenu > li > a {
        padding: 10px;
    }
    .burger-menu {
        width: 50px;
    }
    .main-logo {
        padding: 0 15px;
    }
    .shortcuts-items #cart .cart-btn .cart-text {
        font-size: 1.8rem;
        margin-right: 10px;
    }
    .shortcuts-items #cart #cart-total {
        font-size: 1.4rem;
        width: 28px;
    }
    .shortcuts-items #cart #cart-total:after {
        width: 28px;
        height: 28px;
        left: 0;
        top: -5px;
    }
    .header-search {
        justify-content: left;
    }

    .sub-categories .sub-category-column {
        width: 25%;
    }
    /*footer*/
    .our-selections,
    .footer-container {
        padding-top: 95px;
    }
    .footer-wrapper .footer-top {
        margin-bottom: 95px;
    }
    .our-selections h3 {
        font-size: 4.5rem;
    }
    .footer-newsletter p {
        margin-bottom: 30px;
    }
    .newsletter-wrapper input[type='text'],
    .newsletter-subscribe-btn,
    .newsletter-wrapper ::placeholder {
        font-size: 2.2rem;
    }
    .newsletter-subscribe-btn {
        top: 2px;
    }
    footer .menu-pages li,
    .footer-social li {
        font-size: 2.5rem;
    }
    .footer-contact ul li .title {
        font-size: 1.7rem;
    }
    .footer-contact a {
        font-size: 2.2rem;
    }
    .footer-wrapper .left-col {
        flex-basis: 45%;
    }
    .footer-wrapper .right-col {
        flex-basis: 55%;
    }
    .footer-contact p {
        font-size: 1.9rem;
    }
}
@media (max-width: 1024px) {
    /*header*/
    .logo-icon,
    .logo-icon svg {
        width: 240px;
        height: auto;
    }

    /*homepage*/
    .home-categories-container {
        margin: 25px auto 75px;
    }
    .categories-wrapper .category-item .category-info {
        width: calc(100% - 3.333vw);
        padding: 20px;
    }
    .more-category-wrapper.flex-row {
        flex-wrap: wrap;
    }
    .more-category-wrapper .category-item {
        margin-bottom: 30px;
        width: calc(50% - 30px);
    }
    .more-category-wrapper .category-item a {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
    }
    .procedure-content {
        width: 90%;
    }
    /* Category */
    .category-product-item {
        flex-basis: 50%;
        margin-bottom: 20px;
    }
    .category-product-img {
        position: relative;
        min-height: unset;
    }
    .category-product-description {
        top: 0px;
    }
    /* Ethos */
    .ethos-how-section-1 {
        flex-direction: column;
    }
    .ethos-how-section-1 .right {
        padding: 30px;
        margin-left: clamp(0px, 3.646vw, 70px);
        align-self: flex-start;
    }
    /* blog */
    h3.blog-title {
        font-size: 2.5rem;
    }
    h4.blog-description {
        font-size: 2rem;
    }
    .blog-grid {
        padding: 0;
    }
    .degree-of-difficulty ul > li::after {
        width: 16px;
        height: 16px;
    }
    /* recipe */
    .recipe-info-item > p {
        font-size: 1.8rem;
    }
    .recipe-ingredients-container li {
        font-size: 2rem;
    }
    /*product*/
    .carousel-container {
        margin: 50px auto;
    }
    .related-products {
        padding-top: 50px;
    }
    .related-products.combine-with {
        margin-bottom: 50px;
    }
}
.mobile-account-items,
.login-mobile,
.menu-categories-mobile,
.delivery-procedure.mobile {
    display: none;
}
@media (max-height: 760px) {
    /* menu */
    .open-menu-left-wrapper .menu-pages li {
        font-size: 7.4rem;
        font-size: clamp(4rem, 3vw, 6.4rem);
        line-height: 1.2;
    }
}
@media (max-width: 991px) {
    /* common */
    .main-title {
        font-size: 4rem;
    }
    .section-title {
        font-size: 3rem;
    }
    /*header*/
    body.menu-is-open #main-header {
        width: 100%;
    }
    .shortcuts-items #cart.open .cart-text {
        color: #000;
    }
    #main-header {
        padding: 15px;
        width: 100%;
        top: 0;
        background: #ffff;
        z-index: 999;
        min-height: 50px;
        align-items: center;
    }
    .open-search-input {
        padding: 0 15px;
        top: 105px;
    }
    .header-mobile-menu,
    .main-logo,
    .shortcuts-items.mobile.cart {
        flex-basis: 33.3333333%;
    }
    .open-menu .center {
        display: none;
    }
    .open-menu-left-wrapper .menu-pages,
    .open-menu-left-wrapper .menu-info {
        left: 0;
    }
    .open-menu-left-wrapper .menu-pages,
    .menu-categories-mobile {
        padding: 0 25px 30px;
        border-bottom: 1px solid #4d4d4d;
    }
    .open-menu-left-wrapper .menu-pages-wrapper {
        margin-bottom: 40px;
    }
    .open-menu .left,
    .open-menu .right {
        flex: unset;
    }
    .open-menu .left {
        width: 100%;
    }
    .open-menu-left-wrapper {
        margin: 0;
        padding-top: 135px;
    }
    .login-mobile {
        display: inline-block;
    }
    .menu-categories-mobile {
        display: flex;
        margin-bottom: 40px;
    }
    .menu-categories-mobile li {
        margin-bottom: 15px;
    }
    .menu-categories-mobile a {
        font-size: 2.2rem;
        font-size: 600;
        color: #fff;
    }
    .menu-info {
        display: flex;
        justify-content: space-between;
        font-size: 1.8rem;
        font-weight: 300;
        margin-top: 0;
    }
    .menu-info li {
        margin: 0 10px;
    }
    #logo {
        margin-bottom: 0;
    }
    .main-logo img {
        max-width: 148px;
        width: 100%;
        margin: 0 auto;
    }
    #cart .dropdown-menu {
        top: 75px;
        right: 0;
        left: unset;
        -webkit-box-shadow: unset;
        -moz-box-shadow: unset;
        box-shadow: unset;
        min-width: auto;
        width: 100vw;
        position: fixed;
        height: calc(100vh - 73px);
        overflow-y: auto;
        z-index: 99;
    }
    .sticky-menu #cart .dropdown-menu {
        top: 99px;
        height: calc(100vh - 99px);
    }
    #cart .dropdown-menu li > div {
        min-width: unset;
    }
    .close-mini-cart {
        margin-right: 0;
    }
    .alert-dismissable .close,
    .alert-dismissible .close {
        top: -30px;
        right: -7px;
    }

    .logo-icon,
    .logo-icon svg {
        width: 160px;
    }
    .shortcuts-items.mobile #cart {
        float: right;
    }
    .shortcuts-items.mobile #cart .cart-btn {
        top: -5px;
    }
    .shortcuts-items.mobile #search {
        margin: 0 auto;
        max-width: unset;
        position: relative;
    }
    .shortcuts-items.mobile #search .form-control {
        border-top: 1px solid #000;
        padding: 0 35px 0 15px;
    }
    .shortcuts-items.mobile #search .input-group-btn {
        position: absolute;
        right: 30px;
        top: 5px;
    }

    .discount-bar {
        font-size: 1.2rem;
    }
    .search-is-open .center-header, .search-is-open .right-header {
        opacity: 1;
        visibility: visible;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .search-text {
        display: none;
    }
    .trigger-search {
        width: 100%;
        padding: 0 30px;
    }
    .open-search-input {
        padding: 0 15px;
    }
    .left-header, .right-header {
        flex-basis: 33.333333%;
    }
    .right-header {
        display: flex;
        justify-content: flex-end;
    }
    .right-header > .flex-row {
        max-width: 135px;
    }
    .header-search {
        justify-content: flex-end;
    }
    .center-header.flex-row {
        flex-basis: 33.3333%;
    }

    /*menu*/
    body.menu-is-open {
        overflow: hidden;
    }
    .responsive.megamenu-style-dev {
        position: fixed;
        top: 0;
        z-index: 999;
        left: 15px;
    }
    .responsive.megamenu-style-dev .navbar-default .navbar-toggle {
        background-color: transparent;
        border: none;
        border-radius: 0;
        width: 30px;
        padding: 0;
        height: 34px;
        display: inline-block;
        padding-top: 5px;
    }
    .responsive.megamenu-style-dev .navbar-default .navbar-toggle span {
        position: relative;
        display: block;
        width: 100%;
        height: 2px;
        margin-bottom: 5px;
        background-color: #000;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .responsive.megamenu-style-dev .navbar-default .navbar-toggle.active span:nth-child(2) {
        opacity: 0;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .responsive.megamenu-style-dev .navbar-default .navbar-toggle.active span:nth-child(1) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        top: 10px;
    }
    .responsive.megamenu-style-dev .navbar-default .navbar-toggle.active span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        bottom: 4px;
    }

    /*menu*/
    .megamenu-style-dev .megamenu-wrapper {
        display: block;
        padding: 0;
        position: fixed;
        top: 51px;
        left: -100%;
        z-index: 999;
        width: 50%;
        height: calc(100vh - 51px);
        max-height: unset;
        opacity: 0;
        visibility: hidden;
        background-color: #fff;
        -webkit-transition: left 0.3s ease, opacity 0.4s ease 0.4s, visibility 0.4s ease 0.4s;
        -moz-transition: left 0.3s ease, opacity 0.4s ease 0.4s, visibility 0.4s ease 0.4s;
        -o-transition: left 0.3s ease, opacity 0.4s ease 0.4s, visibility 0.4s ease 0.4s;
        transition: left 0.3s ease, opacity 0.4s ease 0.4s, visibility 0.4s ease 0.4s;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
    .megamenu-style-dev .megamenu-wrapper.so-megamenu-active {
        left: 0;
        opacity: 1;
        visibility: visible;
        overflow-y: hidden;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .mobile-account-items {
        display: inline-block;
        width: 100%;
        border-bottom: 1px solid rgba(0, 0, 0, 0.7);
        max-height: 51px;
        height: 100%;
    }
    .mobile-account-items a {
        display: inline-block;
        float: left;
        width: 33.333333%;
        background-color: #eaeaea;
        padding: 15px 15px 10px;
        text-align: center;
        color: #000;
    }
    .mobile-account-items a:nth-child(2) {
        border-left: 1px solid rgba(0, 0, 0, 0.7);
        border-right: 1px solid rgba(0, 0, 0, 0.7);
    }
    .mobile-account-items a .text {
        vertical-align: top;
    }
    .language-switcher {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        float: left;
        width: 33.333333%;
        align-items: center;
        justify-content: center;
        background: #eaeaea;
        height: 100%;
    }
    .language-switcher span,
    .language-switcher button .fa {
        color: #000;
    }
    .language-switcher .dropdown-menu {
        padding: 5px 0 10px 15px;
    }
    .megamenu-style-dev .megamenu-wrapper ul.megamenu {
        flex-direction: column-reverse;
    }
    .megamenu-style-dev .megamenu-pattern {
        height: calc(100vh - 51px);
        overflow-y: auto;
    }
    .megamenu-wrapper ul.megamenu li .sub-menu .content .static-menu .menu ul {
        margin-top: 0;
    }
    .container-megamenu.horizontal ul.megamenu > li,
    .container-megamenu.vertical ul.megamenu > li {
        border-bottom: 1px solid #f0f0f0;
    }
    .megamenu-style-dev.responsive ul.megamenu > li > a {
        color: #000;
    }

    /*submenu*/
    .megamenu-wrapper .megamenu .sub-menu .content > .row > div {
        width: 100%;
    }
    .megamenu-wrapper ul.megamenu > li > .sub-menu {
        padding-top: 0;
    }
    .megamenu-wrapper.so-megamenu-active ul.megamenu .title-submenu,
    .megamenu-wrapper.so-vertical-active ul.megamenu .title-submenu {
        display: inline-block;
        max-width: unset;
        margin-top: 0;
        margin-bottom: 5px;
    }
    .megamenu-wrapper ul.megamenu li .sub-menu .content .static-menu > .menu > ul > li {
        padding-top: 5px;
    }
    .megamenu-wrapper ul.megamenu .subcategory {
        margin-top: 10px;
    }
    .megamenu-wrapper .sub-menu .discount-bar {
        display: none;
    }
    .megamenu-wrapper .sub-menu {
        padding-bottom: 20px;
    }

    /*homepage*/
    .home-categories-container {
        margin-bottom: 55px;
    }
    .categories-wrapper .category-item .title h3 {
        font-size: 1.5rem;
        max-width: 100%;
    }
    h2.home-title {
        font-size: 4rem;
    }
    .home-how-it-works-box h2.home-title {
        margin: 0 0 30px;
    }
    .home-marquee p {
        font-size: 2.5rem;
    }
    .percentage-number {
        font-size: 4rem;
    }
    .flex-row.recycle-row {
        padding: 20px 0 100px;
    }
    .flex-row.recycle-row .col-50:first-child {
        border-right: 1px solid #000;
        flex-basis: 30%;
    }
    .flex-row.recycle-row .col-50:nth-child(2) {
        padding-left: 30px;
    }
    .home-products .section-image {
        margin: 0 0 30px 0;
    }
    .home-products-wrapper.flex-row {
        flex-direction: column;
        padding: 0;
    }
    .home-products .section-text {
        align-self: flex-start;
        margin-left: 0;
    }
    .procedure-content {
        width: 100%;
        flex-direction: column;
        min-height: unset;
    }
    .procedure-list-item {
        margin-bottom: 30px;
        text-align: center;
    }
    .arrow-right {
        margin: 30px 0 0;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .procedure-list {
        margin-bottom: 0;
        padding-top: 0;
        flex-direction: column;
        position: relative;
    }
    .delivery-procedure.flex-row {
        display: none;
    }
    .how-to-order-box h4 {
        margin-bottom: 30px;
        font-size: 2rem;
        font-weight: 300;
    }
    .delivery-procedure.mobile {
        position: absolute;
        /* display: block; */
        padding: 0;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
    }
    .delivery-procedure.mobile .you {
        transform-origin: 50% 50%;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        position: absolute;
        top: 0;
        left: 0;
    }
    .delivery-procedure.mobile .we {
        position: absolute;
        top: 40%;
        left: 0;
    }
    .delivery-procedure.mobile .you .procedure-title {
        width: 40%;
    }
    .delivery-procedure.mobile .we .procedure-title {
        width: 60%;
    }
    .delivery-procedure.mobile .procedure-title {
        /* border-bottom: 2px solid #d9dada; */
    }
    .procedure-bottom-borders {
        display: none;
    }
    h4.blog-description {
        font-size: 2rem;
    }
    .explore-recipes-wrapper ul.slick-dots {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 3.906vw;
    }
    .explore-recipes-wrapper ul.slick-dots > li {
        display: inline-block;
        margin: 0 5px;
    }
    .explore-recipes-wrapper ul.slick-dots > li > button {
        background-color: transparent;
        border: 1px solid #000;
        border-radius: 50%;
        padding: 0;
        height: 18px;
        width: 18px;
        font-size: 0;
    }
    .explore-recipes-wrapper ul.slick-dots > li.slick-active > button {
        background-color: #000;
    }
    .our-selections ul.slick-dots {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 3.906vw;
    }
    .our-selections ul.slick-dots > li {
        display: inline-block;
        margin: 0 5px;
    }
    .our-selections ul.slick-dots > li > button {
        background-color: transparent;
        border: 1px solid #000;
        border-radius: 50%;
        padding: 0;
        height: 18px;
        width: 18px;
        font-size: 0;
    }
    .our-selections ul.slick-dots > li.slick-active > button {
        background-color: #000;
    }
    .blog-arrows-section,
    .hero-slider-arrows-section {
        display: none;
    }
    /* Ethos */
    .ethos-header,
    .ethos-what-container {
        flex-direction: column-reverse;
    }
    .ethos-what-container {
        margin-bottom: 30px;
    }
    .ethos-header-description {
        padding-left: 0;
        max-width: 490px;
        width: 100%;
    }
    /* how it works */
    .hiw-header {
        flex-direction: column-reverse;
    }
    .hiw-header-image {
        width: 100%;
        margin-bottom: 30px;
    }
    .hiw-header-description {
        position: relative;
        left: 0;
        top: 0;
        padding: 0 70px;
        justify-content: space-between;
        max-width: 1360px;
        width: 100%;
    }
    .hiw-header-description .left > p {
        font-size: 2rem;
    }
    /* sustainability */
    .sustainability-header {
        flex-direction: column-reverse;
    }
    .sustainability-header-image {
        width: 100%;
        margin-bottom: 30px;
    }
    .sustainability-header-description {
        position: relative;
        left: 0;
        top: 0;
        padding: 0 70px;
        justify-content: space-between;
        max-width: 1360px;
        width: 100%;
    }
    .sustainability-header-description .left > p {
        font-size: 2rem;
    }
    .sustainability-care-container {
        flex-direction: column;
    }
    /* product */
    .product {
        flex-direction: column;
        align-items: center;
    }
    .product .left {
        display: flex;
        flex-direction: column;
        flex-basis: 100%;
        align-items: center;
        margin: 0;
    }
    .product-sub-section {
        display: none;
        max-width: unset;
    }
    .product-sub-section.mobile {
        display: block;
    }
    .product .right {
        flex-basis: 100%;
        margin: 0;
    }
    .accompaniments-wrapper {
        flex-direction: column;
        align-items: center;
    }
    .accompaniments-container .sub-section-title {
        text-align: center;
    }
    .product-summary-info p {
        min-height: 40px;
    }
    /* recipe */
    .recipe-info-item > p {
        font-size: 1.6rem;
    }
    .recipe-ingredients-container li {
        font-size: 1.8rem;
    }
    .recipe-info-item {
        flex-basis: 100%;
    }
    .recipe-description,
    .recipe-ingredients-container,
    .directions-container {
        width: 100%;
    }
    .relative-recipes-container .blog-grid {
        flex-direction: column;
        padding: 0;
    }
    .relative-recipes-container .blog-grid .blog-item {
        margin-bottom: 30px;
    }
    /* contact */
    .contact-form-container {
        padding: 0 50px;
    }
    /*footer*/
    .footer-wrapper .footer-top {
        flex-wrap: wrap;
    }
    .footer-wrapper .footer-bottom {
        flex-wrap: wrap-reverse;
    }
    .footer-wrapper .left-col,
    .footer-wrapper .right-col {
        flex-basis: 100%;
        padding: 0;
    }
    .footer-contact .left-item,
    .footer-contact .right-item {
        padding: 0;
    }
    .footer-wrapper .footer-top,
    .footer-wrapper .footer-contact {
        margin-bottom: 65px;
    }
    .newsletter-wrapper,
    .footer-info .flex-row {
        max-width: unset;
    }
    .footer-contact .payment-methods-logo {
        justify-content: flex-start;
    }
    .credits.flex-row {
        flex-direction: column-reverse;
        align-items: center;
    }
    .credits.flex-row .right {
        margin-bottom: 20px;
    }

    /*category*/
    .caption > h4,
    h4.sub-category-name {
        line-height: 1.5;
    }
    .product-col {
        width: 50%;
    }
    .product-col:nth-child(3n + 1) {
        clear: none;
    }
    .product-col:nth-child(2n + 1) {
        clear: both;
    }

    /*account pages*/
    #account-login.container {
        width: 100%;
    }

    /*checkout page*/
    .checkout-container #logo {
        margin-bottom: 20px;
    }
    .checkout-logo span.logo-icon svg,
    .checkout-logo span.logo-icon {
        top: 0;
    }
    .checkout-container.container > .row .col-md-3 .text-right {
        text-align: center;
    }
    div#xlogin {
        padding: 0 15px;
    }
    .login-panel-bg .login-section {
        max-width: 480px;
        width: 100%;
        border: 1px solid #ddd;
        margin: 40px auto 0;
    }
    .login-panel-bg .tab-content {
        padding: 15px;
    }
    #step_login_panel .tabbable .nav-tabs > li.active {
        border-top: none;
        border-bottom: 1px solid #000000;
    }
    #step_login_panel .tabbable .nav-tabs > li {
        background-color: transparent;
    }
    .group .inputMaterial {
        font-size: 1.3rem !important;
    }
    .inlineaddress {
        padding: 0 15px;
    }
}
@media (max-width: 767px) {

    .out_of_stock.badge {
        top: 5px;
        left: 10px;
        width: 75px;
        height: 75px;
    }

    .badge i{
        font-size: 1.0rem;
    }

    p {
        font-size: 2rem;
    }
    h2.home-title {
        font-size: 3rem;
    }
    .hero-slider-container {
        padding: 0;
        margin-bottom: 30px;
    }
    .hero-box {
        top: unset;
        bottom: 30px;
        left: 0;
        -webkit-transform: unset;
        -moz-transform: unset;
        -o-transform: unset;
        transform: unset;
        padding: 0 40px 0;
    }
    .home-ethos-wrapper {
        padding: 0 40px 0;
        bottom: 30px;
    }
    .icon-logo svg,
    .icon-logo {
        padding: 10px;
    }
    .home-packaging-wrapper {
        padding: 15.104vw 40px 7.031vw;
        position: absolute;
        bottom: 30px;
    }
    .home-packaging {
        min-height: 80vh;
        background-position: 35%;
    }
    .percentage-number {
        font-size: 3rem;
    }
    .text-recycle {
        font-size: 1.6rem;
        font-weight: 600;
    }
    .home-products {
        padding: 15.625vw 40px 30px;
    }
    .home-products .section-image {
        max-width: 60%;
    }
    .zen-cut {
        max-width: 80%;
        bottom: 30px;
        left: -20px;
        transform: translate(-50%, -50%);
    }
    .bus-no-icon {
        max-width: 80%;
        right: -20px;
        top: -30px;
    }
    .home-products .section-text h2.home-title {
        max-width: 180px;
        margin: 0 0 30px;
    }
    .home-products-wrapper .section-text {
        max-width: 250px;
    }
    .home-products-wrapper .section-text > p {
        font-size: 1.6rem;
    }
    .how-to-order-box h4 {
        font-size: 1.6rem;
    }
    .how-to-order-wrapper {
        padding: clamp(30px, 5.2083vw, 100px) 40px clamp(30px, 4.1667vw, 80px);
    }
    .procedure-description {
        font-size: 2rem;
        min-height: 60px;
    }
    .explore-recipes-container {
        padding: 40px;
    }
    .explore-recipes h2.home-title {
        text-align: center;
        margin: 0 0 30px;
    }
    .blog-grid {
        padding: 0;
    }
    .blog-item {
        margin: 0;
    }

    .hero .slick-slide img {
        display: block;
        margin: 0 auto;
    }
    .hero .slider-arrows .arrow svg {
        fill: #000;
    }
    .hero .slider-arrows {
        display: block;
        top: 0;
        height: 100%;
        -webkit-transform: unset;
        -moz-transform: unset;
        -o-transform: unset;
        transform: unset;
    }
    .hero .slider-arrows .arrow {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        width: 70px;
    }
    .hero .slider-arrows .arrow.arrow-prev {
        left: 0;
    }
    .hero .slider-arrows .arrow.arrow-next {
        right: 0;
    }
    .categories-wrapper.flex-row {
        flex-direction: column;
        padding: 0 15px;
    }
    .home-categories-container {
        margin-bottom: 35px;
    }
    .categories-wrapper .category-item:first-child,
    .categories-wrapper .category-item:last-child {
        margin: 0 auto;
    }
    .categories-wrapper .category-item + .category-item {
        margin-top: 15px;
    }
    .categories-wrapper .category-item .category-info {
        width: calc(100% - 15vw);
        padding: 10px;
        text-align: center;
    }
    .categories-wrapper .category-item .title h3 {
        margin: 5px auto;
    }
    .categories-wrapper .category-item .title {
        flex-direction: column;
    }
    .home-more-categories {
        padding-bottom: 0;
    }
    .home-more-categories h2 {
        font-size: 2rem;
    }
    .more-category-wrapper .category-item {
        width: calc(50% - 30px);
        margin: 0 auto 15px;
    }
    .carousel-container .nav-tabs > li.active a {
        font-size: 1.6rem;
        padding: 15px;
    }

    /*Header*/
    .ask-cta {
        left: -308px;
        padding-right: 12px;
    }
    /* Ethos */
    .ethos-how-section-1 .left img {
        width: 45%;
    }
    .ethos-how-item-wrapper {
        padding: 40px 20px;
    }
    /* how it works */
    .hiw-header-description {
        padding: 0 30px;
        flex-direction: column;
    }
    .hiw-item-description {
        flex-direction: column;
    }
    .hiw-item .left {
        margin: 0 0 15px;
    }
    .hiw-item .right {
        margin-left: 0;
    }
    .hiw-section-1 {
        padding: 0 30px;
    }
    .hiw-section-2 {
        padding: 80px 30px 140px;
    }
    /* product */
    .product .right .sub-section-title {
        margin-bottom: 30px;
    }
    /* contact */
    .contact-form-container {
        padding: 0 30px;
    }
    .contact-form-group {
        flex-direction: column;
    }
    .contact-form-container input[type='text'],
    .contact-form-container input[type='email'] {
        max-width: unset;
        width: 100%;
        font-size: 2rem;
        font-weight: 400;
        padding: 25px 0;
        margin-bottom: 20px;
    }
    /* blog */
    .blog-wrapper {
        padding: clamp(30px, 5.7292vw, 110px) 30px clamp(30px, 7.0313vw, 135px);
    }
    .blog-container .blog-item {
        flex-basis: calc(100% - 30px);
    }
    /* recipe */
    .breadcrumb > li,
    .breadcrumb > li > a {
        font-size: 3rem;
    }
    .recipe-container,
    .relative-recipes-container {
        padding: clamp(30px, 6.25vw, 120px) 30px clamp(30px, 7.2917vw, 140px);
    }
    /*footer*/
    .our-selections,
    .footer-container {
        padding: 65px 45px 35px;
    }
    .our-selections h3 {
        font-size: 4rem;
        margin-bottom: 40px;
    }

    /*Search Modal*/
    #searchModal .modal-dialog {
        margin: 0;
        height: 100vh;
        background: rgba(255, 255, 255, 0.6);
    }
    #searchModal .modal-content {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border: none;
        border-radius: 0;
    }
    #searchModal .modal-header {
        padding-top: 10px;
    }
    #searchModal #search_mobile {
        width: 100%;
    }
    #searchModal #d_ajax_search_results {
        width: 100%;
        left: 0;
        top: -5px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border: none;
    }
    #searchModal #search_mobile span.pull-right i {
        margin-bottom: 10px;
    }
    #searchModal #d_ajax_search_results .row {
        padding: 5px 15px;
    }

    /*category*/
    .breadcrumb {
        padding: 10px 0;
    }
    .category-container {
        padding: 0 15px;
    }
    .products-block {
        margin: 0 auto;
    }
    .caption > h4 {
        font-size: 1.4rem;
    }

    .category-grid {
        margin-left: 0;
    }
    .sub-categories {
        margin: 0 auto;
    }
    .sub-categories .sub-category-column:nth-child(4n + 1) {
        clear: both;
    }
    h4.sub-category-name {
        font-size: 1.2rem;
    }
    span.category-separator {
        margin: 15px 0;
    }
    /*filters*/
    .filters-btn {
        color: #000;
        font-size: 1.2rem;
        letter-spacing: 0.025em;
        width: calc(50% - 15px);
        border-bottom: 1px solid #000;
        padding-bottom: 9px;
    }
    .filters-btn:hover,
    .filters-btn:active,
    .filters-btn:focus {
        color: #000;
    }
    .filter-icon,
    .filter-icon svg {
        display: inline-block;
        width: 12px;
        height: 13px;
    }
    .filter-icon svg .st0 {
        fill: #000;
    }
    .filters-btn .text {
        display: inline-block;
        padding-left: 5px;
    }
    .close-filters {
        position: fixed;
        top: 0;
        right: 0;
        height: 22px;
        z-index: 99;
        background-color: #fff;
        width: 100%;
    }
    .close-filters-icon,
    .close-filters-icon svg {
        display: inline-block;
        width: 12px;
        height: 12px;
        margin: 5px;
        float: right;
    }
    .close-filters .filters-icon svg .st0 {
        fill: #000;
    }
    .category-short-by {
        width: calc(50% - 15px);
        max-width: unset;
    }
    .category-short-by .form-group.input-group {
        max-width: unset;
    }
    body.category-filters-open {
        overflow: hidden;
    }
    .products-filters.leftSidebar {
        position: fixed;
        top: 0;
        left: -100%;
        background: rgba(0, 0, 0, 0);
        width: 100%;
        max-width: unset;
        opacity: 0;
        visibility: hidden;
        z-index: 99;
        -webkit-transition: left 0.4s ease, background-color 0.1s ease, visibility 0s ease 0.4s, opacity 0s ease 0.4s;
        -moz-transition: left 0.4s ease, background-color 0.1s ease, visibility 0s ease 0.4s, opacity 0s ease 0.4s;
        -o-transition: left 0.4s ease, background-color 0.1s ease, visibility 0s ease 0.4s, opacity 0s ease 0.4s;
        transition: left 0.4s ease, background-color 0.1s ease, visibility 0s ease 0.4s, opacity 0s ease 0.4s;
    }
    .products-filters.leftSidebar.active {
        left: 0;
        opacity: 1;
        visibility: visible;
        background: rgba(0, 0, 0, 0.7);
        -webkit-transition: left 0.3s ease, background-color 0.3s ease 0.2s;
        -moz-transition: left 0.3s ease, background-color 0.3s ease 0.2s;
        -o-transition: left 0.3s ease, background-color 0.3s ease 0.2s;
        transition: left 0.3s ease, background-color 0.3s ease 0.2s;
    }
    #column-left {
        max-width: 50%;
        padding: 0 20px;
        height: 100vh;
        background-color: #fff;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    .products-filters .bf-panel-wrapper {
        height: calc(100vh - 50px);
        overflow-y: auto;
        padding-top: 10px;
    }
    .products-filters .bf-buttonclear-box {
        position: fixed;
        bottom: 15px;
        left: 15px;
        width: calc(100% - 30px);
        z-index: 9;
    }
    .products-filters .bf-form > .bf-attr-block:first-of-type .bf-attr-header,
    .bf-attr-block .bf-attr-header.bf-clickable {
        font-size: 1.4rem;
        line-height: 2;
    }
    .products-filters .bf-cross,
    .products-filters .bf-close-btn,
    .products-filters .bf-arrow {
        background-image: url(../image/brainyfilter/sprite.png) !important;
    }

    /*product*/
    .product-row.flex-row {
        flex-direction: column;
    }
    .product-row .left-col {
        padding-right: 0;
    }
    .product-row .right-col {
        padding: 0;
        max-width: unset;
    }
    .product-thumbnails .thumb {
        margin-bottom: 0;
    }
    .product-thumbnails .thumb:nth-child(even),
    .product-thumbnails .thumb:nth-child(odd) {
        padding: 0;
    }
    .product-thumbnails .slick-slide img {
        margin: 0 auto;
    }
    .product-row .slider-arrows {
        display: block;
        top: 0;
        height: 100%;
        -webkit-transform: unset;
        -moz-transform: unset;
        -o-transform: unset;
        transform: unset;
    }
    .product-row .slider-arrows .arrow {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        width: 70px;
    }
    .product-row .slider-arrows .arrow.arrow-prev {
        left: 0;
    }
    .product-row .slider-arrows .arrow.arrow-next {
        right: 0;
    }
    .product-row .slider-arrows .arrow svg {
        fill: #000;
    }
    .products-block .product-thumb {
        margin-bottom: 15px;
    }

    .flex-row.category-pagination {
        padding: 15px 0;
    }

    .popup-alert {
        padding: 15px;
        width: 90%;
    }

    /*login*/
    #account-login #content {
        padding-top: 50px;
    }
    #account-login .well {
        padding: 15px 0 0;
    }
    #account-login .well h2 {
        margin-top: 0;
    }
    .well.new-customer-form:before {
        content: none;
    }

    /*create*/
    .container.common-account {
        padding: 50px 15px;
    }

    /*search results*/
    .search-container {
        padding: 50px 15px 0;
    }
    #input-search {
        margin-bottom: 15px;
    }
    .flex-row.search-checkboxes {
        flex-direction: column;
    }
    #button-search {
        max-width: unset;
    }

    /*========================================================*/
    /*** INFORMATION PAGES ***/
    /*========================================================*/

    #information-information h1,
    #information-information h1 span {
        font-size: 4rem !important;
        padding: 40px 0 5px !important;
    }
    #information-information h2,
    #information-information h2 span {
        font-size: 1.9rem !important;
        padding: 30px 0 20px !important;
    }
    #information-information h3,
    #information-information h2 span {
        font-size: 2rem !important;
        padding: 17px 0 0px !important;
    }
    #information-information p,
    #information-information ul,
    #information-information ol {
        font-size: 1.6rem !important;
    }
    #information-information p span {
        font-family: 'Nimbus Sans', sans-serif !important;
        font-size: 1.6rem !important;
        font-weight: 600 !important;
    }
}

@media (max-width: 660px) {

    .out_of_stock.badge {
        top: 5px;
        left: 10px;
        width: 75px;
        height: 75px;
    }

    .badge i{
        font-size: 1.0rem;
    }
    /*header*/
    .burger-menu {
        width: 35px;
    }
    .right-header > .flex-row {
        max-width: 95px;
    }
    .trigger-search {
        width: 53px;
        padding: 0 15px;
    }
    /* common */
    .hero-slider ul.slick-dots > li > button,
    .explore-recipes-wrapper ul.slick-dots > li > button,
    .our-selections ul.slick-dots > li > button {
        height: 12px;
        width: 12px;
    }
    /*menu*/
    .megamenu-style-dev .megamenu-wrapper {
        width: 85%;
    }
    .more-category-wrapper.flex-row {
        flex-direction: column;
    }
    .more-category-wrapper .category-item {
        width: 100%;
        margin: 0 auto 15px;
    }
    .shortcuts-items #cart .cart-btn .cart-text {
        font-size: 1.6rem;
    }
    .burger-menu {
        width: 35px;
        height: 25px;
    }
    /*homepage*/
    .carousel-container {
        margin-top: 20px;
        padding: 0 15px;
    }
    .carousel-container .nav-tabs {
        margin-bottom: 20px;
    }
    .carousel-container .nav-tabs > li a {
        font-size: 1.5rem;
        padding: 10px;
    }
    .carousel-container .nav-tabs > li.active a {
        font-size: 1.6rem;
    }
    .recycle-icon svg,
    .recycle-icon {
        display: inline-block;
        width: 67px;
        height: auto;
    }
    /* sustainability */
    .sustainability-header-description {
        align-items: flex-start;
        flex-direction: column;
        padding: 0 30px;
    }
    .hiw-header-description .left,
    .sustainability-header-description .left {
        margin-bottom: 30px;
    }
    /* product */
    .product {
        padding: 0 10px;
    }
    .product-option-section {
        padding: 30px 0;
    }
    .product-option {
        flex-basis: calc(50% - 20px);
        margin: 10px;
        position: relative;
    }
    .product-option > span {
        font-size: 1.6rem;
    }
    .product-summary-container {
        padding: 30px 25px;
    }
    .product-options-container{
        margin: 0 0;
    }
    /* recipe */
    .recipe-info {
        max-width: 80%;
    }
    .recipe-info-item {
        flex-direction: column;
    }
    .recipe-info-item > p {
        margin-bottom: 15px;
    }
    .recipe-info-item .degree-of-difficulty {
        margin: 0;
    }
    .recipe-info-item > span {
        margin-left: 0;
        font-size: 1.6rem;
    }
    .breadcrumb > li,
    .breadcrumb > li > a {
        font-size: 2.5rem;
    }
    /* contact */
    .contact-form-container textarea,
    .contact-form-container input[type='text'],
    .contact-form-container input[type='email'] {
        font-size: 1.8rem;
    }
    .contact-form-container .buttons {
        flex-direction: column;
        align-items: flex-end;
    }
    .contact-form-terms {
        max-width: unset;
    }
    /*category*/
    .category-product-item {
        flex-basis: 100%;
    }
    .products-filters.leftSidebar {
        max-width: unset;
        margin-right: 0;
    }
    #column-left {
        max-width: unset;
    }
    span.sale_badge i,
    span.new_arrival_badge.badge i {
        font-size: 1.2rem;
    }
    .badge {
        top: 10px;
        left: 15px;
        width: 35px;
        height: 35px;
    }
    .product-thumb a.add-to-wishlist {
        top: 20px;
        right: 18px;
    }
    .product-thumb .add-to-cart {
        right: 18px;
    }
    .product-thumb .image {
        padding: 0;
    }
    /* ethos */
    .ethos-header .left {
        padding: 30px;
    }
    .ethos-how-container {
        padding: 0 30px clamp(30px, 6.771vw, 130px);
    }
    .ethos-how-item > p {
        font-size: 1.6rem;
    }
    .ethos-how-section-1 .left {
        margin: 0 0 30px;
    }
    .ethos-how-section-1 .left > img:first-child {
        padding: 0;
        margin: 0 -30px;
        width: 100vw;
    }
    .ethos-how-section-1 .right {
        padding: 0;
        margin-left: 0;
    }
    .ethos-what-container .left {
        padding: 30px;
        margin: 0 auto;
    }
    .ethos-how-item {
        flex-direction: column;
    }
    .ethos-how-item-icon {
        margin-bottom: 15px;
    }
    /*footer*/
    .our-selections h3 {
        font-size: 3.5rem;
    }
    .footer-top .flex-row,
    .footer-bottom .flex-row {
        flex-wrap: wrap;
    }
    .footer-contact .left-item,
    .footer-contact .right-item {
        width: 100%;
    }
    .footer-top .col-50,
    .footer-bottom .col-50 {
        flex-basis: 100%;
    }
    .footer-wrapper .footer-top,
    .footer-wrapper .footer-contact {
        margin-bottom: 25px;
    }
    .footer-info {
        text-align: center;
    }
    .footer-logo {
        width: 100%;
    }
    .footer-info a {
        margin: 0 auto;
    }
    .footer-contact a {
        font-size: 1.8rem;
    }
    .footer-newsletter p,
    .footer-contact p {
        font-size: 1.8rem;
    }
    .newsletter-wrapper input[type='text'],
    .newsletter-subscribe-btn,
    .newsletter-wrapper ::placeholder {
        font-size: 1.8rem;
    }
    .newsletter-subscribe-btn {
        position: absolute;
        top: -9px;
    }
    .footer-contact .payment-methods-logo {
        flex-direction: column;
        align-items: flex-start;
    }
    .footer-contact .payment-methods-logo img {
        margin: 0 0 15px 0;
    }
    footer .menu-pages li,
    .footer-social li {
        font-size: 2.2rem;
    }
    .col-50.footer-social.flex-column {
        align-items: flex-start;
    }
    .footer-wrapper .footer-top,
    .footer-wrapper .footer-contact {
        margin-bottom: 35px;
    }
    .footer-contact ul li:not(:last-child) {
        margin-bottom: 20px;
    }
    .footer-contact p {
        margin-top: 20px;
    }
    .footer-logo svg {
        width: 106px;
        height: 106px;
    }
    .payment-cards {
        text-align: center;
    }
    .payment-cards > li {
        padding: 0 10px;
        margin-bottom: 10px;
    }
    /* account */
    .common-account.container {
        padding: 50px 30px;
    }
}
@media (max-width: 500px) {
    /*========================================================*/
    /*** INFORMATION PAGES ***/
    /*========================================================*/

    #information-information h1,
    #information-information h1 span {
        font-size: 3rem !important;
    }
    #information-information h2,
    #information-information h2 span {
        font-size: 1.8rem !important;
    }

    .out_of_stock.badge {
        top: 5px;
        left: 10px;
        width: 75px;
        height: 75px;
    }

    .badge i{
        font-size: 1.0rem;
    }
}
@media (max-width: 480px) {
    p {
        font-size: 1.6rem;
    }

    .out_of_stock.badge{
        top: 5px;
        left: 10px;
        width: 75px;
        height: 75px;
    }

    .badge i{
        font-size: 1.0rem;
    }
    /* home */
    .ethos-box .home-title {
        max-width: 190px;
    }
    /* ethos */
    .ethos-how-section-1 .left > img:last-child {
        display: none;
    }
    /* contact */
    .contact-form-container {
        padding: 0 20px;
    }
    .contact-form-container .buttons {
        align-items: center;
    }
    /* blog */
    .blog-container .blog-item {
        margin: 30px 0;
        flex-basis: 100%;
    }
    h3.blog-title {
        margin: 20px 0 15px;
    }
    h4.blog-description {
        font-size: 1.6rem;
    }
    .degree-of-difficulty ul > li::after {
        width: 12px;
        height: 12px;
    }
    /* product */
    .product .right .product-price {
        font-size: 3rem;
    }
    /* faq */
    .faq-wrapper {
        padding: 0;
    }
    .faq-accordion-item a {
        font-size: 1.8rem;
    }
    .faq-accordion-text p {
        font-size: 1.6rem;
        line-height: 1.3;
        padding: 0 0 30px 15px;
    }
}
@media (max-width: 421px) {

    /*category*/
    span.sale_badge i,
    span.new_arrival_badge.badge i {
        font-size: 1.1rem;
    }
    .out_of_stock.badge {
        top: 5px;
        left: 10px;
        width: 75px;
        height: 75px;
    }

    .badge i{
        font-size: 1.0rem;
    }
    .product-thumb a.add-to-wishlist {
        top: 10px;
        right: 10px;
    }
    .product-thumb .add-to-cart {
        right: 18px;
        bottom: 10px;
        width: 13px;
        height: 13px;
    }
    /*footer*/
    .payment-cards > li:first-child {
        margin-left: 0;
    }
    /*========================================================*/
    /*** INFORMATION PAGES ***/
    /*========================================================*/

    #information-information h1,
    #information-information h1 span {
        font-size: 2rem !important;
    }

    #information-information h3,
    #information-information h2 span {
        font-size: 1.6rem !important;
    }
}
@media (max-width: 375px) {
    /*category*/
    .product-thumb .add-to-cart {
        right: 15px;
    }
}
/*Mega menu*/
@media (min-width: 1001px) and (max-width: 1025px) {
    #mega_menu #menu .sub-menu .container {
        max-width: 970px;
        width: 100%;
    }
}