.mob-menu-no-scroll {
        overflow: auto !important;
    }
	
    .cutewp-box1 {
        background: #fff;
        padding-left: 16px;
        padding-right: 14px;
        padding-top: 8px;
        border: 0 solid #ddd;
    }

    .alm-filters-container .alm-filter--title .alm-filter--toggle {
        position: relative;
        padding: 8px 8px 8px 0;
        margin: 0 0 10px;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        font-size: 13px;
        border-bottom: 1px solid #e4e4e4;
    }

    .alm-filters-container .alm-filter--inner {
        padding: 0 0 10px;
    }

    .alm-filters-container .alm-filter ul {
        padding: 0;
        margin: 0;
    }

    .alm-filters-container .alm-filter ul {
        padding: 0;
        margin: 0;
        max-height: 140px;
        overflow: auto;
    }

    .alm-filters-container .alm-filter li {
        padding: 0;
        margin: 0 0 2px;
        list-style: none;
        content: "";
        line-height: 0;
        display: block;
        clear: both;
        position: relative;
        background: none;
    }

    .alm-filters-container .alm-filter li div.alm-filter--link {
        display: block;
        padding: 0 8px 0 20px;
        min-height: 20px;
        line-height: 1.45;
        font-size: 12px;
        position: relative;
        text-decoration: none;
        color: #666;
        cursor: pointer;
    }

    .alm-filters-container .alm-filter li div.alm-filter--link .alm-filter-counter {
        padding: 1px 5px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        background-color: #e5e5e5;
        font-size: 11px;
        margin: 0 0 0 6px;
    }

    .alm-filters-container .alm-filter li div.alm-filter--link::before {
        position: absolute;
        left: 0;
        top: 0;
        width: 14px;
        height: 14px;
        background: #fff;
        border: 1px solid #ccc;
        display: block;
        content: "";
        -webkit-transition: all .1s ease;
        -o-transition: all .1s ease;
        transition: all .1s ease;
        -webkit-box-shadow: 0 0 0 1px transparent;
        box-shadow: 0 0 0 1px transparent;
    }

    .alm-filters-container .alm-filter li div.alm-filter--link::before {
        position: absolute;
        left: 1px;
        top: 2px;
    }

    .alm-filters-container .alm-filter li div.alm-filter--link.field-checkbox::after {
        left: 6px;
        top: 3px;
        width: 5px;
        height: 10px;
        border-width: 0 2px 2px 0;
    }

    .alm-filter--range_slider {
        margin-bottom: 20px;
    }

    .noUi-horizontal .noUi-handle {
        width: 18px !important;
        height: 20px !important;
        right: -14px !important;
        top: -2px !important;
    }

    .noUi-base {
        width: 95% !important;
    }

    .noUi-connects {
        width: 98% !important;
    }

    .noUi-connect,
    .noUi-origin {
        will-change: transform;
        right: 4px !important;
        width: 96% !important;
    }

    .noUi-handle::after {
        left: 9px !important;
        top: 2px !important;

    }

    .noUi-handle::before {
        content: "";
        display: block;
        position: absolute;
        height: 14px;
        width: 1px;
        background: #E8E7E6;
        left: 6px !important;
        top: 2px !important;
    }

    .alm-filters-container .alm-filter label {
        font-weight: 400;
        font-size: 12px;
        color: #939393;
    }

    .alm-filters-container button[type="button"],
    .alm-filters-container button[type="reset"],
    .alm-filters-container button[type="button"].alm-range-reset {
        -webkit-border-radius: 2px;
        border-radius: 2px;
        border: 1px solid #000;
        text-transform: none;
        text-decoration: none;
        font-weight: 600;
        color: #fff;
        letter-spacing: 0.02rem !important;
        cursor: pointer;
        max-width: 80px;
        min-width: 60px;
        height: 26px;
        line-height: 18px;
        padding: 0 4px;
        margin: 0;
        background: rgb(181, 182, 182);
        background-color: rgb(181, 182, 182);
        background: linear-gradient(350deg, rgb(27, 28, 28) 0%, rgb(121, 120, 118) 52%, rgb(86, 87, 87) 100%);
        background-color: rgba(0, 0, 0, 0);
        background-color: rgba(0, 0, 0, 0);
        box-shadow: inset 0px 1px 1px rgba(220, 220, 2200, 0.3), 0px 2px 1px rgba(0, 0, 0, 0.3);
    }

    .alm-filters-container button[type="button"]:hover,
    .alm-filters-container button[type="reset"]:hover,
    .alm-filters-container button[type="button"].alm-range-reset:hover {
        background: linear-gradient(350deg, rgb(27, 28, 28) 0%, rgb(176, 165, 146) 52%, rgb(86, 87, 87) 100%);
        background-color: rgba(0, 0, 0, 0);
    }

    .alm-filters-container .alm-filters--reset {
        margin-right: 18px !important;
    }

    nav {
        display: inline-block;
    }

    @media (max-width: 639px) {

        nav {
            position: relative;
        }

        #alm-filters-hermes_birkin_bags {
            display: none;
        }

        /*HEADER FOR THE MENU IN LARGER SCREENS*/
        .fixed-menu-header {
            display: none;
        }

        /*BUTTON FOR THE MOBILE MENU*/
        .menu-button-class {
            border: 1px solid #bbbbbb;
            align-items: center;
            font-size: 13px;
            width: 166px;
            position: relative;
            background-color: white;
            z-index: 10;
            filter: drop-shadow(1px 1px 1px #a3a3a3);
            cursor: pointer;
            text-decoration: none;
            height: 23px;
            display: block;
        }


        /*TEXT INSIDE THE BUTTON FOR THE MOBILE MENU IN THE Initial POSITION*/
        a.inactive::after {
            content: '\25BC \00a0 Click to filter this search';
            color: #8c8c8c;
            font-weight: 400;
            text-decoration: none;
            font-size: 12px;
            font-family: arial;
            padding: 8px;
            position: relative;
            top: 2px;
        }

        a.inactive:hover {
            text-decoration: none;
        }

        /*TEXT INSIDE THE BUTTON FOR THE MOBILE MENU IN THE Close POSITION*/
        a.active::after {
            content: '\25B2 \00a0 \00a0 Close the menu \00a0 \00a0 \00a0 \00a0 \00a0 X';
            color: #b16161;
            font-weight: 400;
            text-decoration: none;
            font-size: 12px;
            font-family: arial;
            padding: 8px;
            position: relative;
            top: 2px;
        }

        a.active:hover {
            text-decoration: none;
            color: red;
        }

        /*THE ID FOR THE FILTER MENU*/
        #alm-filters-hermes_birkin_bags {
            display: none;
            touch-action: none;
        }

        .alm-filters-container {
            width: 166px;
            position: absolute;
            background: #f9f8f4;
            z-index: 10000;
            margin: 0px;
            padding-left: 6px;
            filter: drop-shadow(1px 2px 1px #a3a3a3);
            cursor: pointer;
            top: 7px;
            border: 1px solid #e9e9e9;
            display: none;
            /*height:100vh; THIS DIDNT WORK TO FIX SCROLLING PROBLEM*/
        }


        .ajax-load-more-wrap {
            max-width: 100%;
            margin-top: 12px;
            z-index: 1;
        }

    }

    /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


    @media (min-width: 640px) {

        nav {
            display: flex;
            flex-direction: row;
        }

        /*BUTTON FOR THE MOBILE MENU*/
        .menu-button-class {
            display: none;
        }


        /*THE ID FOR THE FILTER MENU*/

        /*WHERE THE MENU ELEMENTS RESIDE*/
        .alm-filters-container {
            display: block;
            -ms-flex: 0 0 15%;
            flex: 0 0 16%;
            min-width: 166px;
            max-width: 15%;
            max-height: 100%;
            top: 22px;
            background-color: white;
            border: 1px solid #e9e9e9;
            order: 1;
            position: relative;
            padding-left: 6px;
        }

        /*WHERE THE RESULTS RECTANGLES APPEAR*/
        .ajax-load-more-wrap {
            /* -ms-flex: 0 0 85%;
            flex: 0 0 85%;*/
            max-width: 85%;
            order: 2;
        }

        /*HEADER FOR THE MENU IN LARGER SCREENS*/
        .fixed-menu-header {
            display: block;
            color: white;
            position: relative;
            top: 9px;
            left: 11px;
            min-width: 166px;
            max-width: 15%;
            padding: 7px;
            padding-top: 7px;
            padding-top: 7px;
            padding-top: 9px;
            text-align: center;
            font-family: "trebuchet ms", geneva, sans-serif;
            font-size: 13px;
            font-weight: bold;
            letter-spacing: 0.05rem;
            margin: -11px;
            margin-top: -11px;
            margin-top: -11px;
            margin-top: -6px;
            border-radius: 2px;
            background: linear-gradient(177deg, rgba(102, 101, 99, 1) 44%, rgba(74, 74, 74, 1) 100%);
            filter: drop-shadow(1px 2px 1px #a3a3a3);
        }
    }