@media all and (max-width: 1024px) {

    #you-save-product-badge {
        display: none !important;
    }
    /*Browse categories*/

    .mobile-menu-dropdown-categories {
        position: absolute;
        display: flex;
        top: 250px;
        right: -1%;
        animation-duration: 3s;
        animation-name: slidein;
        border-top: 2px solid #E52729;
        border-bottom: 2px solid #E52729;
        flex-direction: column;
        align-items: center;
        width: 100%;
        background-color: #FFF;
    }

    .mobile-menu-dropdown-category-page {
        position: absolute;
        display: flex;
        top: 188px;
        right: -1%;
        animation-duration: 3s;
        animation-name: slidein;
        border-top: 2px solid #E52729;
        border-bottom: 2px solid #E52729;
        flex-direction: column;
        align-items: center;
        width: 100%;
        background-color: #FFF;
    }

    .category-header-drop-down-mobile {
        border-top: 2px solid #E52729;
        border-bottom: 2px solid #E52729;
        flex-direction: column;
        align-items: center;
        width: 100%;
        background-color: #FFF;
        display: flex;
        position: absolute;
        z-index: 9;
    }

    .heading-mobile-category:hover .category-header-drop-down-mobile {
        display: block;
    }

    .slide-in-top {
        -webkit-animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
        animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    }

    /* ----------------------------------------------
 * Generated by Animista on 2022-4-7 11:46:41
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

    /**
 * ----------------------------------------
 * animation slide-in-top
 * ----------------------------------------
 */
    @-webkit-keyframes slide-in-top {
        0% {
            -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
            opacity: 0;
        }

        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
            opacity: 1;
        }
    }

    @keyframes slide-in-top {
        0% {
            -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
            opacity: 0;
        }

        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
            opacity: 1;
        }
    }

    .slide-out-top {
        -webkit-animation: slide-out-top 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
        animation: slide-out-top 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
    }

    @-webkit-keyframes slide-out-top {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
            opacity: 1;
        }

        100% {
            -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
            opacity: 0;
        }
    }

    @keyframes slide-out-top {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
            opacity: 1;
        }

        100% {
            -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
            opacity: 0;
        }
    }

    .side-2-cataloge-mobile {
        display: none;
    }

    .master-wrapper-content-category {
        padding-top: 0px;
    }

    .slider-category-mobile {
        display: none;
    }

    .item-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .item-box-search {
        width: auto !important;
        margin: 0;
    }

    .carousel-item {
        max-width: 50% !important;
    }

    .hide-menu {
        display: none;
    }

    .category-dropdown-links {
        color: rgba(79, 118, 186, 0.5);
        font-weight: 900;
        font-size: 36px;
        margin-bottom: 10px;
        text-align: center;
    }

    .category-heading-title-mobile {
        text-align: center;
        font-size: 20px;
        color: rgba(3, 78, 162, 1);
    }

    .arrow-drop-down {
        content: url(../Mobile-Icons/Dropdown-down.svg) !important;
        vertical-align: middle;
        margin-left: 30px;
    }

    .category-list-mobile {
        display: flex;
        overflow-y: auto;
        align-items: center;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }

    .subcategory-item {
        color: #505456;
        font-size: 14px;
        margin: 0 5px;
        min-width: fit-content;
        font-weight: 500;
    }

    .square-mobile {
        max-height: 6px;
        max-width: 6px;
        min-width: 6px;
        min-height: 6px;
        margin: 0 40px;
        border: 1px solid #034EA2;
        background-color: #034EA2;
    }

    .category-list-mobile li:last-child {
        display: none;
    }

    .heading-mobile {
        margin-bottom: 20px;
        font-weight: 900;
    }

    .order-overview-details-container {
        display: none !important;
    }

    .breadcrumb-mobile {
        display: none;
    }

    .desktop-catalogue-filter {
        display: none;
    }

    .product-selectors-mobile {
        display: flex;
        flex-direction: row-reverse;
    }

    .html-promotion-group-page .product-selectors-mobile,
    .html-search-page-promotions .product-selectors-mobile {
        display: flex;
        flex-direction: Column;
        align-items: center;
    }

    .product-selectors select {
        background-color: #FFFFFF;
        border: 1px solid #D1DCE1;
        color: #034EA2;
        padding-right: 0;
    }

    #products-orderby {
        padding: 0 40px;
    }

    .html-wishlist-page #products-orderby {
        padding: 0;
    }

    .wishlist-top-buttons {
        display: none !important;
    }

    .html-wishlist-page .product-sorting {
        width: 200px;
    }

    .dropdown-wishlist {
        position: relative;
        display: inline-block;
    }

    .dropdown-content-wishlist {
        display: none;
        position: absolute;
        background-color: #f1f1f1;
        min-width: 160px;
        overflow: auto;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
    }

    .dropdown-content-wishlist a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

    .show-dropdown {
        display: block;
    }

    .product-selectors-mobile {
        margin-bottom: 0;
    }

    .product-sorting select {
        background: #fff url('../Mobile-Icons/Sort.svg') no-repeat left 10px center;
    }

    .pager-mobile {
        background-color: rgba(209, 220, 225, 0.4);
    }

        .pager-mobile li a:before {
            font-size: 12px;
            color: #034EA2;
        }

        .pager-mobile li a {
            border: none;
            width: 19px !important;
        }

    .pager li.next-page a {
        background-color: transparent;
    }

    .pager-mobile li.previous-page a {
        background-color: transparent;
    }

    .pager li.last-page a {
        background-color: transparent;
    }

    .grid-view-manufacture-mobile {
        color: #4F76BA;
        font-size: 11px;
        text-transform: uppercase;
        font-weight: 700;
    }

    .details-mobile {
        display: flex;
        flex-direction: column-reverse;
    }

    .product-box-pack-size {
        font-size: 16px;
        text-align: left;
        margin-bottom: 10px;
        margin-top: 20px;
        color: #505456;
    }

    .desktop-sku,
    .desktop-product-box-pack-size {
        display: none;
    }

    .product-box-added-to-cart-button-mobile {
        background: url(../Mobile-Icons/Added-to-cart.svg) center no-repeat !important;
        width: 50px;
    }

    .product-box-add-to-cart-button-mobile {
        background: url(../Mobile-Icons/Add-to-cart.svg) center no-repeat !important;
        width: 50px;
    }

    .mobile-price-add-to-cart-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .ajax-cart-button-wrapper {
        display: none;
    }

    .add-info-desktop {
        display: none;
    }

    .product-price-desktop {
        display: none !important;
    }

    .product-price-mobile {
        color: #034EA2;
        font-weight: 900;
    }

    .you-save-product-box-mobile {
        color: #E52729;
        align-items: center;
        display: flex !important;
        border: 1px solid red;
        float: right;
        width: 60%;
        background-color: rgba(229, 39, 41, 0.2);
        justify-content: space-evenly;
        height: 33px;
    }

    .specification-attribute-value-product-box-mobile {
        font-size: 16px;
    }

    .combo-deal-name {
        display: none;
    }

    .combo-deal-name-mobile {
        display: block;
    }

    .item-grid-images {
        display: -webkit-box;
        overflow: scroll;
    }

    .blog-posts {
        display: -webkit-box;
        overflow: scroll;
    }

    .blog-posts-view-page {
        display: block;
        overflow: auto;
    }

    .blog-post {
        padding: 10px;
    }

    .featured-blog-banner {
        flex-direction: column-reverse;
    }


    .featured-blog-banner-img {
        margin-bottom: -5px;
    }

    .featured-blog {
        display: flex;
        flex-direction: column;
        align-items: start;
    }

    .blog-page-container {
        padding: 0 10px;
    }

    .blog-post-view-title {
        display: none;
    }

    .mobile-title-blog-page {
        text-align: center;
        font-weight: 900;
        color: #034EA2;
        margin: 10px 0;
        font-size: 32px;
    }

    .side-2-blog-page {
        display: none;
    }

    #drink-responsibility-warning {
        flex-direction: column-reverse;
    }

    .page-title-registration {
        margin-top: 0px;
    }

    .footer-mobile {
        display: flex;
        justify-content: space-around;
        align-items: center;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        height: 89px;
        background-color: #FFFFFF;
        z-index: 99;
    }

    .footer {
        margin-bottom: 90px;
    }

    .home-link-footer {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .logo-footer-home {
        content: url(../Mobile-Icons/Frame.svg);
    }

    .shop-footer-icon {
        content: url(../Mobile-Icons/view_list.svg);
    }

    .list-footer-icon {
        content: url(../Mobile-Icons/My-lists.svg);
    }

    .cart-footer-icon:before {
        content: url(../Mobile-Icons/My-cart.svg) !important;
    }

    .shopping-cart-link-mobile .cart-qty {
        position: absolute;
        top: 0;
        right: 0;
        background-color: #E52729;
        font-size: 10px;
        height: auto;
        padding: 0 1px;
        width: auto;
        min-width: 15px;
        display: inline-block;
        min-height: 15px;
        line-height: 15px;
        border-radius: 50%;
        color: #fff;
    }

    .footer-mobile-text {
        color: rgba(80, 84, 86, 0.6) !important;
        font-size: 12px;
    }

    .footer-logo-img {
        margin-bottom: 16px;
    }

    .cart-text-mobile {
        position: relative;
        top: -8px;
    }

    .checkout-buttons .update-wishlist-button {
        font-size: 12px;
    }

    .mobile-navigation-dropdown-add-to-wishlist {
        text-align: center;
        margin-bottom: 20px;
    }

    .drop-down-btn-wishlist-navigation {
        background-color: #fff;
        color: #034EA2;
        font-weight: 700;
        width: 200px;
        text-align: left;
        border: 1px solid #D1DCE1;
        padding: 16px;
        font-size: 16px;
        cursor: pointer;
        background: #fff url('../Desktop-Icons/expand_more_down.svg') no-repeat right 10px center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .create-list-wishlist-dropdown {
        background-color: #fff;
    }

    .wishlist-create-new new-list-wishlist {
        color: #034EA2;
    }

    .active-border-background {
        width: 100% !important;
    }

    .footer-top-mobile-border {
        border-bottom: 2px solid #FFFFFF;
        padding-bottom: 19px;
    }

    .footer-upper {
        border-bottom: 2px solid #FFFFFF;
        margin: 16px 0 27px 0;
    }

    .footer-lower {
        margin-bottom: 19px;
    }

    .select-all-from-cart {
        display: flex;
        justify-content: center;
        padding-left: 0px;
        margin-bottom: 20px;
        color: #12110C;
    }

    .delete-icon {
        position: absolute;
        top: -10px;
        right: 0;
        background: transparent !important;
    }

    .mobile-change-store {
        content: url(../Desktop-Icons/Find-a-store.svg);
        margin-bottom: 5px;
    }

    .mobile-responsive-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #small-search-box-form {
        display: flex;
        flex-direction: row-reverse;
        max-height: 45px;
    }

    .search-box-button {
        margin-right: -50px;
        font-size: 0 !important;
    }

    .store-mobile-text {
        text-transform: uppercase;
        color: rgba(3, 78, 162, 1) !important;
        font-size: 11px !important;
        line-height: 10px !important;
        font-weight: 500;
    }

    .store-locator-desktop {
        display: none !important;
    }

    .mobile-find-store {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        max-height: 47px;
    }

    .instant-search-history {
        position: fixed !important;
        margin-top: -7px;
        width: 100vw !important;
        left: 0 !important;
    }

    .wishlist-qty-mobile {
        position: absolute;
        display: inline-block;
        top: 5px;
        left: 50%;
        -webkit-transform: translateX(-50%) translateX(25px);
        -ms-transform: translateX(-50%) translateX(25px);
        transform: translateX(-50%) translateX(25px);
        background-color: #E52729;
        font-size: 10px;
        height: auto;
        padding: 0 3px;
        width: auto;
        min-width: 15px;
        min-height: 15px;
        line-height: 15px;
        border-radius: 20px;
        color: #fff;
        text-align: center;
    }

    .header-upper .header-selectors-wrapper {
        display: none;
    }

    .menu-title-mobile {
        position: absolute;
        left: 0;
    }


    .header-lower {
        width: 96%;
        float: right;
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-around;
        margin-top: 53px;
        align-items: flex-start;
        margin-bottom: 10px;
    }

    .header-upper {
        display: none;
    }

    .store-selector-popup-btn {
        width: 40px;
        height: 40px;
    }

    .desktop {
        display: none !important;
    }

    .category-navigation-title, .category-navigation-list-wrapper {
        display: none !important;
    }

    .admin-header-links {
        position: absolute;
        top: 0;
        z-index: 9;
        width: 100%;
    }

    .responsive-nav-wrapper-parent {
        position: relative;
        top: 0;
        z-index: 1020;
        width: 100%;
        background-color: #fff;
    }

    .admin-header-links ~ .responsive-nav-wrapper-parent {
        top: 35px;
    }

    .dropdown {
        display: none;
    }

    .mobile-selector {
        overflow: hidden;
    }

    .header-selectors-wrapper > div {
        margin: 0;
        display: block;
        position: relative;
    }

    .profile-menu-box > a,
    .selector-title {
        display: block;
        padding: 15px 20px;
        line-height: 18px;
        font-size: 13px;
        color: #8c8c8c;
        font-weight: 700;
        background-color: #f6f6f6;
        border-top: 3px solid #fff;
        cursor: pointer;
        text-transform: uppercase;
    }

    .master-wrapper-content-category {
        background-color: #FFFF;
    }

    .profile-menu-box.open {
        background-color: #fff;
    }

    .profile-menu-box > a {
        background-color: #fff;
    }

    .login-button-header {
        font-size: 18px !important;
    }

    .selector-title:after {
        content: "\6a";
        display: inline-block;
        float: right;
        font-size: 9px;
        font-family: "emporium-icons";
        transform: rotate(90deg);
        text-transform: none;
        color: #8c8c8c;
        transition: all .3s ease;
    }

    .selector-title.open:after {
        transform: rotate(-90deg);
    }

    .mobile-collapse {
        display: none;
        background-color: #efefef;
        padding: 10px 0;
    }

    .desktop-about-us-navigation-header {
        text-align: center;
        color: #034EA2;
        font-weight: 900;
    }

    .block-account-navigation-about-us {
        margin-bottom: 0 !important;
    }

    .side-2-about-us {
        margin-bottom: 0 !important;
    }

    .block-account-navigation .title {
        display: none;
    }

    .list-navigation-mobile {
        display: flex;
        justify-content: space-evenly;
    }

    .block .list-navigation-mobile a {
        text-transform: uppercase;
        color: #12110C;
        font-weight: 500;
        line-height: 44px;
    }

    .block-account-navigation {
        border: none;
    }

    .block .list-navigation-mobile li.active > a {
        color: #034EA2;
        font-weight: 700;
        border-bottom: 4px solid #E52729;
    }

    .header-selectors-wrapper > div input[type="radio"] {
        display: none;
    }

    .header-selectors-wrapper > div label {
        display: block;
        padding: 10px 38px;
        line-height: 18px;
        font-size: 14px;
        font-weight: 400;
    }

    .header-selectors-wrapper > div input[type="radio"]:checked + label {
        color: #97c300;
    }

    .header-selectors-wrapper > div input[type="radio"] + label:before {
        content: none;
        display: none;
    }

    .tab button {
        font-size: 24px;
        min-width: fit-content;
        color: #505456;
    }

        .tab button.active {
            font-size: 24px;
        }

    .row-wishlist {
        display: flex;
        justify-content: center;
    }

    .row-wishlist-page {
        flex-direction: column-reverse;
        align-items: center;
    }

    .wishlist-nav-btn {
        width: max-content;
        height: fit-content;
        background-color: transparent;
    }

    .col-3-wishlist {
        float: left;
    }

    .block-account-navigation-wishlist {
        border: none;
    }

    .active-border-background {
        width: fit-content;
        border-radius: 5px;
        flex-direction: column;
    }

    .wishlist-item {
        width: fit-content;
        display: flex;
        flex-direction: column;
    }

    .wishlist-item-mobile {
        width: 100% !important;
    }

    .wishlist-nav-list-name {
        overflow-wrap: break-word !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-width: 159px !important;
    }

    .wishlist-mobile-position {
        width: 80% !important;
    }

    wishlist-nav-list-name {
        width: max-content;
    }


    /* RESPONSIVE NAV WRAPPER */

    .responsive-nav-wrapper {
        position: absolute;
        padding-top: 21px;
        background-color: #fff;
        text-align: center;
        font-size: 0;
        margin: 0 auto;
        width: 25%;
        float: left;
        left: 0;
    }

    .header-logo {
        display: none;
    }

    .mobile-logo {
        position: relative;
        display: inline-block;
        text-align: center;
        max-width: calc(100% - 180px);
    }

        .mobile-logo .logo {
            position: relative;
            display: block;
            max-width: 100%;
            height: 40px;
            width: 200px;
            margin: 0 auto;
        }

        .mobile-logo img {
            position: absolute;
            display: inline-block;
            width: auto;
            max-width: 100%;
            max-height: 100%;
            height: auto;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

    .responsive-nav-wrapper:after {
        content: "";
        display: block;
        clear: both;
    }

    .responsive-nav-wrapper > div {
        position: relative;
        display: inline-block;
        vertical-align: top;
    }

        .responsive-nav-wrapper > div > span,
        .responsive-nav-wrapper > div > a {
            position: relative;
            display: block;
            width: 40px;
            height: 40px;
            line-height: 40px;
            font-size: 0;
            cursor: pointer;
        }

            .responsive-nav-wrapper > div > span:before,
            .responsive-nav-wrapper > div > a:before {
                display: inline-block;
                font-family: "emporium-icons";
                font-size: 18px;
                color: #8e8e8e;
            }

    .responsive-nav-wrapper .menu-title span:before {
        content: url(../Desktop-Icons/Menu.svg);
    }

    .responsive-nav-wrapper .search-wrap span:before {
        content: "\65";
    }

    .shopping-cart-link > a {
        position: relative;
        display: block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 0;
        top: 6px;
    }

        .shopping-cart-link > a:before {
            content: url(../Desktop-Icons/My-cart.svg);
            display: inline-block;
            font-family: "emporium-icons";
            font-size: 24px;
        }

    .shopping-cart-link .cart-qty {
        position: absolute;
        top: 0;
        right: 0;
        background-color: #E52729;
        font-size: 10px;
        height: auto;
        padding: 0 1px;
        width: auto;
        min-width: 15px;
        display: inline-block;
        min-height: 15px;
        line-height: 15px;
        border-radius: 50%;
        color: #fff;
    }

    .responsive-nav-wrapper .menu-title,
    .responsive-nav-wrapper .search-wrap {
        float: left;
    }

    .responsive-nav-wrapper .shopping-cart-link,
    .responsive-nav-wrapper .personal-button {
        float: right;
    }

    .home-page-category-grid {
        width: 106vw;
        margin-left: calc(-51vw + 50%);
    }


    .vendor-item .title a, .manufacturer-item .title a, .category-grid .item-box .title a {
        display: block;
        padding: 16px 15px;
        font-size: 13px;
        color: #444444;
        font-weight: bold;
        letter-spacing: 2px;
    }

    /* RESPONSIVE MENU */

    .overlayOffCanvas {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1060;
        background-color: rgba(0,0,0,0);
        transition: background 0.3s ease;
    }

        .overlayOffCanvas.show {
            background-color: rgba(0,0,0,0.4);
        }

    .scrollYRemove {
        overflow: hidden !important;
        -ms-touch-action: none !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .header-menu.ps-container .ps-scrollbar-y-rail {
        visibility: hidden !important; /*scroll is active, but invisible*/
    }

    .header-menu,
    .profile-menu-box {
        position: fixed;
        top: 0;
        left: -100%;
        width: 320px;
        max-width: 100%;
        height: 100%;
        overflow: hidden;
        background-color: #fff;
        text-align: left;
        margin-top: 0 !important;
        opacity: 1;
        padding: 0;
        border-radius: 0;
        pointer-events: auto;
        transition: all 0.3s ease;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        box-shadow: none;
        z-index: 1070 !important;
    }


    .search-side-close {
        padding: 10px 25px;
    }

    .header-menu.open,
    .profile-menu-box.open,
    .store-search-box.open {
        left: 0;
    }

    .header-menu .close-menu,
    .close-side-menu,
    .mobile-flyout-wrapper .close-side-menu {
        display: block;
        color: #fff;
    }

    .mobile-for-you-item {
        padding: 10px 18px;
        text-transform: uppercase !important;
        font-size: 13px !important;
    }

    .wishlist-mobile {
        display: none !important;
    }

    .add-to-cart-recommended-list-mobile {
        text-align: right !important;
    }

    .hide-list-item-mobile {
        display: none !important;
    }

    .input-label-recommended-list {
        padding: 10px 20px !important;
        border-radius: 5px;
        margin-bottom: 5px;
    }

    .unit-price-mobile {
        display: none !important;
    }

    .subtotal-wishlist {
        padding-bottom: 20px !important;
    }

    .qty-title-mobile {
        display: none !important;
    }

    .product-name-simple-manufacturer {
        line-height: 45px !important;
    }

    .wishlist-buttons {
        margin-top: 15px;
    }

    .content-image-container {
        width: 250px;
    }

    .close-menu span,
    .close-side-menu span {
        display: inline-block;
        line-height: 17px;
        font-size: 0;
        color: #fff;
        text-transform: uppercase;
    }

    .close-menu .close-menu-text,
    .close-side-menu .close-side-menu-text {
        font-weight: 700;
        letter-spacing: 1px;
    }

    .title-btn-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .promo-btn-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .promotion-group-add-to-list {
        margin-bottom: 5px !important;
    }

    .promotion-group-btn {
        display: none !important;
    }

    .promo-wishlist-dropdown {
        margin-bottom: 5px;
    }

    .promotions-title {
        margin-bottom: 10px;
    }

    .product-name-simple-manufacturer-desktop {
        display: none;
    }

    .product-title-simple-mobile-overview {
        text-align: center;
    }

    .product-details-container-desktop {
        display: none;
    }

    .product-price-details-desktop {
        display: none;
    }

    .promotions-image-banner {
        display: flex;
        position: absolute;
        background-color: #EA5045;
        height: 110px;
        width: 100%;
        margin-top: 318px;
        margin-bottom: 20px;
        padding: 30px;
        flex-direction: column;
        align-items: start;
    }


    .close-menu {
        position: relative;
    }

        .close-menu .close-menu-btn,
        .close-side-menu-btn {
            float: right;
            font-size: 0 !important;
        }

    .close-menu-btn {
        position: absolute;
        top: 24px;
        right: 18px;
    }

    .close-menu-text:before,
    .close-side-menu-text:before {
        content: "\67";
        display: inline-block;
        margin-right: 15px;
        font-family: "emporium-icons";
        font-size: 18px;
        font-weight: normal;
        letter-spacing: 0;
        color: #fff !important;
        text-transform: none;
        vertical-align: bottom;
    }

    .profile-menu-box .close-side-menu-text:before {
        content: "\61";
    }

    .store-search-box .close-side-menu-text:before {
        content: "\65";
    }

    .close-menu-btn:before,
    .close-side-menu-btn:before {
        content: "\7a";
        display: inline-block;
        margin: 0 !important;
        font-family: "emporium-icons";
        text-transform: none;
        font-size: 16px;
        color: #034EA2 !important;
        vertical-align: bottom;
    }

    .remove-from-cart-mobile {
        text-align: left !important;
        background-color: transparent !important;
    }

    .remove-from-cart-mobile {
        position: absolute;
        top: 22px;
        right: -5px;
    }

    .html-wishlist-page .cart-item-row {
        position: relative;
    }

    .html-wishlist-page .product {
        margin-right: 11px !important;
    }

    .html-wishlist-page .wishlist-options {
        top: 83px !important;
        right: 57px !important;
    }

    .close-side-menu-btn:before {
        position: absolute;
        top: 20px;
        right: 10px;
        z-index: 99;
    }

    input.search-box-text-mobile-menu {
        border: 1px solid #E3E9EC !important;
        border-radius: 500px !important;
        padding-left: 50px;
    }

    .header-menu .all-categories,
    .header-menu .all-categories li {
        background-color: #F3F5F5;
        display: none;
    }

    .header-menu > ul li:after {
        content: "";
        display: block;
        clear: both;
    }

    .header-menu > ul li > a,
    .header-menu > ul li > span,
    .profile-menu-box > a,
    .header-form-holder > a {
        display: block;
        position: relative;
        z-index: 0;
        padding: 10px 18px !important;
        font-size: 13px;
        line-height: 17px;
        color: #000000;
        font-weight: 100;
        text-transform: uppercase;
    }

    .header-menu > ul li {
        border-bottom: 3px solid #fff;
    }

    .header-menu .top-menu > li {
        border-bottom: 0;
    }

    .title-shop-mobile {
        padding: 16px 18px;
        color: #034EA2;
        text-transform: uppercase;
        border-top: 1px solid #E3E9EC;
    }

    .title-social-mobile {
        padding: 16px 18px;
        color: #000000;
        text-transform: uppercase;
        font-weight: 100;
        font-size: 16px;
        border-top: 1px solid #E3E9EC;
    }

    .social-icons-mobile-menu {
        padding: 10px 11px;
    }

    .header-links-upper {
        display: none;
    }


    .header-menu > ul li:last-child,
    .header-menu > ul li:last-child,
    .header-menu > ul li.back-button {
        border-bottom: 0;
    }

    .header-menu > ul li > .with-subcategories {
        float: left;
        width: calc(100% - 50px);
    }

    .header-menu .all-categories > span {
        float: left;
        width: calc(100% - 50px);
        cursor: default;
    }

        .header-menu .all-categories > span:before {
            content: "\66";
            display: inline-block;
            margin-right: 10px;
            font-size: 17px;
            vertical-align: bottom;
            font-family: "emporium-icons";
            color: #8c8c8c;
            font-weight: normal;
            text-transform: none;
            transition: all .2s ease;
        }


    .plus-button {
        position: relative;
        z-index: 1;
        float: right;
        width: 50px;
        cursor: pointer;
    }

        .plus-button:before {
            content: url(../Desktop-Icons/Products-side-arrow.svg);
            position: absolute;
            display: block;
            top: 16px;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            font-family: "emporium-icons";
            font-size: 10px;
            color: #8c8c8c;
        }

    .ico-compare,
    .ico-wishlist {
        display: block;
        padding: 15px 20px;
        line-height: 18px;
        font-size: 13px;
        font-weight: 700;
        color: #8c8c8c;
        background-color: #f6f6f6;
        border-top: 3px solid #fff;
        cursor: pointer;
        text-transform: uppercase;
        display: flex;
        align-items: center;
    }


        .ico-compare:before,
        .ico-wishlist:before {
            display: inline-block;
            font-family: "emporium-icons";
            margin-right: 10px;
            font-size: 17px;
            color: #8e8e8e;
            font-weight: normal;
            text-transform: none;
            vertical-align: bottom;
        }


    /* NEW ACCOUNT STYLING */

    .add-to-cart-order {
        display: none !important;
    }

    .address-item .info,
    .order-item .info {
        margin: 20px;
    }

    .personal-button {
        position: static !important;
    }

    .customer-mobile-nav > div {
        background-color: transparent;
    }

    .shipping-status-banner {
        display: none;
    }

    .order-overview {
        flex-direction: column-reverse !important;
    }

    .order-overview-details {
        display: none;
    }

    .buttons {
        text-align: center;
        display: flex;
        justify-content: center;
        margin-bottom: 10px;
    }

    .buttons-mobile-cart {
        flex-direction: column !important;
    }

    .mini-cart-header-title {
        font-size: 18px !important;
        margin-right: 20px !important;
    }

    .minicart-view-all > a {
        font-size: 12px !important;
    }

    .mini-cart-total-items {
        font-size: 12px !important;
    }

    .log-in-drop-down {
        display: block;
    }

    .flyout-cart-login-header {
        margin-top: 20px;
    }

    .wishlist-btns-group {
        flex-direction: column;
        align-items: center;
    }

    .btn-list {
        max-width: 80%;
        width: 250px !important;
    }

    .btn-list-update {
        max-width: 100% !important;
        min-width: 100%;
    }

    .addresses-page-body {
        padding-right: 0px !important;
    }

    .address-list-page {
        padding-right: 0px !important;
    }

    .address-list {
        align-items: center;
    }

    /* END ACCOUNT STYLING */

    .wishlist-qty {
        display: none;
    }

    .header-menu .sublist-wrap {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 2;
        width: 320px;
        height: 100%;
        box-shadow: 1px 0 5px rgba(0,0,0,0.5);
        overflow: hidden;
        background-color: #fff !important;
        transition: all 0.3s ease;
    }

    .header-menu .sublist-wrap {
        left: -144%;
    }

        .header-menu .sublist-wrap.active {
            left: 0;
        }

    .header-menu ul li.back-button {
        background-color: #034EA2;
    }

    .header-menu .back-button span {
        padding: 15px 20px !important;
        text-align: right;
        color: #fff;
        text-transform: uppercase;
        cursor: pointer;
    }

        .header-menu .back-button span:before {
            content: "\6b";
            display: inline-block;
            margin-right: 10px;
            font-family: "emporium-icons";
            font-size: 10px;
            text-transform: none;
        }

    .details-page-mobile {
        background-color: transparent !important;
        height: auto !important;
    }

    .order-product-name {
        font-size: 15px;
    }

    .product-sorting-best-sellers-mobile {
        min-width: 250px !important;
    }

    .product-sorting-mobile {
        display: flex;
        justify-content: center;
        margin-bottom: 20px;
    }

    /*********** MOBILE FLYOUT CART ************/

    .mobile-flyout-wrapper .close-side-menu-text:before {
        content: "\64";
    }

    .unit-price-mobile {
        margin-bottom: 10px !important;
        background-color: #FFFFFF !important;
    }

    .td-title-remove {
        display: flex !important;
        justify-content: center;
        align-items: center;
    }

    .mobile-flyout-wrapper .flyout-cart-scroll-area {
        max-height: calc(100vh - 97px);
        overflow-y: scroll;
    }

    .mobile-flyout-wrapper {
        position: fixed;
        top: 0;
        left: -100%;
        width: 400px;
        max-width: 100%;
        height: 100%;
        overflow: hidden;
        background-color: #fff;
        text-align: left;
        margin-top: 0 !important;
        opacity: 1;
        padding: 0;
        border-radius: 0;
        pointer-events: auto;
        transition: all 0.3s ease;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        box-shadow: none;
        z-index: 1070 !important;
    }

        .mobile-flyout-wrapper.open {
            left: 0;
        }

        .mobile-flyout-wrapper .close-side-menu {
            display: block;
        }



    /******** LOGIN FORM IN HEADER ********/


    .profile-menu-box.login-form-in-header {
        padding: 0;
        width: 320px;
    }

    .login-form-in-header form {
        padding: 20px 20px 0;
    }



    /* SEARCH BOX */

    /*.search-box form {
	padding: 20px;
}

.search-box input.search-box-text {
	width: calc(100% - 45px);
	padding: 0 5px 0 15px;
}

.ui-autocomplete {
	width: calc(100% - 40px) !important;
}*/


    /* HEADER LINKS */

    #topcartlink {
        display: none;
        font-size: 36px;
    }

    .header-links-wrapper .header-links > ul {
        display: none;
    }

    .header-links-wrapper.open {
        display: block;
    }

    /* ACCOUNT PAGES */

    .order-number-title {
        flex-direction: column;
        align-items: baseline;
    }

    .order-details-information {
        font-size: 14px !important;
        margin-left: 25px;
    }

    .order-items-details {
        border-bottom: none;
        margin-bottom: 0;
    }

    .order-item-buttons {
        border: 1px solid #E3E9EC;
        border-top: none;
    }

    .order-number {
        margin-left: 25px;
        font-weight: 800 !important;
    }

    .page-title-mobile {
        display: none;
    }

    .account-section-header {
        color: rgba(79, 118, 186, 0.7);
        text-transform: uppercase;
        font-size: 14px;
        line-height: 44px;
        font-weight: 700;
    }

    .account-order-items-header {
        text-align: center;
    }

    .account-navigation-dropdown {
        font-weight: 900;
        font-size: 36px;
        color: #034EA2;
        text-transform: uppercase;
    }

    .account-nav-mobile-container {
        text-align: center;
    }

    .account-nav-dropdown-mobile {
        text-align: center;
        z-index: 99999;
        text-transform: uppercase;
    }

    .page-title-background {
        display: none;
    }

    .order-delivery-date {
        display: flex;
        flex-direction: column;
    }

    .order-items {
        display: flex !important;
        background-color: #FFFFFF;
        justify-content: space-evenly;
        padding: 10px;
    }

    .order-item-count {
        color: #12110C;
    }

    .order-list-background {
        background-color: #fff;
    }

    .order-number-title {
        margin-bottom: 0px !important;
        background-color: #fff;
        display: flex;
        padding-left: 10px;
    }

    .topic-title-desktop {
        display: none;
    }

    .order-date {
        color: #12110C;
    }

    .order-processing-nav {
        display: flex;
        font-size: 16px;
        color: #034EA2;
        text-transform: uppercase;
        justify-content: space-between;
        margin-bottom: 25px;
        font-weight: 500;
    }

    .order-processing-nav {
        overflow-y: auto;
    }

    .order-items-container {
        display: flex;
        flex-direction: column-reverse;
        width: 100%;
    }

    .order-items-details {
        width: 100%;
    }

    .order-item-buttons {
        display: flex;
        justify-content: center;
    }

    .order-status-heading {
        /*background-color: #E3E9EC;  /* fallback for older browsers */
        /*background-color: rgb(3, 78, 162, 0.1);
	font-size: 16px;
	padding: 10px;
	color: #034EA2;
	text-transform: uppercase;
	font-weight: 600; */
        display: none;
    }

    .upper-tab-navigation {
        justify-content: center;
    }

    .customer-desktop-nav {
        display: none;
    }

    .html-account-page .block {
        float: none;
        width: auto;
        text-align: center;
    }

        .html-account-page .block .listbox {
            display: block !important;
        }

    /* Contact Ultra*/

    .html-contact-ultra-page .contact-us-title {
        align-items: center;
        margin-top: 0px;
    }

    .html-contact-ultra-page .contact-us-header-title {
        font-weight: 900;
    }

    .html-contact-ultra-page .name-inputs {
        display: flex;
        flex-direction: column;
    }

    .html-contact-ultra-page .image-contact-ultra {
        display: none;
    }

    .html-contact-ultra-page .first-name-input, .html-contact-ultra-page .last-name-input {
        width: 100%
    }

    .contact-ultra-form {
        max-width: 600px !important;
    }
    /* CHECKOUT */
    .order-summary-container {
        flex-direction: column-reverse;
    }

    .order-item-images-summary {
        margin-top: 15px;
    }

    .center-modal {
        width: 90vw;
    }

    .order-summary-total {
        padding: 0 5px;
    }

    .totals-summary-sidebar-mobile {
        display: none;
    }

    .payment-progress {
        display: none;
    }
    /* Browse products*/

    .item-grid-products {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .item-box-products {
        width: 100% !important;
        margin: 0 !important;
    }

    .description-title-product {
        color: #034EA2;
        font-size: 22px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .category-item {
        margin: 2px !important;
    }

    .item-box .btn-wrapper {
        position: absolute;
        display: block;
        top: 10%;
        left: 85%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        opacity: 1;
        min-width: 130px;
        pointer-events: none;
        transition: opacity .2s ease;
    }

    .order-square-first {
        display: none !important;
    }
}

@media all and (min-width: 768px) and (max-width: 1280px) {
    .prices-detail-page {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .product-details-box {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .availability {
        display: flex;
        justify-content: center;
    }

    .short-description-product-box {
        display: flex;
        justify-content: center;
    }

    /*my changes*/

    .center-modal .cart-item-row {
        padding-bottom: 50px;
        height: 100px;
        margin-left: 0;
    }

    .center-modal td.quantity.qty-cart {
        margin-bottom: 38px;
        width: none !important;
    }

    .center-modal img {
        height: 80px;
    }

    .center-modal td.subtotal {
        width: none !important;
        margin-bottom: 40px;
    }

    center-modal td.product-picture + td.product {
        margin: 0;
    }

    /*end of my changes */

}

@media all and (max-width: 570px) {
    .modal-content {
        min-height: 300px;
        height: auto !important;
    }


    .html-order-details-page .order-overview {
        margin-bottom: 10px !important;
    }

    .html-order-details-page .master-wrapper-content {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }


    .html-order-details-page .totals {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .delete-address-btn-wrapper {
        flex-direction: column;
    }

    .close-modal-delete {
        margin-bottom: 5px;
    }
}


@media all and (min-width: 924px) and (max-width: 1060px ) {
    .product-ribbon > img {
        max-width: 55%;
    }
}

/* Wholesale Topic Page */

@media all and (max-width: 780px) {
    .html-topic-page h1 {
        font-style: normal;
        font-weight: 800;
        font-size: 30px;
        line-height: 30px;
        text-transform: uppercase;
        color: #034EA2;
        text-align: center;
    }

    .title-on-smaller-screens {
        text-align: center;
        margin-bottom: 15px;
    }

    .html-topic-page h2 {
        font-size: 20px;
        line-height: 25px;
        color: #000000;
    }

    .html-topic-page h3 {
        font-size: 18px;
        line-height: 25px;
        color: #034EA2;
        text-align: left;
    }

    .html-topic-page ul {
        color: #505456;
    }

    .html-topic-page {
        margin: 15px 0
    }

        .html-topic-page .button-2 {
            font-style: normal;
            font-weight: 700;
            font-size: 18px;
            line-height: 25px;
            display: flex;
            align-items: center;
            text-align: center;
            color: #FFFFFF;
            background: #034EA2;
            border: none;
            padding: 5px 30px;
            margin: 40px 0;
        }

        .html-topic-page p {
            text-align: left;
            margin: 25px 0
        }

        .html-topic-page .page-body {
            padding: 0 15px
        }
}