@media (max-width: 1489px) {

    :root {
        --container--width: 960px;
    }




    .site-heading.size-small {
        font-size: 15px;
        line-height: 25px;
    }

    .site-heading.size-medium {
        font-size: 17px;
        line-height: 27px;
    }

    .site-heading.size-large {
        font-size: 23px;
        line-height: 39px;
    }

    .site-heading.size-extra-large {
        font-size: 29px;
        line-height: 49px;
    }




    .home-page .offers p {
        font-size: 23px;
        line-height: 39px;
    }




    .cart-page .woocommerce-cart-form tbody tr {
        grid-template-columns: 96px 144px auto auto 24px;
    }




    .site-footer .container {
        grid-column-gap: 48px;
    }

}




@media (max-width: 1199px) {

    :root {
        --container--width: 660px;
    }




    .site-heading.size-medium {
        font-size: 15px;
        line-height: 25px;
    }

    .site-heading.size-large {
        font-size: 19px;
        line-height: 29px;
    }

    .site-heading.size-extra-large {
        font-size: 19px;
        line-height: 29px;
    }


    .site-delivery-info.grid {
        padding: 32px 24px;
    }

    .site-delivery-info.grid ul {
        display: block;
        grid-column-gap: 0;
        grid-template-columns: none;
    }

    .site-delivery-info.grid li {
        position: static;
    }

    .site-delivery-info.grid li:not(:last-child) {
        margin-bottom: 24px;
    }

    .site-delivery-info.grid li::after {
        display: none;
    }


    .site-products-slider .items-wrapper {
        margin-left: -16px;
        padding: 16px;
    }

    .site-products-slider .product {
        width: calc(((var(--container--width) - (16px * 1)) / 2) - 2px);
    }

    .site-products-slider .product:not(:last-child) {
        margin-right: 16px;
    }


    .site-slider-control {
        background-color: var(--color--blue-transparent-05);
        border-radius: 4px;
        height: 53px;
        top: calc(50% - 27px);
        width: 33px;
    }

    .site-slider-control.prev {
        left: -8px;
    }

    .site-slider-control.next {
        right: -8px;
    }


    .site-location {
        height: 37px;
        font-size: 13px;
    }

    .site-location svg {
        height: 15px;
        width: auto;
    }


    .site-product .wc-forward {
        top: calc(((var(--container--width) - (16px * 1)) / 2) - 2px - 35px);
    }




    .site-header {
        box-shadow: 0 4px 32px var(--color--black-transparent-10);
    }

    .site-header .content {
        display: flex;
        grid-template-columns: none;
        height: 65px;
    }

    .site-header .menu-button {
        display: block;
        margin-right: 24px;
    }

    .site-header .content ul:first-of-type {
        display: none;
    }

    .site-header .logo {
        margin-right: auto;
    }

    .site-header img {
        height: 39px;
        width: auto;
    }

    .site-header span {
        display: none;
    }

    .site-header .content ul:last-of-type li:first-child,
    .site-header .content ul:last-of-type li:nth-child(2) {
        margin-right: 20px;
    }

    .site-header .content ul:last-of-type li:first-child svg,
    .site-header .content ul:last-of-type li:nth-child(2) svg {
        margin-left: 0;
    }

    .site-header .content ul:last-of-type li:last-child {
        margin-right: 0;
    }

    .site-header .navigation {
        bottom: 0;
        left: 0;
        padding-top: 32px;
        position: fixed;
        right: 0;
        text-align: center;
        top: 65px;
        transform: translateX(-100%);
    }

    .site-header .navigation[__active] {
        transform: translateX(0);
    }

    .site-header .navigation .inner {
        align-items: stretch;
        display: block;
        justify-content: flex-start;
    }

    .site-header .navigation ul {
        display: block;
    }

    .site-header .navigation li:not(:last-child) {
        margin-bottom: 20px;
    }

    .site-header .navigation a {
        align-items: stretch;
        display: block;
        height: auto;
        padding: 0;
    }




    .home-page .featured {
        padding-bottom: 32px;
        padding-top: 32px;
    }

    .home-page .featured li {
        display: flex;
        flex-direction: column-reverse;
        grid-column-gap: 0;
        grid-template-columns: none;
    }

    .home-page .featured .media {
        margin-bottom: 20px;
    }

    .home-page .featured .details {
        justify-content: flex-start;
    }

    .home-page .featured h3 {
        margin-bottom: 6px;
    }

    .home-page .featured p {
        margin-bottom: 24px;
    }

    .home-page .featured a {
        width: auto;
    }


    .home-page .categories h2 {
        margin-bottom: 30px;
    }

    .home-page .categories ul {
        grid-gap: 48px 60px;
    }

    .home-page .categories svg {
        height: calc((var(--container--width) - (60px * 2)) / 3);
        width: calc((var(--container--width) - (60px * 2)) / 3);
    }

    .home-page .categories .media-wrapper {
        margin-bottom: 20px;
        padding: 17px;
    }


    .home-page .offers h2 {
        margin-bottom: 30px;
    }

    .home-page .offers ul {
        display: block;
        grid-column-gap: 0;
        grid-template-columns: none;
    }

    .home-page .offers li:not(:last-child) {
        margin-bottom: 16px;
    }

    .home-page .offers .site-media.aspect-ratio-3 {
        padding-top: 0;
    }

    .home-page .offers .content {
        justify-content: flex-start;
        padding-bottom: 40px;
        padding-top: 32px;
        position: relative;
        right: 0;
        width: auto;
    }

    .home-page .offers h3 {
        margin-bottom: 8px;
    }

    .home-page .offers p {
        font-size: 19px;
        line-height: 29px;
    }


    .home-page .products .tabs ul {
        color: var(--color--white);
        flex-wrap: wrap;
        font-size: 13px;
        justify-content: flex-start;
        margin-bottom: 12px;
    }

    .home-page .products .tabs li {
        flex-shrink: 0;
        margin-bottom: 4px;
    }

    .home-page .products .tabs li:not(:last-child) {
        margin-right: 4px;
    }

    .home-page .products .tabs button[__active] {
        background-color: var(--color--blue);
    }

    .home-page .products .tabs button {
        background-color: var(--color--blue-transparent-50-solid);
        border-bottom: none;
        border-radius: 4px;
        padding: 8px 10px 7px 10px;
    }




    .search-page .list {
        grid-gap: 24px 16px;
        grid-template-columns: repeat(2, 1fr);
    }

    .search-page .no-search,
    .search-page .no-results {
        height: calc(100vh - 376px);
    }




    .product-page .product-details {
        display: block;
        grid-gap: 0 0;
        grid-template-columns: none;
    }

    .product-page .gallery li {
        width: var(--container--width);
    }

    .product-page .details {
        margin-bottom: 64px;
    }




    .contact-page .options {
        display: block;
        grid-column-gap: 0;
        grid-template-columns: none;
    }

    .contact-page .details {
        margin-bottom: 40px;
    }

    .contact-page .action form {
        display: block;
        grid-gap: 0;
        grid-template-columns: none;
    }

    .contact-page .action form > :not(:last-child) {
        margin-bottom: 24px;
    }




    .cart-page .wrapper {
        display: block;
        grid-column-gap: 0;
        grid-template-columns: none;
    }

    .cart-page .cart-content {
        margin-bottom: 40px;
    }

    .cart-page .woocommerce-cart-form tbody tr {
        display: block;
        grid-column-gap: 0;
        grid-template-columns: none;
    }

    .cart-page .woocommerce-cart-form .product-thumbnail {
        margin-bottom: 14px;
        width: 96px;
    }

    .cart-page .woocommerce-cart-form .product-name {
        margin-bottom: 18px;
    }

    .cart-page .woocommerce-cart-form .product-quantity {
        margin-bottom: 18px;
    }

    .cart-page .woocommerce-cart-form .product-subtotal {
        margin-bottom: 20px;
    }

    .cart-page .woocommerce-cart-form .product-subtotal::before {
        content: attr(data-title) ": ";
    }

    .cart-page .woocommerce-cart-form .product-remove a {
        align-items: center;
        display: flex;
        font-weight: 500;
    }

    .cart-page .woocommerce-cart-form .product-remove svg {
        height: 17px;
        margin-right: 10px;
        width: auto;
    }

    .cart-page .woocommerce-cart-form .product-remove a::after {
        content: attr(data-title);
    }

    .cart-page .actions {
        display: block;
        justify-content: flex-start;
    }

    .cart-page .actions .delete {
        box-sizing: border-box;
        justify-content: space-between;
        margin-top: 24px;
        padding: 0 16px;
        width: 190px;
    }




    .checkout-page .woocommerce-checkout {
        display: block;
        grid-column-gap: 0;
        grid-template-columns: none;
    }

    .checkout-page .woocommerce-billing-fields__field-wrapper,
    .checkout-page .woocommerce-shipping-fields__field-wrapper {
        display: block;
        grid-gap: 0 0;
        grid-template-columns: none;
    }

    .checkout-page .woocommerce-billing-fields__field-wrapper > :not(:last-child),
    .checkout-page .woocommerce-shipping-fields__field-wrapper > :not(:last-child) {
        margin-bottom: 24px;
    }




    .account-page .woocommerce {
        display: block;
        grid-column-gap: 0;
        grid-template-columns: none;
    }

    .account-page .woocommerce-MyAccount-navigation {
        margin-bottom: 40px;
    }




    .account-page .woocommerce-orders-table thead,
    .account-page .woocommerce-table--order-details thead {
        display: none;
    }

    .account-page .woocommerce-orders-table tr,
    .account-page .woocommerce-table--order-details tr,
    .account-page .woocommerce-orders-table td,
    .account-page .woocommerce-table--order-details th,
    .account-page .woocommerce-table--order-details td {
        display: block;
    }

    .account-page .woocommerce-orders-table td:first-child,
    .account-page .woocommerce-table--order-details td:first-child {
        background-color: var(--color--purple-transparent-75);
        color: var(--color--white);
    }

    .account-page .woocommerce-orders-table td:first-child a,
    .account-page .woocommerce-table--order-details td:first-child a {
        color: inherit;
        font-weight: 500;
    }

    .account-page .woocommerce-orders-table td::before {
        content: attr(data-title) ": ";
    }


    .account-page .woocommerce-Addresses {
        display: block;
        grid-column-gap: 0;
        grid-template-columns: none;
    }

    .account-page .woocommerce-Address:first-child {
        margin-bottom: 40px;
    }

    .account-page .woocommerce-address-fields__field-wrapper {
        display: block;
        grid-gap: 0 0;
        grid-template-columns: 0;
    }

    .account-page .woocommerce-address-fields__field-wrapper > :not(:last-child) {
        margin-bottom: 24px;
    }

    .account-page .woocommerce-address-fields .site-button.expand-auto,
    .account-page .woocommerce-EditAccountForm .site-button.expand-auto {
        display: flex;
        width: 100%;
    }


    .account-page .woocommerce-EditAccountForm {
        display: block;
        grid-column-gap: 0;
        grid-template-columns: none;
    }

    .account-page .woocommerce-EditAccountForm fieldset {
        margin-top: 40px;
    }

    .account-page .woocommerce-EditAccountForm > :not(:last-child),
    .account-page .woocommerce-EditAccountForm fieldset > :not(:last-child) {
        margin-bottom: 24px;
    }




    .archive-page .wrapper {
        display: block;
        grid-column-gap: 0;
        grid-template-columns: none;
    }

    .archive-page aside {
        background-color: var(--color--black-transparent-75);
        bottom: 0;
        display: flex;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        transform: translateX(-100%);
        z-index: 1;
    }

    .archive-page aside[__active] {
        transform: translateX(0);
    }

    .archive-page aside .closing-area {
        bottom: inherit;
        left: inherit;
        position: absolute;
        right: inherit;
        top: inherit;
    }

    .archive-page .filters {
        background-color: var(--color--white);
        box-sizing: border-box;
        overflow-y: auto;
        padding: 32px 24px;
        position: relative;
        width: calc(100% - 64px);
        z-index: 1;
    }

    .archive-page .info {
        padding-bottom: 20px;
    }

    .archive-page .info button {
        border: none;
        display: flex;
        font-weight: 500;
        margin-bottom: 24px;
        padding: 0;
    }

    .archive-page .info button svg {
        margin-right: 12px;
    }

    .archive-page .info .details {
        align-items: stretch;
        display: block;
        justify-content: flex-start;
    }

    .archive-page .info p {
        margin-bottom: 24px;
    }

    .archive-page .info span {
        margin: 0 0 16px;
    }

    .archive-page .list {
        grid-gap: 24px 16px;
        grid-template-columns: repeat(2, 1fr);
    }




    .order-received-page thead,
    .checkout-page .pay-order thead {
        display: none;
    }

    .order-received-page tr,
    .order-received-page th,
    .order-received-page td,
    .checkout-page .pay-order tr,
    .checkout-page .pay-order th,
    .checkout-page .pay-order td {
        display: block;
    }

    .order-received-page td:first-child,
    .checkout-page .pay-order td:first-child {
        background-color: var(--color--purple-transparent-75);
        color: var(--color--white);
    }

    .order-received-page td:first-child a {
        color: inherit;
        font-weight: 500;
    }

    .checkout-page .pay-order tbody td:nth-child(2) {
        border-bottom: 1px solid var(--color--white);
    }

    .checkout-page .site-button.expand-auto {
        display: flex;
        width: 100%;
    }




    .thank-you-page .container {
        height: calc(100vh - 185px);
    }




    .site-footer {
        padding-bottom: 56px;
        padding-top: 56px;
    }

    .site-footer .container {
        display: block;
        grid-gap: 0;
        grid-template-columns: none;
    }

    .site-footer .container section:not(:last-child) {
        margin-bottom: 40px;
    }

    .site-footer .container section:last-child {
        margin-bottom: 56px;
    }

    .site-footer .note {
        text-align: left;
    }




    .site-account .media {
        display: none;
    }

    .site-account .content {
        padding-top: 40px;
    }

    .site-account .close-button {
        color: inherit;
    }

}




@media (max-width: 691px) {

    :root {
        --container--width: calc(var(--viewport--width) - 32px);
    }




    .site-product .wc-forward {
        top: calc(((var(--container--width) - (0px * 1)) / 1) - 2px - 35px);
    }




    .home-page .categories ul {
        grid-column-gap: 24px;
    }

    .home-page .categories .media-wrapper {
        padding: 11px;
    }

    .home-page .categories svg {
        height: calc((var(--container--width) - (24px * 2)) / 3);
        width: calc((var(--container--width) - (24px * 2)) / 3);
    }




    .site-account {
        padding: 0;
    }

    .site-account .content {
        padding: 56px 16px 48px;
    }

    .site-account .forms {
        height: 100%;
        margin: 0;
        overflow-y: auto;
        width: 100%;
    }

}




@media (max-width: 539px) {

    .site-products-slider .items-wrapper {
        margin-left: 0;
        padding: 0;
    }

    .site-products-slider .product {
        width: calc(var(--container--width) - 2px);
    }




    .home-page .categories ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .home-page .categories svg {
        height: calc((var(--container--width) - 24px) / 2);
        width: calc((var(--container--width) - 24px) / 2);
    }




    .product-page .site-location li:nth-child(2) svg,
    .product-page .site-location li:last-child {
        display: none;
    }




    .archive-page .list {
        display: block;
        grid-gap: 0;
        grid-template-columns: none;
    }

    .archive-page .list li:not(:last-child) {
        margin-bottom: 24px;
    }




    .search-page .list {
        display: block;
        grid-gap: 0;
        grid-template-columns: none;
    }

    .search-page .list li:not(:last-child) {
        margin-bottom: 24px;
    }

}




@media (max-width: 511px) {

    .search-page form {
        width: 100%;
    }

}