{"id":5118,"date":"2024-05-08T21:03:43","date_gmt":"2024-05-08T21:03:43","guid":{"rendered":"https:\/\/trailerdepprod.wpenginepowered.com\/?page_id=5118"},"modified":"2024-05-12T17:57:00","modified_gmt":"2024-05-12T17:57:00","slug":"livestock-trailers","status":"publish","type":"page","link":"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/","title":{"rendered":"Livestock Trailers for sale in Northford"},"content":{"rendered":"<p>[et_pb_section fb_built=\"1\" fullwidth=\"on\" module_class=\"inv-srp\" _builder_version=\"4.23.1\" _module_preset=\"default\" global_colors_info=\"{}\" theme_builder_area=\"post_content\"][et_pb_fullwidth_code _builder_version=\"4.24.3\" _module_preset=\"default\" hover_enabled=\"0\" global_colors_info=\"{}\" theme_builder_area=\"post_content\" sticky_enabled=\"0\"]\n        <div id=\"trailer_funnel\">\n            <div class=\"main-wrap\">\n                \n                <div class=\"wrap-content\">\n\n                    \n\n<div class=\"search\" style='display: none' >\n    <div class=\"filters-content\">\n            <\/div>\n    <div class=\"link\">\n        <a href=\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/?&clear_all=true\">Clear all<\/a>\n    <\/div>\n<\/div>\n\n\n<style>\n    #trailer_funnel .search {\n        grid-area: search;\n        border: 1px solid #d7d7d7;\n        border-radius: 4px;\n        height: fit-content;\n        padding: 0.5% 1%;\n        display: flex;\n        justify-content: space-between;\n        font-size: 12px;\n        margin: 2% 0;\n    }\n\n    #trailer_funnel .search .filters-content {\n        display: flex;\n        gap: 10px;\n        overflow-x: hidden;\n        flex-flow: row wrap;\n    }\n\n    #trailer_funnel .search div.link {\n        display: flex;\n        align-items: center;\n        min-width: 50px;\n        margin-left: 15px;\n    }\n\n    #trailer_funnel .search div.link a {\n        color: rgb(0, 108, 229);\n        width: 100%;\n    }\n\n    #trailer_funnel .search .filters-content .filter {\n        display: flex;\n        justify-content: space-between;\n        border: 1px solid #d7d7d7;\n        border-radius: 20px;\n        padding: 3px 6px 3px 11px;\n        text-align: center;\n        gap: 2px;\n        color: rgb(96, 96, 96);\n        align-items: center;\n    }\n\n    #trailer_funnel .search .filters-content .filter span {\n        white-space: nowrap;\n    }\n\n    #trailer_funnel .search .filters-content .filter span.dashicons-no-alt {\n        color: rgb(96, 96, 96);\n    }\n\n    #trailer_funnel .search .filters-content .filter form {\n        display: flex;\n    }\n\n    #trailer_funnel .search .filters-content div.filter a {\n        text-decoration: none;\n    }\n\n    #trailer_funnel .search .filters-content .filter span.dashicons-no-alt:hover {\n        color: red;\n    }\n\n<\/style>\n\n<script>\n\n    function resetSlider (category) {\n        let min = jQuery('#slider-range.' + category).slider(\"option\", \"min\");\n        let max = jQuery('#slider-range.' + category).slider(\"option\", \"max\");\n\n        jQuery('#slider-range.' + category).slider({\n            range: true,\n            min: min,\n            max: max,\n            step: 1,\n            values: [min, max]\n        });\n\n        \/\/ hide filter content\n        jQuery('#slider-range.' + category).parent().parent().parent().hide();\n        jQuery('#slider-range.' + category).parent().parent().parent().prev().find(\".filter-button\").removeClass('flip');\n\n    }\n\n    function onCategoryRemoveButtonClick(event) {\n        var isMobile = \"\";\n        const category = jQuery(event.currentTarget).parent().first().find('span').attr('id');\n\n        try {\n            if (isMobile) {\n                jQuery(event.currentTarget).parent().first().remove();\n\n                if (!jQuery(\"#modal-filters-mobile .search .filters-content .filter\").length) {\n                    jQuery(\"#modal-filters-mobile .search\").hide();\n                }\n                \/\/ modal content position fix\n                const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n                jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n\n                resetSlider(category);\n            }\n        } catch (e){\n            console.log(e);\n        }\n\n        let queryToArray;\n        if (typeof queryMobileUrl !== 'undefined' && queryMobileUrl.length) {\n            queryToArray = queryMobileUrl.split('&')\n        } else {\n            queryToArray = window.location.search.split('&')\n        }\n\n        queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n        queryToArray = queryToArray.filter(filter => filter.indexOf('page_id=') === -1);\n        queryToArray = queryToArray.filter(filter => filter.indexOf(category + \"=\") === -1);\n        let arrayToQuery = queryToArray.join('&');\n\n        arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = !arrayToQuery.length ? '' : querySymbol;\n\n        isMobile\n            ? queryMobileUrl = arrayToQuery\n            : window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n    }\n\n    function onFilterRemoveButtonClick(event) {\n        var isMobile = \"\";\n        let category = jQuery(event.currentTarget).parent().find('span').first().attr('id');\n        category = category.replace('for_', '');\n\n        if( category !== 'is_on_special_true' && category !== 'living_quarters_true' && category !== 'ramps_true' ) {\n            if( category.indexOf('suspension_type_') !== -1) {\n                category = 'suspension_type';\n            } else if (category.indexOf('pull_type') !== -1 || category.indexOf('fuel_type') !== -1 || category.indexOf('is_rental') !== -1) {\n                category = category.split('_').slice(0, 2).join('_');\n            } else if (category.indexOf('category') !== -1) {\n                category = 'category_name';\n            } else if (category.indexOf('location') !== -1) {\n                category = 'location_name';\n            } else {\n                category = category.split('_')[0];\n            }\n        } else {\n            if (category === 'is_on_special_true') {\n                category = 'is_on_special';\n            } else if (category === 'living_quarters_true') {\n                category = 'living_quarters';\n            } else if (category === 'ramps_true') {\n                category = 'ramps';\n            }\n        }\n\n        let checkboxId = jQuery(event.currentTarget).parent().find('span').first().attr('id').replace('for_', '');\n\n        if (checkboxId.includes('category_')) {\n            checkboxId = checkboxId.replace('category_', 'category_name_');\n        }\n\n        if (checkboxId.includes('location_')) {\n            checkboxId = checkboxId.replace('location_', 'location_name_');\n        }\n\n        if (category !== 'search') {\n            checkboxId = decodeURIComponent(checkboxId);\n            const element = document.getElementById(checkboxId);\n            if (element) {\n                element.checked = false;\n            }\n        }\n\n        if (isMobile) {\n            jQuery(event.currentTarget).parent().first().remove();\n\n            if (category === 'search') {\n                jQuery('#stock-search-input').val(\"\");\n            }\n\n            if (!jQuery(\"#modal-filters-mobile .modal-header .search .filters-content .filter\").length) {\n                jQuery(\"#modal-filters-mobile .modal-header .search\").hide();\n            }\n\n            \/\/ modal content position fix\n            const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n            jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n\n        }\n\n        let queryToArray;\n        if (typeof queryMobileUrl !== 'undefined' && queryMobileUrl.length) {\n            queryToArray = queryMobileUrl.split('&')\n        } else {\n            queryToArray = window.location.search.split('&')\n        }\n\n        queryToArray.map((query, index) => {\n            if (query.includes(category + '=')) {\n                query = query.split('=');\n                query = category === 'search' ? query[1].split('&') : query[1].split('--');\n                checkboxId = checkboxId.replace(category + '_', '').replaceAll(' ', '%20');\n                query = query.filter(filter => filter.indexOf(checkboxId) === -1);\n\n                if (category === 'search') {\n                    queryToArray = queryToArray.filter(filter => filter.indexOf(category) === -1);\n                }\n\n                if(queryToArray.length && query.length){\n                    query = query.join('--');\n                    if (category !== 'search' || category !== 'category_name' || category !== 'location_name') {\n                        queryToArray[index] = category + '=' + query\n                    }\n                } else {\n                    queryToArray = queryToArray.filter(filter => filter.indexOf(category) === -1);\n                }\n            }\n        });\n\n        if (queryToArray.length) {\n            queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n        }\n\n        queryToArray = queryToArray.filter(filter => filter.indexOf('page_id=') === -1)\n        let arrayToQuery = queryToArray.join('&');\n\n        arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = !arrayToQuery.length ? '' : querySymbol;\n\n        window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n    }\n\n<\/script>\n\n\n                                            <div class=\"navbar\">\n                                        <!--\/\/jquery fix for some wp themes-->\n        <script src=\"https:\/\/code.jquery.com\/ui\/1.13.2\/jquery-ui.js\"><\/script>\n\n\t\t        <div class=\"sort\"  >\n            <span>Sort:<\/span>\n            \n\n<select id='user_sort' name='user_sort' class=\"admin\">\n\t        <option selected value='relevance'>Relevance (Default)<\/option>\n            <option  value='age_decrease'>Age (Newest - Oldest)<\/option>\n            <option  value='age_increase'>Age (Oldest - Newest)<\/option>\n            <option  value='price_increase'>Price ($ - $$$)<\/option>\n            <option  value='price_decrease'>Price ($$$ - $)<\/option>\n            <option  value='title_z_to_a'>Title (Z to A)<\/option>\n            <option  value='title_a_to_z'>Title (A to Z)<\/option>\n            <option  value='length_ascending'>Length (Ascending)<\/option>\n            <option  value='length_descending'>Length (Descending)<\/option>\n            <option  value='stock_ascending'>Stock (Ascending)<\/option>\n            <option  value='stock_descending'>Stock (Descending)<\/option>\n            <option  value='images_count'>Images Count<\/option>\n    \n    \n\t\n\n<\/select>\n        <\/div>\n\n        \n        <div class=\"filters-wrap\">\n            <div class=\"filter-wrap\">\n                    <div class=\"filter-title search\" onclick=\"onFilterCategoryClick(event)\">\n                        <span>Search<\/span>\n                        <span class=\"filter-button\">\n                                <svg fill='white' height='20' viewBox='0 0 20 21' width='20'\n                                     xmlns='http:\/\/www.w3.org\/2000\/svg'>\n                                    <path d='M7 10l5 5 5-5z'\/><path d='M0 0h24v24H0z' fill='none'\/>\n                                <\/svg>\n                            <\/span>\n                    <\/div>\n                    <div class=\"filter-content search\" style=\"display: none\">\n                        <div class=\"filter-item search\">\n                            <div id=\"stock-search\">\n                                <input id=\"stock-search-input\" placeholder=\"Keyword...\" type=\"text\">\n                                <span id=\"stock-search-button\" onclick=\"onSearchClick(event, 'search')\">\n                                        <span class=\"dashicons dashicons-search\"><\/span>\n                                <\/span>\n                            <\/div>\n                            <!--                        <input --><!-- class=\"custom-checkbox\"-->\n                            <!--                                                                                                    type=\"checkbox\"-->\n                            <!--                                                                                                    id=\"find_in_description\"-->\n                            <!--                                                                                                    style=\"display: none\">-->\n                            <label id=\"find_in_description_label\" for=\"find_in_description\" style=\"display: none\">Include search by description<\/label>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n                        <div class=\"filter-wrap\">\n                            <div class=\"filter-title\" onclick=\"onFilterCategoryClick(event)\">\n                                <span data-filter-name=\"Condition\">Condition<\/span>\n                                <span id=\"category-count\">1<\/span>\n                                <span class=\"filter-button\">\n                            <svg fill='white' height='20' viewBox='0 0 20 21' width='20'\n                                 xmlns='http:\/\/www.w3.org\/2000\/svg'>\n                                <path d='M7 10l5 5 5-5z'\/><path d='M0 0h24v24H0z' fill='none'\/>\n                            <\/svg>\n                        <\/span>\n                            <\/div>\n\t\t\t\t\t\t\t                                    <div class=\"filter-content\" style=\"display: none\">\n                                        \t\t\t\t\t\t\t\t\t\t                                            <div class=\"filter-item\">\n                                                <div id=\"with-count\">\n                                                    \n<input  class=\"custom-checkbox\" type=\"checkbox\" id=\"condition_New\"\n                               onchange=\"onCheckboxChange(event)\">\n<label for=\"condition_New\"><span>New<\/span><\/label>\n\n<script>\n\n    \/\/jQuery(document).ready(() => {\n    \/\/    const id = \"\/\/\";\n    \/\/    const checkbox = jQuery(\"#\" + id);\n    \/\/    if (checkbox.prop('checked')) {\n    \/\/        \/\/Displays full block in navbar filters section if the checkbox inside is checked\n    \/\/        checkbox.parent().parent().show();\n    \/\/        \/\/ flip arrow for filter section\n    \/\/        checkbox.parent().parent().parent().find('.filter-button').addClass('flip');\n    \/\/    }\n    \/\/})\n    function adjustModalContentPosition() {\n        const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n        jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n    }\n\n    function onCheckboxChange(event) {\n        filterProcessQuery(event);\n        if (isMobile || 0) {\n            appendFilterMobile(event);\n            if (!jQuery('.search .filters-content .filter').length) {\n                jQuery('.search').hide();\n            }\n            adjustModalContentPosition();\n        }\n    }\n\n    var queryMobileUrl = '';\n\n    function filterProcessQuery(event) {\n        let category = event.currentTarget.id === 'find_in_description'\n            ? \"Find In Description\"\n            : jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title > span').first().data('filter-name');\n        category = category.toLowerCase().replaceAll(' ', '_');\n\n        let queryToArray;\n\n        if (isMobile || 0) {\n            queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&')\n        } else {\n            queryToArray = window.location.search.split('&')\n        }\n\n        queryToArray = queryToArray.filter(query => query.search('page_id=') < 0);\n\n        let isExist = false;\n\n        \/\/ on checkbox checked\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const id = event.currentTarget.id.replace(category + '_', '');\n\n            \/\/ For boolean filters (ramps, is_rental), replace value and uncheck the other option\n            const booleanFilters = ['ramps', 'is_rental'];\n            if (booleanFilters.includes(category)) {\n                \/\/ Uncheck the other checkbox\n                const otherValue = id === '1' ? '0' : '1';\n                jQuery('#' + category + '_' + otherValue).prop('checked', false);\n\n                \/\/ Replace the value in URL (not append)\n                queryToArray = queryToArray.filter(query => query.indexOf(category + '=') === -1);\n                queryToArray.push(category + '=' + id);\n                queryToArray = queryToArray.filter(filter => filter !== '');\n            } else if (queryToArray.count) {\n                queryToArray.push(category + '=' + id);\n            } else {\n                queryToArray.map(function (query) {\n                    if (query.indexOf(category + '=') !== -1) isExist = true;\n                });\n                if (isExist) {\n                    queryToArray.map((query, index) => {\n                        if (query.indexOf(category + '=') !== -1) {\n                            query = query.split('--');\n                            query.push(id);\n                            queryToArray[index] = query.join('--');\n                        }\n                    });\n                } else {\n                    queryToArray.push(category + '=' + id);\n                    queryToArray = queryToArray.filter(filter => filter !== '');\n                }\n\n            }\n\n        } else {\n            queryToArray.map((query, index) => {\n                if (query.indexOf(category + '=') !== -1) {\n                    query = query.split('=');\n                    query = query[1].split('--');\n                    let search = event.currentTarget.id.replace(category + '_', '').replaceAll(' ', '%20')\n                    query = query.filter(filter => filter.indexOf(search) === -1);\n\n                    if(query.length) {\n                        query = query.join('--')\n                        queryToArray[index] = category + '=' + query\n                    } else {\n                        queryToArray[index] = '';\n                    }\n                }\n            });\n\n        }\n\n        if (queryToArray.length) {\n            queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n        }\n\n        let arrayToQuery = queryToArray.join('&');\n\n        arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n        if (isMobile || 0) {\n            \/\/saving query\n            queryMobileUrl = arrayToQuery;\n        } else {\n            window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n        }\n\n    }\n\n    function appendFilterMobile(event) {\n        const filtersSearchBar = jQuery('.search .filters-content')\n        const filterId = 'for_' + jQuery(event.currentTarget).attr('id').replaceAll(' ', '_');\n        const category = jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title span').first().html();\n        const categoryId = event.currentTarget.id === \"find_in_description\"\n            ? event.currentTarget.id\n            : category.replaceAll(' ', '_').toLowerCase();\n        const id = jQuery(event.currentTarget).attr('id').replace(categoryId+'_', '');\n\n        let shownId = id.indexOf('_sp_') !== -1 ? id.replace('_sp_', ' ') : id;\n        shownId = shownId.indexOf('_and_') !== -1 ? shownId.replace('_and_', '&') : shownId;\n\n\n        const filterName = jQuery(event.currentTarget).next().html();\n\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const filterDiv = categoryId === 'location' || categoryId === 'category'\n                ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + filterName + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                : categoryId === \"is_on_special\" || categoryId === \"living_quarters\" || categoryId === \"ramps\"\n                    ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                    : categoryId !== 'find_in_description'\n                        ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + shownId + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                        : \"\";\n\n            filtersSearchBar.append(filterDiv);\n            jQuery('.search').show();\n        } else {\n            jQuery(\"#\" + filterId).parent().remove();\n        }\n    }\n\n    function handleButtonClick() {\n        let queryToArray = queryMobileUrl.split('&');\n        queryToArray = queryToArray.filter(filter => filter.indexOf('page_id') === -1);\n        queryMobileUrl = queryToArray.join('&');\n        queryMobileUrl = queryMobileUrl.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! queryMobileUrl.length ? '' : querySymbol;\n        window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + queryMobileUrl;\n    }\n\n<\/script>\n\n<style>\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox {\n        position: absolute;\n        z-index: -1;\n        opacity: 0;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label {\n        display: inline-flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        color: #232323;\n        pointer-events: auto!important;\n    }\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item label > span {\n        word-break: break-word;\n        display: -webkit-box;\n        \/*overflow: hidden;*\/\n        \/*text-overflow: ellipsis;*\/\n        \/*-webkit-line-clamp: 2; !* number of lines to show *!*\/\n        \/*-webkit-box-orient: vertical;*\/\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label::before {\n        content: '';\n        display: inline-block;\n        width: 1em;\n        height: 1em;\n        flex-shrink: 0;\n        flex-grow: 0;\n        border: 1px solid #232323;\n        border-radius: 0.25em;\n        margin-right: 0.5em;\n        background-repeat: no-repeat;\n        background-position: center center;\n        background-size: 50% 50%;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox:checked + label::before {\n        background-color: transparent;\n        background-image: url(\"data:image\/svg+xml,%3Csvg width='24' height='24' stroke='black' stroke-width='2' fill='black' xmlns='http:\/\/www.w3.org\/2000\/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M24 4.685l-16.327 17.315-7.673-9.054.761-.648 6.95 8.203 15.561-16.501.728.685z'\/%3E%3C\/svg%3E\");\n    }\n<\/style>\n                                                                                                            &nbsp;\n                                                        <span id=\"filter-count\"><span> (5)<\/span><\/span>\n                                                                                                    <\/div>\n                                            <\/div>\n\t\t\t\t\t\t\t\t\t\t                                    <\/div>\n\t\t\t\t\t\t\t\t                        <\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\n                        <div class=\"filter-wrap\">\n                            <div class=\"filter-title\" onclick=\"onFilterCategoryClick(event)\">\n                                <span data-filter-name=\"Length\">Length<\/span>\n                                <span id=\"category-count\"><\/span>\n                                <span class=\"filter-button\">\n                            <svg fill='white' height='20' viewBox='0 0 20 21' width='20'\n                                 xmlns='http:\/\/www.w3.org\/2000\/svg'>\n                                <path d='M7 10l5 5 5-5z'\/><path d='M0 0h24v24H0z' fill='none'\/>\n                            <\/svg>\n                        <\/span>\n                            <\/div>\n\t\t\t\t\t\t\t                                    <div class=\"filter-content slider\" style=\"display: none\">\n                                                                                <div class=\"filter-item slider\">\n\t\t\t\t\t\t\t\t\t\t\t\n<div class=\"range-wrapper\">\n    <div class=\"range\">\n        <input type=\"number\" class=\"range-value length\" value=\"16\">\n        <span class=\"range-divider\">\u2013<\/span>\n        <input type=\"number\" class=\"range-value length\" value=\"24\">\n    <\/div>\n<\/div>\n\n<div class=\"slider-wrapper\">\n    <div id=\"slider-range\" class=\"length\"><\/div>\n    <div class=\"marker-wrapper\">\n        <div class=\"marker\">16<\/div>\n        <div class=\"marker\">24<\/div>\n    <\/div>\n<\/div>\n\n\n<style>\n\n    \/* Chrome, Safari, Edge, Opera *\/\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider input::-webkit-outer-spin-button,\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider input::-webkit-inner-spin-button {\n        -webkit-appearance: none;\n        margin: 0;\n    }\n\n    \/* Firefox *\/\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider input[type=number] {\n        -moz-appearance: textfield;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider {\n        background: white;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider {\n        padding: 6px 0;\n        row-gap: 20px;\n    }\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider #slider-range {\n        background: #d7d7d7;\n        height: 2px;\n        position: relative;\n        border-radius: 100px;\n        max-width: 96%;\n        margin: 0 auto;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider #slider-range .ui-slider-range {\n        background: rgb(38, 77, 151);\n        height: 2px;\n        position: absolute;\n        transform: translateY(-0.5px);\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider #slider-range .ui-slider-handle {\n        position: absolute;\n        width: 18px;\n        height: 18px;\n        top: 50%;\n        display: block;\n        transform: translate(-50%, -50%);\n        border-radius: 100px;\n        \/*z-index: 10;*\/\n        background: white;\n        cursor: move; \/* fallback if grab cursor is unsupported *\/\n        cursor: grab;\n        cursor: -moz-grab;\n        cursor: -webkit-grab;\n        box-shadow: inset 0 0 0px 2px rgb(38, 77, 151);\n        transition: width 0.1s;\n        outline: none;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider .range-wrapper {\n        display: flex;\n        justify-content: end;\n        margin-bottom: 3%;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider .range-wrapper .range {\n        background: #fff;\n        max-width: fit-content;\n        color: #555;\n        \/*z-index: 10;*\/\n        position: relative;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider .range-wrapper .range .range-value {\n        border: 1px solid #d2d2d2;\n        border-radius: 2px;\n        width: 55px;\n        padding: 2px 4px;\n        font-size: 12px;\n        text-align: right;\n        display: inline-block;\n        color: rgb(38, 77, 151);\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider .range-wrapper .range .range-divider {\n        margin: 0 4px;\n        color: #d2d2d2;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .marker-wrapper {\n\n        display: flex;\n        justify-content: space-between;\n        margin-top: 10px;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .marker-wrapper .marker {\n\n        width: fit-content;\n        font-size: 10px;\n        color: #757575;\n    }\n\n<\/style>\n\n<script>\n\n    \/\/function onCategoryRemoveButtonClick(event) {\n    \/\/    var isMobile = \"\/\/\";\n    \/\/    const category = jQuery(event.currentTarget).parent().find('span').first().attr('id');\n    \/\/\n    \/\/    if (isMobile){\n    \/\/        jQuery(event.currentTarget).parent().remove();\n    \/\/\n    \/\/        if (!jQuery(\"#modal-filters-mobile .search .filters-content .filter\").length) {\n    \/\/            jQuery(\"#modal-filters-mobile .search\").hide();\n    \/\/        }\n    \/\/        \/\/ modal content position fix\n    \/\/        const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n    \/\/        jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n    \/\/\n    \/\/    }\n    \/\/\n    \/\/    let queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&');\n    \/\/    queryToArray = queryToArray.filter(filter => filter.indexOf('page_id=') === -1);\n    \/\/    queryToArray = queryToArray.filter(filter => filter.indexOf(category + \"=\") === -1);\n    \/\/    let arrayToQuery = queryToArray.join('&');\n    \/\/\n    \/\/    arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n    \/\/    let querySymbol = \"\/\/\".substr(\"\/\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n    \/\/    querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n    \/\/\n    \/\/    isMobile\n    \/\/        ? queryMobileUrl = arrayToQuery\n    \/\/        : window.location = \"\/\/\" + querySymbol + arrayToQuery;\n    \/\/\n    \/\/}\n\n    jQuery(document).ready(function () {\n\n        const min = parseInt('16');\n        const max = parseInt('24');\n        const category = \"length\";\n\n        \/\/ show filter content if category range changed\n        if(window.location.search.search(category + \"=\") > 0) {\n            jQuery('#slider-range.' + category).parent().parent().parent().show();\n            jQuery('#slider-range.' + category).parent().parent().parent().prev().find(\".filter-button\").addClass('flip');\n        }\n\n        \/\/ Initiate Slider\n        const valueMin = parseInt('16');\n        const valueMax = parseInt('24');\n\n        jQuery('#slider-range.' + category).slider({\n            range: true,\n            min: min,\n            max: max,\n            step: 1,\n            values: [valueMin, valueMax]\n        });\n\n        jQuery( '#slider-range.' + category ).slider({\n            slide: function (event, ui) {\n\n                \/\/ Update the range container values upon sliding\n                jQuery(event.target).parent().prev().find(\"input.range-value\").first()[0].value = ui.values[0];\n                jQuery(event.target).parent().prev().find(\"input.range-value\").last()[0].value = ui.values[1];\n\n                \/\/ Get old value\n                var previousVal = parseInt(jQuery(this).data('value'));\n\n                \/\/ Processing query after category changed\n                previousVal !== ui.value && onCategoryRangeChange();\n\n                \/\/ Save new value\n                jQuery(this).data({\n                    'value': parseInt(ui.value)\n                });\n            }\n        });\n\n\n        function rebuildSlider () {\n            let minValue = parseInt(jQuery('#slider-range.' + category).parent().prev().find(\"input.range-value\").first()[0].value);\n            let maxValue = parseInt(jQuery('#slider-range.' + category).parent().prev().find(\"input.range-value\").last()[0].value);\n\n            jQuery('#slider-range.' + category).slider({\n                range: true,\n                min: min,\n                max: max,\n                step: 1,\n                values: [minValue, maxValue]\n            });\n        }\n\n\n        jQuery('input.range-value.' + category).keypress(function (event) {\n            if(event.key === \"Enter\") {\n                rebuildSlider();\n                queryProcessing();\n            }\n        });\n\n        jQuery('input.range-value.' + category).change(() => {\n            if (isMobile || 0) {\n                rebuildSlider();\n                queryProcessing();\n            } else {\n                setTimeout(() => {\n                    const isInputInUse = jQuery(document.activeElement).hasClass('range-value');\n                    isInputInUse\n                        ? jQuery('input.range-value.' + category).mouseleave(() => queryProcessing())\n                        : queryProcessing();\n                }, 700);\n            }\n        });\n\n\n        function onCategoryRangeChange() {\n            jQuery('.filter-content.slider').mouseleave(() => queryProcessing());\n            jQuery('.filter-item.slider').mouseup(() => queryProcessing());\n\n            if (isMobile || 0) {\n                if (!jQuery('.search .filters-content .filter').length) {\n                    jQuery('.search').hide();\n                }\n                \/\/ modal content position fix\n                const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n                jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n\n            }\n        };\n\n\n        function queryProcessing() {\n            let minValue = parseInt(jQuery('#slider-range.' + category).parent().prev().find(\"input.range-value\").first()[0].value);\n            let maxValue = parseInt(jQuery('#slider-range.' + category).parent().prev().find(\"input.range-value\").last()[0].value);\n\n            if (minValue < min || minValue > max) {\n                minValue = min;\n            }\n            if (maxValue > max || maxValue < min) {\n                maxValue = max;\n            }\n            if (minValue === min && maxValue === max) {\n                let queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&');\n                queryToArray = queryToArray.filter((query) => query.search('page_id=') < 0);\n                queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n                queryToArray = queryToArray.filter((query) => query.search(category + '=') < 0);\n                let arrayToQuery = queryToArray.join('&');\n\n                arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n                let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n                querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n                if(isMobile || 0){\n                    jQuery('#'+ category).parent().first().remove()\n                    if( ! jQuery('#modal-filters-mobile .modal-header .filters-content .filter').length){\n                        jQuery('.search').hide();\n                    }\n                    \/\/ modal content position fix\n                    const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n                    jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n                };\n\n                (isMobile || 0)\n                    ? queryMobileUrl = arrayToQuery\n                    : window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n            } else {\n                let queryToArray;\n\n                if (isMobile || 0) {\n                    queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&')\n                } else {\n                    queryToArray = window.location.search.split('&')\n                }\n                queryToArray = queryToArray.filter((query) => query.search('page_id=') < 0);\n\n                let is_first_time = true;\n                queryToArray.map((query, index) => {\n                    if ( query.includes(category) && !query.includes('sort=') ) {\n                        queryToArray[index] = category + \"=\" + minValue + \"--\" + maxValue;\n                        is_first_time = false;\n                    }\n                });\n\n                is_first_time && queryToArray.push(category + \"=\" + minValue + \"--\" + maxValue);\n\n                if (queryToArray.length) {\n                    queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n                }\n                let arrayToQuery = queryToArray.join('&');\n                arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n                let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n                querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n                if(isMobile || 0) {\n                    if(is_first_time){\n                        appendCategoryFilterMobile(minValue, maxValue);\n                    } else {\n                        jQuery('#'+ category).html(category.replaceAll(\"_\",\" \") + ': '+ minValue+' - '+ maxValue);\n                    }\n                }\n\n                (isMobile || 0)\n                    ? queryMobileUrl = arrayToQuery\n                    : window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n            }\n        };\n\n\n        function appendCategoryFilterMobile(minValue, maxValue) {\n\n            jQuery('.filter ' + '#_button').length && jQuery('.filter ' + '#_button').parent().remove();\n\n            const filtersSearchBar = jQuery('.search .filters-content');\n            const filterDiv = \"<div class='filter'><span id='\" + category + \"'>\" + category.replaceAll('_', ' ') + \": \" + minValue + ' - ' + maxValue + \"<\/span><span class='drop-applied-filter' onclick='onCategoryRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\";\n            filtersSearchBar.append(filterDiv);\n!\n            \/\/ modal content position fix\n            jQuery('.search').show();\n            const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n            jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n\n        }\n    });\n\n\n<\/script>\n\n                                        <\/div>\n                                    <\/div>\n\t\t\t\t\t\t\t\t                        <\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\n                        <div class=\"filter-wrap\">\n                            <div class=\"filter-title\" onclick=\"onFilterCategoryClick(event)\">\n                                <span data-filter-name=\"Width\">Width<\/span>\n                                <span id=\"category-count\"><\/span>\n                                <span class=\"filter-button\">\n                            <svg fill='white' height='20' viewBox='0 0 20 21' width='20'\n                                 xmlns='http:\/\/www.w3.org\/2000\/svg'>\n                                <path d='M7 10l5 5 5-5z'\/><path d='M0 0h24v24H0z' fill='none'\/>\n                            <\/svg>\n                        <\/span>\n                            <\/div>\n\t\t\t\t\t\t\t                                    <div class=\"filter-content slider\" style=\"display: none\">\n                                                                                <div class=\"filter-item slider\">\n\t\t\t\t\t\t\t\t\t\t\t\n<div class=\"range-wrapper\">\n    <div class=\"range\">\n        <input type=\"number\" class=\"range-value width\" value=\"6\">\n        <span class=\"range-divider\">\u2013<\/span>\n        <input type=\"number\" class=\"range-value width\" value=\"8\">\n    <\/div>\n<\/div>\n\n<div class=\"slider-wrapper\">\n    <div id=\"slider-range\" class=\"width\"><\/div>\n    <div class=\"marker-wrapper\">\n        <div class=\"marker\">6<\/div>\n        <div class=\"marker\">8<\/div>\n    <\/div>\n<\/div>\n\n\n<style>\n\n    \/* Chrome, Safari, Edge, Opera *\/\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider input::-webkit-outer-spin-button,\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider input::-webkit-inner-spin-button {\n        -webkit-appearance: none;\n        margin: 0;\n    }\n\n    \/* Firefox *\/\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider input[type=number] {\n        -moz-appearance: textfield;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider {\n        background: white;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider {\n        padding: 6px 0;\n        row-gap: 20px;\n    }\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider #slider-range {\n        background: #d7d7d7;\n        height: 2px;\n        position: relative;\n        border-radius: 100px;\n        max-width: 96%;\n        margin: 0 auto;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider #slider-range .ui-slider-range {\n        background: rgb(38, 77, 151);\n        height: 2px;\n        position: absolute;\n        transform: translateY(-0.5px);\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider #slider-range .ui-slider-handle {\n        position: absolute;\n        width: 18px;\n        height: 18px;\n        top: 50%;\n        display: block;\n        transform: translate(-50%, -50%);\n        border-radius: 100px;\n        \/*z-index: 10;*\/\n        background: white;\n        cursor: move; \/* fallback if grab cursor is unsupported *\/\n        cursor: grab;\n        cursor: -moz-grab;\n        cursor: -webkit-grab;\n        box-shadow: inset 0 0 0px 2px rgb(38, 77, 151);\n        transition: width 0.1s;\n        outline: none;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider .range-wrapper {\n        display: flex;\n        justify-content: end;\n        margin-bottom: 3%;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider .range-wrapper .range {\n        background: #fff;\n        max-width: fit-content;\n        color: #555;\n        \/*z-index: 10;*\/\n        position: relative;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider .range-wrapper .range .range-value {\n        border: 1px solid #d2d2d2;\n        border-radius: 2px;\n        width: 55px;\n        padding: 2px 4px;\n        font-size: 12px;\n        text-align: right;\n        display: inline-block;\n        color: rgb(38, 77, 151);\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider .range-wrapper .range .range-divider {\n        margin: 0 4px;\n        color: #d2d2d2;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .marker-wrapper {\n\n        display: flex;\n        justify-content: space-between;\n        margin-top: 10px;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .marker-wrapper .marker {\n\n        width: fit-content;\n        font-size: 10px;\n        color: #757575;\n    }\n\n<\/style>\n\n<script>\n\n    \/\/function onCategoryRemoveButtonClick(event) {\n    \/\/    var isMobile = \"\/\/\";\n    \/\/    const category = jQuery(event.currentTarget).parent().find('span').first().attr('id');\n    \/\/\n    \/\/    if (isMobile){\n    \/\/        jQuery(event.currentTarget).parent().remove();\n    \/\/\n    \/\/        if (!jQuery(\"#modal-filters-mobile .search .filters-content .filter\").length) {\n    \/\/            jQuery(\"#modal-filters-mobile .search\").hide();\n    \/\/        }\n    \/\/        \/\/ modal content position fix\n    \/\/        const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n    \/\/        jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n    \/\/\n    \/\/    }\n    \/\/\n    \/\/    let queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&');\n    \/\/    queryToArray = queryToArray.filter(filter => filter.indexOf('page_id=') === -1);\n    \/\/    queryToArray = queryToArray.filter(filter => filter.indexOf(category + \"=\") === -1);\n    \/\/    let arrayToQuery = queryToArray.join('&');\n    \/\/\n    \/\/    arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n    \/\/    let querySymbol = \"\/\/\".substr(\"\/\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n    \/\/    querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n    \/\/\n    \/\/    isMobile\n    \/\/        ? queryMobileUrl = arrayToQuery\n    \/\/        : window.location = \"\/\/\" + querySymbol + arrayToQuery;\n    \/\/\n    \/\/}\n\n    jQuery(document).ready(function () {\n\n        const min = parseInt('6');\n        const max = parseInt('8');\n        const category = \"width\";\n\n        \/\/ show filter content if category range changed\n        if(window.location.search.search(category + \"=\") > 0) {\n            jQuery('#slider-range.' + category).parent().parent().parent().show();\n            jQuery('#slider-range.' + category).parent().parent().parent().prev().find(\".filter-button\").addClass('flip');\n        }\n\n        \/\/ Initiate Slider\n        const valueMin = parseInt('6');\n        const valueMax = parseInt('8');\n\n        jQuery('#slider-range.' + category).slider({\n            range: true,\n            min: min,\n            max: max,\n            step: 1,\n            values: [valueMin, valueMax]\n        });\n\n        jQuery( '#slider-range.' + category ).slider({\n            slide: function (event, ui) {\n\n                \/\/ Update the range container values upon sliding\n                jQuery(event.target).parent().prev().find(\"input.range-value\").first()[0].value = ui.values[0];\n                jQuery(event.target).parent().prev().find(\"input.range-value\").last()[0].value = ui.values[1];\n\n                \/\/ Get old value\n                var previousVal = parseInt(jQuery(this).data('value'));\n\n                \/\/ Processing query after category changed\n                previousVal !== ui.value && onCategoryRangeChange();\n\n                \/\/ Save new value\n                jQuery(this).data({\n                    'value': parseInt(ui.value)\n                });\n            }\n        });\n\n\n        function rebuildSlider () {\n            let minValue = parseInt(jQuery('#slider-range.' + category).parent().prev().find(\"input.range-value\").first()[0].value);\n            let maxValue = parseInt(jQuery('#slider-range.' + category).parent().prev().find(\"input.range-value\").last()[0].value);\n\n            jQuery('#slider-range.' + category).slider({\n                range: true,\n                min: min,\n                max: max,\n                step: 1,\n                values: [minValue, maxValue]\n            });\n        }\n\n\n        jQuery('input.range-value.' + category).keypress(function (event) {\n            if(event.key === \"Enter\") {\n                rebuildSlider();\n                queryProcessing();\n            }\n        });\n\n        jQuery('input.range-value.' + category).change(() => {\n            if (isMobile || 0) {\n                rebuildSlider();\n                queryProcessing();\n            } else {\n                setTimeout(() => {\n                    const isInputInUse = jQuery(document.activeElement).hasClass('range-value');\n                    isInputInUse\n                        ? jQuery('input.range-value.' + category).mouseleave(() => queryProcessing())\n                        : queryProcessing();\n                }, 700);\n            }\n        });\n\n\n        function onCategoryRangeChange() {\n            jQuery('.filter-content.slider').mouseleave(() => queryProcessing());\n            jQuery('.filter-item.slider').mouseup(() => queryProcessing());\n\n            if (isMobile || 0) {\n                if (!jQuery('.search .filters-content .filter').length) {\n                    jQuery('.search').hide();\n                }\n                \/\/ modal content position fix\n                const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n                jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n\n            }\n        };\n\n\n        function queryProcessing() {\n            let minValue = parseInt(jQuery('#slider-range.' + category).parent().prev().find(\"input.range-value\").first()[0].value);\n            let maxValue = parseInt(jQuery('#slider-range.' + category).parent().prev().find(\"input.range-value\").last()[0].value);\n\n            if (minValue < min || minValue > max) {\n                minValue = min;\n            }\n            if (maxValue > max || maxValue < min) {\n                maxValue = max;\n            }\n            if (minValue === min && maxValue === max) {\n                let queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&');\n                queryToArray = queryToArray.filter((query) => query.search('page_id=') < 0);\n                queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n                queryToArray = queryToArray.filter((query) => query.search(category + '=') < 0);\n                let arrayToQuery = queryToArray.join('&');\n\n                arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n                let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n                querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n                if(isMobile || 0){\n                    jQuery('#'+ category).parent().first().remove()\n                    if( ! jQuery('#modal-filters-mobile .modal-header .filters-content .filter').length){\n                        jQuery('.search').hide();\n                    }\n                    \/\/ modal content position fix\n                    const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n                    jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n                };\n\n                (isMobile || 0)\n                    ? queryMobileUrl = arrayToQuery\n                    : window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n            } else {\n                let queryToArray;\n\n                if (isMobile || 0) {\n                    queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&')\n                } else {\n                    queryToArray = window.location.search.split('&')\n                }\n                queryToArray = queryToArray.filter((query) => query.search('page_id=') < 0);\n\n                let is_first_time = true;\n                queryToArray.map((query, index) => {\n                    if ( query.includes(category) && !query.includes('sort=') ) {\n                        queryToArray[index] = category + \"=\" + minValue + \"--\" + maxValue;\n                        is_first_time = false;\n                    }\n                });\n\n                is_first_time && queryToArray.push(category + \"=\" + minValue + \"--\" + maxValue);\n\n                if (queryToArray.length) {\n                    queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n                }\n                let arrayToQuery = queryToArray.join('&');\n                arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n                let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n                querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n                if(isMobile || 0) {\n                    if(is_first_time){\n                        appendCategoryFilterMobile(minValue, maxValue);\n                    } else {\n                        jQuery('#'+ category).html(category.replaceAll(\"_\",\" \") + ': '+ minValue+' - '+ maxValue);\n                    }\n                }\n\n                (isMobile || 0)\n                    ? queryMobileUrl = arrayToQuery\n                    : window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n            }\n        };\n\n\n        function appendCategoryFilterMobile(minValue, maxValue) {\n\n            jQuery('.filter ' + '#_button').length && jQuery('.filter ' + '#_button').parent().remove();\n\n            const filtersSearchBar = jQuery('.search .filters-content');\n            const filterDiv = \"<div class='filter'><span id='\" + category + \"'>\" + category.replaceAll('_', ' ') + \": \" + minValue + ' - ' + maxValue + \"<\/span><span class='drop-applied-filter' onclick='onCategoryRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\";\n            filtersSearchBar.append(filterDiv);\n!\n            \/\/ modal content position fix\n            jQuery('.search').show();\n            const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n            jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n\n        }\n    });\n\n\n<\/script>\n\n                                        <\/div>\n                                    <\/div>\n\t\t\t\t\t\t\t\t                        <\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\n                        <div class=\"filter-wrap\">\n                            <div class=\"filter-title\" onclick=\"onFilterCategoryClick(event)\">\n                                <span data-filter-name=\"GVWR\">GVWR<\/span>\n                                <span id=\"category-count\"><\/span>\n                                <span class=\"filter-button\">\n                            <svg fill='white' height='20' viewBox='0 0 20 21' width='20'\n                                 xmlns='http:\/\/www.w3.org\/2000\/svg'>\n                                <path d='M7 10l5 5 5-5z'\/><path d='M0 0h24v24H0z' fill='none'\/>\n                            <\/svg>\n                        <\/span>\n                            <\/div>\n\t\t\t\t\t\t\t                                    <div class=\"filter-content slider\" style=\"display: none\">\n                                                                                <div class=\"filter-item slider\">\n\t\t\t\t\t\t\t\t\t\t\t\n<div class=\"range-wrapper\">\n    <div class=\"range\">\n        <input type=\"number\" class=\"range-value gvwr\" value=\"7000\">\n        <span class=\"range-divider\">\u2013<\/span>\n        <input type=\"number\" class=\"range-value gvwr\" value=\"16000\">\n    <\/div>\n<\/div>\n\n<div class=\"slider-wrapper\">\n    <div id=\"slider-range\" class=\"gvwr\"><\/div>\n    <div class=\"marker-wrapper\">\n        <div class=\"marker\">7000<\/div>\n        <div class=\"marker\">16000<\/div>\n    <\/div>\n<\/div>\n\n\n<style>\n\n    \/* Chrome, Safari, Edge, Opera *\/\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider input::-webkit-outer-spin-button,\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider input::-webkit-inner-spin-button {\n        -webkit-appearance: none;\n        margin: 0;\n    }\n\n    \/* Firefox *\/\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider input[type=number] {\n        -moz-appearance: textfield;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider {\n        background: white;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider {\n        padding: 6px 0;\n        row-gap: 20px;\n    }\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider #slider-range {\n        background: #d7d7d7;\n        height: 2px;\n        position: relative;\n        border-radius: 100px;\n        max-width: 96%;\n        margin: 0 auto;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider #slider-range .ui-slider-range {\n        background: rgb(38, 77, 151);\n        height: 2px;\n        position: absolute;\n        transform: translateY(-0.5px);\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider #slider-range .ui-slider-handle {\n        position: absolute;\n        width: 18px;\n        height: 18px;\n        top: 50%;\n        display: block;\n        transform: translate(-50%, -50%);\n        border-radius: 100px;\n        \/*z-index: 10;*\/\n        background: white;\n        cursor: move; \/* fallback if grab cursor is unsupported *\/\n        cursor: grab;\n        cursor: -moz-grab;\n        cursor: -webkit-grab;\n        box-shadow: inset 0 0 0px 2px rgb(38, 77, 151);\n        transition: width 0.1s;\n        outline: none;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider .range-wrapper {\n        display: flex;\n        justify-content: end;\n        margin-bottom: 3%;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider .range-wrapper .range {\n        background: #fff;\n        max-width: fit-content;\n        color: #555;\n        \/*z-index: 10;*\/\n        position: relative;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider .range-wrapper .range .range-value {\n        border: 1px solid #d2d2d2;\n        border-radius: 2px;\n        width: 55px;\n        padding: 2px 4px;\n        font-size: 12px;\n        text-align: right;\n        display: inline-block;\n        color: rgb(38, 77, 151);\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider .range-wrapper .range .range-divider {\n        margin: 0 4px;\n        color: #d2d2d2;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .marker-wrapper {\n\n        display: flex;\n        justify-content: space-between;\n        margin-top: 10px;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .marker-wrapper .marker {\n\n        width: fit-content;\n        font-size: 10px;\n        color: #757575;\n    }\n\n<\/style>\n\n<script>\n\n    \/\/function onCategoryRemoveButtonClick(event) {\n    \/\/    var isMobile = \"\/\/\";\n    \/\/    const category = jQuery(event.currentTarget).parent().find('span').first().attr('id');\n    \/\/\n    \/\/    if (isMobile){\n    \/\/        jQuery(event.currentTarget).parent().remove();\n    \/\/\n    \/\/        if (!jQuery(\"#modal-filters-mobile .search .filters-content .filter\").length) {\n    \/\/            jQuery(\"#modal-filters-mobile .search\").hide();\n    \/\/        }\n    \/\/        \/\/ modal content position fix\n    \/\/        const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n    \/\/        jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n    \/\/\n    \/\/    }\n    \/\/\n    \/\/    let queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&');\n    \/\/    queryToArray = queryToArray.filter(filter => filter.indexOf('page_id=') === -1);\n    \/\/    queryToArray = queryToArray.filter(filter => filter.indexOf(category + \"=\") === -1);\n    \/\/    let arrayToQuery = queryToArray.join('&');\n    \/\/\n    \/\/    arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n    \/\/    let querySymbol = \"\/\/\".substr(\"\/\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n    \/\/    querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n    \/\/\n    \/\/    isMobile\n    \/\/        ? queryMobileUrl = arrayToQuery\n    \/\/        : window.location = \"\/\/\" + querySymbol + arrayToQuery;\n    \/\/\n    \/\/}\n\n    jQuery(document).ready(function () {\n\n        const min = parseInt('7000');\n        const max = parseInt('16000');\n        const category = \"gvwr\";\n\n        \/\/ show filter content if category range changed\n        if(window.location.search.search(category + \"=\") > 0) {\n            jQuery('#slider-range.' + category).parent().parent().parent().show();\n            jQuery('#slider-range.' + category).parent().parent().parent().prev().find(\".filter-button\").addClass('flip');\n        }\n\n        \/\/ Initiate Slider\n        const valueMin = parseInt('7000');\n        const valueMax = parseInt('16000');\n\n        jQuery('#slider-range.' + category).slider({\n            range: true,\n            min: min,\n            max: max,\n            step: 1,\n            values: [valueMin, valueMax]\n        });\n\n        jQuery( '#slider-range.' + category ).slider({\n            slide: function (event, ui) {\n\n                \/\/ Update the range container values upon sliding\n                jQuery(event.target).parent().prev().find(\"input.range-value\").first()[0].value = ui.values[0];\n                jQuery(event.target).parent().prev().find(\"input.range-value\").last()[0].value = ui.values[1];\n\n                \/\/ Get old value\n                var previousVal = parseInt(jQuery(this).data('value'));\n\n                \/\/ Processing query after category changed\n                previousVal !== ui.value && onCategoryRangeChange();\n\n                \/\/ Save new value\n                jQuery(this).data({\n                    'value': parseInt(ui.value)\n                });\n            }\n        });\n\n\n        function rebuildSlider () {\n            let minValue = parseInt(jQuery('#slider-range.' + category).parent().prev().find(\"input.range-value\").first()[0].value);\n            let maxValue = parseInt(jQuery('#slider-range.' + category).parent().prev().find(\"input.range-value\").last()[0].value);\n\n            jQuery('#slider-range.' + category).slider({\n                range: true,\n                min: min,\n                max: max,\n                step: 1,\n                values: [minValue, maxValue]\n            });\n        }\n\n\n        jQuery('input.range-value.' + category).keypress(function (event) {\n            if(event.key === \"Enter\") {\n                rebuildSlider();\n                queryProcessing();\n            }\n        });\n\n        jQuery('input.range-value.' + category).change(() => {\n            if (isMobile || 0) {\n                rebuildSlider();\n                queryProcessing();\n            } else {\n                setTimeout(() => {\n                    const isInputInUse = jQuery(document.activeElement).hasClass('range-value');\n                    isInputInUse\n                        ? jQuery('input.range-value.' + category).mouseleave(() => queryProcessing())\n                        : queryProcessing();\n                }, 700);\n            }\n        });\n\n\n        function onCategoryRangeChange() {\n            jQuery('.filter-content.slider').mouseleave(() => queryProcessing());\n            jQuery('.filter-item.slider').mouseup(() => queryProcessing());\n\n            if (isMobile || 0) {\n                if (!jQuery('.search .filters-content .filter').length) {\n                    jQuery('.search').hide();\n                }\n                \/\/ modal content position fix\n                const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n                jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n\n            }\n        };\n\n\n        function queryProcessing() {\n            let minValue = parseInt(jQuery('#slider-range.' + category).parent().prev().find(\"input.range-value\").first()[0].value);\n            let maxValue = parseInt(jQuery('#slider-range.' + category).parent().prev().find(\"input.range-value\").last()[0].value);\n\n            if (minValue < min || minValue > max) {\n                minValue = min;\n            }\n            if (maxValue > max || maxValue < min) {\n                maxValue = max;\n            }\n            if (minValue === min && maxValue === max) {\n                let queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&');\n                queryToArray = queryToArray.filter((query) => query.search('page_id=') < 0);\n                queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n                queryToArray = queryToArray.filter((query) => query.search(category + '=') < 0);\n                let arrayToQuery = queryToArray.join('&');\n\n                arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n                let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n                querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n                if(isMobile || 0){\n                    jQuery('#'+ category).parent().first().remove()\n                    if( ! jQuery('#modal-filters-mobile .modal-header .filters-content .filter').length){\n                        jQuery('.search').hide();\n                    }\n                    \/\/ modal content position fix\n                    const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n                    jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n                };\n\n                (isMobile || 0)\n                    ? queryMobileUrl = arrayToQuery\n                    : window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n            } else {\n                let queryToArray;\n\n                if (isMobile || 0) {\n                    queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&')\n                } else {\n                    queryToArray = window.location.search.split('&')\n                }\n                queryToArray = queryToArray.filter((query) => query.search('page_id=') < 0);\n\n                let is_first_time = true;\n                queryToArray.map((query, index) => {\n                    if ( query.includes(category) && !query.includes('sort=') ) {\n                        queryToArray[index] = category + \"=\" + minValue + \"--\" + maxValue;\n                        is_first_time = false;\n                    }\n                });\n\n                is_first_time && queryToArray.push(category + \"=\" + minValue + \"--\" + maxValue);\n\n                if (queryToArray.length) {\n                    queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n                }\n                let arrayToQuery = queryToArray.join('&');\n                arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n                let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n                querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n                if(isMobile || 0) {\n                    if(is_first_time){\n                        appendCategoryFilterMobile(minValue, maxValue);\n                    } else {\n                        jQuery('#'+ category).html(category.replaceAll(\"_\",\" \") + ': '+ minValue+' - '+ maxValue);\n                    }\n                }\n\n                (isMobile || 0)\n                    ? queryMobileUrl = arrayToQuery\n                    : window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n            }\n        };\n\n\n        function appendCategoryFilterMobile(minValue, maxValue) {\n\n            jQuery('.filter ' + '#_button').length && jQuery('.filter ' + '#_button').parent().remove();\n\n            const filtersSearchBar = jQuery('.search .filters-content');\n            const filterDiv = \"<div class='filter'><span id='\" + category + \"'>\" + category.replaceAll('_', ' ') + \": \" + minValue + ' - ' + maxValue + \"<\/span><span class='drop-applied-filter' onclick='onCategoryRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\";\n            filtersSearchBar.append(filterDiv);\n!\n            \/\/ modal content position fix\n            jQuery('.search').show();\n            const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n            jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n\n        }\n    });\n\n\n<\/script>\n\n                                        <\/div>\n                                    <\/div>\n\t\t\t\t\t\t\t\t                        <\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\n                        <div class=\"filter-wrap\">\n                            <div class=\"filter-title\" onclick=\"onFilterCategoryClick(event)\">\n                                <span data-filter-name=\"Payload Capacity\">Payload Capacity<\/span>\n                                <span id=\"category-count\"><\/span>\n                                <span class=\"filter-button\">\n                            <svg fill='white' height='20' viewBox='0 0 20 21' width='20'\n                                 xmlns='http:\/\/www.w3.org\/2000\/svg'>\n                                <path d='M7 10l5 5 5-5z'\/><path d='M0 0h24v24H0z' fill='none'\/>\n                            <\/svg>\n                        <\/span>\n                            <\/div>\n\t\t\t\t\t\t\t                                    <div class=\"filter-content slider\" style=\"display: none\">\n                                                                                <div class=\"filter-item slider\">\n\t\t\t\t\t\t\t\t\t\t\t\n<div class=\"range-wrapper\">\n    <div class=\"range\">\n        <input type=\"number\" class=\"range-value payload_capacity\" value=\"3950\">\n        <span class=\"range-divider\">\u2013<\/span>\n        <input type=\"number\" class=\"range-value payload_capacity\" value=\"16000\">\n    <\/div>\n<\/div>\n\n<div class=\"slider-wrapper\">\n    <div id=\"slider-range\" class=\"payload_capacity\"><\/div>\n    <div class=\"marker-wrapper\">\n        <div class=\"marker\">3950<\/div>\n        <div class=\"marker\">16000<\/div>\n    <\/div>\n<\/div>\n\n\n<style>\n\n    \/* Chrome, Safari, Edge, Opera *\/\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider input::-webkit-outer-spin-button,\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider input::-webkit-inner-spin-button {\n        -webkit-appearance: none;\n        margin: 0;\n    }\n\n    \/* Firefox *\/\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider input[type=number] {\n        -moz-appearance: textfield;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider {\n        background: white;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider {\n        padding: 6px 0;\n        row-gap: 20px;\n    }\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider #slider-range {\n        background: #d7d7d7;\n        height: 2px;\n        position: relative;\n        border-radius: 100px;\n        max-width: 96%;\n        margin: 0 auto;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider #slider-range .ui-slider-range {\n        background: rgb(38, 77, 151);\n        height: 2px;\n        position: absolute;\n        transform: translateY(-0.5px);\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider #slider-range .ui-slider-handle {\n        position: absolute;\n        width: 18px;\n        height: 18px;\n        top: 50%;\n        display: block;\n        transform: translate(-50%, -50%);\n        border-radius: 100px;\n        \/*z-index: 10;*\/\n        background: white;\n        cursor: move; \/* fallback if grab cursor is unsupported *\/\n        cursor: grab;\n        cursor: -moz-grab;\n        cursor: -webkit-grab;\n        box-shadow: inset 0 0 0px 2px rgb(38, 77, 151);\n        transition: width 0.1s;\n        outline: none;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider .range-wrapper {\n        display: flex;\n        justify-content: end;\n        margin-bottom: 3%;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider .range-wrapper .range {\n        background: #fff;\n        max-width: fit-content;\n        color: #555;\n        \/*z-index: 10;*\/\n        position: relative;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider .range-wrapper .range .range-value {\n        border: 1px solid #d2d2d2;\n        border-radius: 2px;\n        width: 55px;\n        padding: 2px 4px;\n        font-size: 12px;\n        text-align: right;\n        display: inline-block;\n        color: rgb(38, 77, 151);\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider .range-wrapper .range .range-divider {\n        margin: 0 4px;\n        color: #d2d2d2;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .marker-wrapper {\n\n        display: flex;\n        justify-content: space-between;\n        margin-top: 10px;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .marker-wrapper .marker {\n\n        width: fit-content;\n        font-size: 10px;\n        color: #757575;\n    }\n\n<\/style>\n\n<script>\n\n    \/\/function onCategoryRemoveButtonClick(event) {\n    \/\/    var isMobile = \"\/\/\";\n    \/\/    const category = jQuery(event.currentTarget).parent().find('span').first().attr('id');\n    \/\/\n    \/\/    if (isMobile){\n    \/\/        jQuery(event.currentTarget).parent().remove();\n    \/\/\n    \/\/        if (!jQuery(\"#modal-filters-mobile .search .filters-content .filter\").length) {\n    \/\/            jQuery(\"#modal-filters-mobile .search\").hide();\n    \/\/        }\n    \/\/        \/\/ modal content position fix\n    \/\/        const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n    \/\/        jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n    \/\/\n    \/\/    }\n    \/\/\n    \/\/    let queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&');\n    \/\/    queryToArray = queryToArray.filter(filter => filter.indexOf('page_id=') === -1);\n    \/\/    queryToArray = queryToArray.filter(filter => filter.indexOf(category + \"=\") === -1);\n    \/\/    let arrayToQuery = queryToArray.join('&');\n    \/\/\n    \/\/    arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n    \/\/    let querySymbol = \"\/\/\".substr(\"\/\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n    \/\/    querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n    \/\/\n    \/\/    isMobile\n    \/\/        ? queryMobileUrl = arrayToQuery\n    \/\/        : window.location = \"\/\/\" + querySymbol + arrayToQuery;\n    \/\/\n    \/\/}\n\n    jQuery(document).ready(function () {\n\n        const min = parseInt('3950');\n        const max = parseInt('16000');\n        const category = \"payload_capacity\";\n\n        \/\/ show filter content if category range changed\n        if(window.location.search.search(category + \"=\") > 0) {\n            jQuery('#slider-range.' + category).parent().parent().parent().show();\n            jQuery('#slider-range.' + category).parent().parent().parent().prev().find(\".filter-button\").addClass('flip');\n        }\n\n        \/\/ Initiate Slider\n        const valueMin = parseInt('3950');\n        const valueMax = parseInt('16000');\n\n        jQuery('#slider-range.' + category).slider({\n            range: true,\n            min: min,\n            max: max,\n            step: 1,\n            values: [valueMin, valueMax]\n        });\n\n        jQuery( '#slider-range.' + category ).slider({\n            slide: function (event, ui) {\n\n                \/\/ Update the range container values upon sliding\n                jQuery(event.target).parent().prev().find(\"input.range-value\").first()[0].value = ui.values[0];\n                jQuery(event.target).parent().prev().find(\"input.range-value\").last()[0].value = ui.values[1];\n\n                \/\/ Get old value\n                var previousVal = parseInt(jQuery(this).data('value'));\n\n                \/\/ Processing query after category changed\n                previousVal !== ui.value && onCategoryRangeChange();\n\n                \/\/ Save new value\n                jQuery(this).data({\n                    'value': parseInt(ui.value)\n                });\n            }\n        });\n\n\n        function rebuildSlider () {\n            let minValue = parseInt(jQuery('#slider-range.' + category).parent().prev().find(\"input.range-value\").first()[0].value);\n            let maxValue = parseInt(jQuery('#slider-range.' + category).parent().prev().find(\"input.range-value\").last()[0].value);\n\n            jQuery('#slider-range.' + category).slider({\n                range: true,\n                min: min,\n                max: max,\n                step: 1,\n                values: [minValue, maxValue]\n            });\n        }\n\n\n        jQuery('input.range-value.' + category).keypress(function (event) {\n            if(event.key === \"Enter\") {\n                rebuildSlider();\n                queryProcessing();\n            }\n        });\n\n        jQuery('input.range-value.' + category).change(() => {\n            if (isMobile || 0) {\n                rebuildSlider();\n                queryProcessing();\n            } else {\n                setTimeout(() => {\n                    const isInputInUse = jQuery(document.activeElement).hasClass('range-value');\n                    isInputInUse\n                        ? jQuery('input.range-value.' + category).mouseleave(() => queryProcessing())\n                        : queryProcessing();\n                }, 700);\n            }\n        });\n\n\n        function onCategoryRangeChange() {\n            jQuery('.filter-content.slider').mouseleave(() => queryProcessing());\n            jQuery('.filter-item.slider').mouseup(() => queryProcessing());\n\n            if (isMobile || 0) {\n                if (!jQuery('.search .filters-content .filter').length) {\n                    jQuery('.search').hide();\n                }\n                \/\/ modal content position fix\n                const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n                jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n\n            }\n        };\n\n\n        function queryProcessing() {\n            let minValue = parseInt(jQuery('#slider-range.' + category).parent().prev().find(\"input.range-value\").first()[0].value);\n            let maxValue = parseInt(jQuery('#slider-range.' + category).parent().prev().find(\"input.range-value\").last()[0].value);\n\n            if (minValue < min || minValue > max) {\n                minValue = min;\n            }\n            if (maxValue > max || maxValue < min) {\n                maxValue = max;\n            }\n            if (minValue === min && maxValue === max) {\n                let queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&');\n                queryToArray = queryToArray.filter((query) => query.search('page_id=') < 0);\n                queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n                queryToArray = queryToArray.filter((query) => query.search(category + '=') < 0);\n                let arrayToQuery = queryToArray.join('&');\n\n                arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n                let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n                querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n                if(isMobile || 0){\n                    jQuery('#'+ category).parent().first().remove()\n                    if( ! jQuery('#modal-filters-mobile .modal-header .filters-content .filter').length){\n                        jQuery('.search').hide();\n                    }\n                    \/\/ modal content position fix\n                    const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n                    jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n                };\n\n                (isMobile || 0)\n                    ? queryMobileUrl = arrayToQuery\n                    : window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n            } else {\n                let queryToArray;\n\n                if (isMobile || 0) {\n                    queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&')\n                } else {\n                    queryToArray = window.location.search.split('&')\n                }\n                queryToArray = queryToArray.filter((query) => query.search('page_id=') < 0);\n\n                let is_first_time = true;\n                queryToArray.map((query, index) => {\n                    if ( query.includes(category) && !query.includes('sort=') ) {\n                        queryToArray[index] = category + \"=\" + minValue + \"--\" + maxValue;\n                        is_first_time = false;\n                    }\n                });\n\n                is_first_time && queryToArray.push(category + \"=\" + minValue + \"--\" + maxValue);\n\n                if (queryToArray.length) {\n                    queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n                }\n                let arrayToQuery = queryToArray.join('&');\n                arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n                let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n                querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n                if(isMobile || 0) {\n                    if(is_first_time){\n                        appendCategoryFilterMobile(minValue, maxValue);\n                    } else {\n                        jQuery('#'+ category).html(category.replaceAll(\"_\",\" \") + ': '+ minValue+' - '+ maxValue);\n                    }\n                }\n\n                (isMobile || 0)\n                    ? queryMobileUrl = arrayToQuery\n                    : window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n            }\n        };\n\n\n        function appendCategoryFilterMobile(minValue, maxValue) {\n\n            jQuery('.filter ' + '#_button').length && jQuery('.filter ' + '#_button').parent().remove();\n\n            const filtersSearchBar = jQuery('.search .filters-content');\n            const filterDiv = \"<div class='filter'><span id='\" + category + \"'>\" + category.replaceAll('_', ' ') + \": \" + minValue + ' - ' + maxValue + \"<\/span><span class='drop-applied-filter' onclick='onCategoryRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\";\n            filtersSearchBar.append(filterDiv);\n!\n            \/\/ modal content position fix\n            jQuery('.search').show();\n            const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n            jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n\n        }\n    });\n\n\n<\/script>\n\n                                        <\/div>\n                                    <\/div>\n\t\t\t\t\t\t\t\t                        <\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\n                        <div class=\"filter-wrap\">\n                            <div class=\"filter-title\" onclick=\"onFilterCategoryClick(event)\">\n                                <span data-filter-name=\"Manufacturer\">Manufacturer<\/span>\n                                <span id=\"category-count\">2<\/span>\n                                <span class=\"filter-button\">\n                            <svg fill='white' height='20' viewBox='0 0 20 21' width='20'\n                                 xmlns='http:\/\/www.w3.org\/2000\/svg'>\n                                <path d='M7 10l5 5 5-5z'\/><path d='M0 0h24v24H0z' fill='none'\/>\n                            <\/svg>\n                        <\/span>\n                            <\/div>\n\t\t\t\t\t\t\t                                    <div class=\"filter-content\" style=\"display: none\">\n                                        \t\t\t\t\t\t\t\t\t\t                                            <div class=\"filter-item\">\n                                                <div id=\"with-count\">\n                                                    \n<input  class=\"custom-checkbox\" type=\"checkbox\" id=\"manufacturer_Featherlite_sp_Trailers\"\n                               onchange=\"onCheckboxChange(event)\">\n<label for=\"manufacturer_Featherlite_sp_Trailers\"><span>Featherlite Trailers<\/span><\/label>\n\n<script>\n\n    \/\/jQuery(document).ready(() => {\n    \/\/    const id = \"\/\/\";\n    \/\/    const checkbox = jQuery(\"#\" + id);\n    \/\/    if (checkbox.prop('checked')) {\n    \/\/        \/\/Displays full block in navbar filters section if the checkbox inside is checked\n    \/\/        checkbox.parent().parent().show();\n    \/\/        \/\/ flip arrow for filter section\n    \/\/        checkbox.parent().parent().parent().find('.filter-button').addClass('flip');\n    \/\/    }\n    \/\/})\n    function adjustModalContentPosition() {\n        const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n        jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n    }\n\n    function onCheckboxChange(event) {\n        filterProcessQuery(event);\n        if (isMobile || 0) {\n            appendFilterMobile(event);\n            if (!jQuery('.search .filters-content .filter').length) {\n                jQuery('.search').hide();\n            }\n            adjustModalContentPosition();\n        }\n    }\n\n    var queryMobileUrl = '';\n\n    function filterProcessQuery(event) {\n        let category = event.currentTarget.id === 'find_in_description'\n            ? \"Find In Description\"\n            : jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title > span').first().data('filter-name');\n        category = category.toLowerCase().replaceAll(' ', '_');\n\n        let queryToArray;\n\n        if (isMobile || 0) {\n            queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&')\n        } else {\n            queryToArray = window.location.search.split('&')\n        }\n\n        queryToArray = queryToArray.filter(query => query.search('page_id=') < 0);\n\n        let isExist = false;\n\n        \/\/ on checkbox checked\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const id = event.currentTarget.id.replace(category + '_', '');\n\n            \/\/ For boolean filters (ramps, is_rental), replace value and uncheck the other option\n            const booleanFilters = ['ramps', 'is_rental'];\n            if (booleanFilters.includes(category)) {\n                \/\/ Uncheck the other checkbox\n                const otherValue = id === '1' ? '0' : '1';\n                jQuery('#' + category + '_' + otherValue).prop('checked', false);\n\n                \/\/ Replace the value in URL (not append)\n                queryToArray = queryToArray.filter(query => query.indexOf(category + '=') === -1);\n                queryToArray.push(category + '=' + id);\n                queryToArray = queryToArray.filter(filter => filter !== '');\n            } else if (queryToArray.count) {\n                queryToArray.push(category + '=' + id);\n            } else {\n                queryToArray.map(function (query) {\n                    if (query.indexOf(category + '=') !== -1) isExist = true;\n                });\n                if (isExist) {\n                    queryToArray.map((query, index) => {\n                        if (query.indexOf(category + '=') !== -1) {\n                            query = query.split('--');\n                            query.push(id);\n                            queryToArray[index] = query.join('--');\n                        }\n                    });\n                } else {\n                    queryToArray.push(category + '=' + id);\n                    queryToArray = queryToArray.filter(filter => filter !== '');\n                }\n\n            }\n\n        } else {\n            queryToArray.map((query, index) => {\n                if (query.indexOf(category + '=') !== -1) {\n                    query = query.split('=');\n                    query = query[1].split('--');\n                    let search = event.currentTarget.id.replace(category + '_', '').replaceAll(' ', '%20')\n                    query = query.filter(filter => filter.indexOf(search) === -1);\n\n                    if(query.length) {\n                        query = query.join('--')\n                        queryToArray[index] = category + '=' + query\n                    } else {\n                        queryToArray[index] = '';\n                    }\n                }\n            });\n\n        }\n\n        if (queryToArray.length) {\n            queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n        }\n\n        let arrayToQuery = queryToArray.join('&');\n\n        arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n        if (isMobile || 0) {\n            \/\/saving query\n            queryMobileUrl = arrayToQuery;\n        } else {\n            window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n        }\n\n    }\n\n    function appendFilterMobile(event) {\n        const filtersSearchBar = jQuery('.search .filters-content')\n        const filterId = 'for_' + jQuery(event.currentTarget).attr('id').replaceAll(' ', '_');\n        const category = jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title span').first().html();\n        const categoryId = event.currentTarget.id === \"find_in_description\"\n            ? event.currentTarget.id\n            : category.replaceAll(' ', '_').toLowerCase();\n        const id = jQuery(event.currentTarget).attr('id').replace(categoryId+'_', '');\n\n        let shownId = id.indexOf('_sp_') !== -1 ? id.replace('_sp_', ' ') : id;\n        shownId = shownId.indexOf('_and_') !== -1 ? shownId.replace('_and_', '&') : shownId;\n\n\n        const filterName = jQuery(event.currentTarget).next().html();\n\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const filterDiv = categoryId === 'location' || categoryId === 'category'\n                ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + filterName + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                : categoryId === \"is_on_special\" || categoryId === \"living_quarters\" || categoryId === \"ramps\"\n                    ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                    : categoryId !== 'find_in_description'\n                        ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + shownId + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                        : \"\";\n\n            filtersSearchBar.append(filterDiv);\n            jQuery('.search').show();\n        } else {\n            jQuery(\"#\" + filterId).parent().remove();\n        }\n    }\n\n    function handleButtonClick() {\n        let queryToArray = queryMobileUrl.split('&');\n        queryToArray = queryToArray.filter(filter => filter.indexOf('page_id') === -1);\n        queryMobileUrl = queryToArray.join('&');\n        queryMobileUrl = queryMobileUrl.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! queryMobileUrl.length ? '' : querySymbol;\n        window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + queryMobileUrl;\n    }\n\n<\/script>\n\n<style>\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox {\n        position: absolute;\n        z-index: -1;\n        opacity: 0;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label {\n        display: inline-flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        color: #232323;\n        pointer-events: auto!important;\n    }\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item label > span {\n        word-break: break-word;\n        display: -webkit-box;\n        \/*overflow: hidden;*\/\n        \/*text-overflow: ellipsis;*\/\n        \/*-webkit-line-clamp: 2; !* number of lines to show *!*\/\n        \/*-webkit-box-orient: vertical;*\/\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label::before {\n        content: '';\n        display: inline-block;\n        width: 1em;\n        height: 1em;\n        flex-shrink: 0;\n        flex-grow: 0;\n        border: 1px solid #232323;\n        border-radius: 0.25em;\n        margin-right: 0.5em;\n        background-repeat: no-repeat;\n        background-position: center center;\n        background-size: 50% 50%;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox:checked + label::before {\n        background-color: transparent;\n        background-image: url(\"data:image\/svg+xml,%3Csvg width='24' height='24' stroke='black' stroke-width='2' fill='black' xmlns='http:\/\/www.w3.org\/2000\/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M24 4.685l-16.327 17.315-7.673-9.054.761-.648 6.95 8.203 15.561-16.501.728.685z'\/%3E%3C\/svg%3E\");\n    }\n<\/style>\n                                                                                                            &nbsp;\n                                                        <span id=\"filter-count\"><span> (4)<\/span><\/span>\n                                                                                                    <\/div>\n                                            <\/div>\n\t\t\t\t\t\t\t\t\t\t                                            <div class=\"filter-item\">\n                                                <div id=\"with-count\">\n                                                    \n<input  class=\"custom-checkbox\" type=\"checkbox\" id=\"manufacturer_Valley_sp_Trailers\"\n                               onchange=\"onCheckboxChange(event)\">\n<label for=\"manufacturer_Valley_sp_Trailers\"><span>Valley Trailers<\/span><\/label>\n\n<script>\n\n    \/\/jQuery(document).ready(() => {\n    \/\/    const id = \"\/\/\";\n    \/\/    const checkbox = jQuery(\"#\" + id);\n    \/\/    if (checkbox.prop('checked')) {\n    \/\/        \/\/Displays full block in navbar filters section if the checkbox inside is checked\n    \/\/        checkbox.parent().parent().show();\n    \/\/        \/\/ flip arrow for filter section\n    \/\/        checkbox.parent().parent().parent().find('.filter-button').addClass('flip');\n    \/\/    }\n    \/\/})\n    function adjustModalContentPosition() {\n        const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n        jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n    }\n\n    function onCheckboxChange(event) {\n        filterProcessQuery(event);\n        if (isMobile || 0) {\n            appendFilterMobile(event);\n            if (!jQuery('.search .filters-content .filter').length) {\n                jQuery('.search').hide();\n            }\n            adjustModalContentPosition();\n        }\n    }\n\n    var queryMobileUrl = '';\n\n    function filterProcessQuery(event) {\n        let category = event.currentTarget.id === 'find_in_description'\n            ? \"Find In Description\"\n            : jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title > span').first().data('filter-name');\n        category = category.toLowerCase().replaceAll(' ', '_');\n\n        let queryToArray;\n\n        if (isMobile || 0) {\n            queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&')\n        } else {\n            queryToArray = window.location.search.split('&')\n        }\n\n        queryToArray = queryToArray.filter(query => query.search('page_id=') < 0);\n\n        let isExist = false;\n\n        \/\/ on checkbox checked\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const id = event.currentTarget.id.replace(category + '_', '');\n\n            \/\/ For boolean filters (ramps, is_rental), replace value and uncheck the other option\n            const booleanFilters = ['ramps', 'is_rental'];\n            if (booleanFilters.includes(category)) {\n                \/\/ Uncheck the other checkbox\n                const otherValue = id === '1' ? '0' : '1';\n                jQuery('#' + category + '_' + otherValue).prop('checked', false);\n\n                \/\/ Replace the value in URL (not append)\n                queryToArray = queryToArray.filter(query => query.indexOf(category + '=') === -1);\n                queryToArray.push(category + '=' + id);\n                queryToArray = queryToArray.filter(filter => filter !== '');\n            } else if (queryToArray.count) {\n                queryToArray.push(category + '=' + id);\n            } else {\n                queryToArray.map(function (query) {\n                    if (query.indexOf(category + '=') !== -1) isExist = true;\n                });\n                if (isExist) {\n                    queryToArray.map((query, index) => {\n                        if (query.indexOf(category + '=') !== -1) {\n                            query = query.split('--');\n                            query.push(id);\n                            queryToArray[index] = query.join('--');\n                        }\n                    });\n                } else {\n                    queryToArray.push(category + '=' + id);\n                    queryToArray = queryToArray.filter(filter => filter !== '');\n                }\n\n            }\n\n        } else {\n            queryToArray.map((query, index) => {\n                if (query.indexOf(category + '=') !== -1) {\n                    query = query.split('=');\n                    query = query[1].split('--');\n                    let search = event.currentTarget.id.replace(category + '_', '').replaceAll(' ', '%20')\n                    query = query.filter(filter => filter.indexOf(search) === -1);\n\n                    if(query.length) {\n                        query = query.join('--')\n                        queryToArray[index] = category + '=' + query\n                    } else {\n                        queryToArray[index] = '';\n                    }\n                }\n            });\n\n        }\n\n        if (queryToArray.length) {\n            queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n        }\n\n        let arrayToQuery = queryToArray.join('&');\n\n        arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n        if (isMobile || 0) {\n            \/\/saving query\n            queryMobileUrl = arrayToQuery;\n        } else {\n            window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n        }\n\n    }\n\n    function appendFilterMobile(event) {\n        const filtersSearchBar = jQuery('.search .filters-content')\n        const filterId = 'for_' + jQuery(event.currentTarget).attr('id').replaceAll(' ', '_');\n        const category = jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title span').first().html();\n        const categoryId = event.currentTarget.id === \"find_in_description\"\n            ? event.currentTarget.id\n            : category.replaceAll(' ', '_').toLowerCase();\n        const id = jQuery(event.currentTarget).attr('id').replace(categoryId+'_', '');\n\n        let shownId = id.indexOf('_sp_') !== -1 ? id.replace('_sp_', ' ') : id;\n        shownId = shownId.indexOf('_and_') !== -1 ? shownId.replace('_and_', '&') : shownId;\n\n\n        const filterName = jQuery(event.currentTarget).next().html();\n\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const filterDiv = categoryId === 'location' || categoryId === 'category'\n                ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + filterName + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                : categoryId === \"is_on_special\" || categoryId === \"living_quarters\" || categoryId === \"ramps\"\n                    ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                    : categoryId !== 'find_in_description'\n                        ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + shownId + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                        : \"\";\n\n            filtersSearchBar.append(filterDiv);\n            jQuery('.search').show();\n        } else {\n            jQuery(\"#\" + filterId).parent().remove();\n        }\n    }\n\n    function handleButtonClick() {\n        let queryToArray = queryMobileUrl.split('&');\n        queryToArray = queryToArray.filter(filter => filter.indexOf('page_id') === -1);\n        queryMobileUrl = queryToArray.join('&');\n        queryMobileUrl = queryMobileUrl.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! queryMobileUrl.length ? '' : querySymbol;\n        window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + queryMobileUrl;\n    }\n\n<\/script>\n\n<style>\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox {\n        position: absolute;\n        z-index: -1;\n        opacity: 0;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label {\n        display: inline-flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        color: #232323;\n        pointer-events: auto!important;\n    }\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item label > span {\n        word-break: break-word;\n        display: -webkit-box;\n        \/*overflow: hidden;*\/\n        \/*text-overflow: ellipsis;*\/\n        \/*-webkit-line-clamp: 2; !* number of lines to show *!*\/\n        \/*-webkit-box-orient: vertical;*\/\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label::before {\n        content: '';\n        display: inline-block;\n        width: 1em;\n        height: 1em;\n        flex-shrink: 0;\n        flex-grow: 0;\n        border: 1px solid #232323;\n        border-radius: 0.25em;\n        margin-right: 0.5em;\n        background-repeat: no-repeat;\n        background-position: center center;\n        background-size: 50% 50%;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox:checked + label::before {\n        background-color: transparent;\n        background-image: url(\"data:image\/svg+xml,%3Csvg width='24' height='24' stroke='black' stroke-width='2' fill='black' xmlns='http:\/\/www.w3.org\/2000\/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M24 4.685l-16.327 17.315-7.673-9.054.761-.648 6.95 8.203 15.561-16.501.728.685z'\/%3E%3C\/svg%3E\");\n    }\n<\/style>\n                                                                                                            &nbsp;\n                                                        <span id=\"filter-count\"><span> (1)<\/span><\/span>\n                                                                                                    <\/div>\n                                            <\/div>\n\t\t\t\t\t\t\t\t\t\t                                    <\/div>\n\t\t\t\t\t\t\t\t                        <\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\n                        <div class=\"filter-wrap\">\n                            <div class=\"filter-title\" onclick=\"onFilterCategoryClick(event)\">\n                                <span data-filter-name=\"Price\">Price<\/span>\n                                <span id=\"category-count\"><\/span>\n                                <span class=\"filter-button\">\n                            <svg fill='white' height='20' viewBox='0 0 20 21' width='20'\n                                 xmlns='http:\/\/www.w3.org\/2000\/svg'>\n                                <path d='M7 10l5 5 5-5z'\/><path d='M0 0h24v24H0z' fill='none'\/>\n                            <\/svg>\n                        <\/span>\n                            <\/div>\n\t\t\t\t\t\t\t                                    <div class=\"filter-content slider\" style=\"display: none\">\n                                                                                <div class=\"filter-item slider\">\n\t\t\t\t\t\t\t\t\t\t\t\n<div class=\"range-wrapper\">\n    <div class=\"range\">\n        <input type=\"number\" class=\"range-value price\" value=\"10150\">\n        <span class=\"range-divider\">\u2013<\/span>\n        <input type=\"number\" class=\"range-value price\" value=\"44300\">\n    <\/div>\n<\/div>\n\n<div class=\"slider-wrapper\">\n    <div id=\"slider-range\" class=\"price\"><\/div>\n    <div class=\"marker-wrapper\">\n        <div class=\"marker\">10150<\/div>\n        <div class=\"marker\">44300<\/div>\n    <\/div>\n<\/div>\n\n\n<style>\n\n    \/* Chrome, Safari, Edge, Opera *\/\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider input::-webkit-outer-spin-button,\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider input::-webkit-inner-spin-button {\n        -webkit-appearance: none;\n        margin: 0;\n    }\n\n    \/* Firefox *\/\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider input[type=number] {\n        -moz-appearance: textfield;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider {\n        background: white;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider {\n        padding: 6px 0;\n        row-gap: 20px;\n    }\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider #slider-range {\n        background: #d7d7d7;\n        height: 2px;\n        position: relative;\n        border-radius: 100px;\n        max-width: 96%;\n        margin: 0 auto;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider #slider-range .ui-slider-range {\n        background: rgb(38, 77, 151);\n        height: 2px;\n        position: absolute;\n        transform: translateY(-0.5px);\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider #slider-range .ui-slider-handle {\n        position: absolute;\n        width: 18px;\n        height: 18px;\n        top: 50%;\n        display: block;\n        transform: translate(-50%, -50%);\n        border-radius: 100px;\n        \/*z-index: 10;*\/\n        background: white;\n        cursor: move; \/* fallback if grab cursor is unsupported *\/\n        cursor: grab;\n        cursor: -moz-grab;\n        cursor: -webkit-grab;\n        box-shadow: inset 0 0 0px 2px rgb(38, 77, 151);\n        transition: width 0.1s;\n        outline: none;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider .range-wrapper {\n        display: flex;\n        justify-content: end;\n        margin-bottom: 3%;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider .range-wrapper .range {\n        background: #fff;\n        max-width: fit-content;\n        color: #555;\n        \/*z-index: 10;*\/\n        position: relative;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider .range-wrapper .range .range-value {\n        border: 1px solid #d2d2d2;\n        border-radius: 2px;\n        width: 55px;\n        padding: 2px 4px;\n        font-size: 12px;\n        text-align: right;\n        display: inline-block;\n        color: rgb(38, 77, 151);\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider .range-wrapper .range .range-divider {\n        margin: 0 4px;\n        color: #d2d2d2;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .marker-wrapper {\n\n        display: flex;\n        justify-content: space-between;\n        margin-top: 10px;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .marker-wrapper .marker {\n\n        width: fit-content;\n        font-size: 10px;\n        color: #757575;\n    }\n\n<\/style>\n\n<script>\n\n    \/\/function onCategoryRemoveButtonClick(event) {\n    \/\/    var isMobile = \"\/\/\";\n    \/\/    const category = jQuery(event.currentTarget).parent().find('span').first().attr('id');\n    \/\/\n    \/\/    if (isMobile){\n    \/\/        jQuery(event.currentTarget).parent().remove();\n    \/\/\n    \/\/        if (!jQuery(\"#modal-filters-mobile .search .filters-content .filter\").length) {\n    \/\/            jQuery(\"#modal-filters-mobile .search\").hide();\n    \/\/        }\n    \/\/        \/\/ modal content position fix\n    \/\/        const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n    \/\/        jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n    \/\/\n    \/\/    }\n    \/\/\n    \/\/    let queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&');\n    \/\/    queryToArray = queryToArray.filter(filter => filter.indexOf('page_id=') === -1);\n    \/\/    queryToArray = queryToArray.filter(filter => filter.indexOf(category + \"=\") === -1);\n    \/\/    let arrayToQuery = queryToArray.join('&');\n    \/\/\n    \/\/    arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n    \/\/    let querySymbol = \"\/\/\".substr(\"\/\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n    \/\/    querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n    \/\/\n    \/\/    isMobile\n    \/\/        ? queryMobileUrl = arrayToQuery\n    \/\/        : window.location = \"\/\/\" + querySymbol + arrayToQuery;\n    \/\/\n    \/\/}\n\n    jQuery(document).ready(function () {\n\n        const min = parseInt('10150');\n        const max = parseInt('44300');\n        const category = \"price\";\n\n        \/\/ show filter content if category range changed\n        if(window.location.search.search(category + \"=\") > 0) {\n            jQuery('#slider-range.' + category).parent().parent().parent().show();\n            jQuery('#slider-range.' + category).parent().parent().parent().prev().find(\".filter-button\").addClass('flip');\n        }\n\n        \/\/ Initiate Slider\n        const valueMin = parseInt('10150');\n        const valueMax = parseInt('44300');\n\n        jQuery('#slider-range.' + category).slider({\n            range: true,\n            min: min,\n            max: max,\n            step: 1,\n            values: [valueMin, valueMax]\n        });\n\n        jQuery( '#slider-range.' + category ).slider({\n            slide: function (event, ui) {\n\n                \/\/ Update the range container values upon sliding\n                jQuery(event.target).parent().prev().find(\"input.range-value\").first()[0].value = ui.values[0];\n                jQuery(event.target).parent().prev().find(\"input.range-value\").last()[0].value = ui.values[1];\n\n                \/\/ Get old value\n                var previousVal = parseInt(jQuery(this).data('value'));\n\n                \/\/ Processing query after category changed\n                previousVal !== ui.value && onCategoryRangeChange();\n\n                \/\/ Save new value\n                jQuery(this).data({\n                    'value': parseInt(ui.value)\n                });\n            }\n        });\n\n\n        function rebuildSlider () {\n            let minValue = parseInt(jQuery('#slider-range.' + category).parent().prev().find(\"input.range-value\").first()[0].value);\n            let maxValue = parseInt(jQuery('#slider-range.' + category).parent().prev().find(\"input.range-value\").last()[0].value);\n\n            jQuery('#slider-range.' + category).slider({\n                range: true,\n                min: min,\n                max: max,\n                step: 1,\n                values: [minValue, maxValue]\n            });\n        }\n\n\n        jQuery('input.range-value.' + category).keypress(function (event) {\n            if(event.key === \"Enter\") {\n                rebuildSlider();\n                queryProcessing();\n            }\n        });\n\n        jQuery('input.range-value.' + category).change(() => {\n            if (isMobile || 0) {\n                rebuildSlider();\n                queryProcessing();\n            } else {\n                setTimeout(() => {\n                    const isInputInUse = jQuery(document.activeElement).hasClass('range-value');\n                    isInputInUse\n                        ? jQuery('input.range-value.' + category).mouseleave(() => queryProcessing())\n                        : queryProcessing();\n                }, 700);\n            }\n        });\n\n\n        function onCategoryRangeChange() {\n            jQuery('.filter-content.slider').mouseleave(() => queryProcessing());\n            jQuery('.filter-item.slider').mouseup(() => queryProcessing());\n\n            if (isMobile || 0) {\n                if (!jQuery('.search .filters-content .filter').length) {\n                    jQuery('.search').hide();\n                }\n                \/\/ modal content position fix\n                const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n                jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n\n            }\n        };\n\n\n        function queryProcessing() {\n            let minValue = parseInt(jQuery('#slider-range.' + category).parent().prev().find(\"input.range-value\").first()[0].value);\n            let maxValue = parseInt(jQuery('#slider-range.' + category).parent().prev().find(\"input.range-value\").last()[0].value);\n\n            if (minValue < min || minValue > max) {\n                minValue = min;\n            }\n            if (maxValue > max || maxValue < min) {\n                maxValue = max;\n            }\n            if (minValue === min && maxValue === max) {\n                let queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&');\n                queryToArray = queryToArray.filter((query) => query.search('page_id=') < 0);\n                queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n                queryToArray = queryToArray.filter((query) => query.search(category + '=') < 0);\n                let arrayToQuery = queryToArray.join('&');\n\n                arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n                let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n                querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n                if(isMobile || 0){\n                    jQuery('#'+ category).parent().first().remove()\n                    if( ! jQuery('#modal-filters-mobile .modal-header .filters-content .filter').length){\n                        jQuery('.search').hide();\n                    }\n                    \/\/ modal content position fix\n                    const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n                    jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n                };\n\n                (isMobile || 0)\n                    ? queryMobileUrl = arrayToQuery\n                    : window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n            } else {\n                let queryToArray;\n\n                if (isMobile || 0) {\n                    queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&')\n                } else {\n                    queryToArray = window.location.search.split('&')\n                }\n                queryToArray = queryToArray.filter((query) => query.search('page_id=') < 0);\n\n                let is_first_time = true;\n                queryToArray.map((query, index) => {\n                    if ( query.includes(category) && !query.includes('sort=') ) {\n                        queryToArray[index] = category + \"=\" + minValue + \"--\" + maxValue;\n                        is_first_time = false;\n                    }\n                });\n\n                is_first_time && queryToArray.push(category + \"=\" + minValue + \"--\" + maxValue);\n\n                if (queryToArray.length) {\n                    queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n                }\n                let arrayToQuery = queryToArray.join('&');\n                arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n                let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n                querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n                if(isMobile || 0) {\n                    if(is_first_time){\n                        appendCategoryFilterMobile(minValue, maxValue);\n                    } else {\n                        jQuery('#'+ category).html(category.replaceAll(\"_\",\" \") + ': '+ minValue+' - '+ maxValue);\n                    }\n                }\n\n                (isMobile || 0)\n                    ? queryMobileUrl = arrayToQuery\n                    : window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n            }\n        };\n\n\n        function appendCategoryFilterMobile(minValue, maxValue) {\n\n            jQuery('.filter ' + '#_button').length && jQuery('.filter ' + '#_button').parent().remove();\n\n            const filtersSearchBar = jQuery('.search .filters-content');\n            const filterDiv = \"<div class='filter'><span id='\" + category + \"'>\" + category.replaceAll('_', ' ') + \": \" + minValue + ' - ' + maxValue + \"<\/span><span class='drop-applied-filter' onclick='onCategoryRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\";\n            filtersSearchBar.append(filterDiv);\n!\n            \/\/ modal content position fix\n            jQuery('.search').show();\n            const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n            jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n\n        }\n    });\n\n\n<\/script>\n\n                                        <\/div>\n                                    <\/div>\n\t\t\t\t\t\t\t\t                        <\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\n                        <div class=\"filter-wrap\">\n                            <div class=\"filter-title\" onclick=\"onFilterCategoryClick(event)\">\n                                <span data-filter-name=\"Pull Type\">Pull Type<\/span>\n                                <span id=\"category-count\">2<\/span>\n                                <span class=\"filter-button\">\n                            <svg fill='white' height='20' viewBox='0 0 20 21' width='20'\n                                 xmlns='http:\/\/www.w3.org\/2000\/svg'>\n                                <path d='M7 10l5 5 5-5z'\/><path d='M0 0h24v24H0z' fill='none'\/>\n                            <\/svg>\n                        <\/span>\n                            <\/div>\n\t\t\t\t\t\t\t                                    <div class=\"filter-content\" style=\"display: none\">\n                                        \t\t\t\t\t\t\t\t\t\t                                            <div class=\"filter-item\">\n                                                <div id=\"with-count\">\n                                                    \n<input  class=\"custom-checkbox\" type=\"checkbox\" id=\"pull_type_Bumper\"\n                               onchange=\"onCheckboxChange(event)\">\n<label for=\"pull_type_Bumper\"><span>Bumper<\/span><\/label>\n\n<script>\n\n    \/\/jQuery(document).ready(() => {\n    \/\/    const id = \"\/\/\";\n    \/\/    const checkbox = jQuery(\"#\" + id);\n    \/\/    if (checkbox.prop('checked')) {\n    \/\/        \/\/Displays full block in navbar filters section if the checkbox inside is checked\n    \/\/        checkbox.parent().parent().show();\n    \/\/        \/\/ flip arrow for filter section\n    \/\/        checkbox.parent().parent().parent().find('.filter-button').addClass('flip');\n    \/\/    }\n    \/\/})\n    function adjustModalContentPosition() {\n        const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n        jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n    }\n\n    function onCheckboxChange(event) {\n        filterProcessQuery(event);\n        if (isMobile || 0) {\n            appendFilterMobile(event);\n            if (!jQuery('.search .filters-content .filter').length) {\n                jQuery('.search').hide();\n            }\n            adjustModalContentPosition();\n        }\n    }\n\n    var queryMobileUrl = '';\n\n    function filterProcessQuery(event) {\n        let category = event.currentTarget.id === 'find_in_description'\n            ? \"Find In Description\"\n            : jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title > span').first().data('filter-name');\n        category = category.toLowerCase().replaceAll(' ', '_');\n\n        let queryToArray;\n\n        if (isMobile || 0) {\n            queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&')\n        } else {\n            queryToArray = window.location.search.split('&')\n        }\n\n        queryToArray = queryToArray.filter(query => query.search('page_id=') < 0);\n\n        let isExist = false;\n\n        \/\/ on checkbox checked\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const id = event.currentTarget.id.replace(category + '_', '');\n\n            \/\/ For boolean filters (ramps, is_rental), replace value and uncheck the other option\n            const booleanFilters = ['ramps', 'is_rental'];\n            if (booleanFilters.includes(category)) {\n                \/\/ Uncheck the other checkbox\n                const otherValue = id === '1' ? '0' : '1';\n                jQuery('#' + category + '_' + otherValue).prop('checked', false);\n\n                \/\/ Replace the value in URL (not append)\n                queryToArray = queryToArray.filter(query => query.indexOf(category + '=') === -1);\n                queryToArray.push(category + '=' + id);\n                queryToArray = queryToArray.filter(filter => filter !== '');\n            } else if (queryToArray.count) {\n                queryToArray.push(category + '=' + id);\n            } else {\n                queryToArray.map(function (query) {\n                    if (query.indexOf(category + '=') !== -1) isExist = true;\n                });\n                if (isExist) {\n                    queryToArray.map((query, index) => {\n                        if (query.indexOf(category + '=') !== -1) {\n                            query = query.split('--');\n                            query.push(id);\n                            queryToArray[index] = query.join('--');\n                        }\n                    });\n                } else {\n                    queryToArray.push(category + '=' + id);\n                    queryToArray = queryToArray.filter(filter => filter !== '');\n                }\n\n            }\n\n        } else {\n            queryToArray.map((query, index) => {\n                if (query.indexOf(category + '=') !== -1) {\n                    query = query.split('=');\n                    query = query[1].split('--');\n                    let search = event.currentTarget.id.replace(category + '_', '').replaceAll(' ', '%20')\n                    query = query.filter(filter => filter.indexOf(search) === -1);\n\n                    if(query.length) {\n                        query = query.join('--')\n                        queryToArray[index] = category + '=' + query\n                    } else {\n                        queryToArray[index] = '';\n                    }\n                }\n            });\n\n        }\n\n        if (queryToArray.length) {\n            queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n        }\n\n        let arrayToQuery = queryToArray.join('&');\n\n        arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n        if (isMobile || 0) {\n            \/\/saving query\n            queryMobileUrl = arrayToQuery;\n        } else {\n            window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n        }\n\n    }\n\n    function appendFilterMobile(event) {\n        const filtersSearchBar = jQuery('.search .filters-content')\n        const filterId = 'for_' + jQuery(event.currentTarget).attr('id').replaceAll(' ', '_');\n        const category = jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title span').first().html();\n        const categoryId = event.currentTarget.id === \"find_in_description\"\n            ? event.currentTarget.id\n            : category.replaceAll(' ', '_').toLowerCase();\n        const id = jQuery(event.currentTarget).attr('id').replace(categoryId+'_', '');\n\n        let shownId = id.indexOf('_sp_') !== -1 ? id.replace('_sp_', ' ') : id;\n        shownId = shownId.indexOf('_and_') !== -1 ? shownId.replace('_and_', '&') : shownId;\n\n\n        const filterName = jQuery(event.currentTarget).next().html();\n\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const filterDiv = categoryId === 'location' || categoryId === 'category'\n                ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + filterName + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                : categoryId === \"is_on_special\" || categoryId === \"living_quarters\" || categoryId === \"ramps\"\n                    ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                    : categoryId !== 'find_in_description'\n                        ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + shownId + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                        : \"\";\n\n            filtersSearchBar.append(filterDiv);\n            jQuery('.search').show();\n        } else {\n            jQuery(\"#\" + filterId).parent().remove();\n        }\n    }\n\n    function handleButtonClick() {\n        let queryToArray = queryMobileUrl.split('&');\n        queryToArray = queryToArray.filter(filter => filter.indexOf('page_id') === -1);\n        queryMobileUrl = queryToArray.join('&');\n        queryMobileUrl = queryMobileUrl.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! queryMobileUrl.length ? '' : querySymbol;\n        window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + queryMobileUrl;\n    }\n\n<\/script>\n\n<style>\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox {\n        position: absolute;\n        z-index: -1;\n        opacity: 0;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label {\n        display: inline-flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        color: #232323;\n        pointer-events: auto!important;\n    }\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item label > span {\n        word-break: break-word;\n        display: -webkit-box;\n        \/*overflow: hidden;*\/\n        \/*text-overflow: ellipsis;*\/\n        \/*-webkit-line-clamp: 2; !* number of lines to show *!*\/\n        \/*-webkit-box-orient: vertical;*\/\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label::before {\n        content: '';\n        display: inline-block;\n        width: 1em;\n        height: 1em;\n        flex-shrink: 0;\n        flex-grow: 0;\n        border: 1px solid #232323;\n        border-radius: 0.25em;\n        margin-right: 0.5em;\n        background-repeat: no-repeat;\n        background-position: center center;\n        background-size: 50% 50%;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox:checked + label::before {\n        background-color: transparent;\n        background-image: url(\"data:image\/svg+xml,%3Csvg width='24' height='24' stroke='black' stroke-width='2' fill='black' xmlns='http:\/\/www.w3.org\/2000\/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M24 4.685l-16.327 17.315-7.673-9.054.761-.648 6.95 8.203 15.561-16.501.728.685z'\/%3E%3C\/svg%3E\");\n    }\n<\/style>\n                                                                                                            &nbsp;\n                                                        <span id=\"filter-count\"><span> (3)<\/span><\/span>\n                                                                                                    <\/div>\n                                            <\/div>\n\t\t\t\t\t\t\t\t\t\t                                            <div class=\"filter-item\">\n                                                <div id=\"with-count\">\n                                                    \n<input  class=\"custom-checkbox\" type=\"checkbox\" id=\"pull_type_Gooseneck\"\n                               onchange=\"onCheckboxChange(event)\">\n<label for=\"pull_type_Gooseneck\"><span>Gooseneck<\/span><\/label>\n\n<script>\n\n    \/\/jQuery(document).ready(() => {\n    \/\/    const id = \"\/\/\";\n    \/\/    const checkbox = jQuery(\"#\" + id);\n    \/\/    if (checkbox.prop('checked')) {\n    \/\/        \/\/Displays full block in navbar filters section if the checkbox inside is checked\n    \/\/        checkbox.parent().parent().show();\n    \/\/        \/\/ flip arrow for filter section\n    \/\/        checkbox.parent().parent().parent().find('.filter-button').addClass('flip');\n    \/\/    }\n    \/\/})\n    function adjustModalContentPosition() {\n        const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n        jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n    }\n\n    function onCheckboxChange(event) {\n        filterProcessQuery(event);\n        if (isMobile || 0) {\n            appendFilterMobile(event);\n            if (!jQuery('.search .filters-content .filter').length) {\n                jQuery('.search').hide();\n            }\n            adjustModalContentPosition();\n        }\n    }\n\n    var queryMobileUrl = '';\n\n    function filterProcessQuery(event) {\n        let category = event.currentTarget.id === 'find_in_description'\n            ? \"Find In Description\"\n            : jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title > span').first().data('filter-name');\n        category = category.toLowerCase().replaceAll(' ', '_');\n\n        let queryToArray;\n\n        if (isMobile || 0) {\n            queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&')\n        } else {\n            queryToArray = window.location.search.split('&')\n        }\n\n        queryToArray = queryToArray.filter(query => query.search('page_id=') < 0);\n\n        let isExist = false;\n\n        \/\/ on checkbox checked\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const id = event.currentTarget.id.replace(category + '_', '');\n\n            \/\/ For boolean filters (ramps, is_rental), replace value and uncheck the other option\n            const booleanFilters = ['ramps', 'is_rental'];\n            if (booleanFilters.includes(category)) {\n                \/\/ Uncheck the other checkbox\n                const otherValue = id === '1' ? '0' : '1';\n                jQuery('#' + category + '_' + otherValue).prop('checked', false);\n\n                \/\/ Replace the value in URL (not append)\n                queryToArray = queryToArray.filter(query => query.indexOf(category + '=') === -1);\n                queryToArray.push(category + '=' + id);\n                queryToArray = queryToArray.filter(filter => filter !== '');\n            } else if (queryToArray.count) {\n                queryToArray.push(category + '=' + id);\n            } else {\n                queryToArray.map(function (query) {\n                    if (query.indexOf(category + '=') !== -1) isExist = true;\n                });\n                if (isExist) {\n                    queryToArray.map((query, index) => {\n                        if (query.indexOf(category + '=') !== -1) {\n                            query = query.split('--');\n                            query.push(id);\n                            queryToArray[index] = query.join('--');\n                        }\n                    });\n                } else {\n                    queryToArray.push(category + '=' + id);\n                    queryToArray = queryToArray.filter(filter => filter !== '');\n                }\n\n            }\n\n        } else {\n            queryToArray.map((query, index) => {\n                if (query.indexOf(category + '=') !== -1) {\n                    query = query.split('=');\n                    query = query[1].split('--');\n                    let search = event.currentTarget.id.replace(category + '_', '').replaceAll(' ', '%20')\n                    query = query.filter(filter => filter.indexOf(search) === -1);\n\n                    if(query.length) {\n                        query = query.join('--')\n                        queryToArray[index] = category + '=' + query\n                    } else {\n                        queryToArray[index] = '';\n                    }\n                }\n            });\n\n        }\n\n        if (queryToArray.length) {\n            queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n        }\n\n        let arrayToQuery = queryToArray.join('&');\n\n        arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n        if (isMobile || 0) {\n            \/\/saving query\n            queryMobileUrl = arrayToQuery;\n        } else {\n            window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n        }\n\n    }\n\n    function appendFilterMobile(event) {\n        const filtersSearchBar = jQuery('.search .filters-content')\n        const filterId = 'for_' + jQuery(event.currentTarget).attr('id').replaceAll(' ', '_');\n        const category = jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title span').first().html();\n        const categoryId = event.currentTarget.id === \"find_in_description\"\n            ? event.currentTarget.id\n            : category.replaceAll(' ', '_').toLowerCase();\n        const id = jQuery(event.currentTarget).attr('id').replace(categoryId+'_', '');\n\n        let shownId = id.indexOf('_sp_') !== -1 ? id.replace('_sp_', ' ') : id;\n        shownId = shownId.indexOf('_and_') !== -1 ? shownId.replace('_and_', '&') : shownId;\n\n\n        const filterName = jQuery(event.currentTarget).next().html();\n\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const filterDiv = categoryId === 'location' || categoryId === 'category'\n                ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + filterName + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                : categoryId === \"is_on_special\" || categoryId === \"living_quarters\" || categoryId === \"ramps\"\n                    ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                    : categoryId !== 'find_in_description'\n                        ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + shownId + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                        : \"\";\n\n            filtersSearchBar.append(filterDiv);\n            jQuery('.search').show();\n        } else {\n            jQuery(\"#\" + filterId).parent().remove();\n        }\n    }\n\n    function handleButtonClick() {\n        let queryToArray = queryMobileUrl.split('&');\n        queryToArray = queryToArray.filter(filter => filter.indexOf('page_id') === -1);\n        queryMobileUrl = queryToArray.join('&');\n        queryMobileUrl = queryMobileUrl.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! queryMobileUrl.length ? '' : querySymbol;\n        window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + queryMobileUrl;\n    }\n\n<\/script>\n\n<style>\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox {\n        position: absolute;\n        z-index: -1;\n        opacity: 0;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label {\n        display: inline-flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        color: #232323;\n        pointer-events: auto!important;\n    }\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item label > span {\n        word-break: break-word;\n        display: -webkit-box;\n        \/*overflow: hidden;*\/\n        \/*text-overflow: ellipsis;*\/\n        \/*-webkit-line-clamp: 2; !* number of lines to show *!*\/\n        \/*-webkit-box-orient: vertical;*\/\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label::before {\n        content: '';\n        display: inline-block;\n        width: 1em;\n        height: 1em;\n        flex-shrink: 0;\n        flex-grow: 0;\n        border: 1px solid #232323;\n        border-radius: 0.25em;\n        margin-right: 0.5em;\n        background-repeat: no-repeat;\n        background-position: center center;\n        background-size: 50% 50%;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox:checked + label::before {\n        background-color: transparent;\n        background-image: url(\"data:image\/svg+xml,%3Csvg width='24' height='24' stroke='black' stroke-width='2' fill='black' xmlns='http:\/\/www.w3.org\/2000\/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M24 4.685l-16.327 17.315-7.673-9.054.761-.648 6.95 8.203 15.561-16.501.728.685z'\/%3E%3C\/svg%3E\");\n    }\n<\/style>\n                                                                                                            &nbsp;\n                                                        <span id=\"filter-count\"><span> (2)<\/span><\/span>\n                                                                                                    <\/div>\n                                            <\/div>\n\t\t\t\t\t\t\t\t\t\t                                    <\/div>\n\t\t\t\t\t\t\t\t                        <\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\n                        <div class=\"filter-wrap\">\n                            <div class=\"filter-title\" onclick=\"onFilterCategoryClick(event)\">\n                                <span data-filter-name=\"Color\">Color<\/span>\n                                <span id=\"category-count\">3<\/span>\n                                <span class=\"filter-button\">\n                            <svg fill='white' height='20' viewBox='0 0 20 21' width='20'\n                                 xmlns='http:\/\/www.w3.org\/2000\/svg'>\n                                <path d='M7 10l5 5 5-5z'\/><path d='M0 0h24v24H0z' fill='none'\/>\n                            <\/svg>\n                        <\/span>\n                            <\/div>\n\t\t\t\t\t\t\t                                    <div class=\"filter-content\" style=\"display: none\">\n                                        \t\t\t\t\t\t\t\t\t\t                                            <div class=\"filter-item\">\n                                                <div id=\"with-count\">\n                                                    \n<input  class=\"custom-checkbox\" type=\"checkbox\" id=\"color_White\"\n                               onchange=\"onCheckboxChange(event)\">\n<label for=\"color_White\"><span>White<\/span><\/label>\n\n<script>\n\n    \/\/jQuery(document).ready(() => {\n    \/\/    const id = \"\/\/\";\n    \/\/    const checkbox = jQuery(\"#\" + id);\n    \/\/    if (checkbox.prop('checked')) {\n    \/\/        \/\/Displays full block in navbar filters section if the checkbox inside is checked\n    \/\/        checkbox.parent().parent().show();\n    \/\/        \/\/ flip arrow for filter section\n    \/\/        checkbox.parent().parent().parent().find('.filter-button').addClass('flip');\n    \/\/    }\n    \/\/})\n    function adjustModalContentPosition() {\n        const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n        jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n    }\n\n    function onCheckboxChange(event) {\n        filterProcessQuery(event);\n        if (isMobile || 0) {\n            appendFilterMobile(event);\n            if (!jQuery('.search .filters-content .filter').length) {\n                jQuery('.search').hide();\n            }\n            adjustModalContentPosition();\n        }\n    }\n\n    var queryMobileUrl = '';\n\n    function filterProcessQuery(event) {\n        let category = event.currentTarget.id === 'find_in_description'\n            ? \"Find In Description\"\n            : jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title > span').first().data('filter-name');\n        category = category.toLowerCase().replaceAll(' ', '_');\n\n        let queryToArray;\n\n        if (isMobile || 0) {\n            queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&')\n        } else {\n            queryToArray = window.location.search.split('&')\n        }\n\n        queryToArray = queryToArray.filter(query => query.search('page_id=') < 0);\n\n        let isExist = false;\n\n        \/\/ on checkbox checked\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const id = event.currentTarget.id.replace(category + '_', '');\n\n            \/\/ For boolean filters (ramps, is_rental), replace value and uncheck the other option\n            const booleanFilters = ['ramps', 'is_rental'];\n            if (booleanFilters.includes(category)) {\n                \/\/ Uncheck the other checkbox\n                const otherValue = id === '1' ? '0' : '1';\n                jQuery('#' + category + '_' + otherValue).prop('checked', false);\n\n                \/\/ Replace the value in URL (not append)\n                queryToArray = queryToArray.filter(query => query.indexOf(category + '=') === -1);\n                queryToArray.push(category + '=' + id);\n                queryToArray = queryToArray.filter(filter => filter !== '');\n            } else if (queryToArray.count) {\n                queryToArray.push(category + '=' + id);\n            } else {\n                queryToArray.map(function (query) {\n                    if (query.indexOf(category + '=') !== -1) isExist = true;\n                });\n                if (isExist) {\n                    queryToArray.map((query, index) => {\n                        if (query.indexOf(category + '=') !== -1) {\n                            query = query.split('--');\n                            query.push(id);\n                            queryToArray[index] = query.join('--');\n                        }\n                    });\n                } else {\n                    queryToArray.push(category + '=' + id);\n                    queryToArray = queryToArray.filter(filter => filter !== '');\n                }\n\n            }\n\n        } else {\n            queryToArray.map((query, index) => {\n                if (query.indexOf(category + '=') !== -1) {\n                    query = query.split('=');\n                    query = query[1].split('--');\n                    let search = event.currentTarget.id.replace(category + '_', '').replaceAll(' ', '%20')\n                    query = query.filter(filter => filter.indexOf(search) === -1);\n\n                    if(query.length) {\n                        query = query.join('--')\n                        queryToArray[index] = category + '=' + query\n                    } else {\n                        queryToArray[index] = '';\n                    }\n                }\n            });\n\n        }\n\n        if (queryToArray.length) {\n            queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n        }\n\n        let arrayToQuery = queryToArray.join('&');\n\n        arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n        if (isMobile || 0) {\n            \/\/saving query\n            queryMobileUrl = arrayToQuery;\n        } else {\n            window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n        }\n\n    }\n\n    function appendFilterMobile(event) {\n        const filtersSearchBar = jQuery('.search .filters-content')\n        const filterId = 'for_' + jQuery(event.currentTarget).attr('id').replaceAll(' ', '_');\n        const category = jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title span').first().html();\n        const categoryId = event.currentTarget.id === \"find_in_description\"\n            ? event.currentTarget.id\n            : category.replaceAll(' ', '_').toLowerCase();\n        const id = jQuery(event.currentTarget).attr('id').replace(categoryId+'_', '');\n\n        let shownId = id.indexOf('_sp_') !== -1 ? id.replace('_sp_', ' ') : id;\n        shownId = shownId.indexOf('_and_') !== -1 ? shownId.replace('_and_', '&') : shownId;\n\n\n        const filterName = jQuery(event.currentTarget).next().html();\n\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const filterDiv = categoryId === 'location' || categoryId === 'category'\n                ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + filterName + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                : categoryId === \"is_on_special\" || categoryId === \"living_quarters\" || categoryId === \"ramps\"\n                    ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                    : categoryId !== 'find_in_description'\n                        ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + shownId + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                        : \"\";\n\n            filtersSearchBar.append(filterDiv);\n            jQuery('.search').show();\n        } else {\n            jQuery(\"#\" + filterId).parent().remove();\n        }\n    }\n\n    function handleButtonClick() {\n        let queryToArray = queryMobileUrl.split('&');\n        queryToArray = queryToArray.filter(filter => filter.indexOf('page_id') === -1);\n        queryMobileUrl = queryToArray.join('&');\n        queryMobileUrl = queryMobileUrl.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! queryMobileUrl.length ? '' : querySymbol;\n        window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + queryMobileUrl;\n    }\n\n<\/script>\n\n<style>\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox {\n        position: absolute;\n        z-index: -1;\n        opacity: 0;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label {\n        display: inline-flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        color: #232323;\n        pointer-events: auto!important;\n    }\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item label > span {\n        word-break: break-word;\n        display: -webkit-box;\n        \/*overflow: hidden;*\/\n        \/*text-overflow: ellipsis;*\/\n        \/*-webkit-line-clamp: 2; !* number of lines to show *!*\/\n        \/*-webkit-box-orient: vertical;*\/\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label::before {\n        content: '';\n        display: inline-block;\n        width: 1em;\n        height: 1em;\n        flex-shrink: 0;\n        flex-grow: 0;\n        border: 1px solid #232323;\n        border-radius: 0.25em;\n        margin-right: 0.5em;\n        background-repeat: no-repeat;\n        background-position: center center;\n        background-size: 50% 50%;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox:checked + label::before {\n        background-color: transparent;\n        background-image: url(\"data:image\/svg+xml,%3Csvg width='24' height='24' stroke='black' stroke-width='2' fill='black' xmlns='http:\/\/www.w3.org\/2000\/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M24 4.685l-16.327 17.315-7.673-9.054.761-.648 6.95 8.203 15.561-16.501.728.685z'\/%3E%3C\/svg%3E\");\n    }\n<\/style>\n                                                                                                            &nbsp;\n                                                        <span id=\"filter-count\"><span> (2)<\/span><\/span>\n                                                                                                    <\/div>\n                                            <\/div>\n\t\t\t\t\t\t\t\t\t\t                                            <div class=\"filter-item\">\n                                                <div id=\"with-count\">\n                                                    \n<input  class=\"custom-checkbox\" type=\"checkbox\" id=\"color_Charcoal\"\n                               onchange=\"onCheckboxChange(event)\">\n<label for=\"color_Charcoal\"><span>Charcoal<\/span><\/label>\n\n<script>\n\n    \/\/jQuery(document).ready(() => {\n    \/\/    const id = \"\/\/\";\n    \/\/    const checkbox = jQuery(\"#\" + id);\n    \/\/    if (checkbox.prop('checked')) {\n    \/\/        \/\/Displays full block in navbar filters section if the checkbox inside is checked\n    \/\/        checkbox.parent().parent().show();\n    \/\/        \/\/ flip arrow for filter section\n    \/\/        checkbox.parent().parent().parent().find('.filter-button').addClass('flip');\n    \/\/    }\n    \/\/})\n    function adjustModalContentPosition() {\n        const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n        jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n    }\n\n    function onCheckboxChange(event) {\n        filterProcessQuery(event);\n        if (isMobile || 0) {\n            appendFilterMobile(event);\n            if (!jQuery('.search .filters-content .filter').length) {\n                jQuery('.search').hide();\n            }\n            adjustModalContentPosition();\n        }\n    }\n\n    var queryMobileUrl = '';\n\n    function filterProcessQuery(event) {\n        let category = event.currentTarget.id === 'find_in_description'\n            ? \"Find In Description\"\n            : jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title > span').first().data('filter-name');\n        category = category.toLowerCase().replaceAll(' ', '_');\n\n        let queryToArray;\n\n        if (isMobile || 0) {\n            queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&')\n        } else {\n            queryToArray = window.location.search.split('&')\n        }\n\n        queryToArray = queryToArray.filter(query => query.search('page_id=') < 0);\n\n        let isExist = false;\n\n        \/\/ on checkbox checked\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const id = event.currentTarget.id.replace(category + '_', '');\n\n            \/\/ For boolean filters (ramps, is_rental), replace value and uncheck the other option\n            const booleanFilters = ['ramps', 'is_rental'];\n            if (booleanFilters.includes(category)) {\n                \/\/ Uncheck the other checkbox\n                const otherValue = id === '1' ? '0' : '1';\n                jQuery('#' + category + '_' + otherValue).prop('checked', false);\n\n                \/\/ Replace the value in URL (not append)\n                queryToArray = queryToArray.filter(query => query.indexOf(category + '=') === -1);\n                queryToArray.push(category + '=' + id);\n                queryToArray = queryToArray.filter(filter => filter !== '');\n            } else if (queryToArray.count) {\n                queryToArray.push(category + '=' + id);\n            } else {\n                queryToArray.map(function (query) {\n                    if (query.indexOf(category + '=') !== -1) isExist = true;\n                });\n                if (isExist) {\n                    queryToArray.map((query, index) => {\n                        if (query.indexOf(category + '=') !== -1) {\n                            query = query.split('--');\n                            query.push(id);\n                            queryToArray[index] = query.join('--');\n                        }\n                    });\n                } else {\n                    queryToArray.push(category + '=' + id);\n                    queryToArray = queryToArray.filter(filter => filter !== '');\n                }\n\n            }\n\n        } else {\n            queryToArray.map((query, index) => {\n                if (query.indexOf(category + '=') !== -1) {\n                    query = query.split('=');\n                    query = query[1].split('--');\n                    let search = event.currentTarget.id.replace(category + '_', '').replaceAll(' ', '%20')\n                    query = query.filter(filter => filter.indexOf(search) === -1);\n\n                    if(query.length) {\n                        query = query.join('--')\n                        queryToArray[index] = category + '=' + query\n                    } else {\n                        queryToArray[index] = '';\n                    }\n                }\n            });\n\n        }\n\n        if (queryToArray.length) {\n            queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n        }\n\n        let arrayToQuery = queryToArray.join('&');\n\n        arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n        if (isMobile || 0) {\n            \/\/saving query\n            queryMobileUrl = arrayToQuery;\n        } else {\n            window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n        }\n\n    }\n\n    function appendFilterMobile(event) {\n        const filtersSearchBar = jQuery('.search .filters-content')\n        const filterId = 'for_' + jQuery(event.currentTarget).attr('id').replaceAll(' ', '_');\n        const category = jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title span').first().html();\n        const categoryId = event.currentTarget.id === \"find_in_description\"\n            ? event.currentTarget.id\n            : category.replaceAll(' ', '_').toLowerCase();\n        const id = jQuery(event.currentTarget).attr('id').replace(categoryId+'_', '');\n\n        let shownId = id.indexOf('_sp_') !== -1 ? id.replace('_sp_', ' ') : id;\n        shownId = shownId.indexOf('_and_') !== -1 ? shownId.replace('_and_', '&') : shownId;\n\n\n        const filterName = jQuery(event.currentTarget).next().html();\n\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const filterDiv = categoryId === 'location' || categoryId === 'category'\n                ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + filterName + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                : categoryId === \"is_on_special\" || categoryId === \"living_quarters\" || categoryId === \"ramps\"\n                    ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                    : categoryId !== 'find_in_description'\n                        ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + shownId + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                        : \"\";\n\n            filtersSearchBar.append(filterDiv);\n            jQuery('.search').show();\n        } else {\n            jQuery(\"#\" + filterId).parent().remove();\n        }\n    }\n\n    function handleButtonClick() {\n        let queryToArray = queryMobileUrl.split('&');\n        queryToArray = queryToArray.filter(filter => filter.indexOf('page_id') === -1);\n        queryMobileUrl = queryToArray.join('&');\n        queryMobileUrl = queryMobileUrl.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! queryMobileUrl.length ? '' : querySymbol;\n        window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + queryMobileUrl;\n    }\n\n<\/script>\n\n<style>\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox {\n        position: absolute;\n        z-index: -1;\n        opacity: 0;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label {\n        display: inline-flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        color: #232323;\n        pointer-events: auto!important;\n    }\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item label > span {\n        word-break: break-word;\n        display: -webkit-box;\n        \/*overflow: hidden;*\/\n        \/*text-overflow: ellipsis;*\/\n        \/*-webkit-line-clamp: 2; !* number of lines to show *!*\/\n        \/*-webkit-box-orient: vertical;*\/\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label::before {\n        content: '';\n        display: inline-block;\n        width: 1em;\n        height: 1em;\n        flex-shrink: 0;\n        flex-grow: 0;\n        border: 1px solid #232323;\n        border-radius: 0.25em;\n        margin-right: 0.5em;\n        background-repeat: no-repeat;\n        background-position: center center;\n        background-size: 50% 50%;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox:checked + label::before {\n        background-color: transparent;\n        background-image: url(\"data:image\/svg+xml,%3Csvg width='24' height='24' stroke='black' stroke-width='2' fill='black' xmlns='http:\/\/www.w3.org\/2000\/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M24 4.685l-16.327 17.315-7.673-9.054.761-.648 6.95 8.203 15.561-16.501.728.685z'\/%3E%3C\/svg%3E\");\n    }\n<\/style>\n                                                                                                            &nbsp;\n                                                        <span id=\"filter-count\"><span> (1)<\/span><\/span>\n                                                                                                    <\/div>\n                                            <\/div>\n\t\t\t\t\t\t\t\t\t\t                                            <div class=\"filter-item\">\n                                                <div id=\"with-count\">\n                                                    \n<input  class=\"custom-checkbox\" type=\"checkbox\" id=\"color_Silver\"\n                               onchange=\"onCheckboxChange(event)\">\n<label for=\"color_Silver\"><span>Silver<\/span><\/label>\n\n<script>\n\n    \/\/jQuery(document).ready(() => {\n    \/\/    const id = \"\/\/\";\n    \/\/    const checkbox = jQuery(\"#\" + id);\n    \/\/    if (checkbox.prop('checked')) {\n    \/\/        \/\/Displays full block in navbar filters section if the checkbox inside is checked\n    \/\/        checkbox.parent().parent().show();\n    \/\/        \/\/ flip arrow for filter section\n    \/\/        checkbox.parent().parent().parent().find('.filter-button').addClass('flip');\n    \/\/    }\n    \/\/})\n    function adjustModalContentPosition() {\n        const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n        jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n    }\n\n    function onCheckboxChange(event) {\n        filterProcessQuery(event);\n        if (isMobile || 0) {\n            appendFilterMobile(event);\n            if (!jQuery('.search .filters-content .filter').length) {\n                jQuery('.search').hide();\n            }\n            adjustModalContentPosition();\n        }\n    }\n\n    var queryMobileUrl = '';\n\n    function filterProcessQuery(event) {\n        let category = event.currentTarget.id === 'find_in_description'\n            ? \"Find In Description\"\n            : jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title > span').first().data('filter-name');\n        category = category.toLowerCase().replaceAll(' ', '_');\n\n        let queryToArray;\n\n        if (isMobile || 0) {\n            queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&')\n        } else {\n            queryToArray = window.location.search.split('&')\n        }\n\n        queryToArray = queryToArray.filter(query => query.search('page_id=') < 0);\n\n        let isExist = false;\n\n        \/\/ on checkbox checked\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const id = event.currentTarget.id.replace(category + '_', '');\n\n            \/\/ For boolean filters (ramps, is_rental), replace value and uncheck the other option\n            const booleanFilters = ['ramps', 'is_rental'];\n            if (booleanFilters.includes(category)) {\n                \/\/ Uncheck the other checkbox\n                const otherValue = id === '1' ? '0' : '1';\n                jQuery('#' + category + '_' + otherValue).prop('checked', false);\n\n                \/\/ Replace the value in URL (not append)\n                queryToArray = queryToArray.filter(query => query.indexOf(category + '=') === -1);\n                queryToArray.push(category + '=' + id);\n                queryToArray = queryToArray.filter(filter => filter !== '');\n            } else if (queryToArray.count) {\n                queryToArray.push(category + '=' + id);\n            } else {\n                queryToArray.map(function (query) {\n                    if (query.indexOf(category + '=') !== -1) isExist = true;\n                });\n                if (isExist) {\n                    queryToArray.map((query, index) => {\n                        if (query.indexOf(category + '=') !== -1) {\n                            query = query.split('--');\n                            query.push(id);\n                            queryToArray[index] = query.join('--');\n                        }\n                    });\n                } else {\n                    queryToArray.push(category + '=' + id);\n                    queryToArray = queryToArray.filter(filter => filter !== '');\n                }\n\n            }\n\n        } else {\n            queryToArray.map((query, index) => {\n                if (query.indexOf(category + '=') !== -1) {\n                    query = query.split('=');\n                    query = query[1].split('--');\n                    let search = event.currentTarget.id.replace(category + '_', '').replaceAll(' ', '%20')\n                    query = query.filter(filter => filter.indexOf(search) === -1);\n\n                    if(query.length) {\n                        query = query.join('--')\n                        queryToArray[index] = category + '=' + query\n                    } else {\n                        queryToArray[index] = '';\n                    }\n                }\n            });\n\n        }\n\n        if (queryToArray.length) {\n            queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n        }\n\n        let arrayToQuery = queryToArray.join('&');\n\n        arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n        if (isMobile || 0) {\n            \/\/saving query\n            queryMobileUrl = arrayToQuery;\n        } else {\n            window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n        }\n\n    }\n\n    function appendFilterMobile(event) {\n        const filtersSearchBar = jQuery('.search .filters-content')\n        const filterId = 'for_' + jQuery(event.currentTarget).attr('id').replaceAll(' ', '_');\n        const category = jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title span').first().html();\n        const categoryId = event.currentTarget.id === \"find_in_description\"\n            ? event.currentTarget.id\n            : category.replaceAll(' ', '_').toLowerCase();\n        const id = jQuery(event.currentTarget).attr('id').replace(categoryId+'_', '');\n\n        let shownId = id.indexOf('_sp_') !== -1 ? id.replace('_sp_', ' ') : id;\n        shownId = shownId.indexOf('_and_') !== -1 ? shownId.replace('_and_', '&') : shownId;\n\n\n        const filterName = jQuery(event.currentTarget).next().html();\n\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const filterDiv = categoryId === 'location' || categoryId === 'category'\n                ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + filterName + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                : categoryId === \"is_on_special\" || categoryId === \"living_quarters\" || categoryId === \"ramps\"\n                    ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                    : categoryId !== 'find_in_description'\n                        ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + shownId + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                        : \"\";\n\n            filtersSearchBar.append(filterDiv);\n            jQuery('.search').show();\n        } else {\n            jQuery(\"#\" + filterId).parent().remove();\n        }\n    }\n\n    function handleButtonClick() {\n        let queryToArray = queryMobileUrl.split('&');\n        queryToArray = queryToArray.filter(filter => filter.indexOf('page_id') === -1);\n        queryMobileUrl = queryToArray.join('&');\n        queryMobileUrl = queryMobileUrl.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! queryMobileUrl.length ? '' : querySymbol;\n        window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + queryMobileUrl;\n    }\n\n<\/script>\n\n<style>\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox {\n        position: absolute;\n        z-index: -1;\n        opacity: 0;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label {\n        display: inline-flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        color: #232323;\n        pointer-events: auto!important;\n    }\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item label > span {\n        word-break: break-word;\n        display: -webkit-box;\n        \/*overflow: hidden;*\/\n        \/*text-overflow: ellipsis;*\/\n        \/*-webkit-line-clamp: 2; !* number of lines to show *!*\/\n        \/*-webkit-box-orient: vertical;*\/\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label::before {\n        content: '';\n        display: inline-block;\n        width: 1em;\n        height: 1em;\n        flex-shrink: 0;\n        flex-grow: 0;\n        border: 1px solid #232323;\n        border-radius: 0.25em;\n        margin-right: 0.5em;\n        background-repeat: no-repeat;\n        background-position: center center;\n        background-size: 50% 50%;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox:checked + label::before {\n        background-color: transparent;\n        background-image: url(\"data:image\/svg+xml,%3Csvg width='24' height='24' stroke='black' stroke-width='2' fill='black' xmlns='http:\/\/www.w3.org\/2000\/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M24 4.685l-16.327 17.315-7.673-9.054.761-.648 6.95 8.203 15.561-16.501.728.685z'\/%3E%3C\/svg%3E\");\n    }\n<\/style>\n                                                                                                            &nbsp;\n                                                        <span id=\"filter-count\"><span> (1)<\/span><\/span>\n                                                                                                    <\/div>\n                                            <\/div>\n\t\t\t\t\t\t\t\t\t\t                                    <\/div>\n\t\t\t\t\t\t\t\t                        <\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\n                        <div class=\"filter-wrap\">\n                            <div class=\"filter-title\" onclick=\"onFilterCategoryClick(event)\">\n                                <span data-filter-name=\"Suspension Type\">Suspension Type<\/span>\n                                <span id=\"category-count\">1<\/span>\n                                <span class=\"filter-button\">\n                            <svg fill='white' height='20' viewBox='0 0 20 21' width='20'\n                                 xmlns='http:\/\/www.w3.org\/2000\/svg'>\n                                <path d='M7 10l5 5 5-5z'\/><path d='M0 0h24v24H0z' fill='none'\/>\n                            <\/svg>\n                        <\/span>\n                            <\/div>\n\t\t\t\t\t\t\t                                    <div class=\"filter-content\" style=\"display: none\">\n                                        \t\t\t\t\t\t\t\t\t\t                                            <div class=\"filter-item\">\n                                                <div id=\"with-count\">\n                                                    \n<input  class=\"custom-checkbox\" type=\"checkbox\" id=\"suspension_type_Torsion_sp_Suspension\"\n                               onchange=\"onCheckboxChange(event)\">\n<label for=\"suspension_type_Torsion_sp_Suspension\"><span>Torsion Suspension<\/span><\/label>\n\n<script>\n\n    \/\/jQuery(document).ready(() => {\n    \/\/    const id = \"\/\/\";\n    \/\/    const checkbox = jQuery(\"#\" + id);\n    \/\/    if (checkbox.prop('checked')) {\n    \/\/        \/\/Displays full block in navbar filters section if the checkbox inside is checked\n    \/\/        checkbox.parent().parent().show();\n    \/\/        \/\/ flip arrow for filter section\n    \/\/        checkbox.parent().parent().parent().find('.filter-button').addClass('flip');\n    \/\/    }\n    \/\/})\n    function adjustModalContentPosition() {\n        const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n        jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n    }\n\n    function onCheckboxChange(event) {\n        filterProcessQuery(event);\n        if (isMobile || 0) {\n            appendFilterMobile(event);\n            if (!jQuery('.search .filters-content .filter').length) {\n                jQuery('.search').hide();\n            }\n            adjustModalContentPosition();\n        }\n    }\n\n    var queryMobileUrl = '';\n\n    function filterProcessQuery(event) {\n        let category = event.currentTarget.id === 'find_in_description'\n            ? \"Find In Description\"\n            : jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title > span').first().data('filter-name');\n        category = category.toLowerCase().replaceAll(' ', '_');\n\n        let queryToArray;\n\n        if (isMobile || 0) {\n            queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&')\n        } else {\n            queryToArray = window.location.search.split('&')\n        }\n\n        queryToArray = queryToArray.filter(query => query.search('page_id=') < 0);\n\n        let isExist = false;\n\n        \/\/ on checkbox checked\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const id = event.currentTarget.id.replace(category + '_', '');\n\n            \/\/ For boolean filters (ramps, is_rental), replace value and uncheck the other option\n            const booleanFilters = ['ramps', 'is_rental'];\n            if (booleanFilters.includes(category)) {\n                \/\/ Uncheck the other checkbox\n                const otherValue = id === '1' ? '0' : '1';\n                jQuery('#' + category + '_' + otherValue).prop('checked', false);\n\n                \/\/ Replace the value in URL (not append)\n                queryToArray = queryToArray.filter(query => query.indexOf(category + '=') === -1);\n                queryToArray.push(category + '=' + id);\n                queryToArray = queryToArray.filter(filter => filter !== '');\n            } else if (queryToArray.count) {\n                queryToArray.push(category + '=' + id);\n            } else {\n                queryToArray.map(function (query) {\n                    if (query.indexOf(category + '=') !== -1) isExist = true;\n                });\n                if (isExist) {\n                    queryToArray.map((query, index) => {\n                        if (query.indexOf(category + '=') !== -1) {\n                            query = query.split('--');\n                            query.push(id);\n                            queryToArray[index] = query.join('--');\n                        }\n                    });\n                } else {\n                    queryToArray.push(category + '=' + id);\n                    queryToArray = queryToArray.filter(filter => filter !== '');\n                }\n\n            }\n\n        } else {\n            queryToArray.map((query, index) => {\n                if (query.indexOf(category + '=') !== -1) {\n                    query = query.split('=');\n                    query = query[1].split('--');\n                    let search = event.currentTarget.id.replace(category + '_', '').replaceAll(' ', '%20')\n                    query = query.filter(filter => filter.indexOf(search) === -1);\n\n                    if(query.length) {\n                        query = query.join('--')\n                        queryToArray[index] = category + '=' + query\n                    } else {\n                        queryToArray[index] = '';\n                    }\n                }\n            });\n\n        }\n\n        if (queryToArray.length) {\n            queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n        }\n\n        let arrayToQuery = queryToArray.join('&');\n\n        arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n        if (isMobile || 0) {\n            \/\/saving query\n            queryMobileUrl = arrayToQuery;\n        } else {\n            window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n        }\n\n    }\n\n    function appendFilterMobile(event) {\n        const filtersSearchBar = jQuery('.search .filters-content')\n        const filterId = 'for_' + jQuery(event.currentTarget).attr('id').replaceAll(' ', '_');\n        const category = jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title span').first().html();\n        const categoryId = event.currentTarget.id === \"find_in_description\"\n            ? event.currentTarget.id\n            : category.replaceAll(' ', '_').toLowerCase();\n        const id = jQuery(event.currentTarget).attr('id').replace(categoryId+'_', '');\n\n        let shownId = id.indexOf('_sp_') !== -1 ? id.replace('_sp_', ' ') : id;\n        shownId = shownId.indexOf('_and_') !== -1 ? shownId.replace('_and_', '&') : shownId;\n\n\n        const filterName = jQuery(event.currentTarget).next().html();\n\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const filterDiv = categoryId === 'location' || categoryId === 'category'\n                ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + filterName + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                : categoryId === \"is_on_special\" || categoryId === \"living_quarters\" || categoryId === \"ramps\"\n                    ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                    : categoryId !== 'find_in_description'\n                        ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + shownId + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                        : \"\";\n\n            filtersSearchBar.append(filterDiv);\n            jQuery('.search').show();\n        } else {\n            jQuery(\"#\" + filterId).parent().remove();\n        }\n    }\n\n    function handleButtonClick() {\n        let queryToArray = queryMobileUrl.split('&');\n        queryToArray = queryToArray.filter(filter => filter.indexOf('page_id') === -1);\n        queryMobileUrl = queryToArray.join('&');\n        queryMobileUrl = queryMobileUrl.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! queryMobileUrl.length ? '' : querySymbol;\n        window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + queryMobileUrl;\n    }\n\n<\/script>\n\n<style>\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox {\n        position: absolute;\n        z-index: -1;\n        opacity: 0;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label {\n        display: inline-flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        color: #232323;\n        pointer-events: auto!important;\n    }\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item label > span {\n        word-break: break-word;\n        display: -webkit-box;\n        \/*overflow: hidden;*\/\n        \/*text-overflow: ellipsis;*\/\n        \/*-webkit-line-clamp: 2; !* number of lines to show *!*\/\n        \/*-webkit-box-orient: vertical;*\/\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label::before {\n        content: '';\n        display: inline-block;\n        width: 1em;\n        height: 1em;\n        flex-shrink: 0;\n        flex-grow: 0;\n        border: 1px solid #232323;\n        border-radius: 0.25em;\n        margin-right: 0.5em;\n        background-repeat: no-repeat;\n        background-position: center center;\n        background-size: 50% 50%;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox:checked + label::before {\n        background-color: transparent;\n        background-image: url(\"data:image\/svg+xml,%3Csvg width='24' height='24' stroke='black' stroke-width='2' fill='black' xmlns='http:\/\/www.w3.org\/2000\/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M24 4.685l-16.327 17.315-7.673-9.054.761-.648 6.95 8.203 15.561-16.501.728.685z'\/%3E%3C\/svg%3E\");\n    }\n<\/style>\n                                                                                                            &nbsp;\n                                                        <span id=\"filter-count\"><span> (3)<\/span><\/span>\n                                                                                                    <\/div>\n                                            <\/div>\n\t\t\t\t\t\t\t\t\t\t                                    <\/div>\n\t\t\t\t\t\t\t\t                        <\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\n                        <div class=\"filter-wrap\">\n                            <div class=\"filter-title\" onclick=\"onFilterCategoryClick(event)\">\n                                <span data-filter-name=\"Status\">Status<\/span>\n                                <span id=\"category-count\">1<\/span>\n                                <span class=\"filter-button\">\n                            <svg fill='white' height='20' viewBox='0 0 20 21' width='20'\n                                 xmlns='http:\/\/www.w3.org\/2000\/svg'>\n                                <path d='M7 10l5 5 5-5z'\/><path d='M0 0h24v24H0z' fill='none'\/>\n                            <\/svg>\n                        <\/span>\n                            <\/div>\n\t\t\t\t\t\t\t                                    <div class=\"filter-content\" style=\"display: none\">\n                                        \t\t\t\t\t\t\t\t\t\t                                            <div class=\"filter-item\">\n                                                <div id=\"with-count\">\n                                                    \n<input  class=\"custom-checkbox\" type=\"checkbox\" id=\"status_Available\"\n                               onchange=\"onCheckboxChange(event)\">\n<label for=\"status_Available\"><span>Available<\/span><\/label>\n\n<script>\n\n    \/\/jQuery(document).ready(() => {\n    \/\/    const id = \"\/\/\";\n    \/\/    const checkbox = jQuery(\"#\" + id);\n    \/\/    if (checkbox.prop('checked')) {\n    \/\/        \/\/Displays full block in navbar filters section if the checkbox inside is checked\n    \/\/        checkbox.parent().parent().show();\n    \/\/        \/\/ flip arrow for filter section\n    \/\/        checkbox.parent().parent().parent().find('.filter-button').addClass('flip');\n    \/\/    }\n    \/\/})\n    function adjustModalContentPosition() {\n        const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n        jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n    }\n\n    function onCheckboxChange(event) {\n        filterProcessQuery(event);\n        if (isMobile || 0) {\n            appendFilterMobile(event);\n            if (!jQuery('.search .filters-content .filter').length) {\n                jQuery('.search').hide();\n            }\n            adjustModalContentPosition();\n        }\n    }\n\n    var queryMobileUrl = '';\n\n    function filterProcessQuery(event) {\n        let category = event.currentTarget.id === 'find_in_description'\n            ? \"Find In Description\"\n            : jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title > span').first().data('filter-name');\n        category = category.toLowerCase().replaceAll(' ', '_');\n\n        let queryToArray;\n\n        if (isMobile || 0) {\n            queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&')\n        } else {\n            queryToArray = window.location.search.split('&')\n        }\n\n        queryToArray = queryToArray.filter(query => query.search('page_id=') < 0);\n\n        let isExist = false;\n\n        \/\/ on checkbox checked\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const id = event.currentTarget.id.replace(category + '_', '');\n\n            \/\/ For boolean filters (ramps, is_rental), replace value and uncheck the other option\n            const booleanFilters = ['ramps', 'is_rental'];\n            if (booleanFilters.includes(category)) {\n                \/\/ Uncheck the other checkbox\n                const otherValue = id === '1' ? '0' : '1';\n                jQuery('#' + category + '_' + otherValue).prop('checked', false);\n\n                \/\/ Replace the value in URL (not append)\n                queryToArray = queryToArray.filter(query => query.indexOf(category + '=') === -1);\n                queryToArray.push(category + '=' + id);\n                queryToArray = queryToArray.filter(filter => filter !== '');\n            } else if (queryToArray.count) {\n                queryToArray.push(category + '=' + id);\n            } else {\n                queryToArray.map(function (query) {\n                    if (query.indexOf(category + '=') !== -1) isExist = true;\n                });\n                if (isExist) {\n                    queryToArray.map((query, index) => {\n                        if (query.indexOf(category + '=') !== -1) {\n                            query = query.split('--');\n                            query.push(id);\n                            queryToArray[index] = query.join('--');\n                        }\n                    });\n                } else {\n                    queryToArray.push(category + '=' + id);\n                    queryToArray = queryToArray.filter(filter => filter !== '');\n                }\n\n            }\n\n        } else {\n            queryToArray.map((query, index) => {\n                if (query.indexOf(category + '=') !== -1) {\n                    query = query.split('=');\n                    query = query[1].split('--');\n                    let search = event.currentTarget.id.replace(category + '_', '').replaceAll(' ', '%20')\n                    query = query.filter(filter => filter.indexOf(search) === -1);\n\n                    if(query.length) {\n                        query = query.join('--')\n                        queryToArray[index] = category + '=' + query\n                    } else {\n                        queryToArray[index] = '';\n                    }\n                }\n            });\n\n        }\n\n        if (queryToArray.length) {\n            queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n        }\n\n        let arrayToQuery = queryToArray.join('&');\n\n        arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n        if (isMobile || 0) {\n            \/\/saving query\n            queryMobileUrl = arrayToQuery;\n        } else {\n            window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n        }\n\n    }\n\n    function appendFilterMobile(event) {\n        const filtersSearchBar = jQuery('.search .filters-content')\n        const filterId = 'for_' + jQuery(event.currentTarget).attr('id').replaceAll(' ', '_');\n        const category = jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title span').first().html();\n        const categoryId = event.currentTarget.id === \"find_in_description\"\n            ? event.currentTarget.id\n            : category.replaceAll(' ', '_').toLowerCase();\n        const id = jQuery(event.currentTarget).attr('id').replace(categoryId+'_', '');\n\n        let shownId = id.indexOf('_sp_') !== -1 ? id.replace('_sp_', ' ') : id;\n        shownId = shownId.indexOf('_and_') !== -1 ? shownId.replace('_and_', '&') : shownId;\n\n\n        const filterName = jQuery(event.currentTarget).next().html();\n\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const filterDiv = categoryId === 'location' || categoryId === 'category'\n                ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + filterName + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                : categoryId === \"is_on_special\" || categoryId === \"living_quarters\" || categoryId === \"ramps\"\n                    ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                    : categoryId !== 'find_in_description'\n                        ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + shownId + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                        : \"\";\n\n            filtersSearchBar.append(filterDiv);\n            jQuery('.search').show();\n        } else {\n            jQuery(\"#\" + filterId).parent().remove();\n        }\n    }\n\n    function handleButtonClick() {\n        let queryToArray = queryMobileUrl.split('&');\n        queryToArray = queryToArray.filter(filter => filter.indexOf('page_id') === -1);\n        queryMobileUrl = queryToArray.join('&');\n        queryMobileUrl = queryMobileUrl.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! queryMobileUrl.length ? '' : querySymbol;\n        window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + queryMobileUrl;\n    }\n\n<\/script>\n\n<style>\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox {\n        position: absolute;\n        z-index: -1;\n        opacity: 0;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label {\n        display: inline-flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        color: #232323;\n        pointer-events: auto!important;\n    }\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item label > span {\n        word-break: break-word;\n        display: -webkit-box;\n        \/*overflow: hidden;*\/\n        \/*text-overflow: ellipsis;*\/\n        \/*-webkit-line-clamp: 2; !* number of lines to show *!*\/\n        \/*-webkit-box-orient: vertical;*\/\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label::before {\n        content: '';\n        display: inline-block;\n        width: 1em;\n        height: 1em;\n        flex-shrink: 0;\n        flex-grow: 0;\n        border: 1px solid #232323;\n        border-radius: 0.25em;\n        margin-right: 0.5em;\n        background-repeat: no-repeat;\n        background-position: center center;\n        background-size: 50% 50%;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox:checked + label::before {\n        background-color: transparent;\n        background-image: url(\"data:image\/svg+xml,%3Csvg width='24' height='24' stroke='black' stroke-width='2' fill='black' xmlns='http:\/\/www.w3.org\/2000\/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M24 4.685l-16.327 17.315-7.673-9.054.761-.648 6.95 8.203 15.561-16.501.728.685z'\/%3E%3C\/svg%3E\");\n    }\n<\/style>\n                                                                                                            &nbsp;\n                                                        <span id=\"filter-count\"><span> (5)<\/span><\/span>\n                                                                                                    <\/div>\n                                            <\/div>\n\t\t\t\t\t\t\t\t\t\t                                    <\/div>\n\t\t\t\t\t\t\t\t                        <\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\n                        <div class=\"filter-wrap\">\n                            <div class=\"filter-title\" onclick=\"onFilterCategoryClick(event)\">\n                                <span data-filter-name=\"Construction\">Construction<\/span>\n                                <span id=\"category-count\">2<\/span>\n                                <span class=\"filter-button\">\n                            <svg fill='white' height='20' viewBox='0 0 20 21' width='20'\n                                 xmlns='http:\/\/www.w3.org\/2000\/svg'>\n                                <path d='M7 10l5 5 5-5z'\/><path d='M0 0h24v24H0z' fill='none'\/>\n                            <\/svg>\n                        <\/span>\n                            <\/div>\n\t\t\t\t\t\t\t                                    <div class=\"filter-content\" style=\"display: none\">\n                                        \t\t\t\t\t\t\t\t\t\t                                            <div class=\"filter-item\">\n                                                <div id=\"with-count\">\n                                                    \n<input  class=\"custom-checkbox\" type=\"checkbox\" id=\"construction_Aluminum\"\n                               onchange=\"onCheckboxChange(event)\">\n<label for=\"construction_Aluminum\"><span>Aluminum<\/span><\/label>\n\n<script>\n\n    \/\/jQuery(document).ready(() => {\n    \/\/    const id = \"\/\/\";\n    \/\/    const checkbox = jQuery(\"#\" + id);\n    \/\/    if (checkbox.prop('checked')) {\n    \/\/        \/\/Displays full block in navbar filters section if the checkbox inside is checked\n    \/\/        checkbox.parent().parent().show();\n    \/\/        \/\/ flip arrow for filter section\n    \/\/        checkbox.parent().parent().parent().find('.filter-button').addClass('flip');\n    \/\/    }\n    \/\/})\n    function adjustModalContentPosition() {\n        const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n        jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n    }\n\n    function onCheckboxChange(event) {\n        filterProcessQuery(event);\n        if (isMobile || 0) {\n            appendFilterMobile(event);\n            if (!jQuery('.search .filters-content .filter').length) {\n                jQuery('.search').hide();\n            }\n            adjustModalContentPosition();\n        }\n    }\n\n    var queryMobileUrl = '';\n\n    function filterProcessQuery(event) {\n        let category = event.currentTarget.id === 'find_in_description'\n            ? \"Find In Description\"\n            : jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title > span').first().data('filter-name');\n        category = category.toLowerCase().replaceAll(' ', '_');\n\n        let queryToArray;\n\n        if (isMobile || 0) {\n            queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&')\n        } else {\n            queryToArray = window.location.search.split('&')\n        }\n\n        queryToArray = queryToArray.filter(query => query.search('page_id=') < 0);\n\n        let isExist = false;\n\n        \/\/ on checkbox checked\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const id = event.currentTarget.id.replace(category + '_', '');\n\n            \/\/ For boolean filters (ramps, is_rental), replace value and uncheck the other option\n            const booleanFilters = ['ramps', 'is_rental'];\n            if (booleanFilters.includes(category)) {\n                \/\/ Uncheck the other checkbox\n                const otherValue = id === '1' ? '0' : '1';\n                jQuery('#' + category + '_' + otherValue).prop('checked', false);\n\n                \/\/ Replace the value in URL (not append)\n                queryToArray = queryToArray.filter(query => query.indexOf(category + '=') === -1);\n                queryToArray.push(category + '=' + id);\n                queryToArray = queryToArray.filter(filter => filter !== '');\n            } else if (queryToArray.count) {\n                queryToArray.push(category + '=' + id);\n            } else {\n                queryToArray.map(function (query) {\n                    if (query.indexOf(category + '=') !== -1) isExist = true;\n                });\n                if (isExist) {\n                    queryToArray.map((query, index) => {\n                        if (query.indexOf(category + '=') !== -1) {\n                            query = query.split('--');\n                            query.push(id);\n                            queryToArray[index] = query.join('--');\n                        }\n                    });\n                } else {\n                    queryToArray.push(category + '=' + id);\n                    queryToArray = queryToArray.filter(filter => filter !== '');\n                }\n\n            }\n\n        } else {\n            queryToArray.map((query, index) => {\n                if (query.indexOf(category + '=') !== -1) {\n                    query = query.split('=');\n                    query = query[1].split('--');\n                    let search = event.currentTarget.id.replace(category + '_', '').replaceAll(' ', '%20')\n                    query = query.filter(filter => filter.indexOf(search) === -1);\n\n                    if(query.length) {\n                        query = query.join('--')\n                        queryToArray[index] = category + '=' + query\n                    } else {\n                        queryToArray[index] = '';\n                    }\n                }\n            });\n\n        }\n\n        if (queryToArray.length) {\n            queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n        }\n\n        let arrayToQuery = queryToArray.join('&');\n\n        arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n        if (isMobile || 0) {\n            \/\/saving query\n            queryMobileUrl = arrayToQuery;\n        } else {\n            window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n        }\n\n    }\n\n    function appendFilterMobile(event) {\n        const filtersSearchBar = jQuery('.search .filters-content')\n        const filterId = 'for_' + jQuery(event.currentTarget).attr('id').replaceAll(' ', '_');\n        const category = jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title span').first().html();\n        const categoryId = event.currentTarget.id === \"find_in_description\"\n            ? event.currentTarget.id\n            : category.replaceAll(' ', '_').toLowerCase();\n        const id = jQuery(event.currentTarget).attr('id').replace(categoryId+'_', '');\n\n        let shownId = id.indexOf('_sp_') !== -1 ? id.replace('_sp_', ' ') : id;\n        shownId = shownId.indexOf('_and_') !== -1 ? shownId.replace('_and_', '&') : shownId;\n\n\n        const filterName = jQuery(event.currentTarget).next().html();\n\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const filterDiv = categoryId === 'location' || categoryId === 'category'\n                ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + filterName + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                : categoryId === \"is_on_special\" || categoryId === \"living_quarters\" || categoryId === \"ramps\"\n                    ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                    : categoryId !== 'find_in_description'\n                        ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + shownId + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                        : \"\";\n\n            filtersSearchBar.append(filterDiv);\n            jQuery('.search').show();\n        } else {\n            jQuery(\"#\" + filterId).parent().remove();\n        }\n    }\n\n    function handleButtonClick() {\n        let queryToArray = queryMobileUrl.split('&');\n        queryToArray = queryToArray.filter(filter => filter.indexOf('page_id') === -1);\n        queryMobileUrl = queryToArray.join('&');\n        queryMobileUrl = queryMobileUrl.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! queryMobileUrl.length ? '' : querySymbol;\n        window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + queryMobileUrl;\n    }\n\n<\/script>\n\n<style>\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox {\n        position: absolute;\n        z-index: -1;\n        opacity: 0;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label {\n        display: inline-flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        color: #232323;\n        pointer-events: auto!important;\n    }\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item label > span {\n        word-break: break-word;\n        display: -webkit-box;\n        \/*overflow: hidden;*\/\n        \/*text-overflow: ellipsis;*\/\n        \/*-webkit-line-clamp: 2; !* number of lines to show *!*\/\n        \/*-webkit-box-orient: vertical;*\/\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label::before {\n        content: '';\n        display: inline-block;\n        width: 1em;\n        height: 1em;\n        flex-shrink: 0;\n        flex-grow: 0;\n        border: 1px solid #232323;\n        border-radius: 0.25em;\n        margin-right: 0.5em;\n        background-repeat: no-repeat;\n        background-position: center center;\n        background-size: 50% 50%;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox:checked + label::before {\n        background-color: transparent;\n        background-image: url(\"data:image\/svg+xml,%3Csvg width='24' height='24' stroke='black' stroke-width='2' fill='black' xmlns='http:\/\/www.w3.org\/2000\/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M24 4.685l-16.327 17.315-7.673-9.054.761-.648 6.95 8.203 15.561-16.501.728.685z'\/%3E%3C\/svg%3E\");\n    }\n<\/style>\n                                                                                                            &nbsp;\n                                                        <span id=\"filter-count\"><span> (4)<\/span><\/span>\n                                                                                                    <\/div>\n                                            <\/div>\n\t\t\t\t\t\t\t\t\t\t                                            <div class=\"filter-item\">\n                                                <div id=\"with-count\">\n                                                    \n<input  class=\"custom-checkbox\" type=\"checkbox\" id=\"construction_Steel\"\n                               onchange=\"onCheckboxChange(event)\">\n<label for=\"construction_Steel\"><span>Steel<\/span><\/label>\n\n<script>\n\n    \/\/jQuery(document).ready(() => {\n    \/\/    const id = \"\/\/\";\n    \/\/    const checkbox = jQuery(\"#\" + id);\n    \/\/    if (checkbox.prop('checked')) {\n    \/\/        \/\/Displays full block in navbar filters section if the checkbox inside is checked\n    \/\/        checkbox.parent().parent().show();\n    \/\/        \/\/ flip arrow for filter section\n    \/\/        checkbox.parent().parent().parent().find('.filter-button').addClass('flip');\n    \/\/    }\n    \/\/})\n    function adjustModalContentPosition() {\n        const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n        jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n    }\n\n    function onCheckboxChange(event) {\n        filterProcessQuery(event);\n        if (isMobile || 0) {\n            appendFilterMobile(event);\n            if (!jQuery('.search .filters-content .filter').length) {\n                jQuery('.search').hide();\n            }\n            adjustModalContentPosition();\n        }\n    }\n\n    var queryMobileUrl = '';\n\n    function filterProcessQuery(event) {\n        let category = event.currentTarget.id === 'find_in_description'\n            ? \"Find In Description\"\n            : jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title > span').first().data('filter-name');\n        category = category.toLowerCase().replaceAll(' ', '_');\n\n        let queryToArray;\n\n        if (isMobile || 0) {\n            queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&')\n        } else {\n            queryToArray = window.location.search.split('&')\n        }\n\n        queryToArray = queryToArray.filter(query => query.search('page_id=') < 0);\n\n        let isExist = false;\n\n        \/\/ on checkbox checked\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const id = event.currentTarget.id.replace(category + '_', '');\n\n            \/\/ For boolean filters (ramps, is_rental), replace value and uncheck the other option\n            const booleanFilters = ['ramps', 'is_rental'];\n            if (booleanFilters.includes(category)) {\n                \/\/ Uncheck the other checkbox\n                const otherValue = id === '1' ? '0' : '1';\n                jQuery('#' + category + '_' + otherValue).prop('checked', false);\n\n                \/\/ Replace the value in URL (not append)\n                queryToArray = queryToArray.filter(query => query.indexOf(category + '=') === -1);\n                queryToArray.push(category + '=' + id);\n                queryToArray = queryToArray.filter(filter => filter !== '');\n            } else if (queryToArray.count) {\n                queryToArray.push(category + '=' + id);\n            } else {\n                queryToArray.map(function (query) {\n                    if (query.indexOf(category + '=') !== -1) isExist = true;\n                });\n                if (isExist) {\n                    queryToArray.map((query, index) => {\n                        if (query.indexOf(category + '=') !== -1) {\n                            query = query.split('--');\n                            query.push(id);\n                            queryToArray[index] = query.join('--');\n                        }\n                    });\n                } else {\n                    queryToArray.push(category + '=' + id);\n                    queryToArray = queryToArray.filter(filter => filter !== '');\n                }\n\n            }\n\n        } else {\n            queryToArray.map((query, index) => {\n                if (query.indexOf(category + '=') !== -1) {\n                    query = query.split('=');\n                    query = query[1].split('--');\n                    let search = event.currentTarget.id.replace(category + '_', '').replaceAll(' ', '%20')\n                    query = query.filter(filter => filter.indexOf(search) === -1);\n\n                    if(query.length) {\n                        query = query.join('--')\n                        queryToArray[index] = category + '=' + query\n                    } else {\n                        queryToArray[index] = '';\n                    }\n                }\n            });\n\n        }\n\n        if (queryToArray.length) {\n            queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n        }\n\n        let arrayToQuery = queryToArray.join('&');\n\n        arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n        if (isMobile || 0) {\n            \/\/saving query\n            queryMobileUrl = arrayToQuery;\n        } else {\n            window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n        }\n\n    }\n\n    function appendFilterMobile(event) {\n        const filtersSearchBar = jQuery('.search .filters-content')\n        const filterId = 'for_' + jQuery(event.currentTarget).attr('id').replaceAll(' ', '_');\n        const category = jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title span').first().html();\n        const categoryId = event.currentTarget.id === \"find_in_description\"\n            ? event.currentTarget.id\n            : category.replaceAll(' ', '_').toLowerCase();\n        const id = jQuery(event.currentTarget).attr('id').replace(categoryId+'_', '');\n\n        let shownId = id.indexOf('_sp_') !== -1 ? id.replace('_sp_', ' ') : id;\n        shownId = shownId.indexOf('_and_') !== -1 ? shownId.replace('_and_', '&') : shownId;\n\n\n        const filterName = jQuery(event.currentTarget).next().html();\n\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const filterDiv = categoryId === 'location' || categoryId === 'category'\n                ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + filterName + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                : categoryId === \"is_on_special\" || categoryId === \"living_quarters\" || categoryId === \"ramps\"\n                    ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                    : categoryId !== 'find_in_description'\n                        ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + shownId + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                        : \"\";\n\n            filtersSearchBar.append(filterDiv);\n            jQuery('.search').show();\n        } else {\n            jQuery(\"#\" + filterId).parent().remove();\n        }\n    }\n\n    function handleButtonClick() {\n        let queryToArray = queryMobileUrl.split('&');\n        queryToArray = queryToArray.filter(filter => filter.indexOf('page_id') === -1);\n        queryMobileUrl = queryToArray.join('&');\n        queryMobileUrl = queryMobileUrl.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! queryMobileUrl.length ? '' : querySymbol;\n        window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + queryMobileUrl;\n    }\n\n<\/script>\n\n<style>\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox {\n        position: absolute;\n        z-index: -1;\n        opacity: 0;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label {\n        display: inline-flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        color: #232323;\n        pointer-events: auto!important;\n    }\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item label > span {\n        word-break: break-word;\n        display: -webkit-box;\n        \/*overflow: hidden;*\/\n        \/*text-overflow: ellipsis;*\/\n        \/*-webkit-line-clamp: 2; !* number of lines to show *!*\/\n        \/*-webkit-box-orient: vertical;*\/\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label::before {\n        content: '';\n        display: inline-block;\n        width: 1em;\n        height: 1em;\n        flex-shrink: 0;\n        flex-grow: 0;\n        border: 1px solid #232323;\n        border-radius: 0.25em;\n        margin-right: 0.5em;\n        background-repeat: no-repeat;\n        background-position: center center;\n        background-size: 50% 50%;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox:checked + label::before {\n        background-color: transparent;\n        background-image: url(\"data:image\/svg+xml,%3Csvg width='24' height='24' stroke='black' stroke-width='2' fill='black' xmlns='http:\/\/www.w3.org\/2000\/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M24 4.685l-16.327 17.315-7.673-9.054.761-.648 6.95 8.203 15.561-16.501.728.685z'\/%3E%3C\/svg%3E\");\n    }\n<\/style>\n                                                                                                            &nbsp;\n                                                        <span id=\"filter-count\"><span> (1)<\/span><\/span>\n                                                                                                    <\/div>\n                                            <\/div>\n\t\t\t\t\t\t\t\t\t\t                                    <\/div>\n\t\t\t\t\t\t\t\t                        <\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\n                        <div class=\"filter-wrap\">\n                            <div class=\"filter-title\" onclick=\"onFilterCategoryClick(event)\">\n                                <span data-filter-name=\"Axles\">Axles<\/span>\n                                <span id=\"category-count\">1<\/span>\n                                <span class=\"filter-button\">\n                            <svg fill='white' height='20' viewBox='0 0 20 21' width='20'\n                                 xmlns='http:\/\/www.w3.org\/2000\/svg'>\n                                <path d='M7 10l5 5 5-5z'\/><path d='M0 0h24v24H0z' fill='none'\/>\n                            <\/svg>\n                        <\/span>\n                            <\/div>\n\t\t\t\t\t\t\t                                    <div class=\"filter-content\" style=\"display: none\">\n                                        \t\t\t\t\t\t\t\t\t\t                                            <div class=\"filter-item\">\n                                                <div id=\"with-count\">\n                                                    \n<input  class=\"custom-checkbox\" type=\"checkbox\" id=\"axles_2\"\n                               onchange=\"onCheckboxChange(event)\">\n<label for=\"axles_2\"><span>2<\/span><\/label>\n\n<script>\n\n    \/\/jQuery(document).ready(() => {\n    \/\/    const id = \"\/\/\";\n    \/\/    const checkbox = jQuery(\"#\" + id);\n    \/\/    if (checkbox.prop('checked')) {\n    \/\/        \/\/Displays full block in navbar filters section if the checkbox inside is checked\n    \/\/        checkbox.parent().parent().show();\n    \/\/        \/\/ flip arrow for filter section\n    \/\/        checkbox.parent().parent().parent().find('.filter-button').addClass('flip');\n    \/\/    }\n    \/\/})\n    function adjustModalContentPosition() {\n        const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n        jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n    }\n\n    function onCheckboxChange(event) {\n        filterProcessQuery(event);\n        if (isMobile || 0) {\n            appendFilterMobile(event);\n            if (!jQuery('.search .filters-content .filter').length) {\n                jQuery('.search').hide();\n            }\n            adjustModalContentPosition();\n        }\n    }\n\n    var queryMobileUrl = '';\n\n    function filterProcessQuery(event) {\n        let category = event.currentTarget.id === 'find_in_description'\n            ? \"Find In Description\"\n            : jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title > span').first().data('filter-name');\n        category = category.toLowerCase().replaceAll(' ', '_');\n\n        let queryToArray;\n\n        if (isMobile || 0) {\n            queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&')\n        } else {\n            queryToArray = window.location.search.split('&')\n        }\n\n        queryToArray = queryToArray.filter(query => query.search('page_id=') < 0);\n\n        let isExist = false;\n\n        \/\/ on checkbox checked\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const id = event.currentTarget.id.replace(category + '_', '');\n\n            \/\/ For boolean filters (ramps, is_rental), replace value and uncheck the other option\n            const booleanFilters = ['ramps', 'is_rental'];\n            if (booleanFilters.includes(category)) {\n                \/\/ Uncheck the other checkbox\n                const otherValue = id === '1' ? '0' : '1';\n                jQuery('#' + category + '_' + otherValue).prop('checked', false);\n\n                \/\/ Replace the value in URL (not append)\n                queryToArray = queryToArray.filter(query => query.indexOf(category + '=') === -1);\n                queryToArray.push(category + '=' + id);\n                queryToArray = queryToArray.filter(filter => filter !== '');\n            } else if (queryToArray.count) {\n                queryToArray.push(category + '=' + id);\n            } else {\n                queryToArray.map(function (query) {\n                    if (query.indexOf(category + '=') !== -1) isExist = true;\n                });\n                if (isExist) {\n                    queryToArray.map((query, index) => {\n                        if (query.indexOf(category + '=') !== -1) {\n                            query = query.split('--');\n                            query.push(id);\n                            queryToArray[index] = query.join('--');\n                        }\n                    });\n                } else {\n                    queryToArray.push(category + '=' + id);\n                    queryToArray = queryToArray.filter(filter => filter !== '');\n                }\n\n            }\n\n        } else {\n            queryToArray.map((query, index) => {\n                if (query.indexOf(category + '=') !== -1) {\n                    query = query.split('=');\n                    query = query[1].split('--');\n                    let search = event.currentTarget.id.replace(category + '_', '').replaceAll(' ', '%20')\n                    query = query.filter(filter => filter.indexOf(search) === -1);\n\n                    if(query.length) {\n                        query = query.join('--')\n                        queryToArray[index] = category + '=' + query\n                    } else {\n                        queryToArray[index] = '';\n                    }\n                }\n            });\n\n        }\n\n        if (queryToArray.length) {\n            queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n        }\n\n        let arrayToQuery = queryToArray.join('&');\n\n        arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n        if (isMobile || 0) {\n            \/\/saving query\n            queryMobileUrl = arrayToQuery;\n        } else {\n            window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n        }\n\n    }\n\n    function appendFilterMobile(event) {\n        const filtersSearchBar = jQuery('.search .filters-content')\n        const filterId = 'for_' + jQuery(event.currentTarget).attr('id').replaceAll(' ', '_');\n        const category = jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title span').first().html();\n        const categoryId = event.currentTarget.id === \"find_in_description\"\n            ? event.currentTarget.id\n            : category.replaceAll(' ', '_').toLowerCase();\n        const id = jQuery(event.currentTarget).attr('id').replace(categoryId+'_', '');\n\n        let shownId = id.indexOf('_sp_') !== -1 ? id.replace('_sp_', ' ') : id;\n        shownId = shownId.indexOf('_and_') !== -1 ? shownId.replace('_and_', '&') : shownId;\n\n\n        const filterName = jQuery(event.currentTarget).next().html();\n\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const filterDiv = categoryId === 'location' || categoryId === 'category'\n                ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + filterName + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                : categoryId === \"is_on_special\" || categoryId === \"living_quarters\" || categoryId === \"ramps\"\n                    ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                    : categoryId !== 'find_in_description'\n                        ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + shownId + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                        : \"\";\n\n            filtersSearchBar.append(filterDiv);\n            jQuery('.search').show();\n        } else {\n            jQuery(\"#\" + filterId).parent().remove();\n        }\n    }\n\n    function handleButtonClick() {\n        let queryToArray = queryMobileUrl.split('&');\n        queryToArray = queryToArray.filter(filter => filter.indexOf('page_id') === -1);\n        queryMobileUrl = queryToArray.join('&');\n        queryMobileUrl = queryMobileUrl.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! queryMobileUrl.length ? '' : querySymbol;\n        window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + queryMobileUrl;\n    }\n\n<\/script>\n\n<style>\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox {\n        position: absolute;\n        z-index: -1;\n        opacity: 0;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label {\n        display: inline-flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        color: #232323;\n        pointer-events: auto!important;\n    }\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item label > span {\n        word-break: break-word;\n        display: -webkit-box;\n        \/*overflow: hidden;*\/\n        \/*text-overflow: ellipsis;*\/\n        \/*-webkit-line-clamp: 2; !* number of lines to show *!*\/\n        \/*-webkit-box-orient: vertical;*\/\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label::before {\n        content: '';\n        display: inline-block;\n        width: 1em;\n        height: 1em;\n        flex-shrink: 0;\n        flex-grow: 0;\n        border: 1px solid #232323;\n        border-radius: 0.25em;\n        margin-right: 0.5em;\n        background-repeat: no-repeat;\n        background-position: center center;\n        background-size: 50% 50%;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox:checked + label::before {\n        background-color: transparent;\n        background-image: url(\"data:image\/svg+xml,%3Csvg width='24' height='24' stroke='black' stroke-width='2' fill='black' xmlns='http:\/\/www.w3.org\/2000\/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M24 4.685l-16.327 17.315-7.673-9.054.761-.648 6.95 8.203 15.561-16.501.728.685z'\/%3E%3C\/svg%3E\");\n    }\n<\/style>\n                                                                                                            &nbsp;\n                                                        <span id=\"filter-count\"><span> (4)<\/span><\/span>\n                                                                                                    <\/div>\n                                            <\/div>\n\t\t\t\t\t\t\t\t\t\t                                    <\/div>\n\t\t\t\t\t\t\t\t                        <\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\n                        <div class=\"filter-wrap\">\n                            <div class=\"filter-title\" onclick=\"onFilterCategoryClick(event)\">\n                                <span data-filter-name=\"Years\">Years<\/span>\n                                <span id=\"category-count\"><\/span>\n                                <span class=\"filter-button\">\n                            <svg fill='white' height='20' viewBox='0 0 20 21' width='20'\n                                 xmlns='http:\/\/www.w3.org\/2000\/svg'>\n                                <path d='M7 10l5 5 5-5z'\/><path d='M0 0h24v24H0z' fill='none'\/>\n                            <\/svg>\n                        <\/span>\n                            <\/div>\n\t\t\t\t\t\t\t                                    <div class=\"filter-content slider\" style=\"display: none\">\n                                                                                <div class=\"filter-item slider\">\n\t\t\t\t\t\t\t\t\t\t\t\n<div class=\"range-wrapper\">\n    <div class=\"range\">\n        <input type=\"number\" class=\"range-value years\" value=\"2024\">\n        <span class=\"range-divider\">\u2013<\/span>\n        <input type=\"number\" class=\"range-value years\" value=\"2026\">\n    <\/div>\n<\/div>\n\n<div class=\"slider-wrapper\">\n    <div id=\"slider-range\" class=\"years\"><\/div>\n    <div class=\"marker-wrapper\">\n        <div class=\"marker\">2024<\/div>\n        <div class=\"marker\">2026<\/div>\n    <\/div>\n<\/div>\n\n\n<style>\n\n    \/* Chrome, Safari, Edge, Opera *\/\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider input::-webkit-outer-spin-button,\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider input::-webkit-inner-spin-button {\n        -webkit-appearance: none;\n        margin: 0;\n    }\n\n    \/* Firefox *\/\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider input[type=number] {\n        -moz-appearance: textfield;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider {\n        background: white;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider {\n        padding: 6px 0;\n        row-gap: 20px;\n    }\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider #slider-range {\n        background: #d7d7d7;\n        height: 2px;\n        position: relative;\n        border-radius: 100px;\n        max-width: 96%;\n        margin: 0 auto;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider #slider-range .ui-slider-range {\n        background: rgb(38, 77, 151);\n        height: 2px;\n        position: absolute;\n        transform: translateY(-0.5px);\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider #slider-range .ui-slider-handle {\n        position: absolute;\n        width: 18px;\n        height: 18px;\n        top: 50%;\n        display: block;\n        transform: translate(-50%, -50%);\n        border-radius: 100px;\n        \/*z-index: 10;*\/\n        background: white;\n        cursor: move; \/* fallback if grab cursor is unsupported *\/\n        cursor: grab;\n        cursor: -moz-grab;\n        cursor: -webkit-grab;\n        box-shadow: inset 0 0 0px 2px rgb(38, 77, 151);\n        transition: width 0.1s;\n        outline: none;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider .range-wrapper {\n        display: flex;\n        justify-content: end;\n        margin-bottom: 3%;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider .range-wrapper .range {\n        background: #fff;\n        max-width: fit-content;\n        color: #555;\n        \/*z-index: 10;*\/\n        position: relative;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider .range-wrapper .range .range-value {\n        border: 1px solid #d2d2d2;\n        border-radius: 2px;\n        width: 55px;\n        padding: 2px 4px;\n        font-size: 12px;\n        text-align: right;\n        display: inline-block;\n        color: rgb(38, 77, 151);\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider .range-wrapper .range .range-divider {\n        margin: 0 4px;\n        color: #d2d2d2;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .marker-wrapper {\n\n        display: flex;\n        justify-content: space-between;\n        margin-top: 10px;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .marker-wrapper .marker {\n\n        width: fit-content;\n        font-size: 10px;\n        color: #757575;\n    }\n\n<\/style>\n\n<script>\n\n    \/\/function onCategoryRemoveButtonClick(event) {\n    \/\/    var isMobile = \"\/\/\";\n    \/\/    const category = jQuery(event.currentTarget).parent().find('span').first().attr('id');\n    \/\/\n    \/\/    if (isMobile){\n    \/\/        jQuery(event.currentTarget).parent().remove();\n    \/\/\n    \/\/        if (!jQuery(\"#modal-filters-mobile .search .filters-content .filter\").length) {\n    \/\/            jQuery(\"#modal-filters-mobile .search\").hide();\n    \/\/        }\n    \/\/        \/\/ modal content position fix\n    \/\/        const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n    \/\/        jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n    \/\/\n    \/\/    }\n    \/\/\n    \/\/    let queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&');\n    \/\/    queryToArray = queryToArray.filter(filter => filter.indexOf('page_id=') === -1);\n    \/\/    queryToArray = queryToArray.filter(filter => filter.indexOf(category + \"=\") === -1);\n    \/\/    let arrayToQuery = queryToArray.join('&');\n    \/\/\n    \/\/    arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n    \/\/    let querySymbol = \"\/\/\".substr(\"\/\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n    \/\/    querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n    \/\/\n    \/\/    isMobile\n    \/\/        ? queryMobileUrl = arrayToQuery\n    \/\/        : window.location = \"\/\/\" + querySymbol + arrayToQuery;\n    \/\/\n    \/\/}\n\n    jQuery(document).ready(function () {\n\n        const min = parseInt('2024');\n        const max = parseInt('2026');\n        const category = \"years\";\n\n        \/\/ show filter content if category range changed\n        if(window.location.search.search(category + \"=\") > 0) {\n            jQuery('#slider-range.' + category).parent().parent().parent().show();\n            jQuery('#slider-range.' + category).parent().parent().parent().prev().find(\".filter-button\").addClass('flip');\n        }\n\n        \/\/ Initiate Slider\n        const valueMin = parseInt('2024');\n        const valueMax = parseInt('2026');\n\n        jQuery('#slider-range.' + category).slider({\n            range: true,\n            min: min,\n            max: max,\n            step: 1,\n            values: [valueMin, valueMax]\n        });\n\n        jQuery( '#slider-range.' + category ).slider({\n            slide: function (event, ui) {\n\n                \/\/ Update the range container values upon sliding\n                jQuery(event.target).parent().prev().find(\"input.range-value\").first()[0].value = ui.values[0];\n                jQuery(event.target).parent().prev().find(\"input.range-value\").last()[0].value = ui.values[1];\n\n                \/\/ Get old value\n                var previousVal = parseInt(jQuery(this).data('value'));\n\n                \/\/ Processing query after category changed\n                previousVal !== ui.value && onCategoryRangeChange();\n\n                \/\/ Save new value\n                jQuery(this).data({\n                    'value': parseInt(ui.value)\n                });\n            }\n        });\n\n\n        function rebuildSlider () {\n            let minValue = parseInt(jQuery('#slider-range.' + category).parent().prev().find(\"input.range-value\").first()[0].value);\n            let maxValue = parseInt(jQuery('#slider-range.' + category).parent().prev().find(\"input.range-value\").last()[0].value);\n\n            jQuery('#slider-range.' + category).slider({\n                range: true,\n                min: min,\n                max: max,\n                step: 1,\n                values: [minValue, maxValue]\n            });\n        }\n\n\n        jQuery('input.range-value.' + category).keypress(function (event) {\n            if(event.key === \"Enter\") {\n                rebuildSlider();\n                queryProcessing();\n            }\n        });\n\n        jQuery('input.range-value.' + category).change(() => {\n            if (isMobile || 0) {\n                rebuildSlider();\n                queryProcessing();\n            } else {\n                setTimeout(() => {\n                    const isInputInUse = jQuery(document.activeElement).hasClass('range-value');\n                    isInputInUse\n                        ? jQuery('input.range-value.' + category).mouseleave(() => queryProcessing())\n                        : queryProcessing();\n                }, 700);\n            }\n        });\n\n\n        function onCategoryRangeChange() {\n            jQuery('.filter-content.slider').mouseleave(() => queryProcessing());\n            jQuery('.filter-item.slider').mouseup(() => queryProcessing());\n\n            if (isMobile || 0) {\n                if (!jQuery('.search .filters-content .filter').length) {\n                    jQuery('.search').hide();\n                }\n                \/\/ modal content position fix\n                const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n                jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n\n            }\n        };\n\n\n        function queryProcessing() {\n            let minValue = parseInt(jQuery('#slider-range.' + category).parent().prev().find(\"input.range-value\").first()[0].value);\n            let maxValue = parseInt(jQuery('#slider-range.' + category).parent().prev().find(\"input.range-value\").last()[0].value);\n\n            if (minValue < min || minValue > max) {\n                minValue = min;\n            }\n            if (maxValue > max || maxValue < min) {\n                maxValue = max;\n            }\n            if (minValue === min && maxValue === max) {\n                let queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&');\n                queryToArray = queryToArray.filter((query) => query.search('page_id=') < 0);\n                queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n                queryToArray = queryToArray.filter((query) => query.search(category + '=') < 0);\n                let arrayToQuery = queryToArray.join('&');\n\n                arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n                let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n                querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n                if(isMobile || 0){\n                    jQuery('#'+ category).parent().first().remove()\n                    if( ! jQuery('#modal-filters-mobile .modal-header .filters-content .filter').length){\n                        jQuery('.search').hide();\n                    }\n                    \/\/ modal content position fix\n                    const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n                    jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n                };\n\n                (isMobile || 0)\n                    ? queryMobileUrl = arrayToQuery\n                    : window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n            } else {\n                let queryToArray;\n\n                if (isMobile || 0) {\n                    queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&')\n                } else {\n                    queryToArray = window.location.search.split('&')\n                }\n                queryToArray = queryToArray.filter((query) => query.search('page_id=') < 0);\n\n                let is_first_time = true;\n                queryToArray.map((query, index) => {\n                    if ( query.includes(category) && !query.includes('sort=') ) {\n                        queryToArray[index] = category + \"=\" + minValue + \"--\" + maxValue;\n                        is_first_time = false;\n                    }\n                });\n\n                is_first_time && queryToArray.push(category + \"=\" + minValue + \"--\" + maxValue);\n\n                if (queryToArray.length) {\n                    queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n                }\n                let arrayToQuery = queryToArray.join('&');\n                arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n                let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n                querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n                if(isMobile || 0) {\n                    if(is_first_time){\n                        appendCategoryFilterMobile(minValue, maxValue);\n                    } else {\n                        jQuery('#'+ category).html(category.replaceAll(\"_\",\" \") + ': '+ minValue+' - '+ maxValue);\n                    }\n                }\n\n                (isMobile || 0)\n                    ? queryMobileUrl = arrayToQuery\n                    : window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n            }\n        };\n\n\n        function appendCategoryFilterMobile(minValue, maxValue) {\n\n            jQuery('.filter ' + '#_button').length && jQuery('.filter ' + '#_button').parent().remove();\n\n            const filtersSearchBar = jQuery('.search .filters-content');\n            const filterDiv = \"<div class='filter'><span id='\" + category + \"'>\" + category.replaceAll('_', ' ') + \": \" + minValue + ' - ' + maxValue + \"<\/span><span class='drop-applied-filter' onclick='onCategoryRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\";\n            filtersSearchBar.append(filterDiv);\n!\n            \/\/ modal content position fix\n            jQuery('.search').show();\n            const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n            jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n\n        }\n    });\n\n\n<\/script>\n\n                                        <\/div>\n                                    <\/div>\n\t\t\t\t\t\t\t\t                        <\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t                        <div class=\"filter-wrap\"  >\n                            <div class=\"filter-title is_on_special\" onclick=\"onFilterCategoryClick(event)\">\n                                <span data-filter-name=\"is_on_special\">Is On Special<\/span>\n                                <span class=\"filter-button\">\n                                    <svg fill='white' height='20' viewBox='0 0 20 21' width='20'\n                                         xmlns='http:\/\/www.w3.org\/2000\/svg'>\n                                        <path d='M7 10l5 5 5-5z'\/><path d='M0 0h24v24H0z' fill='none'\/>\n                                    <\/svg>\n                                <\/span>\n                            <\/div>\n                            <div class=\"filter-content\" style=\"display: none\">\n                                                                <div class=\"filter-item\">\n                                    <div id=\"with-count\">\n                                        <input  class=\"custom-checkbox\"\n                                                                                                               type=\"checkbox\"\n                                                                                                               id=\"is_on_special_true\"\n                                                                                                               onchange=\"onCheckboxChange(event)\">\n                                        <label for=\"is_on_special_true\">Yes<\/label>\n                                        &nbsp;\n                                        <span id=\"filter-count\"><span>(1)<\/span><\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    \t\t\t\t\t\t\t\t\t\n                        <div class=\"filter-wrap\">\n                            <div class=\"filter-title\" onclick=\"onFilterCategoryClick(event)\">\n                                <span data-filter-name=\"Category Name\">Category<\/span>\n                                <span id=\"category-count\">1<\/span>\n                                <span class=\"filter-button\">\n                            <svg fill='white' height='20' viewBox='0 0 20 21' width='20'\n                                 xmlns='http:\/\/www.w3.org\/2000\/svg'>\n                                <path d='M7 10l5 5 5-5z'\/><path d='M0 0h24v24H0z' fill='none'\/>\n                            <\/svg>\n                        <\/span>\n                            <\/div>\n\t\t\t\t\t\t\t                                    <div class=\"filter-content\" style=\"display: none\">\n                                        \t\t\t\t\t\t\t\t\t\t                                            <div class=\"filter-item\">\n                                                <div id=\"with-count\">\n                                                    \n<input  class=\"custom-checkbox\" type=\"checkbox\" id=\"category_name_Stock_sp_\/_sp_Stock_sp_Combo_sp_Trailer\"\n                               onchange=\"onCheckboxChange(event)\">\n<label for=\"category_name_Stock_sp_\/_sp_Stock_sp_Combo_sp_Trailer\"><span>Stock \/ Stock Combo Trailer<\/span><\/label>\n\n<script>\n\n    \/\/jQuery(document).ready(() => {\n    \/\/    const id = \"\/\/\";\n    \/\/    const checkbox = jQuery(\"#\" + id);\n    \/\/    if (checkbox.prop('checked')) {\n    \/\/        \/\/Displays full block in navbar filters section if the checkbox inside is checked\n    \/\/        checkbox.parent().parent().show();\n    \/\/        \/\/ flip arrow for filter section\n    \/\/        checkbox.parent().parent().parent().find('.filter-button').addClass('flip');\n    \/\/    }\n    \/\/})\n    function adjustModalContentPosition() {\n        const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n        jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n    }\n\n    function onCheckboxChange(event) {\n        filterProcessQuery(event);\n        if (isMobile || 0) {\n            appendFilterMobile(event);\n            if (!jQuery('.search .filters-content .filter').length) {\n                jQuery('.search').hide();\n            }\n            adjustModalContentPosition();\n        }\n    }\n\n    var queryMobileUrl = '';\n\n    function filterProcessQuery(event) {\n        let category = event.currentTarget.id === 'find_in_description'\n            ? \"Find In Description\"\n            : jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title > span').first().data('filter-name');\n        category = category.toLowerCase().replaceAll(' ', '_');\n\n        let queryToArray;\n\n        if (isMobile || 0) {\n            queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&')\n        } else {\n            queryToArray = window.location.search.split('&')\n        }\n\n        queryToArray = queryToArray.filter(query => query.search('page_id=') < 0);\n\n        let isExist = false;\n\n        \/\/ on checkbox checked\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const id = event.currentTarget.id.replace(category + '_', '');\n\n            \/\/ For boolean filters (ramps, is_rental), replace value and uncheck the other option\n            const booleanFilters = ['ramps', 'is_rental'];\n            if (booleanFilters.includes(category)) {\n                \/\/ Uncheck the other checkbox\n                const otherValue = id === '1' ? '0' : '1';\n                jQuery('#' + category + '_' + otherValue).prop('checked', false);\n\n                \/\/ Replace the value in URL (not append)\n                queryToArray = queryToArray.filter(query => query.indexOf(category + '=') === -1);\n                queryToArray.push(category + '=' + id);\n                queryToArray = queryToArray.filter(filter => filter !== '');\n            } else if (queryToArray.count) {\n                queryToArray.push(category + '=' + id);\n            } else {\n                queryToArray.map(function (query) {\n                    if (query.indexOf(category + '=') !== -1) isExist = true;\n                });\n                if (isExist) {\n                    queryToArray.map((query, index) => {\n                        if (query.indexOf(category + '=') !== -1) {\n                            query = query.split('--');\n                            query.push(id);\n                            queryToArray[index] = query.join('--');\n                        }\n                    });\n                } else {\n                    queryToArray.push(category + '=' + id);\n                    queryToArray = queryToArray.filter(filter => filter !== '');\n                }\n\n            }\n\n        } else {\n            queryToArray.map((query, index) => {\n                if (query.indexOf(category + '=') !== -1) {\n                    query = query.split('=');\n                    query = query[1].split('--');\n                    let search = event.currentTarget.id.replace(category + '_', '').replaceAll(' ', '%20')\n                    query = query.filter(filter => filter.indexOf(search) === -1);\n\n                    if(query.length) {\n                        query = query.join('--')\n                        queryToArray[index] = category + '=' + query\n                    } else {\n                        queryToArray[index] = '';\n                    }\n                }\n            });\n\n        }\n\n        if (queryToArray.length) {\n            queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n        }\n\n        let arrayToQuery = queryToArray.join('&');\n\n        arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n        if (isMobile || 0) {\n            \/\/saving query\n            queryMobileUrl = arrayToQuery;\n        } else {\n            window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n        }\n\n    }\n\n    function appendFilterMobile(event) {\n        const filtersSearchBar = jQuery('.search .filters-content')\n        const filterId = 'for_' + jQuery(event.currentTarget).attr('id').replaceAll(' ', '_');\n        const category = jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title span').first().html();\n        const categoryId = event.currentTarget.id === \"find_in_description\"\n            ? event.currentTarget.id\n            : category.replaceAll(' ', '_').toLowerCase();\n        const id = jQuery(event.currentTarget).attr('id').replace(categoryId+'_', '');\n\n        let shownId = id.indexOf('_sp_') !== -1 ? id.replace('_sp_', ' ') : id;\n        shownId = shownId.indexOf('_and_') !== -1 ? shownId.replace('_and_', '&') : shownId;\n\n\n        const filterName = jQuery(event.currentTarget).next().html();\n\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const filterDiv = categoryId === 'location' || categoryId === 'category'\n                ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + filterName + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                : categoryId === \"is_on_special\" || categoryId === \"living_quarters\" || categoryId === \"ramps\"\n                    ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                    : categoryId !== 'find_in_description'\n                        ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + shownId + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                        : \"\";\n\n            filtersSearchBar.append(filterDiv);\n            jQuery('.search').show();\n        } else {\n            jQuery(\"#\" + filterId).parent().remove();\n        }\n    }\n\n    function handleButtonClick() {\n        let queryToArray = queryMobileUrl.split('&');\n        queryToArray = queryToArray.filter(filter => filter.indexOf('page_id') === -1);\n        queryMobileUrl = queryToArray.join('&');\n        queryMobileUrl = queryMobileUrl.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! queryMobileUrl.length ? '' : querySymbol;\n        window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + queryMobileUrl;\n    }\n\n<\/script>\n\n<style>\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox {\n        position: absolute;\n        z-index: -1;\n        opacity: 0;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label {\n        display: inline-flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        color: #232323;\n        pointer-events: auto!important;\n    }\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item label > span {\n        word-break: break-word;\n        display: -webkit-box;\n        \/*overflow: hidden;*\/\n        \/*text-overflow: ellipsis;*\/\n        \/*-webkit-line-clamp: 2; !* number of lines to show *!*\/\n        \/*-webkit-box-orient: vertical;*\/\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label::before {\n        content: '';\n        display: inline-block;\n        width: 1em;\n        height: 1em;\n        flex-shrink: 0;\n        flex-grow: 0;\n        border: 1px solid #232323;\n        border-radius: 0.25em;\n        margin-right: 0.5em;\n        background-repeat: no-repeat;\n        background-position: center center;\n        background-size: 50% 50%;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox:checked + label::before {\n        background-color: transparent;\n        background-image: url(\"data:image\/svg+xml,%3Csvg width='24' height='24' stroke='black' stroke-width='2' fill='black' xmlns='http:\/\/www.w3.org\/2000\/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M24 4.685l-16.327 17.315-7.673-9.054.761-.648 6.95 8.203 15.561-16.501.728.685z'\/%3E%3C\/svg%3E\");\n    }\n<\/style>\n                                                                                                            &nbsp;\n                                                        <span id=\"filter-count\"><span> (5)<\/span><\/span>\n                                                                                                    <\/div>\n                                            <\/div>\n\t\t\t\t\t\t\t\t\t\t                                    <\/div>\n\t\t\t\t\t\t\t\t                        <\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                        <div class=\"filter-wrap\"  >\n                            <div class=\"filter-title is_rental\" onclick=\"onFilterCategoryClick(event)\">\n                                <span data-filter-name=\"is_rental\">Is Rental<\/span>\n                                <span class=\"filter-button\">\n                                    <svg fill='white' height='20' viewBox='0 0 20 21' width='20'\n                                         xmlns='http:\/\/www.w3.org\/2000\/svg'>\n                                        <path d='M7 10l5 5 5-5z'\/><path d='M0 0h24v24H0z' fill='none'\/>\n                                    <\/svg>\n                                <\/span>\n                            <\/div>\n                            <div class=\"filter-content\" style=\"display: none\">\n                                                                <div class=\"filter-item\">\n                                    <div id=\"with-count\">\n                                        <input  class=\"custom-checkbox\"\n                                                                                                             type=\"checkbox\"\n                                                                                                             id=\"is_rental_1\"\n                                                                                                             onchange=\"onCheckboxChange(event)\">\n                                        <label for=\"is_rental_1\">Yes<\/label>\n                                    <\/div>\n                                    <div id=\"with-count\">\n                                        <input  class=\"custom-checkbox\"\n                                                                                                           type=\"checkbox\"\n                                                                                                           id=\"is_rental_0\"\n                                                                                                           onchange=\"onCheckboxChange(event)\">\n                                        <label for=\"is_rental_0\">No<\/label>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    \t\t\t\t\t\t\n                        <div class=\"filter-wrap\">\n                            <div class=\"filter-title\" onclick=\"onFilterCategoryClick(event)\">\n                                <span data-filter-name=\"Location Name\">Location<\/span>\n                                <span id=\"category-count\">1<\/span>\n                                <span class=\"filter-button\">\n                            <svg fill='white' height='20' viewBox='0 0 20 21' width='20'\n                                 xmlns='http:\/\/www.w3.org\/2000\/svg'>\n                                <path d='M7 10l5 5 5-5z'\/><path d='M0 0h24v24H0z' fill='none'\/>\n                            <\/svg>\n                        <\/span>\n                            <\/div>\n\t\t\t\t\t\t\t                                    <div class=\"filter-content\" style=\"display: none\">\n                                        \t\t\t\t\t\t\t\t\t\t                                            <div class=\"filter-item\">\n                                                <div id=\"with-count\">\n                                                    \n<input  class=\"custom-checkbox\" type=\"checkbox\" id=\"location_name_The_sp_Trailer_sp_Depot\"\n                               onchange=\"onCheckboxChange(event)\">\n<label for=\"location_name_The_sp_Trailer_sp_Depot\"><span>The Trailer Depot<\/span><\/label>\n\n<script>\n\n    \/\/jQuery(document).ready(() => {\n    \/\/    const id = \"\/\/\";\n    \/\/    const checkbox = jQuery(\"#\" + id);\n    \/\/    if (checkbox.prop('checked')) {\n    \/\/        \/\/Displays full block in navbar filters section if the checkbox inside is checked\n    \/\/        checkbox.parent().parent().show();\n    \/\/        \/\/ flip arrow for filter section\n    \/\/        checkbox.parent().parent().parent().find('.filter-button').addClass('flip');\n    \/\/    }\n    \/\/})\n    function adjustModalContentPosition() {\n        const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n        jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n    }\n\n    function onCheckboxChange(event) {\n        filterProcessQuery(event);\n        if (isMobile || 0) {\n            appendFilterMobile(event);\n            if (!jQuery('.search .filters-content .filter').length) {\n                jQuery('.search').hide();\n            }\n            adjustModalContentPosition();\n        }\n    }\n\n    var queryMobileUrl = '';\n\n    function filterProcessQuery(event) {\n        let category = event.currentTarget.id === 'find_in_description'\n            ? \"Find In Description\"\n            : jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title > span').first().data('filter-name');\n        category = category.toLowerCase().replaceAll(' ', '_');\n\n        let queryToArray;\n\n        if (isMobile || 0) {\n            queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&')\n        } else {\n            queryToArray = window.location.search.split('&')\n        }\n\n        queryToArray = queryToArray.filter(query => query.search('page_id=') < 0);\n\n        let isExist = false;\n\n        \/\/ on checkbox checked\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const id = event.currentTarget.id.replace(category + '_', '');\n\n            \/\/ For boolean filters (ramps, is_rental), replace value and uncheck the other option\n            const booleanFilters = ['ramps', 'is_rental'];\n            if (booleanFilters.includes(category)) {\n                \/\/ Uncheck the other checkbox\n                const otherValue = id === '1' ? '0' : '1';\n                jQuery('#' + category + '_' + otherValue).prop('checked', false);\n\n                \/\/ Replace the value in URL (not append)\n                queryToArray = queryToArray.filter(query => query.indexOf(category + '=') === -1);\n                queryToArray.push(category + '=' + id);\n                queryToArray = queryToArray.filter(filter => filter !== '');\n            } else if (queryToArray.count) {\n                queryToArray.push(category + '=' + id);\n            } else {\n                queryToArray.map(function (query) {\n                    if (query.indexOf(category + '=') !== -1) isExist = true;\n                });\n                if (isExist) {\n                    queryToArray.map((query, index) => {\n                        if (query.indexOf(category + '=') !== -1) {\n                            query = query.split('--');\n                            query.push(id);\n                            queryToArray[index] = query.join('--');\n                        }\n                    });\n                } else {\n                    queryToArray.push(category + '=' + id);\n                    queryToArray = queryToArray.filter(filter => filter !== '');\n                }\n\n            }\n\n        } else {\n            queryToArray.map((query, index) => {\n                if (query.indexOf(category + '=') !== -1) {\n                    query = query.split('=');\n                    query = query[1].split('--');\n                    let search = event.currentTarget.id.replace(category + '_', '').replaceAll(' ', '%20')\n                    query = query.filter(filter => filter.indexOf(search) === -1);\n\n                    if(query.length) {\n                        query = query.join('--')\n                        queryToArray[index] = category + '=' + query\n                    } else {\n                        queryToArray[index] = '';\n                    }\n                }\n            });\n\n        }\n\n        if (queryToArray.length) {\n            queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n        }\n\n        let arrayToQuery = queryToArray.join('&');\n\n        arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n        if (isMobile || 0) {\n            \/\/saving query\n            queryMobileUrl = arrayToQuery;\n        } else {\n            window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n        }\n\n    }\n\n    function appendFilterMobile(event) {\n        const filtersSearchBar = jQuery('.search .filters-content')\n        const filterId = 'for_' + jQuery(event.currentTarget).attr('id').replaceAll(' ', '_');\n        const category = jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title span').first().html();\n        const categoryId = event.currentTarget.id === \"find_in_description\"\n            ? event.currentTarget.id\n            : category.replaceAll(' ', '_').toLowerCase();\n        const id = jQuery(event.currentTarget).attr('id').replace(categoryId+'_', '');\n\n        let shownId = id.indexOf('_sp_') !== -1 ? id.replace('_sp_', ' ') : id;\n        shownId = shownId.indexOf('_and_') !== -1 ? shownId.replace('_and_', '&') : shownId;\n\n\n        const filterName = jQuery(event.currentTarget).next().html();\n\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const filterDiv = categoryId === 'location' || categoryId === 'category'\n                ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + filterName + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                : categoryId === \"is_on_special\" || categoryId === \"living_quarters\" || categoryId === \"ramps\"\n                    ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                    : categoryId !== 'find_in_description'\n                        ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + shownId + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                        : \"\";\n\n            filtersSearchBar.append(filterDiv);\n            jQuery('.search').show();\n        } else {\n            jQuery(\"#\" + filterId).parent().remove();\n        }\n    }\n\n    function handleButtonClick() {\n        let queryToArray = queryMobileUrl.split('&');\n        queryToArray = queryToArray.filter(filter => filter.indexOf('page_id') === -1);\n        queryMobileUrl = queryToArray.join('&');\n        queryMobileUrl = queryMobileUrl.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! queryMobileUrl.length ? '' : querySymbol;\n        window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + queryMobileUrl;\n    }\n\n<\/script>\n\n<style>\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox {\n        position: absolute;\n        z-index: -1;\n        opacity: 0;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label {\n        display: inline-flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        color: #232323;\n        pointer-events: auto!important;\n    }\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item label > span {\n        word-break: break-word;\n        display: -webkit-box;\n        \/*overflow: hidden;*\/\n        \/*text-overflow: ellipsis;*\/\n        \/*-webkit-line-clamp: 2; !* number of lines to show *!*\/\n        \/*-webkit-box-orient: vertical;*\/\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label::before {\n        content: '';\n        display: inline-block;\n        width: 1em;\n        height: 1em;\n        flex-shrink: 0;\n        flex-grow: 0;\n        border: 1px solid #232323;\n        border-radius: 0.25em;\n        margin-right: 0.5em;\n        background-repeat: no-repeat;\n        background-position: center center;\n        background-size: 50% 50%;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox:checked + label::before {\n        background-color: transparent;\n        background-image: url(\"data:image\/svg+xml,%3Csvg width='24' height='24' stroke='black' stroke-width='2' fill='black' xmlns='http:\/\/www.w3.org\/2000\/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M24 4.685l-16.327 17.315-7.673-9.054.761-.648 6.95 8.203 15.561-16.501.728.685z'\/%3E%3C\/svg%3E\");\n    }\n<\/style>\n                                                                                                            &nbsp;\n                                                        <span id=\"filter-count\"><span> (5)<\/span><\/span>\n                                                                                                    <\/div>\n                                            <\/div>\n\t\t\t\t\t\t\t\t\t\t                                    <\/div>\n\t\t\t\t\t\t\t\t                        <\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t                        <div class=\"filter-wrap\"  >\n                            <div class=\"filter-title is_featured\" onclick=\"onFilterCategoryClick(event)\">\n                                <span data-filter-name=\"is_featured\">Is Featured<\/span>\n                                <span class=\"filter-button\">\n                                    <svg fill='white' height='20' viewBox='0 0 20 21' width='20'\n                                         xmlns='http:\/\/www.w3.org\/2000\/svg'>\n                                        <path d='M7 10l5 5 5-5z'\/><path d='M0 0h24v24H0z' fill='none'\/>\n                                    <\/svg>\n                                <\/span>\n                            <\/div>\n                            <div class=\"filter-content\" style=\"display: none\">\n                                                                <div class=\"filter-item\">\n                                    <div id=\"with-count\">\n                                        <input  class=\"custom-checkbox\"\n                                                                                                               type=\"checkbox\"\n                                                                                                               id=\"is_featured_true\"\n                                                                                                               onchange=\"onCheckboxChange(event)\">\n                                        <label for=\"is_featured_true\">Yes<\/label>\n                                        &nbsp;\n                                        <span id=\"filter-count\"><span>(1)<\/span><\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    \t\t\t        <\/div>\n\t\n\n<script>\n\n    var isMobile = !!\"\";\n\n    if (isMobile) {\n        var queryMobileUrl = window.location.search.length ? window.location.search : queryMobileUrl;\n    }\n\n    isMobile && jQuery('#stock-search-input').on('input', function () {\n        const searchValue = jQuery(this).val();\n        if (queryMobileUrl.search('search=') === -1) {\n            queryMobileUrl += (queryMobileUrl ? \"&\" : \"\") + `search=${searchValue}`;\n        } else {\n            let queryToArray = queryMobileUrl.split('&');\n            queryToArray.map((query, key) => {\n                if (query.search('search=') !== -1) {\n                    queryToArray[key] = searchValue.length ? `search=${searchValue}` : '';\n                }\n            })\n            queryMobileUrl = queryToArray.join('&');\n        }\n    })\n\n\n    jQuery('#stock-search-input').keypress(function (event) {\n        if(event.currentTarget.value){\n            event.key === \"Enter\" && onSearchClick(event, 'search', true);\n        }\n    });\n\n    function onSearchClick(event, type, button_pressed = false) {\n        \/\/ const isSearchBbyDescription = jQuery(\"#find_in_description\").prop('checked');\n        const searchValue = button_pressed ? event.currentTarget.value : jQuery(event.currentTarget).prev().val();\n        let querySymbol = window.location.href.substr(window.location.href.length - 1, 1) === '\/' ? '?' : \"&\";\n        if (window.location.search.search(`${type}=`) > 0) {\n            let queryToArray = window.location.search.split('&');\n            queryToArray = queryToArray.filter((query) => query.search('page_id=') < 0);\n            queryToArray.map((query, index) => {\n                if (query.includes(type)) {\n                    queryToArray[index] = searchValue ? `${type}=` + searchValue : '';\n\n                    \/\/ if(searchValue && isSearchBbyDescription){\n                    \/\/     if(! queryToArray.includes(`find_in_description=true`)){\n                    \/\/         queryToArray.push('find_in_description=true')\n                    \/\/     }\n                    \/\/ }\n\n                    \/\/ if( ! isSearchBbyDescription && queryToArray.find(element => element.search(`find_in_description=`) !== -1 )) {\n                    \/\/     queryToArray = queryToArray.filter(query => query !== `find_in_description=true`)\n                    \/\/     queryToArray = queryToArray.filter(query => query !== `?find_in_description=true`)\n                    \/\/ }\n                }\n            });\n\n            if (queryToArray.length) {\n                queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n            }\n\n            let arrayToQuery = queryToArray.join('&');\n\n            arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n            let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n            querySymbol = !arrayToQuery.length ? '' : querySymbol;\n            window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n        } else {\n            \/\/ let searchParams;\n            \/\/ searchParams = isSearchBbyDescription\n            \/\/     ? window.location.search.indexOf('find_in_description=') === -1\n            \/\/         ? querySymbol + `${type}=` + searchValue + '&find_in_description=true'\n            \/\/         : querySymbol + `${type}=` + searchValue\n            \/\/     : querySymbol + `${type}=` + searchValue;\n\n            let searchValueEncoded = searchValue.replaceAll(' ', '%20').replaceAll('\"', '%22').replaceAll('+', '%2B');\n            let searchParams = querySymbol + `${type}=` + searchValueEncoded;\n\n            const urlObj = new URL(window.location.href + searchParams);\n            urlObj.searchParams.delete('pag_page');\n            window.location = urlObj.href;\n        }\n    }\n\n    jQuery(document).ready(() => {\n        jQuery('.filters-wrap input:checked').each(function () {\n            \/\/Displays full block in navbar filters section if the checkbox inside is checked\n            jQuery(this).closest(\".filter-wrap\").find(\".filter-content\").show();\n            \/\/ flip arrow for filter section\n            jQuery(this).closest(\".filter-wrap\").find('.filter-button').addClass('flip');\n        });\n\n        const isSearch = window.location.search.search('search=') !== -1;\n        if (isSearch) {\n            const formatQuery = window.location.search.replace(\/^[&?]\/, '');\n            let formatQueryToArray = formatQuery.split('&');\n            formatQueryToArray.map(queryParam => {\n                if (queryParam.search('search=') !== -1) {\n                    if (queryParam.split('=')[1].length) {\n                        jQuery('input#stock-search-input').val(decodeURIComponent(queryParam).split('=')[1].replaceAll('%20', ' ').replaceAll('%22', '\"').replaceAll('%2B', '+'));\n                        jQuery('.filter-content.search').show();\n                        jQuery('.filter-title.search').find('.filter-button').addClass('flip');\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n                }\n            })\n        }\n        onSearchInputChange();\n        jQuery('input#stock-search-input').on('input', () => onSearchInputChange());\n\n            });\n\n    \/\/ Function to get a parameter by name from the URL\n    function getParamValue(paramName) {\n        let url = new URL(window.location.href);\n        return url.searchParams.get(paramName);\n    }\n\n    \/\/ Function to set the form field values\n    function setFormFieldValues() {\n        let zipCode = getParamValue('zip_code');\n        let radius = getParamValue('radius');\n\n        \/\/ If ZIP code is not present in the URL\n        if (!zipCode) {\n            document.querySelector('#zip_code').value = \"\";\n        } else {\n            document.querySelector('#zip_code').value = zipCode;\n        }\n\n        \/\/ If radius is present in the URL, set the value of the radius select\n        if (radius) {\n            document.querySelector('#distance').value = radius;\n        } else {\n            document.querySelector('#distance').value = 100;\n        }\n    }\n\n    function scrollToFilterContent(content) {\n        const contentTopPos = jQuery(content).offset().top;\n        if (content.offset().top >= jQuery('.modal-content').outerHeight() * 0.5) {\n            console.log(true)\n            console.log(true)\n            jQuery('.modal-content').animate({scrollTop: contentTopPos + parseInt(content.css('height')) \/ 2}, 500)\n        }\n    }\n\n    function onFilterCategoryClick(event) {\n        const content = jQuery(event.currentTarget).next();\n        const isVisible = content.css('display') !== 'none';\n        if (!isVisible) {\n            content.show();\n            \/\/ isMobile && scrollToFilterContent(content);\n            jQuery(event.currentTarget).find('span.filter-button').addClass('flip');\n        } else {\n            content.hide();\n            jQuery(event.currentTarget).find('span.filter-button').removeClass('flip');\n        }\n    }\n\n    function clearZipSearch(event) {\n        event.preventDefault();\n        window.location.href = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\";\n    }\n\n    \/\/ Function to handle the Save button click event\n    function searchBasedZipCode(event) {\n        \/\/ Prevent the regular form submission\n        event.preventDefault();\n\n        \/\/ Get the form field values\n        let zipCode = document.querySelector('#zip_code').value;\n        let radius = document.querySelector('#distance').value;\n\n        \/\/ Create a URL object from the current URL\n        let url = new URL(window.location.href);\n\n        \/\/ Get the URLSearchParams object from the URL\n        let params = new URLSearchParams(url.search);\n\n        \/\/ Set new values for \"zip_code\" and \"radius\". This will update the values if they already exist, or add them if they don't.\n        zipCode ? params.set('zip_code', zipCode) : '';\n        radius ? params.set('radius', radius) : '';\n\n        \/\/ Replace the old parameters with our new set of parameters\n        url.search = params.toString();\n\n        const urlObj = new URL(url.toString());\n        urlObj.searchParams.delete('pag_page');\n        window.location = urlObj.href;\n    }\n\n    function sortQueryProcessing(e) {\n\n        \/\/if (e.target.value === 'relevance_default') {\n        \/\/    let queryToArray = window.location.search.split('&');\n        \/\/    queryToArray = queryToArray.filter((query) => query.search('page_id=') < 0);\n        \/\/    queryToArray = queryToArray.filter((query) => query.search('sort=') < 0);\n        \/\/    let arrayToQuery = queryToArray.join('&');\n        \/\/\n        \/\/    arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n        \/\/    let querySymbol = \"\/\/\".substr(\"\/\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        \/\/    querySymbol = !arrayToQuery.length ? '' : querySymbol;\n        \/\/\n        \/\/    window.location = \"\/\/\" + querySymbol + arrayToQuery;\n        \/\/    return;\n        \/\/}\n\n        let querySymbol = window.location.href.substr(window.location.href.length - 1, 1) === '\/' ? '?' : \"&\";\n        if (window.location.search.search('sort=') > 0) {\n            let queryToArray = window.location.search.split('&');\n            queryToArray = queryToArray.filter((query) => query.search('page_id=') < 0);\n            queryToArray.map((query, index) => {\n                if (query.includes('sort')) {\n                    queryToArray[index] = \"sort=\" + e.target.value;\n                }\n            });\n            if (queryToArray.length) {\n                queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n            }\n            let arrayToQuery = queryToArray.join('&');\n\n            arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n            let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n            querySymbol = !arrayToQuery.length ? '' : querySymbol;\n\n            window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n        } else {\n            const urlObj = new URL(window.location.href + querySymbol + \"sort=\" + e.target.value);\n            urlObj.searchParams.delete('pag_page');\n            window.location = urlObj.href;\n        }\n\n    }\n\n    jQuery('#user_sort').change(function (e) {\n        sortQueryProcessing(e);\n    });\n\n    function onSearchInputChange() {\n        const searchInput = jQuery('#stock-search-input');\n        const searchButton = jQuery('#stock-search-button');\n        if (jQuery(searchInput).length) {\n            if (jQuery(searchInput).val().length) {\n                searchButton.css({opacity: 1, pointerEvents: 'auto'});\n            } else {\n                searchButton.css({opacity: 0.5, pointerEvents: 'none'});\n            }\n        }\n    }\n\n<\/script>\n\n<style>\n    .search-container {\n        max-width: 300px;\n        background-color: #fff;\n        padding: 5px;\n    }\n\n    .input-group {\n        margin-bottom: 15px;\n        position: relative;\n    }\n\n    .input-group label {\n        display: block;\n        font-size: 12px;\n        color: #333;\n        margin-bottom: 5px;\n    }\n\n    .input-group input {\n        width: 100%;\n        padding: 10px;\n        font-size: 14px;\n        border: 1px solid #ccc;\n    }\n\n    .settings-icon {\n        position: absolute;\n        right: 10px;\n        top: 35px;\n        font-size: 14px;\n        color: #333;\n    }\n\n    .input-group select {\n        width: 100%;\n        padding: 10px;\n        font-size: 14px;\n        border: 1px solid #ccc;\n        cursor: pointer;\n    }\n\n    .button-group {\n        display: flex;\n        justify-content: space-between;\n        margin-top: 15px;\n    }\n\n    .clear-button,\n    .save-button {\n        width: 48%;\n        padding: 10px;\n        font-size: 14px;\n        border: none;\n        border-radius: 4px;\n        cursor: pointer;\n    }\n\n    .clear-button {\n        background-color: #eee;\n        color: #333;\n    }\n\n    .save-button {\n        background-color: #ff9b40;\n        color: #fff;\n    }\n\n    .clear-button:hover {\n        background-color: #ddd;\n    }\n\n    .save-button:hover {\n        background-color: #ff9b40;\n    }\n\n    #trailer_funnel #find_in_description_label {\n        font-size: 14px;\n    }\n\n    #trailer_funnel .navbar {\n        font-size: 14px;\n    }\n\n    #trailer_funnel .navbar .sort {\n        color: rgb(38, 77, 151);\n        display: flex;\n        flex-flow: nowrap;\n        align-items: center;\n        gap: 5px;\n        font-weight: bold;\n        width: 100%;\n    }\n\n    #trailer_funnel .navbar .sort select {\n        color: rgb(38, 77, 151);\n        width: 100%;\n        border-color: rgb(38, 77, 151);\n        border-radius: 20px;\n        font-weight: 500;\n        padding: 8px 15px;\n        -webkit-appearance: none;\n        -moz-appearance: none;\n        background: transparent;\n        background-image: url(\"data:image\/svg+xml;utf8,<svg fill='rgb(38, 77, 151)' height='24' viewBox='0 0 24 24' width='24' xmlns='http:\/\/www.w3.org\/2000\/svg'><path d='M7 10l5 5 5-5z'\/><path d='M0 0h24v24H0z' fill='none'\/><\/svg>\");\n        background-repeat: no-repeat;\n        background-position-x: 98%;\n        background-position-y: center;\n        font-size: 14px;\n        min-height: 30px;\n    }\n\n    #trailer_funnel .navbar .filters-wrap {\n        display: flex;\n        flex-flow: column;\n        row-gap: 15px;\n        margin-top: 15px;\n        width: 100%;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-wrap {\n        display: flex;\n        flex-flow: column;\n        gap: 5px;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-title {\n        display: flex;\n        \/*justify-content: space-between;*\/\n        background: rgb(38, 77, 151);\n        border-radius: 3px;\n        color: white;\n        font-weight: bold;\n        padding: 8px 10px;\n        position: relative;\n        cursor: pointer;\n        align-items: center;\n        column-gap: 10px;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-title span#category-count {\n        opacity: .6;\n        font-weight: lighter;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-title.search {\n        margin: 0;\n        font-size: 14px;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-title .filter-button {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        margin-left: auto;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content {\n        display: flex;\n        flex-flow: column;\n        border-radius: 3px;\n        gap: 5px;\n        background: #fbfbfb;\n        font-size: 14px;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.search {\n        background-color: transparent;\n        border: unset;\n        padding: 0;\n        margin: 0;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item {\n        display: flex;\n        flex-flow: column;\n        padding: 6px 10px;\n        row-gap: 3px;\n        \/*justify-content: space-between;*\/\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item div#with-count {\n        width: 100%;\n        display: flex;\n        align-items: center;\n        \/*justify-content: space-between;*\/\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item div#with-count span#filter-count {\n        \/*min-width: 32px;*\/\n        \/*font-weight: bold;*\/\n        \/*border-radius: 20px;*\/\n        \/*border: 1px solid black;*\/\n        \/*font-size: 10px;*\/\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        opacity: .6;\n        font-weight: lighter;\n        \/*background-color: #f4eb49;*\/\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item.search {\n        padding: 0 !important;\n        border: none;\n        margin: 0;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item #stock-search * {\n        border-radius: 3px;\n    }\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item #stock-search {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        height: 35px;\n        column-gap: 8px;\n        max-width: 100%;\n        overflow: hidden;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item #stock-search #stock-search-input {\n        padding: 0 8px;\n        background-color: #f7f6f6;\n        border: none;\n        font-size: 14px;\n        min-height: 100%;\n        width: 100%;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item #stock-search #stock-search-button {\n        background-color: rgb(38, 77, 151);\n        min-width: 20%;\n        cursor: pointer;\n        min-height: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item #stock-search #stock-search-button .dashicons-search {\n        color: white;\n        scale: 1.3;\n    }\n\n    #trailer_funnel .navbar .flip {\n        transform: rotate(-180deg);\n        transform-origin: 60% 50%;\n    }\n\n    @media screen and (max-width: 600px) {\n        .search-container {\n            margin: 0 auto;\n            padding-bottom: 30px;\n        }\n\n        #trailer_funnel .navbar .filters-wrap .filter-content.search {\n            padding: 2% 5% !important;\n        }\n\n        #trailer_funnel .navbar .filters-wrap .filter-content .filter-item #stock-search #stock-search-button {\n            display: none;\n        }\n\n        #trailer_funnel .navbar .filters-wrap .filter-content .filter-item #stock-search #stock-search-input {\n            min-width: 100%;\n            background-color: white;\n        }\n    }\n\n<\/style>\n                            <\/div>\n                    \n                    <div class=\"content\">\n                                                    <span id=\"units-count\"><span>5<\/span> units<\/span>\n                                                                                                    <div class=\"items\">\n                                <script src=\"https:\/\/uicdn.toast.com\/editor\/latest\/toastui-editor-all.min.js\"><\/script>\n<link rel=\"stylesheet\" href=\"https:\/\/uicdn.toast.com\/editor\/latest\/toastui-editor.min.css\"\/>\n\n\n\t<div class=\"item-wrapper\">\n\t\t<a href=\"https:\/\/www.thetrailerdepot.com\/unit\/featherlite-6-7-x-16-livestock-bumper-pull-trailer-968044\" class=\"item-link\">\n\t\t\t<div class=\"item\">\n\t\t\t\t<div class=\"item-img\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"loader\" style=\"z-index: -1\">\n\t\t\t\t\t\t\t\t<div class=\"lds-default\">\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n                            <div style=\"display: none;\">\n                                                            <\/div>\n                            <img decoding=\"async\" id=\"srp-preloaded\" src=\"https:\/\/cdn.datalink.ai\/items\/968044\/thumbnails\/img_5151_6nfpc44ua.jpg\"\n                                 url=\"https:\/\/cdn.datalink.ai\/items\/968044\/images\/img_5151_6nfpc44ua.jpg\"\n                                 alt=\"New FEATHERLITE 6\u20197\u2033 X 16\u2032 LIVESTOCK BUMPER PULL TRAILER\">\n                            \t<div class=\"img-overlay\">\n\t\t<div class=\"img-overlay-wrapper\">\n\t\t\t\t\t<\/div>\n\t<\/div>\n\t\n<style>\n\t.img-overlay {\n\t\tz-index: 1;\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n\n\t.img-overlay-wrapper {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tdisplay: flex;\n\t\tflex-flow: column;\n\t\tposition: relative;\n\t}\n\n\t.img-overlay-wrapper .overlay-header {\n\t\tbackground-color: #ffffff;\n\t\tcolor: #000000;\n\t\tfont-weight: 600;\n\t\tfont-size: 14px;\n\t\tmargin-bottom: auto;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tpadding: 1% 0;\n\t}\n\n\t.img-overlay-wrapper .overlay-header span.header-text {\n\t\tmax-width: 100%;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t}\n\n\n\t.img-overlay-wrapper .overlay-logo-wrapper {\n\t\tposition: absolute;\n\t\tmax-width: 25%;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-logo-wrapper {\n\t\tposition: absolute;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-wrapper {\n\t\tposition: absolute;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tz-index: 1 !important;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-green {\n\t\tpadding: 5px;\n\t\tcolor: white;\n\t\tbackground-color: green;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-red {\n\t\tpadding: 5px;\n\t\tcolor: white;\n\t\tbackground-color: red;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-wrapper.lower-right,\n\t.img-overlay-wrapper .overlay-logo-wrapper.lower-right,\n\t.img-overlay-wrapper .status-overlay-logo-wrapper.lower-right {\n\t\tbottom: 0;\n\t\tright: 0;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-wrapper.lower-left,\n\t.img-overlay-wrapper .overlay-logo-wrapper.lower-left,\n\t.img-overlay-wrapper .status-overlay-logo-wrapper.lower-left {\n\t\tbottom: 0;\n\t\tleft: 0;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-wrapper.upper-right,\n\t.img-overlay-wrapper .overlay-logo-wrapper.upper-right,\n\t.img-overlay-wrapper .status-overlay-logo-wrapper.upper-right {\n\t\ttop: 0;\n\t\tright: 0;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-wrapper.upper-left,\n\t.img-overlay-wrapper .overlay-logo-wrapper.upper-left,\n\t.img-overlay-wrapper .status-overlay-logo-wrapper.upper-left {\n\t\ttop: 0;\n\t\tleft: 0;\n\t}\n\n\t.img-overlay-wrapper .overlay-logo-wrapper img.overlay-logo,\n\t.img-overlay-wrapper .status-overlay-logo-wrapper img.status-overlay-logo {\n\t\tmax-width: 100%;\n\t\tmax-height: 100%;\n\t\tobject-fit: cover;\n\t}\n\n\n\t.img-overlay-wrapper .overlay-footer {\n\t\tbackground-color: #ffffff;\n\t\tcolor: #000000;\n\t\tfont-weight: 600;\n\t\tfont-size: 14px;\n\t\tmargin-top: auto;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tpadding: 1% 0;\n\t}\n\n\t.img-overlay-wrapper .overlay-footer span.footer-text {\n\t\tmax-width: 100%;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t}\n\n\t@media screen and (max-width: 600px) {\n\t\t.img-overlay {\n\t\t\ttop: 0;\n\t\t\twidth: 100%;\n\t\t\tmin-height: 200px;\n\t\t\tmax-height: 200px;\n\t\t}\n\n\t\t.img-overlay-wrapper .overlay-logo-wrapper img.overlay-logo,\n\t\t.img-overlay-wrapper .status-overlay-logo-wrapper img.status-overlay-logo {\n\t\t\tmax-width: 100% !important;\n\t\t\tmin-width: 100% !important;\n\t\t\tmax-height: 100% !important;\n\t\t\tmin-height: unset !important;\n\t\t\tobject-fit: cover !important;\n\t\t}\n\t}\n<\/style>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"item-info\">\n\t\t\t\t\t\t\t\t\t<div class=\"item-title\">\n\n\t\t\t\t\t\t<div class=\"title\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"prefix\">New<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"label\">FEATHERLITE 6\u20197\u2033 X 16\u2032 LIVESTOCK BUMPER PULL TRAILER<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"price \">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>$21,495.00<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"banners\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"item-stock\">\n\t\t\t\t\t\t<div class=\"stock\">\n\t\t\t\t\t\t\t<span>Stock #:<\/span>\n\t\t\t\t\t\t\t<span style=\"font-weight: 800\">165748<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"location\">\n                        <span class=\"img\">\n                            <svg fill=\"#747474\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\txmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" width=\"10px\" height=\"10px\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewBox=\"-40 0 395.71 395.71\" xml:space=\"preserve\" stroke=\"#747474\">\n                                <path\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M197.849,0C122.131,0,60.531,61.609,60.531,137.329c0,72.887,124.591,243.177,129.896,250.388l4.951,6.738 c0.579,0.792,1.501,1.255,2.471,1.255c0.985,0,1.901-0.463,2.486-1.255l4.948-6.738c5.308-7.211,129.896-177.501,129.896-250.388 C335.179,61.609,273.569,0,197.849,0z M197.849,88.138c27.13,0,49.191,22.062,49.191,49.191c0,27.115-22.062,49.191-49.191,49.191 c-27.114,0-49.191-22.076-49.191-49.191C148.658,110.2,170.734,88.138,197.849,88.138z\"><\/path>\n                            <\/svg>\n                        <\/span>\n\t\t\t\t\t\t\t<span>\n                                The Trailer Depot<\/span>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"msrp\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n                                                                                                                \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t<div class=\"item-specs\">\n\t\t\t\t\t<div class=\"specs-first\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>Floor Length<\/span>\n\t\t\t\t\t\t\t\t\t\t<span style=\"font-weight: bold\">16ft <\/span>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>GVWR<\/span>\n\t\t\t\t\t\t\t\t\t\t<span style=\"font-weight: bold\">7,000 lbs<\/span>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>Color<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span style=\"font-weight: bold\">White<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>Pull Type<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span style=\"font-weight: bold\">Bumper<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"specs-buttons\">\n\n                                                            <button\n                                        class=\"button view-details\" type=\"button\">\n                                    View Details                                <\/button>\n                            \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t<\/div>\n\t<\/a>\n\t<\/div>\n\t\n\t<style>\n        #trailer_funnel .schema {\n            display: none;\n        }\n\n\t\t#trailer_funnel .items a.item-link {\n\t\t\tcolor: inherit !important;\n\t\t\ttext-decoration: inherit !important;\n\t\t}\n\n\t\t#trailer_funnel .items a.item-link:hover {\n\t\t\tcolor: inherit !important;\n\t\t\ttext-decoration: inherit !important;\n\t\t}\n\t<\/style>\n\t\n\t<script>\n\n\t\tjQuery(\".specs-buttons\").on('click', function (e) {\n\t\t\te.stopPropagation();\n\t\t})\n\n\t\tjQuery(\".custom-buttons\").on('click', function (event) {\n\t\t\tevent.stopPropagation();\n\t\t});\n\n\t<\/script>\n\n\t\n\t\n\t<div class=\"item-wrapper\">\n\t\t<a href=\"https:\/\/www.thetrailerdepot.com\/unit\/featherlite-8-x-24-livestock-gooseneck-trailer-16k-880692\" class=\"item-link\">\n\t\t\t<div class=\"item\">\n\t\t\t\t<div class=\"item-img\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"loader\" style=\"z-index: -1\">\n\t\t\t\t\t\t\t\t<div class=\"lds-default\">\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n                            <div style=\"display: none;\">\n                                                            <\/div>\n                            <img decoding=\"async\" id=\"srp-preloaded\" src=\"https:\/\/cdn.datalink.ai\/items\/880692\/thumbnails\/img_4557_49xjedlpw.jpg\"\n                                 url=\"https:\/\/cdn.datalink.ai\/items\/880692\/images\/img_4557_49xjedlpw.jpg\"\n                                 alt=\"New Featherlite 8' x 24' Livestock Gooseneck Trailer 16K\">\n                            \t<div class=\"img-overlay\">\n\t\t<div class=\"img-overlay-wrapper\">\n\t\t\t\t\t<\/div>\n\t<\/div>\n\t\n<style>\n\t.img-overlay {\n\t\tz-index: 1;\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n\n\t.img-overlay-wrapper {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tdisplay: flex;\n\t\tflex-flow: column;\n\t\tposition: relative;\n\t}\n\n\t.img-overlay-wrapper .overlay-header {\n\t\tbackground-color: #ffffff;\n\t\tcolor: #000000;\n\t\tfont-weight: 600;\n\t\tfont-size: 14px;\n\t\tmargin-bottom: auto;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tpadding: 1% 0;\n\t}\n\n\t.img-overlay-wrapper .overlay-header span.header-text {\n\t\tmax-width: 100%;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t}\n\n\n\t.img-overlay-wrapper .overlay-logo-wrapper {\n\t\tposition: absolute;\n\t\tmax-width: 25%;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-logo-wrapper {\n\t\tposition: absolute;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-wrapper {\n\t\tposition: absolute;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tz-index: 1 !important;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-green {\n\t\tpadding: 5px;\n\t\tcolor: white;\n\t\tbackground-color: green;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-red {\n\t\tpadding: 5px;\n\t\tcolor: white;\n\t\tbackground-color: red;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-wrapper.lower-right,\n\t.img-overlay-wrapper .overlay-logo-wrapper.lower-right,\n\t.img-overlay-wrapper .status-overlay-logo-wrapper.lower-right {\n\t\tbottom: 0;\n\t\tright: 0;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-wrapper.lower-left,\n\t.img-overlay-wrapper .overlay-logo-wrapper.lower-left,\n\t.img-overlay-wrapper .status-overlay-logo-wrapper.lower-left {\n\t\tbottom: 0;\n\t\tleft: 0;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-wrapper.upper-right,\n\t.img-overlay-wrapper .overlay-logo-wrapper.upper-right,\n\t.img-overlay-wrapper .status-overlay-logo-wrapper.upper-right {\n\t\ttop: 0;\n\t\tright: 0;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-wrapper.upper-left,\n\t.img-overlay-wrapper .overlay-logo-wrapper.upper-left,\n\t.img-overlay-wrapper .status-overlay-logo-wrapper.upper-left {\n\t\ttop: 0;\n\t\tleft: 0;\n\t}\n\n\t.img-overlay-wrapper .overlay-logo-wrapper img.overlay-logo,\n\t.img-overlay-wrapper .status-overlay-logo-wrapper img.status-overlay-logo {\n\t\tmax-width: 100%;\n\t\tmax-height: 100%;\n\t\tobject-fit: cover;\n\t}\n\n\n\t.img-overlay-wrapper .overlay-footer {\n\t\tbackground-color: #ffffff;\n\t\tcolor: #000000;\n\t\tfont-weight: 600;\n\t\tfont-size: 14px;\n\t\tmargin-top: auto;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tpadding: 1% 0;\n\t}\n\n\t.img-overlay-wrapper .overlay-footer span.footer-text {\n\t\tmax-width: 100%;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t}\n\n\t@media screen and (max-width: 600px) {\n\t\t.img-overlay {\n\t\t\ttop: 0;\n\t\t\twidth: 100%;\n\t\t\tmin-height: 200px;\n\t\t\tmax-height: 200px;\n\t\t}\n\n\t\t.img-overlay-wrapper .overlay-logo-wrapper img.overlay-logo,\n\t\t.img-overlay-wrapper .status-overlay-logo-wrapper img.status-overlay-logo {\n\t\t\tmax-width: 100% !important;\n\t\t\tmin-width: 100% !important;\n\t\t\tmax-height: 100% !important;\n\t\t\tmin-height: unset !important;\n\t\t\tobject-fit: cover !important;\n\t\t}\n\t}\n<\/style>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"item-info\">\n\t\t\t\t\t\t\t\t\t<div class=\"item-title\">\n\n\t\t\t\t\t\t<div class=\"title\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"prefix\">New<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"label\">Featherlite 8' x 24' Livestock Gooseneck Trailer 16K<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"price \">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>$44,300.00<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"banners\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"banner featured\">Featured<\/span>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"item-stock\">\n\t\t\t\t\t\t<div class=\"stock\">\n\t\t\t\t\t\t\t<span>Stock #:<\/span>\n\t\t\t\t\t\t\t<span style=\"font-weight: 800\">165679<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"location\">\n                        <span class=\"img\">\n                            <svg fill=\"#747474\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\txmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" width=\"10px\" height=\"10px\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewBox=\"-40 0 395.71 395.71\" xml:space=\"preserve\" stroke=\"#747474\">\n                                <path\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M197.849,0C122.131,0,60.531,61.609,60.531,137.329c0,72.887,124.591,243.177,129.896,250.388l4.951,6.738 c0.579,0.792,1.501,1.255,2.471,1.255c0.985,0,1.901-0.463,2.486-1.255l4.948-6.738c5.308-7.211,129.896-177.501,129.896-250.388 C335.179,61.609,273.569,0,197.849,0z M197.849,88.138c27.13,0,49.191,22.062,49.191,49.191c0,27.115-22.062,49.191-49.191,49.191 c-27.114,0-49.191-22.076-49.191-49.191C148.658,110.2,170.734,88.138,197.849,88.138z\"><\/path>\n                            <\/svg>\n                        <\/span>\n\t\t\t\t\t\t\t<span>\n                                The Trailer Depot<\/span>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"msrp\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n                                                                                                                \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t<div class=\"item-specs\">\n\t\t\t\t\t<div class=\"specs-first\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>Floor Length<\/span>\n\t\t\t\t\t\t\t\t\t\t<span style=\"font-weight: bold\">24ft <\/span>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>GVWR<\/span>\n\t\t\t\t\t\t\t\t\t\t<span style=\"font-weight: bold\">16,000 lbs<\/span>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>Color<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span style=\"font-weight: bold\">Silver<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>Pull Type<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span style=\"font-weight: bold\">Gooseneck<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"specs-buttons\">\n\n                                                            <button\n                                        class=\"button view-details\" type=\"button\">\n                                    View Details                                <\/button>\n                            \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t<\/div>\n\t<\/a>\n\t<\/div>\n\t\n\t<style>\n        #trailer_funnel .schema {\n            display: none;\n        }\n\n\t\t#trailer_funnel .items a.item-link {\n\t\t\tcolor: inherit !important;\n\t\t\ttext-decoration: inherit !important;\n\t\t}\n\n\t\t#trailer_funnel .items a.item-link:hover {\n\t\t\tcolor: inherit !important;\n\t\t\ttext-decoration: inherit !important;\n\t\t}\n\t<\/style>\n\t\n\t<script>\n\n\t\tjQuery(\".specs-buttons\").on('click', function (e) {\n\t\t\te.stopPropagation();\n\t\t})\n\n\t\tjQuery(\".custom-buttons\").on('click', function (event) {\n\t\t\tevent.stopPropagation();\n\t\t});\n\n\t<\/script>\n\n\t\n\t\n\t<div class=\"item-wrapper\">\n\t\t<a href=\"https:\/\/www.thetrailerdepot.com\/unit\/valley-6-x-16-livestock-bumper-pull-trailer-7k-611396\" class=\"item-link\">\n\t\t\t<div class=\"item\">\n\t\t\t\t<div class=\"item-img\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"loader\" style=\"z-index: -1\">\n\t\t\t\t\t\t\t\t<div class=\"lds-default\">\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n                            <div style=\"display: none;\">\n                                                            <\/div>\n                            <img decoding=\"async\" id=\"srp-preloaded\" src=\"https:\/\/cdn.datalink.ai\/items\/611396\/thumbnails\/IMG_2177-mrlqt.jpg\"\n                                 url=\"https:\/\/cdn.datalink.ai\/items\/611396\/images\/IMG_2177-mrlqt.jpg\"\n                                 alt=\"New Valley 6' x 16' Livestock Bumper Pull Trailer 7K\">\n                            \t<div class=\"img-overlay\">\n\t\t<div class=\"img-overlay-wrapper\">\n\t\t\t\t\t<\/div>\n\t<\/div>\n\t\n<style>\n\t.img-overlay {\n\t\tz-index: 1;\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n\n\t.img-overlay-wrapper {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tdisplay: flex;\n\t\tflex-flow: column;\n\t\tposition: relative;\n\t}\n\n\t.img-overlay-wrapper .overlay-header {\n\t\tbackground-color: #ffffff;\n\t\tcolor: #000000;\n\t\tfont-weight: 600;\n\t\tfont-size: 14px;\n\t\tmargin-bottom: auto;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tpadding: 1% 0;\n\t}\n\n\t.img-overlay-wrapper .overlay-header span.header-text {\n\t\tmax-width: 100%;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t}\n\n\n\t.img-overlay-wrapper .overlay-logo-wrapper {\n\t\tposition: absolute;\n\t\tmax-width: 25%;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-logo-wrapper {\n\t\tposition: absolute;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-wrapper {\n\t\tposition: absolute;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tz-index: 1 !important;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-green {\n\t\tpadding: 5px;\n\t\tcolor: white;\n\t\tbackground-color: green;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-red {\n\t\tpadding: 5px;\n\t\tcolor: white;\n\t\tbackground-color: red;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-wrapper.lower-right,\n\t.img-overlay-wrapper .overlay-logo-wrapper.lower-right,\n\t.img-overlay-wrapper .status-overlay-logo-wrapper.lower-right {\n\t\tbottom: 0;\n\t\tright: 0;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-wrapper.lower-left,\n\t.img-overlay-wrapper .overlay-logo-wrapper.lower-left,\n\t.img-overlay-wrapper .status-overlay-logo-wrapper.lower-left {\n\t\tbottom: 0;\n\t\tleft: 0;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-wrapper.upper-right,\n\t.img-overlay-wrapper .overlay-logo-wrapper.upper-right,\n\t.img-overlay-wrapper .status-overlay-logo-wrapper.upper-right {\n\t\ttop: 0;\n\t\tright: 0;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-wrapper.upper-left,\n\t.img-overlay-wrapper .overlay-logo-wrapper.upper-left,\n\t.img-overlay-wrapper .status-overlay-logo-wrapper.upper-left {\n\t\ttop: 0;\n\t\tleft: 0;\n\t}\n\n\t.img-overlay-wrapper .overlay-logo-wrapper img.overlay-logo,\n\t.img-overlay-wrapper .status-overlay-logo-wrapper img.status-overlay-logo {\n\t\tmax-width: 100%;\n\t\tmax-height: 100%;\n\t\tobject-fit: cover;\n\t}\n\n\n\t.img-overlay-wrapper .overlay-footer {\n\t\tbackground-color: #ffffff;\n\t\tcolor: #000000;\n\t\tfont-weight: 600;\n\t\tfont-size: 14px;\n\t\tmargin-top: auto;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tpadding: 1% 0;\n\t}\n\n\t.img-overlay-wrapper .overlay-footer span.footer-text {\n\t\tmax-width: 100%;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t}\n\n\t@media screen and (max-width: 600px) {\n\t\t.img-overlay {\n\t\t\ttop: 0;\n\t\t\twidth: 100%;\n\t\t\tmin-height: 200px;\n\t\t\tmax-height: 200px;\n\t\t}\n\n\t\t.img-overlay-wrapper .overlay-logo-wrapper img.overlay-logo,\n\t\t.img-overlay-wrapper .status-overlay-logo-wrapper img.status-overlay-logo {\n\t\t\tmax-width: 100% !important;\n\t\t\tmin-width: 100% !important;\n\t\t\tmax-height: 100% !important;\n\t\t\tmin-height: unset !important;\n\t\t\tobject-fit: cover !important;\n\t\t}\n\t}\n<\/style>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"item-info\">\n\t\t\t\t\t\t\t\t\t<div class=\"item-title\">\n\n\t\t\t\t\t\t<div class=\"title\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"prefix\">New<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"label\">Valley 6' x 16' Livestock Bumper Pull Trailer 7K<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"price \">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>$10,150.00<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"banners\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"item-stock\">\n\t\t\t\t\t\t<div class=\"stock\">\n\t\t\t\t\t\t\t<span>Stock #:<\/span>\n\t\t\t\t\t\t\t<span style=\"font-weight: 800\">000765<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"location\">\n                        <span class=\"img\">\n                            <svg fill=\"#747474\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\txmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" width=\"10px\" height=\"10px\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewBox=\"-40 0 395.71 395.71\" xml:space=\"preserve\" stroke=\"#747474\">\n                                <path\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M197.849,0C122.131,0,60.531,61.609,60.531,137.329c0,72.887,124.591,243.177,129.896,250.388l4.951,6.738 c0.579,0.792,1.501,1.255,2.471,1.255c0.985,0,1.901-0.463,2.486-1.255l4.948-6.738c5.308-7.211,129.896-177.501,129.896-250.388 C335.179,61.609,273.569,0,197.849,0z M197.849,88.138c27.13,0,49.191,22.062,49.191,49.191c0,27.115-22.062,49.191-49.191,49.191 c-27.114,0-49.191-22.076-49.191-49.191C148.658,110.2,170.734,88.138,197.849,88.138z\"><\/path>\n                            <\/svg>\n                        <\/span>\n\t\t\t\t\t\t\t<span>\n                                The Trailer Depot<\/span>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"msrp\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n                                                                                                                \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t<div class=\"item-specs\">\n\t\t\t\t\t<div class=\"specs-first\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>Floor Length<\/span>\n\t\t\t\t\t\t\t\t\t\t<span style=\"font-weight: bold\">16ft <\/span>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>GVWR<\/span>\n\t\t\t\t\t\t\t\t\t\t<span style=\"font-weight: bold\">7,000 lbs<\/span>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>Pull Type<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span style=\"font-weight: bold\">Bumper<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"specs-buttons\">\n\n                                                            <button\n                                        class=\"button view-details\" type=\"button\">\n                                    View Details                                <\/button>\n                            \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t<\/div>\n\t<\/a>\n\t<\/div>\n\t\n\t<style>\n        #trailer_funnel .schema {\n            display: none;\n        }\n\n\t\t#trailer_funnel .items a.item-link {\n\t\t\tcolor: inherit !important;\n\t\t\ttext-decoration: inherit !important;\n\t\t}\n\n\t\t#trailer_funnel .items a.item-link:hover {\n\t\t\tcolor: inherit !important;\n\t\t\ttext-decoration: inherit !important;\n\t\t}\n\t<\/style>\n\t\n\t<script>\n\n\t\tjQuery(\".specs-buttons\").on('click', function (e) {\n\t\t\te.stopPropagation();\n\t\t})\n\n\t\tjQuery(\".custom-buttons\").on('click', function (event) {\n\t\t\tevent.stopPropagation();\n\t\t});\n\n\t<\/script>\n\n\t\n\t\n\t<div class=\"item-wrapper\">\n\t\t<a href=\"https:\/\/www.thetrailerdepot.com\/unit\/featherlite-7-x-20-gooseneck-livestock-trailer-14k-611582\" class=\"item-link\">\n\t\t\t<div class=\"item\">\n\t\t\t\t<div class=\"item-img\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"loader\" style=\"z-index: -1\">\n\t\t\t\t\t\t\t\t<div class=\"lds-default\">\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n                            <div style=\"display: none;\">\n                                                            <\/div>\n                            <img decoding=\"async\" id=\"srp-preloaded\" src=\"https:\/\/cdn.datalink.ai\/items\/611582\/thumbnails\/img_5181_itt7t2x9t.jpg\"\n                                 url=\"https:\/\/cdn.datalink.ai\/items\/611582\/images\/img_5181_itt7t2x9t.jpg\"\n                                 alt=\"New Featherlite 7' x 20' Gooseneck Livestock Trailer 14K\">\n                            \t<div class=\"img-overlay\">\n\t\t<div class=\"img-overlay-wrapper\">\n\t\t\t\t\t<\/div>\n\t<\/div>\n\t\n<style>\n\t.img-overlay {\n\t\tz-index: 1;\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n\n\t.img-overlay-wrapper {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tdisplay: flex;\n\t\tflex-flow: column;\n\t\tposition: relative;\n\t}\n\n\t.img-overlay-wrapper .overlay-header {\n\t\tbackground-color: #ffffff;\n\t\tcolor: #000000;\n\t\tfont-weight: 600;\n\t\tfont-size: 14px;\n\t\tmargin-bottom: auto;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tpadding: 1% 0;\n\t}\n\n\t.img-overlay-wrapper .overlay-header span.header-text {\n\t\tmax-width: 100%;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t}\n\n\n\t.img-overlay-wrapper .overlay-logo-wrapper {\n\t\tposition: absolute;\n\t\tmax-width: 25%;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-logo-wrapper {\n\t\tposition: absolute;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-wrapper {\n\t\tposition: absolute;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tz-index: 1 !important;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-green {\n\t\tpadding: 5px;\n\t\tcolor: white;\n\t\tbackground-color: green;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-red {\n\t\tpadding: 5px;\n\t\tcolor: white;\n\t\tbackground-color: red;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-wrapper.lower-right,\n\t.img-overlay-wrapper .overlay-logo-wrapper.lower-right,\n\t.img-overlay-wrapper .status-overlay-logo-wrapper.lower-right {\n\t\tbottom: 0;\n\t\tright: 0;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-wrapper.lower-left,\n\t.img-overlay-wrapper .overlay-logo-wrapper.lower-left,\n\t.img-overlay-wrapper .status-overlay-logo-wrapper.lower-left {\n\t\tbottom: 0;\n\t\tleft: 0;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-wrapper.upper-right,\n\t.img-overlay-wrapper .overlay-logo-wrapper.upper-right,\n\t.img-overlay-wrapper .status-overlay-logo-wrapper.upper-right {\n\t\ttop: 0;\n\t\tright: 0;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-wrapper.upper-left,\n\t.img-overlay-wrapper .overlay-logo-wrapper.upper-left,\n\t.img-overlay-wrapper .status-overlay-logo-wrapper.upper-left {\n\t\ttop: 0;\n\t\tleft: 0;\n\t}\n\n\t.img-overlay-wrapper .overlay-logo-wrapper img.overlay-logo,\n\t.img-overlay-wrapper .status-overlay-logo-wrapper img.status-overlay-logo {\n\t\tmax-width: 100%;\n\t\tmax-height: 100%;\n\t\tobject-fit: cover;\n\t}\n\n\n\t.img-overlay-wrapper .overlay-footer {\n\t\tbackground-color: #ffffff;\n\t\tcolor: #000000;\n\t\tfont-weight: 600;\n\t\tfont-size: 14px;\n\t\tmargin-top: auto;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tpadding: 1% 0;\n\t}\n\n\t.img-overlay-wrapper .overlay-footer span.footer-text {\n\t\tmax-width: 100%;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t}\n\n\t@media screen and (max-width: 600px) {\n\t\t.img-overlay {\n\t\t\ttop: 0;\n\t\t\twidth: 100%;\n\t\t\tmin-height: 200px;\n\t\t\tmax-height: 200px;\n\t\t}\n\n\t\t.img-overlay-wrapper .overlay-logo-wrapper img.overlay-logo,\n\t\t.img-overlay-wrapper .status-overlay-logo-wrapper img.status-overlay-logo {\n\t\t\tmax-width: 100% !important;\n\t\t\tmin-width: 100% !important;\n\t\t\tmax-height: 100% !important;\n\t\t\tmin-height: unset !important;\n\t\t\tobject-fit: cover !important;\n\t\t}\n\t}\n<\/style>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"item-info\">\n\t\t\t\t\t\t\t\t\t<div class=\"item-title\">\n\n\t\t\t\t\t\t<div class=\"title\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"prefix\">New<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"label\">Featherlite 7' x 20' Gooseneck Livestock Trailer 14K<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"price \">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>$34,325.00<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"banners\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"item-stock\">\n\t\t\t\t\t\t<div class=\"stock\">\n\t\t\t\t\t\t\t<span>Stock #:<\/span>\n\t\t\t\t\t\t\t<span style=\"font-weight: 800\">165678<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"location\">\n                        <span class=\"img\">\n                            <svg fill=\"#747474\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\txmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" width=\"10px\" height=\"10px\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewBox=\"-40 0 395.71 395.71\" xml:space=\"preserve\" stroke=\"#747474\">\n                                <path\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M197.849,0C122.131,0,60.531,61.609,60.531,137.329c0,72.887,124.591,243.177,129.896,250.388l4.951,6.738 c0.579,0.792,1.501,1.255,2.471,1.255c0.985,0,1.901-0.463,2.486-1.255l4.948-6.738c5.308-7.211,129.896-177.501,129.896-250.388 C335.179,61.609,273.569,0,197.849,0z M197.849,88.138c27.13,0,49.191,22.062,49.191,49.191c0,27.115-22.062,49.191-49.191,49.191 c-27.114,0-49.191-22.076-49.191-49.191C148.658,110.2,170.734,88.138,197.849,88.138z\"><\/path>\n                            <\/svg>\n                        <\/span>\n\t\t\t\t\t\t\t<span>\n                                The Trailer Depot<\/span>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"msrp\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n                                                                                                                \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t<div class=\"item-specs\">\n\t\t\t\t\t<div class=\"specs-first\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>Floor Length<\/span>\n\t\t\t\t\t\t\t\t\t\t<span style=\"font-weight: bold\">20ft <\/span>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>GVWR<\/span>\n\t\t\t\t\t\t\t\t\t\t<span style=\"font-weight: bold\">14,000 lbs<\/span>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>Color<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span style=\"font-weight: bold\">White<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>Pull Type<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span style=\"font-weight: bold\">Gooseneck<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"specs-buttons\">\n\n                                                            <button\n                                        class=\"button view-details\" type=\"button\">\n                                    View Details                                <\/button>\n                            \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t<\/div>\n\t<\/a>\n\t<\/div>\n\t\n\t<style>\n        #trailer_funnel .schema {\n            display: none;\n        }\n\n\t\t#trailer_funnel .items a.item-link {\n\t\t\tcolor: inherit !important;\n\t\t\ttext-decoration: inherit !important;\n\t\t}\n\n\t\t#trailer_funnel .items a.item-link:hover {\n\t\t\tcolor: inherit !important;\n\t\t\ttext-decoration: inherit !important;\n\t\t}\n\t<\/style>\n\t\n\t<script>\n\n\t\tjQuery(\".specs-buttons\").on('click', function (e) {\n\t\t\te.stopPropagation();\n\t\t})\n\n\t\tjQuery(\".custom-buttons\").on('click', function (event) {\n\t\t\tevent.stopPropagation();\n\t\t});\n\n\t<\/script>\n\n\t\n\t\n\t<div class=\"item-wrapper\">\n\t\t<a href=\"https:\/\/www.thetrailerdepot.com\/unit\/featherlite-6-7-x-16-livestock-bumper-pull-trailer-611841\" class=\"item-link\">\n\t\t\t<div class=\"item\">\n\t\t\t\t<div class=\"item-img\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"loader\" style=\"z-index: -1\">\n\t\t\t\t\t\t\t\t<div class=\"lds-default\">\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n                            <div style=\"display: none;\">\n                                                            <\/div>\n                            <img decoding=\"async\" id=\"srp-preloaded\" src=\"https:\/\/cdn.datalink.ai\/items\/611841\/thumbnails\/Featherlite%2520Bumperpull%2520Livestock%2520Trailer%2520%2520%25282%2529-j8c1g-05-07-2024.JPG\"\n                                 url=\"https:\/\/cdn.datalink.ai\/items\/611841\/images\/Featherlite%2520Bumperpull%2520Livestock%2520Trailer%2520%2520%25282%2529-j8c1g-05-07-2024.JPG\"\n                                 alt=\"New FEATHERLITE 6\u20197\u2033 X 16\u2032 LIVESTOCK BUMPER PULL TRAILER\">\n                            \t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"item-info\">\n\t\t\t\t\t\t\t\t\t<div class=\"item-title\">\n\n\t\t\t\t\t\t<div class=\"title\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"prefix\">New<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"label\">FEATHERLITE 6\u20197\u2033 X 16\u2032 LIVESTOCK BUMPER PULL TRAILER<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"price \">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>$19,500.00<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"banners\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"banner on-special\">On Special<\/span>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"banner status\">Special Price<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"item-stock\">\n\t\t\t\t\t\t<div class=\"stock\">\n\t\t\t\t\t\t\t<span>Stock #:<\/span>\n\t\t\t\t\t\t\t<span style=\"font-weight: 800\">161525<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"location\">\n                        <span class=\"img\">\n                            <svg fill=\"#747474\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\txmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" width=\"10px\" height=\"10px\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewBox=\"-40 0 395.71 395.71\" xml:space=\"preserve\" stroke=\"#747474\">\n                                <path\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M197.849,0C122.131,0,60.531,61.609,60.531,137.329c0,72.887,124.591,243.177,129.896,250.388l4.951,6.738 c0.579,0.792,1.501,1.255,2.471,1.255c0.985,0,1.901-0.463,2.486-1.255l4.948-6.738c5.308-7.211,129.896-177.501,129.896-250.388 C335.179,61.609,273.569,0,197.849,0z M197.849,88.138c27.13,0,49.191,22.062,49.191,49.191c0,27.115-22.062,49.191-49.191,49.191 c-27.114,0-49.191-22.076-49.191-49.191C148.658,110.2,170.734,88.138,197.849,88.138z\"><\/path>\n                            <\/svg>\n                        <\/span>\n\t\t\t\t\t\t\t<span>\n                                The Trailer Depot<\/span>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"msrp\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n                                                                                                                \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t<div class=\"item-specs\">\n\t\t\t\t\t<div class=\"specs-first\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>Floor Length<\/span>\n\t\t\t\t\t\t\t\t\t\t<span style=\"font-weight: bold\">16ft <\/span>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>GVWR<\/span>\n\t\t\t\t\t\t\t\t\t\t<span style=\"font-weight: bold\">7,000 lbs<\/span>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>Color<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span style=\"font-weight: bold\">Charcoal<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>Pull Type<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span style=\"font-weight: bold\">Bumper<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"specs-buttons\">\n\n                                                            <button\n                                        class=\"button view-details\" type=\"button\">\n                                    View Details                                <\/button>\n                            \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t<\/div>\n\t<\/a>\n\t<\/div>\n\t\n\t<style>\n        #trailer_funnel .schema {\n            display: none;\n        }\n\n\t\t#trailer_funnel .items a.item-link {\n\t\t\tcolor: inherit !important;\n\t\t\ttext-decoration: inherit !important;\n\t\t}\n\n\t\t#trailer_funnel .items a.item-link:hover {\n\t\t\tcolor: inherit !important;\n\t\t\ttext-decoration: inherit !important;\n\t\t}\n\t<\/style>\n\t\n\t<script>\n\n\t\tjQuery(\".specs-buttons\").on('click', function (e) {\n\t\t\te.stopPropagation();\n\t\t})\n\n\t\tjQuery(\".custom-buttons\").on('click', function (event) {\n\t\t\tevent.stopPropagation();\n\t\t});\n\n\t<\/script>\n\n\t\n\t                            <\/div>\n                                                                    <\/div>\n                <\/div>\n\n                            <\/div>\n        <\/div>\n    <\/div>\n\n        <style>\n\n        .dashicons.dashicons-no-alt {\n            cursor: pointer;\n        }\n\n        @media screen and (min-width: 900px) {\n            span#empty-img {\n                border-color: transparent !important;\n            }\n        }\n\n        span#empty-img {\n            color: #ebebeb;\n            text-align: center;\n            border: 1.5px solid #ebebeb;\n            border-radius: 2px;\n            min-height: 200px;\n            max-height: 200px;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            overflow: hidden;\n            max-width: 75%;\n            margin: 0 auto;\n        }\n\n\n        #trailer_funnel {\n            max-width: 1440px;\n        }\n\n        #trailer_funnel .paginate {\n            margin-bottom: 30px;\n        }\n\n        #trailer_funnel hr {\n            background: #ebebeb;\n            border: none;\n            height: 1.5px;\n        }\n\n        #trailer_funnel hr:last-child {\n            margin-bottom: 2.5%;\n        }\n\n        #trailer_funnel .main-wrap {\n            background: white;\n            position: relative;\n            min-height: 100vh;\n        }\n\n        #trailer_funnel .header {\n            background: rgb(203, 222, 253);\n            height: 10%;\n            border: 1.5px solid #d7d7d7;\n            border-radius: 2px;\n        }\n\n        #trailer_funnel .wrap-content {\n            display: grid;\n            grid-template-areas: 'search search' 'navbar content';\n            grid-template-rows: minmax(0, max-content) 2fr;\n            grid-template-columns: 0.8fr 3fr;\n            column-gap: 4%;\n            padding: 0 2% 0 2%;\n        }\n\n        #trailer_funnel .navbar {\n            grid-area: navbar;\n            height: fit-content;\n            padding: 0;\n        }\n\n        #trailer_funnel .content {\n            grid-area: content;\n            padding-right: 3%;\n            display: flex;\n            flex-flow: column;\n            row-gap: 10px;\n        }\n\n        #trailer_funnel .content span#units-count{\n            color: rgb(38, 77, 151);\n        }\n\n        #trailer_funnel .content span#units-count span{\n            font-weight: bold;\n        }\n\n        #trailer_funnel .footer {\n            background: rgb(203, 222, 253);\n            height: 20%;\n            width: 100%;\n            margin-top: 200px;\n            border: 1.5px solid #d7d7d7;\n            border-radius: 2px;\n        }\n\n    <\/style>\n\n        \n\n        <!--main styles-->\n        <style>\n\n            @media print {\n\n                div.paginate {\n                    display: none !important;\n                }\n\n                header, footer {\n                    display: none !important;\n                }\n\n                a.edit-button.button {\n                    display: none !important;\n                }\n\n                button#print {\n                    display: none !important;\n                }\n\n                span#empty-img {\n                    border-color: transparent;\n                }\n\n                #trailer_funnel .item-info .item-stock {\n                    font-size: 11px !important;\n                }\n\n                #trailer_funnel .item-info .item-title div.price {\n                    font-size: 16px !important;\n                }\n\n                #trailer_funnel .item-info {\n                    font-size: 14px !important;\n                }\n\n                #trailer_funnel .item-info .item-specs .specs-buttons button {\n                    font-size: 14px !important;\n                }\n\n                #trailer_funnel .item-info .msrp {\n                    font-size: 12px !important;\n                }\n\n                #trailer_funnel .item-info .item-specs {\n                    font-size: 10px !important;\n                }\n\n                #trailer_funnel .navbar .sort select {\n                    font-size: 10px !important;\n                }\n\n                #trailer_funnel .item-info .revert .banners .banner {\n                    font-size: 9px !important;\n                    padding: 5px 10px 5px 10px !important;\n                }\n\n                #trailer_funnel .item-info .revert .banners .banner.sale {\n                    column-gap: 5px !important;\n                }\n\n                #trailer_funnel .item-info .revert .banners .banner.sale > span {\n                    scale: 1 !important;\n                }\n\n                #trailer_funnel .wrap-content .search, #trailer_funnel .wrap-content .navbar {\n                    display: none !important;\n                }\n\n                #trailer_funnel .wrap-content {\n                    grid-template-columns: 1fr !important;\n                    padding: 0 !important;\n                }\n            }\n\n            button#print {\n                position: fixed;\n                z-index: 1;\n                top: 60px;\n                right: 30px;\n                opacity: 0.2;\n                padding: 8px;\n                scale: 1.5;\n                background-color: darkgrey;\n                border-color: transparent;\n                outline: 1px solid white;\n                outline-offset: -2px;\n                border-radius: 50%;\n                display: flex;\n                justify-content: center;\n                align-items: center;\n            }\n\n            button#print:hover {\n                opacity: 1;\n            }\n\n            button#print:focus {\n                box-shadow: none;\n            }\n\n            #trailer_funnel .item-img {\n                overflow: hidden;\n                text-align: center;\n                border: 1.5px solid #ebebeb;\n                border-radius: 2px;\n            }\n\n            #trailer_funnel .item-img img {\n                width: 100%;\n                height: 100%;\n                object-fit: cover;\n            }\n\n            #trailer_funnel .item-info {\n                font-weight: 400;\n            }\n\n            #trailer_funnel .item-info .item-title span.prefix {\n                font-weight: 400;\n                color: #44a2f8;\n            }\n\n            #trailer_funnel .item-info .item-title span.label {\n                color: black;\n            }\n\n            #trailer_funnel .item-info .item-title span.price {\n                font-size: 24px;\n                font-weight: 800;\n                color: rgb(38, 77, 151);\n            }\n\n            #trailer_funnel .item-info .item-title span.price.red {\n                color: rgb(220, 76, 24);\n            }\n\n            #trailer_funnel .item-info .item-stock {\n                height: fit-content;\n                font-size: 10px;\n                color: #747474;\n            }\n\n            #trailer_funnel .item-info .item-stock .location {\n                font-weight: bold;\n                display: inline-flex;\n                column-gap: 2px;\n                justify-content: flex-start;\n                align-items: flex-start;\n            }\n\n            #trailer_funnel .item-info .item-stock .location>span:last-child {\n                word-break: break-word;\n                display: -webkit-box;\n                \/*overflow: hidden;*\/\n                \/*text-overflow: ellipsis;*\/\n                \/*-webkit-line-clamp: 2; !* number of lines to show *!*\/\n                \/*-webkit-box-orient: vertical;*\/\n            }\n\n            #trailer_funnel .item-info .item-stock .location .img {\n                display: inline-flex;\n                justify-content: center;\n                align-items: flex-start;\n            }\n\n            #trailer_funnel .item-info .item-stock .location .img svg {\n                position: relative;\n                top: 1px;\n            }\n\n            #trailer_funnel .item-info .item-specs {\n                font-size: 12px;\n            }\n\n            #trailer_funnel .item-info .item-specs .specs-first * {\n                background: #f7f6f6;\n                border-radius: 2px;\n            }\n\n            #trailer_funnel .item-info .item-specs .specs-second * {\n                background: #f7f6f6;\n                border-radius: 2px;\n            }\n\n            #trailer_funnel .item-info .item-specs .specs-buttons > a > button {\n                font-size: 12px;\n                color: white;\n                border-radius: 4px;\n                border: 1px solid rgb(38, 77, 151);\n                background-color: rgb(38, 77, 151);\n                width: 100%;\n            }\n\n            #trailer_funnel .specs-buttons button.view-details,\n            #trailer_funnel .item-info .item-specs .specs-buttons a > button.view-details {\n                color: rgb(38, 77, 151);\n                background: white;\n                text-transform: uppercase;\n            }\n\n            #trailer_funnel .item-info .item-specs .specs-buttons button.outlined {\n                background: white!important;\n                color: rgb(38, 77, 151)!important;\n            }\n\n\n            .item-img .loader {\n                display: flex;\n                border-radius: 2px;\n                border: 2px solid var(--general_borders_color);\n                width: 100%;\n                height: 100%;\n                justify-content: center;\n                align-items: center;\n                overflow: hidden;\n                min-width: 100%;\n                background: white;\n                position: absolute;\n            }\n\n            .item-img .loader .lds-default {\n                display: inline-block;\n                position: relative;\n                width: 80px;\n                height: 80px;\n            }\n            .item-img .loader .lds-default div {\n                position: absolute;\n                width: 6px;\n                height: 6px;\n                background: #264d97;\n                border-radius: 50%;\n                animation: lds-default 1.2s linear infinite;\n            }\n            .item-img .loader .lds-default div:nth-child(1) {\n                animation-delay: 0s;\n                top: 37px;\n                left: 66px;\n            }\n            .item-img .loader .lds-default div:nth-child(2) {\n                animation-delay: -0.1s;\n                top: 22px;\n                left: 62px;\n            }\n            .item-img .loader .lds-default div:nth-child(3) {\n                animation-delay: -0.2s;\n                top: 11px;\n                left: 52px;\n            }\n            .item-img .loader .lds-default div:nth-child(4) {\n                animation-delay: -0.3s;\n                top: 7px;\n                left: 37px;\n            }\n            .item-img .loader .lds-default div:nth-child(5) {\n                animation-delay: -0.4s;\n                top: 11px;\n                left: 22px;\n            }\n            .item-img .loader .lds-default div:nth-child(6) {\n                animation-delay: -0.5s;\n                top: 22px;\n                left: 11px;\n            }\n            .item-img .loader .lds-default div:nth-child(7) {\n                animation-delay: -0.6s;\n                top: 37px;\n                left: 7px;\n            }\n            .item-img .loader .lds-default div:nth-child(8) {\n                animation-delay: -0.7s;\n                top: 52px;\n                left: 11px;\n            }\n            .item-img .loader .lds-default div:nth-child(9) {\n                animation-delay: -0.8s;\n                top: 62px;\n                left: 22px;\n            }\n            .item-img .loader .lds-default div:nth-child(10) {\n                animation-delay: -0.9s;\n                top: 66px;\n                left: 37px;\n            }\n            .item-img .loader .lds-default div:nth-child(11) {\n                animation-delay: -1s;\n                top: 62px;\n                left: 52px;\n            }\n            .item-img .loader .lds-default div:nth-child(12) {\n                animation-delay: -1.1s;\n                top: 52px;\n                left: 62px;\n            }\n            @keyframes lds-default {\n                0%, 20%, 80%, 100% {\n                    transform: scale(1);\n                }\n                50% {\n                    transform: scale(1.5);\n                }\n            }\n\n        <\/style>\n        <!---->\n\n        <!--styles for laptop-->\n        \n                            <style>\n\n                    #trailer_funnel .item-info .banners {\n                        grid-area: banners;\n                        display: flex;\n                        justify-content: flex-start;\n                        align-items: flex-start;\n                        column-gap: 7px;\n                        padding-top: 5px;\n                    }\n\n                    #trailer_funnel .item-info .banners .banner {\n                        display: flex;\n                        justify-content: center;\n                        align-items: center;\n                        color: black;\n                        padding: 5px 17px 5px 17px;\n                        border-radius: 20px;\n                        font-size: 11px;\n                        font-weight: bold;\n                    }\n\n                    #trailer_funnel .item-info .banners .banner.sale {\n                        background-color: #72bb53;\n                        display: flex;\n                        justify-content: center;\n                        align-items: center;\n                        column-gap: 9px;\n                        padding-right: 20px !important;\n                    }\n\n                    #trailer_funnel .item-info .banners .banner.status {\n                        background-color: #72bb53;\n                        display: flex;\n                        justify-content: center;\n                        align-items: center;\n                        column-gap: 9px;\n                    }\n\n                    #trailer_funnel .item-info .banners .banner.sale > span {\n                        scale: 1.2;\n                    }\n\n                    #trailer_funnel .item-info .banners .banner.sale svg {\n                        position: relative;\n                        fill: #444444;\n                        height: 12px;\n                        top: -2px;\n                    }\n\n                    #trailer_funnel .item-info .banners .banner.featured {\n                        background-color: #ffa834;\n                    }\n\n                    #trailer_funnel .item-info .banners .banner.on-special {\n                        background-color: #f4eb49;\n                    }\n\n\n                    #trailer_funnel .item-info .item-specs .specs-buttons a > button.view-details {\n                        min-width: 100%;\n                        font-weight: 600;\n                        height: 28px;\n                        padding: 6px 12px 6px 12px;\n                        display: flex;\n                        justify-content: center;\n                        align-items: center;\n                    }\n\n                    #trailer_funnel .item-wrapper {\n                        margin-bottom: 35px;\n                        border-bottom: 2px solid #ebebeb;\n                    }\n\n                    #trailer_funnel .item {\n                        cursor: pointer;\n                        display: grid;\n                        grid-template-areas: 'img info';\n                        grid-template-columns: 1.1fr 2.5fr;\n                        grid-column-gap: 3%;\n                        margin-bottom: 35px;\n                        height: fit-content;\n                    }\n\n                    #trailer_funnel .item-img {\n                        grid-area: img;\n                        min-height: 230px;\n                        max-height: 230px;\n                        position: relative;\n                    }\n\n                    #trailer_funnel .img-overlay {\n                        top:0;\n                    }\n\n\n                    #trailer_funnel .item-info {\n                        min-height: 230px;\n                        grid-area: info;\n                        display: grid;\n                        grid-template-areas: 'title' 'stock' 'banners' 'descr' 'specs';\n                        grid-template-rows: minmax(0, auto);\n                        font-size: 20px;\n                    }\n\n                    #trailer_funnel .item-info .item-title {\n                        grid-area: title;\n                        display: flex;\n                        justify-content: space-between;\n                        gap: 0.5%;\n                        height: fit-content;\n                    }\n\n                    #trailer_funnel .item-info .item-title div.price {\n                        display: flex;\n                        min-width: fit-content;\n                        align-items: flex-start;\n                        font-size: 24px;\n                        font-weight: 800;\n                        color: rgb(38, 77, 151);\n                    }\n\n                    #trailer_funnel .item-info .item-title div.price.red {\n                        color: rgb(220, 76, 24);\n                    }\n\n                    #trailer_funnel .item-info .item-title div.price span {\n                        margin-left: auto;\n                    }\n\n                    #trailer_funnel .item-info .item-stock {\n                        grid-area: stock;\n                        display: grid;\n                        grid-template-areas: 'stock location msrp';\n                        grid-template-columns: auto 1fr auto;\n                        grid-column-gap: 1%;\n                        height: fit-content;\n                    }\n\n                    #trailer_funnel .item-info .item-stock .stock {\n                        grid-area: stock;\n                    }\n\n                    #trailer_funnel .item-info .item-stock .location {\n                        grid-area: location;\n                    }\n\n                    #trailer_funnel .item-info .item-stock .msrp {\n                        align-self: end;\n                        grid-area: msrp;\n                        display: grid;\n                        grid-template-areas: 'msrp msrp-price' 'price price-value' 'savings savings-value' 'monthly monthly-value';\n                        grid-auto-columns: auto;\n                        grid-column-gap: 2rem;\n                        font-size: 12px;\n                    }\n\n                    #trailer_funnel .item-info .item-stock .msrp span {\n                        text-decoration: line-through;\n                    }\n\n                    #trailer_funnel .item-info .item-stock .msrp span.blue {\n                        color: #44a2f8;\n                        text-decoration: unset;\n                    }\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t#trailer_funnel .item-info .item-stock .msrp span.green {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: #72bb53;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttext-decoration: unset;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\n                    #trailer_funnel .item-info .item-description {\n                        grid-area: descr;\n                        font-size: 13px;\n                        padding: 10px 0;\n                    }\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t#trailer_funnel .item-info .item-description h1, h2, h3, h4, h5, p, ul {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfont-size: 13px;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t   margin: 0;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\n                    #trailer_funnel .item-info .item-specs {\n                        grid-area: specs;\n                        display: grid;\n                        grid-template-areas: 'specs-first specs-buttons';\n                        grid-template-columns: 3fr 1fr;\n                        grid-column-gap: 2%;\n                    }\n\n                    #trailer_funnel .item-info .item-specs .specs-first {\n                        grid-area: specs-first;\n                        display: flex;\n                        flex-direction: row;\n                        align-items: flex-start;\n                        justify-content: flex-start;\n                        flex-wrap: wrap;\n                        column-gap: 11px;\n                        row-gap: 11px;\n                        \/*max-height: 45px;*\/\n                        align-self: center;\n                    }\n\n                    #trailer_funnel .item-info .item-specs .specs-first div {\n                        display: flex;\n                        justify-content: space-between;\n                        padding: 1% 4%;\n                        min-width: 47%;\n                    }\n\n                    #trailer_funnel .item-info .item-specs .specs-first div span:first-child {\n                        white-space: nowrap;\n                    }\n\n                    #trailer_funnel .item-info .item-specs .specs-first div span:last-child {\n                        text-align: right;\n                    }\n\n\n                    #trailer_funnel .item-info .item-specs .specs-second {\n                        grid-area: specs-second;\n                        display: flex;\n                        flex-flow: column;\n                        gap: 5%;\n                    }\n\n                    #trailer_funnel .item-info .item-specs .specs-second div {\n                        display: flex;\n                        justify-content: space-between;\n                        padding: 1% 4%;\n                    }\n\n                    #trailer_funnel .item-info .item-specs .specs-buttons {\n                        grid-area: specs-buttons;\n                        display: flex;\n                        flex-flow: column;\n                        align-items: flex-end;\n                        align-content: flex-end;\n                        row-gap: 0.5rem;\n                        align-self: end;\n                    }\n\n                    #trailer_funnel .item-info .item-specs .specs-buttons > a > button {\n                        min-width: 100%;\n                        font-weight: 600;\n                        height: 28px;\n                        padding: 6px 12px 6px 12px;\n                        display: flex;\n                        justify-content: center;\n                        align-items: center;\n                        width: 100%;\n                    }\n\n                <\/style>\n                    <!---->\n\n        <!--styles for mobile-->\n                <!---->\n\n        <script>\n            var isAuth = \"1\";\n            var design = \"hybrid\";\n            var apiToken = \"22971|nwtaMeeLHU8aTR4M3In86rpMOOAYFvx5iB0j6W57219ae2af\";\n            var wp_endpoint_prefix = \"\";\n            var wp_units_endpoint = wp_endpoint_prefix + '\/wp-json\/trailer-funnel\/v1\/ajax-units';\n            var wp_pagination_endpoint = wp_endpoint_prefix + '\/wp-json\/trailer-funnel\/v1\/ajax-pagination';\n            var shortcodeQuery = \"sort=relevance&category_name[0]=262&with_filters=1&\";\n            shortcodeQuery = shortcodeQuery.replace(\/\\&$\/, '');\n            var pageFiltersQuery = \"sort=relevance&with_filters=1&\";\n            pageFiltersQuery = pageFiltersQuery.replace(\/\\&$\/, '');\n            var dealerOrderQuery = getDealerOrderQuery();\n\n            var searchQuery = false;\n            window.location.search.split('&').map(function (item, index){\n                if(item.indexOf(\"search=\") !== -1){\n                    searchQuery = item;\n                    return;\n                }\n            })\n            searchQuery = searchQuery ? searchQuery.replace (\"?\", \"\") : false;\n\n\n            jQuery(document).ready(function () {\n                imagesLazyLoading();\n                if (!jQuery('.content .items .item ').length) {\n                    jQuery('.content .paginate ').hide();\n                    const message = isAuth\n                        ? '<div>No results found ...<\/div>'\n                        : `<a href=\"${wp_endpoint_prefix}\/wp-admin\/admin.php?page=trailer-funnel\">Please, Sign in!<\/a>`\n                    jQuery('.content .items').append(message);\n                    jQuery('.content .items')\n                        .css({\n                            'min-height': '60vh',\n                            'justify-content': 'center',\n                            display: 'flex',\n                            'align-items': 'center',\n                            color: 'rgb(96, 96, 96)',\n                            'font-style': 'italic'\n                        });\n                }\n            });\n\n            function getDealerOrderQuery () {\n\n                const dealerOrderDbValue = `relevance`;\n\n                const queryDealerOrder = `sort=relevance&with_filters=1&`;\n\n                const sortStatusOption = [\n                    \"featured_available_on_order_pending_sale\",\n                    \"available_on_order_pending_sale_sold\",\n                    \"available_on_order_sold_pending_sale\",\n                    \"available_pending_sale_on_order_sold\",\n                    \"available_sold_on_order_pending_sale\",\n                    \"available_sold_pending_sale_on_order\"\n                ]\n\n                const windowQuery = window.location.search;\n\n                let query = \"\";\n\n                if(windowQuery.indexOf('sort=') !== -1){\n                    if( windowQuery.indexOf('sort=relevance') !== -1 && sortStatusOption.includes(dealerOrderDbValue) && windowQuery.indexOf('status=') === -1){\n                        query = queryDealerOrder;\n                    }\n                } else {\n                    query = queryDealerOrder;\n                    if(windowQuery.indexOf('status=') !== -1 ) {\n                        query = '';\n                        if(!sortStatusOption.includes(dealerOrderDbValue)){\n                            query = queryDealerOrder;\n                        }\n                    }\n                }\n\n                return query;\n            }\n\n            function imagesLazyLoading() {\n                jQuery(\"img#srp-preloaded\").each(function () {\n                    let url = jQuery(this).attr('url');\n                    let thumbUrl = jQuery(this).attr('src');\n                    if (thumbUrl) {\n                        checkImage(jQuery(this).parent(), thumbUrl, url);\n                    } else {\n                        jQuery(this).css('opacity', 0);\n                        jQuery(this).parent().find('.loader').css('z-index', 0);\n                        loadSrpFullImage(jQuery(this), $(this).parent().find('.loader'), url);\n                    }\n                })\n            }\n            function checkImage(element,thumbUrl, url) {\n                let image = new Image();\n\n                image.onload = function() {\n                    if (this.width > 0) {\n                        jQuery(element).find(\"img#srp-preloaded\").removeAttr('url');\n                        jQuery(element).find('.loader').remove();\n                    }\n                }\n                image.onerror = function() {\n                    jQuery(element).find(\"img#srp-preloaded\").css('opacity', 0);\n                    jQuery(element).find('.loader').css('z-index', 0);\n                    loadSrpFullImage(jQuery(element).find(\"img#srp-preloaded\"), jQuery(element).find('.loader'), url);\n                }\n                image.src = thumbUrl;\n            }\n\n            function loadSrpFullImage(img, loader, url) {\n                const image = new Image();\n\n                image.onload = () => {\n                    img.replaceWith(image);\n                    loader.remove();\n                }\n\n                image.src = url;\n            }\n\n        <\/script>\n\n                    <script>\n            jQuery(document).ready(function () {\n                    const currentSortOptions = \"\";\n                    let querySort;\n                    switch (currentSortOptions) {\n                        case \"age_increase\":\n                            querySort = \"sort=created_at&order=asc\";\n                            break;\n                        case \"age_decrease\":\n                            querySort = \"sort=created_at&order=desc\";\n                            break;\n                        case \"price_increase\":\n                            querySort = \"sort=price&order=asc\";\n                            break;\n                        case \"price_decrease\":\n                            querySort = \"sort=price\";\n                            break;\n                        case \"title_z_to_a\":\n                            querySort = \"sort=title\";\n                            break;\n                        case \"title_a_to_z\":\n                            querySort = \"sort=title&order=asc\";\n                            break;\n                        case \"length_ascending\":\n                            querySort = \"sort=length&order=asc\";\n                            break;\n                        case \"length_descending\":\n                            querySort = \"sort=length\";\n                            break;\n                        case \"stock_ascending\":\n                            querySort = \"sort=stock&order=asc\";\n                            break;\n                        case \"stock_descending\":\n                            querySort = \"sort=stock\";\n                            break;\n                        case \"images_count\":\n                            querySort = \"sort=images_count\"\n                            break;\n                    }\n\n                    const isEmptyData = \"\"\n\n                    if (!isEmptyData) {\n                        let pagLinks = \"https:\/\/inventory.trailerfunnel.com\/api\/v1\/items?page=1&limit=25-\"\n                        pagLinks = pagLinks.split('-');\n                        pagLinks = pagLinks.filter(url => url !== '');\n                        pagLinks[pagLinks.length - 1] = '';\n                        pagLinks[0] = '';\n                        pagLinks = pagLinks.filter(url => url !== '');\n\n                        let scrollFix = design === 'grid' ? 1.4 : 3.4;\n                        scrollFix = isMobile ? 1 : scrollFix;\n\n                        jQuery(window).on('scroll.once', function () {\n                            let pos = jQuery('.items .item').last().position().top - ( jQuery('.items .item').last().outerHeight() * scrollFix );\n                            if (jQuery(window).scrollTop() >= pos) {\n                                backendApiRequest();\n                            }\n                        });\n\n                        function backendApiRequest() {\n                            if (pagLinks.length) {\n                                const buildUrl = () => {\n                                    \n                                    \n                                    const baseUrl = pagLinks[0];\n                                    let queries = [\n                                        dealerOrderQuery && `&${dealerOrderQuery}`,\n                                        querySort && (dealerOrderQuery ? querySort : `&${querySort}`),\n                                        shortcodeQuery && `&${shortcodeQuery}`,\n                                        pageFiltersQuery && `&${pageFiltersQuery}`,\n                                        searchQuery && `&${searchQuery}`,\n                                    ].filter(Boolean).join('');\n\n                                    \n                                    \n                                    return `${baseUrl}${queries}`;\n                                };\n\n                                let url = buildUrl();\n\n                                jQuery.ajax({\n                                    url: url,\n                                    type: 'GET',\n                                    beforeSend: function (xhr) {\n                                        xhr.setRequestHeader('Authorization', 'Bearer ' + apiToken);\n                                    },\n                                    data: {},\n                                    async: false,\n                                    success: function (result, status, xhr) {\n                                        itemsLazyLoading(result.data);\n                                    },\n                                    error: function (xhr, status, error) {\n                                        console.log('error first');\n                                    },\n                                });\n                            }\n                        }\n\n                        function itemsLazyLoading(items) {\n                            \/\/remove previous url\/page\n                            pagLinks[0] = '';\n                            pagLinks = pagLinks.filter(url => url !== '');\n                            \/\/\n\n                            items && getProcessedUnits(items)\n                        }\n\n                        function getProcessedUnits(units) {\n                            jQuery.ajax({\n                                url: `${wp_units_endpoint}\/${design}`,\n                                type: 'POST',\n                                data: {units: JSON.stringify(units)},\n                                dataType: \"html\",\n                                async: false,\n                                headers: '',\n                                success: function (result, status, xhr) {\n                                    appendUnits(result);\n                                    \/\/ console.log(result, status, xhr);\n                                },\n                                error: function (xhr, status, error) {\n                                    \/\/ console.log(xhr.responseText)\n                                    \/\/ console.log(xhr, status, error);\n                                },\n                            });\n                        }\n\n\n                        function appendUnits(units) {\n                            units = units.split('Warning:')[0];\n                            jQuery('.items').append(units);\n                            isMobile && recreateItemForMobile()\n\n                            imagesLazyLoading();\n\n                            if (pagLinks.length) {\n                                jQuery('.items .item').last().focus();\n                                window.scrollTo(0, jQuery(window).scrollTop())\n                                pos = jQuery('.items .item').last().position().top - jQuery('.items .item').last().outerHeight() * scrollFix;\n                            }\n                        }\n                    }\n                }\n            )\n        <\/script>\n            <script>\n    diviStylesLoadFix ();\n    function diviStylesLoadFix () {\n        let mainPage = document.createElement('div');\n\n        $.get(`https:\/\/www.thetrailerdepot.com`, function (data){\n            mainPage.innerHTML = data;\n        }).done(function( data ) {\n\n            let diviStyles1 = $(mainPage).find(\"style[id^='divi-']\");\n            let diviStyles2 = $(mainPage).find(\"style[id^='et-']\");\n            let diviStyles3 = $(mainPage).find(\"style[id^='css-divi-']\");\n\n            let diviLinks1 = $(mainPage).find(\"link[id^='divi-']\");\n            let diviLinks2 = $(mainPage).find(\"link[id^='et-']\");\n\n            let diviScripts1 = $(mainPage).find(\"script[id^='divi-']\")\n            let diviScripts2 = $(mainPage).find(\"script[id^='fitvids-']\");\n            let diviScripts3 = $(mainPage).find(\"script[id^='et-']\");\n\n            diviStyles1.length && diviStyles1.each(function () {\n                ! $(\"style#\" + $(this).attr('id')).length && $(\"head\").append(this);\n            });\n            diviStyles2.length && diviStyles2.each(function () {\n                ! $(\"style#\" + $(this).attr('id')).length && $(\"head\").append(this);\n            });\n            diviStyles3.length && diviStyles3.each(function () {\n                ! $(\"style#\" + $(this).attr('id')).length && $(\"head\").append(this);\n            })\n\n\n            diviLinks1.length && diviLinks1.each(function (){\n                ! $(\"link#\" + $(this).attr('id')).length && $(\"head\").append(this);\n            })\n            diviLinks2.length && diviLinks2.each(function (){\n                ! $(\"link#\" + $(this).attr('id')).length && $(\"head\").append(this);\n            })\n\n\n            diviScripts1.length && diviScripts1.each(function () {\n                ! $(\"script#\" + $(this).attr('id')).length && $(\"head\").append(this);\n            });\n            diviScripts2.length && diviScripts2.each(function () {\n                ! $(\"script#\" + $(this).attr('id')).length && $(\"head\").append(this);\n            });\n            diviScripts3.length && diviScripts3.each(function () {\n                ! $(\"script#\" + $(this).attr('id')).length && $(\"head\").append(this);\n            })\n        });\n    }\n<\/script>[\/et_pb_fullwidth_code][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"\n        <div id=\"trailer_funnel\">\n            <div class=\"main-wrap\">\n                \n                <div class=\"wrap-content\">\n\n                    \n\n<div class=\"search\" style='display: none' >\n    <div class=\"filters-content\">\n            <\/div>\n    <div class=\"link\">\n        <a href=\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/?&clear_all=true\">Clear all<\/a>\n    <\/div>\n<\/div>\n\n\n<style>\n    #trailer_funnel .search {\n        grid-area: search;\n        border: 1px solid #d7d7d7;\n        border-radius: 4px;\n        height: fit-content;\n        padding: 0.5% 1%;\n        display: flex;\n        justify-content: space-between;\n        font-size: 12px;\n        margin: 2% 0;\n    }\n\n    #trailer_funnel .search .filters-content {\n        display: flex;\n        gap: 10px;\n        overflow-x: hidden;\n        flex-flow: row wrap;\n    }\n\n    #trailer_funnel .search div.link {\n        display: flex;\n        align-items: center;\n        min-width: 50px;\n        margin-left: 15px;\n    }\n\n    #trailer_funnel .search div.link a {\n        color: rgb(0, 108, 229);\n        width: 100%;\n    }\n\n    #trailer_funnel .search .filters-content .filter {\n        display: flex;\n        justify-content: space-between;\n        border: 1px solid #d7d7d7;\n        border-radius: 20px;\n        padding: 3px 6px 3px 11px;\n        text-align: center;\n        gap: 2px;\n        color: rgb(96, 96, 96);\n        align-items: center;\n    }\n\n    #trailer_funnel .search .filters-content .filter span {\n        white-space: nowrap;\n    }\n\n    #trailer_funnel .search .filters-content .filter span.dashicons-no-alt {\n        color: rgb(96, 96, 96);\n    }\n\n    #trailer_funnel .search .filters-content .filter form {\n        display: flex;\n    }\n\n    #trailer_funnel .search .filters-content div.filter a {\n        text-decoration: none;\n    }\n\n    #trailer_funnel .search .filters-content .filter span.dashicons-no-alt:hover {\n        color: red;\n    }\n\n<\/style>\n\n<script>\n\n    function resetSlider (category) {\n        let min = jQuery('#slider-range.' + category).slider(\"option\", \"min\");\n        let max = jQuery('#slider-range.' + category).slider(\"option\", \"max\");\n\n        jQuery('#slider-range.' + category).slider({\n            range: true,\n            min: min,\n            max: max,\n            step: 1,\n            values: [min, max]\n        });\n\n        \/\/ hide filter content\n        jQuery('#slider-range.' + category).parent().parent().parent().hide();\n        jQuery('#slider-range.' + category).parent().parent().parent().prev().find(\".filter-button\").removeClass('flip');\n\n    }\n\n    function onCategoryRemoveButtonClick(event) {\n        var isMobile = \"\";\n        const category = jQuery(event.currentTarget).parent().first().find('span').attr('id');\n\n        try {\n            if (isMobile) {\n                jQuery(event.currentTarget).parent().first().remove();\n\n                if (!jQuery(\"#modal-filters-mobile .search .filters-content .filter\").length) {\n                    jQuery(\"#modal-filters-mobile .search\").hide();\n                }\n                \/\/ modal content position fix\n                const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n                jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n\n                resetSlider(category);\n            }\n        } catch (e){\n            console.log(e);\n        }\n\n        let queryToArray;\n        if (typeof queryMobileUrl !== 'undefined' && queryMobileUrl.length) {\n            queryToArray = queryMobileUrl.split('&')\n        } else {\n            queryToArray = window.location.search.split('&')\n        }\n\n        queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n        queryToArray = queryToArray.filter(filter => filter.indexOf('page_id=') === -1);\n        queryToArray = queryToArray.filter(filter => filter.indexOf(category + \"=\") === -1);\n        let arrayToQuery = queryToArray.join('&');\n\n        arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = !arrayToQuery.length ? '' : querySymbol;\n\n        isMobile\n            ? queryMobileUrl = arrayToQuery\n            : window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n    }\n\n    function onFilterRemoveButtonClick(event) {\n        var isMobile = \"\";\n        let category = jQuery(event.currentTarget).parent().find('span').first().attr('id');\n        category = category.replace('for_', '');\n\n        if( category !== 'is_on_special_true' && category !== 'living_quarters_true' && category !== 'ramps_true' ) {\n            if( category.indexOf('suspension_type_') !== -1) {\n                category = 'suspension_type';\n            } else if (category.indexOf('pull_type') !== -1 || category.indexOf('fuel_type') !== -1 || category.indexOf('is_rental') !== -1) {\n                category = category.split('_').slice(0, 2).join('_');\n            } else if (category.indexOf('category') !== -1) {\n                category = 'category_name';\n            } else if (category.indexOf('location') !== -1) {\n                category = 'location_name';\n            } else {\n                category = category.split('_')[0];\n            }\n        } else {\n            if (category === 'is_on_special_true') {\n                category = 'is_on_special';\n            } else if (category === 'living_quarters_true') {\n                category = 'living_quarters';\n            } else if (category === 'ramps_true') {\n                category = 'ramps';\n            }\n        }\n\n        let checkboxId = jQuery(event.currentTarget).parent().find('span').first().attr('id').replace('for_', '');\n\n        if (checkboxId.includes('category_')) {\n            checkboxId = checkboxId.replace('category_', 'category_name_');\n        }\n\n        if (checkboxId.includes('location_')) {\n            checkboxId = checkboxId.replace('location_', 'location_name_');\n        }\n\n        if (category !== 'search') {\n            checkboxId = decodeURIComponent(checkboxId);\n            const element = document.getElementById(checkboxId);\n            if (element) {\n                element.checked = false;\n            }\n        }\n\n        if (isMobile) {\n            jQuery(event.currentTarget).parent().first().remove();\n\n            if (category === 'search') {\n                jQuery('#stock-search-input').val(\"\");\n            }\n\n            if (!jQuery(\"#modal-filters-mobile .modal-header .search .filters-content .filter\").length) {\n                jQuery(\"#modal-filters-mobile .modal-header .search\").hide();\n            }\n\n            \/\/ modal content position fix\n            const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n            jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n\n        }\n\n        let queryToArray;\n        if (typeof queryMobileUrl !== 'undefined' && queryMobileUrl.length) {\n            queryToArray = queryMobileUrl.split('&')\n        } else {\n            queryToArray = window.location.search.split('&')\n        }\n\n        queryToArray.map((query, index) => {\n            if (query.includes(category + '=')) {\n                query = query.split('=');\n                query = category === 'search' ? query[1].split('&') : query[1].split('--');\n                checkboxId = checkboxId.replace(category + '_', '').replaceAll(' ', '%20');\n                query = query.filter(filter => filter.indexOf(checkboxId) === -1);\n\n                if (category === 'search') {\n                    queryToArray = queryToArray.filter(filter => filter.indexOf(category) === -1);\n                }\n\n                if(queryToArray.length && query.length){\n                    query = query.join('--');\n                    if (category !== 'search' || category !== 'category_name' || category !== 'location_name') {\n                        queryToArray[index] = category + '=' + query\n                    }\n                } else {\n                    queryToArray = queryToArray.filter(filter => filter.indexOf(category) === -1);\n                }\n            }\n        });\n\n        if (queryToArray.length) {\n            queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n        }\n\n        queryToArray = queryToArray.filter(filter => filter.indexOf('page_id=') === -1)\n        let arrayToQuery = queryToArray.join('&');\n\n        arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = !arrayToQuery.length ? '' : querySymbol;\n\n        window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n    }\n\n<\/script>\n\n\n                                            <div class=\"navbar\">\n                                        <!--\/\/jquery fix for some wp themes-->\n        <script src=\"https:\/\/code.jquery.com\/ui\/1.13.2\/jquery-ui.js\"><\/script>\n\n\t\t        <div class=\"sort\"  >\n            <span>Sort:<\/span>\n            \n\n<select id='user_sort' name='user_sort' class=\"admin\">\n\t        <option selected value='relevance'>Relevance (Default)<\/option>\n            <option  value='age_decrease'>Age (Newest - Oldest)<\/option>\n            <option  value='age_increase'>Age (Oldest - Newest)<\/option>\n            <option  value='price_increase'>Price ($ - $$$)<\/option>\n            <option  value='price_decrease'>Price ($$$ - $)<\/option>\n            <option  value='title_z_to_a'>Title (Z to A)<\/option>\n            <option  value='title_a_to_z'>Title (A to Z)<\/option>\n            <option  value='length_ascending'>Length (Ascending)<\/option>\n            <option  value='length_descending'>Length (Descending)<\/option>\n            <option  value='stock_ascending'>Stock (Ascending)<\/option>\n            <option  value='stock_descending'>Stock (Descending)<\/option>\n            <option  value='images_count'>Images Count<\/option>\n    \n    \n\t\n\n<\/select>\n        <\/div>\n\n        \n        <div class=\"filters-wrap\">\n            <div class=\"filter-wrap\">\n                    <div class=\"filter-title search\" onclick=\"onFilterCategoryClick(event)\">\n                        <span>Search<\/span>\n                        <span class=\"filter-button\">\n                                <svg fill='white' height='20' viewBox='0 0 20 21' width='20'\n                                     xmlns='http:\/\/www.w3.org\/2000\/svg'>\n                                    <path d='M7 10l5 5 5-5z'\/><path d='M0 0h24v24H0z' fill='none'\/>\n                                <\/svg>\n                            <\/span>\n                    <\/div>\n                    <div class=\"filter-content search\" style=\"display: none\">\n                        <div class=\"filter-item search\">\n                            <div id=\"stock-search\">\n                                <input id=\"stock-search-input\" placeholder=\"Keyword...\" type=\"text\">\n                                <span id=\"stock-search-button\" onclick=\"onSearchClick(event, 'search')\">\n                                        <span class=\"dashicons dashicons-search\"><\/span>\n                                <\/span>\n                            <\/div>\n                            <!--                        <input --><!-- class=\"custom-checkbox\"-->\n                            <!--                                                                                                    type=\"checkbox\"-->\n                            <!--                                                                                                    id=\"find_in_description\"-->\n                            <!--                                                                                                    style=\"display: none\">-->\n                            <label id=\"find_in_description_label\" for=\"find_in_description\" style=\"display: none\">Include search by description<\/label>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n                        <div class=\"filter-wrap\">\n                            <div class=\"filter-title\" onclick=\"onFilterCategoryClick(event)\">\n                                <span data-filter-name=\"Condition\">Condition<\/span>\n                                <span id=\"category-count\">1<\/span>\n                                <span class=\"filter-button\">\n                            <svg fill='white' height='20' viewBox='0 0 20 21' width='20'\n                                 xmlns='http:\/\/www.w3.org\/2000\/svg'>\n                                <path d='M7 10l5 5 5-5z'\/><path d='M0 0h24v24H0z' fill='none'\/>\n                            <\/svg>\n                        <\/span>\n                            <\/div>\n\t\t\t\t\t\t\t                                    <div class=\"filter-content\" style=\"display: none\">\n                                        \t\t\t\t\t\t\t\t\t\t                                            <div class=\"filter-item\">\n                                                <div id=\"with-count\">\n                                                    \n<input  class=\"custom-checkbox\" type=\"checkbox\" id=\"condition_New\"\n                               onchange=\"onCheckboxChange(event)\">\n<label for=\"condition_New\"><span>New<\/span><\/label>\n\n<script>\n\n    \/\/jQuery(document).ready(() => {\n    \/\/    const id = \"\/\/\";\n    \/\/    const checkbox = jQuery(\"#\" + id);\n    \/\/    if (checkbox.prop('checked')) {\n    \/\/        \/\/Displays full block in navbar filters section if the checkbox inside is checked\n    \/\/        checkbox.parent().parent().show();\n    \/\/        \/\/ flip arrow for filter section\n    \/\/        checkbox.parent().parent().parent().find('.filter-button').addClass('flip');\n    \/\/    }\n    \/\/})\n    function adjustModalContentPosition() {\n        const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n        jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n    }\n\n    function onCheckboxChange(event) {\n        filterProcessQuery(event);\n        if (isMobile || 0) {\n            appendFilterMobile(event);\n            if (!jQuery('.search .filters-content .filter').length) {\n                jQuery('.search').hide();\n            }\n            adjustModalContentPosition();\n        }\n    }\n\n    var queryMobileUrl = '';\n\n    function filterProcessQuery(event) {\n        let category = event.currentTarget.id === 'find_in_description'\n            ? \"Find In Description\"\n            : jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title > span').first().data('filter-name');\n        category = category.toLowerCase().replaceAll(' ', '_');\n\n        let queryToArray;\n\n        if (isMobile || 0) {\n            queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&')\n        } else {\n            queryToArray = window.location.search.split('&')\n        }\n\n        queryToArray = queryToArray.filter(query => query.search('page_id=') < 0);\n\n        let isExist = false;\n\n        \/\/ on checkbox checked\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const id = event.currentTarget.id.replace(category + '_', '');\n\n            \/\/ For boolean filters (ramps, is_rental), replace value and uncheck the other option\n            const booleanFilters = ['ramps', 'is_rental'];\n            if (booleanFilters.includes(category)) {\n                \/\/ Uncheck the other checkbox\n                const otherValue = id === '1' ? '0' : '1';\n                jQuery('#' + category + '_' + otherValue).prop('checked', false);\n\n                \/\/ Replace the value in URL (not append)\n                queryToArray = queryToArray.filter(query => query.indexOf(category + '=') === -1);\n                queryToArray.push(category + '=' + id);\n                queryToArray = queryToArray.filter(filter => filter !== '');\n            } else if (queryToArray.count) {\n                queryToArray.push(category + '=' + id);\n            } else {\n                queryToArray.map(function (query) {\n                    if (query.indexOf(category + '=') !== -1) isExist = true;\n                });\n                if (isExist) {\n                    queryToArray.map((query, index) => {\n                        if (query.indexOf(category + '=') !== -1) {\n                            query = query.split('--');\n                            query.push(id);\n                            queryToArray[index] = query.join('--');\n                        }\n                    });\n                } else {\n                    queryToArray.push(category + '=' + id);\n                    queryToArray = queryToArray.filter(filter => filter !== '');\n                }\n\n            }\n\n        } else {\n            queryToArray.map((query, index) => {\n                if (query.indexOf(category + '=') !== -1) {\n                    query = query.split('=');\n                    query = query[1].split('--');\n                    let search = event.currentTarget.id.replace(category + '_', '').replaceAll(' ', '%20')\n                    query = query.filter(filter => filter.indexOf(search) === -1);\n\n                    if(query.length) {\n                        query = query.join('--')\n                        queryToArray[index] = category + '=' + query\n                    } else {\n                        queryToArray[index] = '';\n                    }\n                }\n            });\n\n        }\n\n        if (queryToArray.length) {\n            queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n        }\n\n        let arrayToQuery = queryToArray.join('&');\n\n        arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n        if (isMobile || 0) {\n            \/\/saving query\n            queryMobileUrl = arrayToQuery;\n        } else {\n            window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n        }\n\n    }\n\n    function appendFilterMobile(event) {\n        const filtersSearchBar = jQuery('.search .filters-content')\n        const filterId = 'for_' + jQuery(event.currentTarget).attr('id').replaceAll(' ', '_');\n        const category = jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title span').first().html();\n        const categoryId = event.currentTarget.id === \"find_in_description\"\n            ? event.currentTarget.id\n            : category.replaceAll(' ', '_').toLowerCase();\n        const id = jQuery(event.currentTarget).attr('id').replace(categoryId+'_', '');\n\n        let shownId = id.indexOf('_sp_') !== -1 ? id.replace('_sp_', ' ') : id;\n        shownId = shownId.indexOf('_and_') !== -1 ? shownId.replace('_and_', '&') : shownId;\n\n\n        const filterName = jQuery(event.currentTarget).next().html();\n\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const filterDiv = categoryId === 'location' || categoryId === 'category'\n                ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + filterName + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                : categoryId === \"is_on_special\" || categoryId === \"living_quarters\" || categoryId === \"ramps\"\n                    ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                    : categoryId !== 'find_in_description'\n                        ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + shownId + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                        : \"\";\n\n            filtersSearchBar.append(filterDiv);\n            jQuery('.search').show();\n        } else {\n            jQuery(\"#\" + filterId).parent().remove();\n        }\n    }\n\n    function handleButtonClick() {\n        let queryToArray = queryMobileUrl.split('&');\n        queryToArray = queryToArray.filter(filter => filter.indexOf('page_id') === -1);\n        queryMobileUrl = queryToArray.join('&');\n        queryMobileUrl = queryMobileUrl.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! queryMobileUrl.length ? '' : querySymbol;\n        window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + queryMobileUrl;\n    }\n\n<\/script>\n\n<style>\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox {\n        position: absolute;\n        z-index: -1;\n        opacity: 0;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label {\n        display: inline-flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        color: #232323;\n        pointer-events: auto!important;\n    }\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item label > span {\n        word-break: break-word;\n        display: -webkit-box;\n        \/*overflow: hidden;*\/\n        \/*text-overflow: ellipsis;*\/\n        \/*-webkit-line-clamp: 2; !* number of lines to show *!*\/\n        \/*-webkit-box-orient: vertical;*\/\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label::before {\n        content: '';\n        display: inline-block;\n        width: 1em;\n        height: 1em;\n        flex-shrink: 0;\n        flex-grow: 0;\n        border: 1px solid #232323;\n        border-radius: 0.25em;\n        margin-right: 0.5em;\n        background-repeat: no-repeat;\n        background-position: center center;\n        background-size: 50% 50%;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox:checked + label::before {\n        background-color: transparent;\n        background-image: url(\"data:image\/svg+xml,%3Csvg width='24' height='24' stroke='black' stroke-width='2' fill='black' xmlns='http:\/\/www.w3.org\/2000\/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M24 4.685l-16.327 17.315-7.673-9.054.761-.648 6.95 8.203 15.561-16.501.728.685z'\/%3E%3C\/svg%3E\");\n    }\n<\/style>\n                                                                                                            &nbsp;\n                                                        <span id=\"filter-count\"><span> (5)<\/span><\/span>\n                                                                                                    <\/div>\n                                            <\/div>\n\t\t\t\t\t\t\t\t\t\t                                    <\/div>\n\t\t\t\t\t\t\t\t                        <\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\n                        <div class=\"filter-wrap\">\n                            <div class=\"filter-title\" onclick=\"onFilterCategoryClick(event)\">\n                                <span data-filter-name=\"Length\">Length<\/span>\n                                <span id=\"category-count\"><\/span>\n                                <span class=\"filter-button\">\n                            <svg fill='white' height='20' viewBox='0 0 20 21' width='20'\n                                 xmlns='http:\/\/www.w3.org\/2000\/svg'>\n                                <path d='M7 10l5 5 5-5z'\/><path d='M0 0h24v24H0z' fill='none'\/>\n                            <\/svg>\n                        <\/span>\n                            <\/div>\n\t\t\t\t\t\t\t                                    <div class=\"filter-content slider\" style=\"display: none\">\n                                                                                <div class=\"filter-item slider\">\n\t\t\t\t\t\t\t\t\t\t\t\n<div class=\"range-wrapper\">\n    <div class=\"range\">\n        <input type=\"number\" class=\"range-value length\" value=\"16\">\n        <span class=\"range-divider\">\u2013<\/span>\n        <input type=\"number\" class=\"range-value length\" value=\"24\">\n    <\/div>\n<\/div>\n\n<div class=\"slider-wrapper\">\n    <div id=\"slider-range\" class=\"length\"><\/div>\n    <div class=\"marker-wrapper\">\n        <div class=\"marker\">16<\/div>\n        <div class=\"marker\">24<\/div>\n    <\/div>\n<\/div>\n\n\n<style>\n\n    \/* Chrome, Safari, Edge, Opera *\/\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider input::-webkit-outer-spin-button,\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider input::-webkit-inner-spin-button {\n        -webkit-appearance: none;\n        margin: 0;\n    }\n\n    \/* Firefox *\/\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider input[type=number] {\n        -moz-appearance: textfield;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider {\n        background: white;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider {\n        padding: 6px 0;\n        row-gap: 20px;\n    }\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider #slider-range {\n        background: #d7d7d7;\n        height: 2px;\n        position: relative;\n        border-radius: 100px;\n        max-width: 96%;\n        margin: 0 auto;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider #slider-range .ui-slider-range {\n        background: rgb(38, 77, 151);\n        height: 2px;\n        position: absolute;\n        transform: translateY(-0.5px);\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider #slider-range .ui-slider-handle {\n        position: absolute;\n        width: 18px;\n        height: 18px;\n        top: 50%;\n        display: block;\n        transform: translate(-50%, -50%);\n        border-radius: 100px;\n        \/*z-index: 10;*\/\n        background: white;\n        cursor: move; \/* fallback if grab cursor is unsupported *\/\n        cursor: grab;\n        cursor: -moz-grab;\n        cursor: -webkit-grab;\n        box-shadow: inset 0 0 0px 2px rgb(38, 77, 151);\n        transition: width 0.1s;\n        outline: none;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider .range-wrapper {\n        display: flex;\n        justify-content: end;\n        margin-bottom: 3%;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider .range-wrapper .range {\n        background: #fff;\n        max-width: fit-content;\n        color: #555;\n        \/*z-index: 10;*\/\n        position: relative;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider .range-wrapper .range .range-value {\n        border: 1px solid #d2d2d2;\n        border-radius: 2px;\n        width: 55px;\n        padding: 2px 4px;\n        font-size: 12px;\n        text-align: right;\n        display: inline-block;\n        color: rgb(38, 77, 151);\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider .range-wrapper .range .range-divider {\n        margin: 0 4px;\n        color: #d2d2d2;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .marker-wrapper {\n\n        display: flex;\n        justify-content: space-between;\n        margin-top: 10px;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .marker-wrapper .marker {\n\n        width: fit-content;\n        font-size: 10px;\n        color: #757575;\n    }\n\n<\/style>\n\n<script>\n\n    \/\/function onCategoryRemoveButtonClick(event) {\n    \/\/    var isMobile = \"\/\/\";\n    \/\/    const category = jQuery(event.currentTarget).parent().find('span').first().attr('id');\n    \/\/\n    \/\/    if (isMobile){\n    \/\/        jQuery(event.currentTarget).parent().remove();\n    \/\/\n    \/\/        if (!jQuery(\"#modal-filters-mobile .search .filters-content .filter\").length) {\n    \/\/            jQuery(\"#modal-filters-mobile .search\").hide();\n    \/\/        }\n    \/\/        \/\/ modal content position fix\n    \/\/        const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n    \/\/        jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n    \/\/\n    \/\/    }\n    \/\/\n    \/\/    let queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&');\n    \/\/    queryToArray = queryToArray.filter(filter => filter.indexOf('page_id=') === -1);\n    \/\/    queryToArray = queryToArray.filter(filter => filter.indexOf(category + \"=\") === -1);\n    \/\/    let arrayToQuery = queryToArray.join('&');\n    \/\/\n    \/\/    arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n    \/\/    let querySymbol = \"\/\/\".substr(\"\/\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n    \/\/    querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n    \/\/\n    \/\/    isMobile\n    \/\/        ? queryMobileUrl = arrayToQuery\n    \/\/        : window.location = \"\/\/\" + querySymbol + arrayToQuery;\n    \/\/\n    \/\/}\n\n    jQuery(document).ready(function () {\n\n        const min = parseInt('16');\n        const max = parseInt('24');\n        const category = \"length\";\n\n        \/\/ show filter content if category range changed\n        if(window.location.search.search(category + \"=\") > 0) {\n            jQuery('#slider-range.' + category).parent().parent().parent().show();\n            jQuery('#slider-range.' + category).parent().parent().parent().prev().find(\".filter-button\").addClass('flip');\n        }\n\n        \/\/ Initiate Slider\n        const valueMin = parseInt('16');\n        const valueMax = parseInt('24');\n\n        jQuery('#slider-range.' + category).slider({\n            range: true,\n            min: min,\n            max: max,\n            step: 1,\n            values: [valueMin, valueMax]\n        });\n\n        jQuery( '#slider-range.' + category ).slider({\n            slide: function (event, ui) {\n\n                \/\/ Update the range container values upon sliding\n                jQuery(event.target).parent().prev().find(\"input.range-value\").first()[0].value = ui.values[0];\n                jQuery(event.target).parent().prev().find(\"input.range-value\").last()[0].value = ui.values[1];\n\n                \/\/ Get old value\n                var previousVal = parseInt(jQuery(this).data('value'));\n\n                \/\/ Processing query after category changed\n                previousVal !== ui.value && onCategoryRangeChange();\n\n                \/\/ Save new value\n                jQuery(this).data({\n                    'value': parseInt(ui.value)\n                });\n            }\n        });\n\n\n        function rebuildSlider () {\n            let minValue = parseInt(jQuery('#slider-range.' + category).parent().prev().find(\"input.range-value\").first()[0].value);\n            let maxValue = parseInt(jQuery('#slider-range.' + category).parent().prev().find(\"input.range-value\").last()[0].value);\n\n            jQuery('#slider-range.' + category).slider({\n                range: true,\n                min: min,\n                max: max,\n                step: 1,\n                values: [minValue, maxValue]\n            });\n        }\n\n\n        jQuery('input.range-value.' + category).keypress(function (event) {\n            if(event.key === \"Enter\") {\n                rebuildSlider();\n                queryProcessing();\n            }\n        });\n\n        jQuery('input.range-value.' + category).change(() => {\n            if (isMobile || 0) {\n                rebuildSlider();\n                queryProcessing();\n            } else {\n                setTimeout(() => {\n                    const isInputInUse = jQuery(document.activeElement).hasClass('range-value');\n                    isInputInUse\n                        ? jQuery('input.range-value.' + category).mouseleave(() => queryProcessing())\n                        : queryProcessing();\n                }, 700);\n            }\n        });\n\n\n        function onCategoryRangeChange() {\n            jQuery('.filter-content.slider').mouseleave(() => queryProcessing());\n            jQuery('.filter-item.slider').mouseup(() => queryProcessing());\n\n            if (isMobile || 0) {\n                if (!jQuery('.search .filters-content .filter').length) {\n                    jQuery('.search').hide();\n                }\n                \/\/ modal content position fix\n                const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n                jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n\n            }\n        };\n\n\n        function queryProcessing() {\n            let minValue = parseInt(jQuery('#slider-range.' + category).parent().prev().find(\"input.range-value\").first()[0].value);\n            let maxValue = parseInt(jQuery('#slider-range.' + category).parent().prev().find(\"input.range-value\").last()[0].value);\n\n            if (minValue < min || minValue > max) {\n                minValue = min;\n            }\n            if (maxValue > max || maxValue < min) {\n                maxValue = max;\n            }\n            if (minValue === min && maxValue === max) {\n                let queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&');\n                queryToArray = queryToArray.filter((query) => query.search('page_id=') < 0);\n                queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n                queryToArray = queryToArray.filter((query) => query.search(category + '=') < 0);\n                let arrayToQuery = queryToArray.join('&');\n\n                arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n                let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n                querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n                if(isMobile || 0){\n                    jQuery('#'+ category).parent().first().remove()\n                    if( ! jQuery('#modal-filters-mobile .modal-header .filters-content .filter').length){\n                        jQuery('.search').hide();\n                    }\n                    \/\/ modal content position fix\n                    const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n                    jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n                };\n\n                (isMobile || 0)\n                    ? queryMobileUrl = arrayToQuery\n                    : window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n            } else {\n                let queryToArray;\n\n                if (isMobile || 0) {\n                    queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&')\n                } else {\n                    queryToArray = window.location.search.split('&')\n                }\n                queryToArray = queryToArray.filter((query) => query.search('page_id=') < 0);\n\n                let is_first_time = true;\n                queryToArray.map((query, index) => {\n                    if ( query.includes(category) && !query.includes('sort=') ) {\n                        queryToArray[index] = category + \"=\" + minValue + \"--\" + maxValue;\n                        is_first_time = false;\n                    }\n                });\n\n                is_first_time && queryToArray.push(category + \"=\" + minValue + \"--\" + maxValue);\n\n                if (queryToArray.length) {\n                    queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n                }\n                let arrayToQuery = queryToArray.join('&');\n                arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n                let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n                querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n                if(isMobile || 0) {\n                    if(is_first_time){\n                        appendCategoryFilterMobile(minValue, maxValue);\n                    } else {\n                        jQuery('#'+ category).html(category.replaceAll(\"_\",\" \") + ': '+ minValue+' - '+ maxValue);\n                    }\n                }\n\n                (isMobile || 0)\n                    ? queryMobileUrl = arrayToQuery\n                    : window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n            }\n        };\n\n\n        function appendCategoryFilterMobile(minValue, maxValue) {\n\n            jQuery('.filter ' + '#_button').length && jQuery('.filter ' + '#_button').parent().remove();\n\n            const filtersSearchBar = jQuery('.search .filters-content');\n            const filterDiv = \"<div class='filter'><span id='\" + category + \"'>\" + category.replaceAll('_', ' ') + \": \" + minValue + ' - ' + maxValue + \"<\/span><span class='drop-applied-filter' onclick='onCategoryRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\";\n            filtersSearchBar.append(filterDiv);\n!\n            \/\/ modal content position fix\n            jQuery('.search').show();\n            const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n            jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n\n        }\n    });\n\n\n<\/script>\n\n                                        <\/div>\n                                    <\/div>\n\t\t\t\t\t\t\t\t                        <\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\n                        <div class=\"filter-wrap\">\n                            <div class=\"filter-title\" onclick=\"onFilterCategoryClick(event)\">\n                                <span data-filter-name=\"Width\">Width<\/span>\n                                <span id=\"category-count\"><\/span>\n                                <span class=\"filter-button\">\n                            <svg fill='white' height='20' viewBox='0 0 20 21' width='20'\n                                 xmlns='http:\/\/www.w3.org\/2000\/svg'>\n                                <path d='M7 10l5 5 5-5z'\/><path d='M0 0h24v24H0z' fill='none'\/>\n                            <\/svg>\n                        <\/span>\n                            <\/div>\n\t\t\t\t\t\t\t                                    <div class=\"filter-content slider\" style=\"display: none\">\n                                                                                <div class=\"filter-item slider\">\n\t\t\t\t\t\t\t\t\t\t\t\n<div class=\"range-wrapper\">\n    <div class=\"range\">\n        <input type=\"number\" class=\"range-value width\" value=\"6\">\n        <span class=\"range-divider\">\u2013<\/span>\n        <input type=\"number\" class=\"range-value width\" value=\"8\">\n    <\/div>\n<\/div>\n\n<div class=\"slider-wrapper\">\n    <div id=\"slider-range\" class=\"width\"><\/div>\n    <div class=\"marker-wrapper\">\n        <div class=\"marker\">6<\/div>\n        <div class=\"marker\">8<\/div>\n    <\/div>\n<\/div>\n\n\n<style>\n\n    \/* Chrome, Safari, Edge, Opera *\/\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider input::-webkit-outer-spin-button,\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider input::-webkit-inner-spin-button {\n        -webkit-appearance: none;\n        margin: 0;\n    }\n\n    \/* Firefox *\/\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider input[type=number] {\n        -moz-appearance: textfield;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider {\n        background: white;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider {\n        padding: 6px 0;\n        row-gap: 20px;\n    }\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider #slider-range {\n        background: #d7d7d7;\n        height: 2px;\n        position: relative;\n        border-radius: 100px;\n        max-width: 96%;\n        margin: 0 auto;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider #slider-range .ui-slider-range {\n        background: rgb(38, 77, 151);\n        height: 2px;\n        position: absolute;\n        transform: translateY(-0.5px);\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider #slider-range .ui-slider-handle {\n        position: absolute;\n        width: 18px;\n        height: 18px;\n        top: 50%;\n        display: block;\n        transform: translate(-50%, -50%);\n        border-radius: 100px;\n        \/*z-index: 10;*\/\n        background: white;\n        cursor: move; \/* fallback if grab cursor is unsupported *\/\n        cursor: grab;\n        cursor: -moz-grab;\n        cursor: -webkit-grab;\n        box-shadow: inset 0 0 0px 2px rgb(38, 77, 151);\n        transition: width 0.1s;\n        outline: none;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider .range-wrapper {\n        display: flex;\n        justify-content: end;\n        margin-bottom: 3%;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider .range-wrapper .range {\n        background: #fff;\n        max-width: fit-content;\n        color: #555;\n        \/*z-index: 10;*\/\n        position: relative;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider .range-wrapper .range .range-value {\n        border: 1px solid #d2d2d2;\n        border-radius: 2px;\n        width: 55px;\n        padding: 2px 4px;\n        font-size: 12px;\n        text-align: right;\n        display: inline-block;\n        color: rgb(38, 77, 151);\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider .range-wrapper .range .range-divider {\n        margin: 0 4px;\n        color: #d2d2d2;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .marker-wrapper {\n\n        display: flex;\n        justify-content: space-between;\n        margin-top: 10px;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .marker-wrapper .marker {\n\n        width: fit-content;\n        font-size: 10px;\n        color: #757575;\n    }\n\n<\/style>\n\n<script>\n\n    \/\/function onCategoryRemoveButtonClick(event) {\n    \/\/    var isMobile = \"\/\/\";\n    \/\/    const category = jQuery(event.currentTarget).parent().find('span').first().attr('id');\n    \/\/\n    \/\/    if (isMobile){\n    \/\/        jQuery(event.currentTarget).parent().remove();\n    \/\/\n    \/\/        if (!jQuery(\"#modal-filters-mobile .search .filters-content .filter\").length) {\n    \/\/            jQuery(\"#modal-filters-mobile .search\").hide();\n    \/\/        }\n    \/\/        \/\/ modal content position fix\n    \/\/        const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n    \/\/        jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n    \/\/\n    \/\/    }\n    \/\/\n    \/\/    let queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&');\n    \/\/    queryToArray = queryToArray.filter(filter => filter.indexOf('page_id=') === -1);\n    \/\/    queryToArray = queryToArray.filter(filter => filter.indexOf(category + \"=\") === -1);\n    \/\/    let arrayToQuery = queryToArray.join('&');\n    \/\/\n    \/\/    arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n    \/\/    let querySymbol = \"\/\/\".substr(\"\/\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n    \/\/    querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n    \/\/\n    \/\/    isMobile\n    \/\/        ? queryMobileUrl = arrayToQuery\n    \/\/        : window.location = \"\/\/\" + querySymbol + arrayToQuery;\n    \/\/\n    \/\/}\n\n    jQuery(document).ready(function () {\n\n        const min = parseInt('6');\n        const max = parseInt('8');\n        const category = \"width\";\n\n        \/\/ show filter content if category range changed\n        if(window.location.search.search(category + \"=\") > 0) {\n            jQuery('#slider-range.' + category).parent().parent().parent().show();\n            jQuery('#slider-range.' + category).parent().parent().parent().prev().find(\".filter-button\").addClass('flip');\n        }\n\n        \/\/ Initiate Slider\n        const valueMin = parseInt('6');\n        const valueMax = parseInt('8');\n\n        jQuery('#slider-range.' + category).slider({\n            range: true,\n            min: min,\n            max: max,\n            step: 1,\n            values: [valueMin, valueMax]\n        });\n\n        jQuery( '#slider-range.' + category ).slider({\n            slide: function (event, ui) {\n\n                \/\/ Update the range container values upon sliding\n                jQuery(event.target).parent().prev().find(\"input.range-value\").first()[0].value = ui.values[0];\n                jQuery(event.target).parent().prev().find(\"input.range-value\").last()[0].value = ui.values[1];\n\n                \/\/ Get old value\n                var previousVal = parseInt(jQuery(this).data('value'));\n\n                \/\/ Processing query after category changed\n                previousVal !== ui.value && onCategoryRangeChange();\n\n                \/\/ Save new value\n                jQuery(this).data({\n                    'value': parseInt(ui.value)\n                });\n            }\n        });\n\n\n        function rebuildSlider () {\n            let minValue = parseInt(jQuery('#slider-range.' + category).parent().prev().find(\"input.range-value\").first()[0].value);\n            let maxValue = parseInt(jQuery('#slider-range.' + category).parent().prev().find(\"input.range-value\").last()[0].value);\n\n            jQuery('#slider-range.' + category).slider({\n                range: true,\n                min: min,\n                max: max,\n                step: 1,\n                values: [minValue, maxValue]\n            });\n        }\n\n\n        jQuery('input.range-value.' + category).keypress(function (event) {\n            if(event.key === \"Enter\") {\n                rebuildSlider();\n                queryProcessing();\n            }\n        });\n\n        jQuery('input.range-value.' + category).change(() => {\n            if (isMobile || 0) {\n                rebuildSlider();\n                queryProcessing();\n            } else {\n                setTimeout(() => {\n                    const isInputInUse = jQuery(document.activeElement).hasClass('range-value');\n                    isInputInUse\n                        ? jQuery('input.range-value.' + category).mouseleave(() => queryProcessing())\n                        : queryProcessing();\n                }, 700);\n            }\n        });\n\n\n        function onCategoryRangeChange() {\n            jQuery('.filter-content.slider').mouseleave(() => queryProcessing());\n            jQuery('.filter-item.slider').mouseup(() => queryProcessing());\n\n            if (isMobile || 0) {\n                if (!jQuery('.search .filters-content .filter').length) {\n                    jQuery('.search').hide();\n                }\n                \/\/ modal content position fix\n                const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n                jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n\n            }\n        };\n\n\n        function queryProcessing() {\n            let minValue = parseInt(jQuery('#slider-range.' + category).parent().prev().find(\"input.range-value\").first()[0].value);\n            let maxValue = parseInt(jQuery('#slider-range.' + category).parent().prev().find(\"input.range-value\").last()[0].value);\n\n            if (minValue < min || minValue > max) {\n                minValue = min;\n            }\n            if (maxValue > max || maxValue < min) {\n                maxValue = max;\n            }\n            if (minValue === min && maxValue === max) {\n                let queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&');\n                queryToArray = queryToArray.filter((query) => query.search('page_id=') < 0);\n                queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n                queryToArray = queryToArray.filter((query) => query.search(category + '=') < 0);\n                let arrayToQuery = queryToArray.join('&');\n\n                arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n                let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n                querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n                if(isMobile || 0){\n                    jQuery('#'+ category).parent().first().remove()\n                    if( ! jQuery('#modal-filters-mobile .modal-header .filters-content .filter').length){\n                        jQuery('.search').hide();\n                    }\n                    \/\/ modal content position fix\n                    const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n                    jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n                };\n\n                (isMobile || 0)\n                    ? queryMobileUrl = arrayToQuery\n                    : window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n            } else {\n                let queryToArray;\n\n                if (isMobile || 0) {\n                    queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&')\n                } else {\n                    queryToArray = window.location.search.split('&')\n                }\n                queryToArray = queryToArray.filter((query) => query.search('page_id=') < 0);\n\n                let is_first_time = true;\n                queryToArray.map((query, index) => {\n                    if ( query.includes(category) && !query.includes('sort=') ) {\n                        queryToArray[index] = category + \"=\" + minValue + \"--\" + maxValue;\n                        is_first_time = false;\n                    }\n                });\n\n                is_first_time && queryToArray.push(category + \"=\" + minValue + \"--\" + maxValue);\n\n                if (queryToArray.length) {\n                    queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n                }\n                let arrayToQuery = queryToArray.join('&');\n                arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n                let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n                querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n                if(isMobile || 0) {\n                    if(is_first_time){\n                        appendCategoryFilterMobile(minValue, maxValue);\n                    } else {\n                        jQuery('#'+ category).html(category.replaceAll(\"_\",\" \") + ': '+ minValue+' - '+ maxValue);\n                    }\n                }\n\n                (isMobile || 0)\n                    ? queryMobileUrl = arrayToQuery\n                    : window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n            }\n        };\n\n\n        function appendCategoryFilterMobile(minValue, maxValue) {\n\n            jQuery('.filter ' + '#_button').length && jQuery('.filter ' + '#_button').parent().remove();\n\n            const filtersSearchBar = jQuery('.search .filters-content');\n            const filterDiv = \"<div class='filter'><span id='\" + category + \"'>\" + category.replaceAll('_', ' ') + \": \" + minValue + ' - ' + maxValue + \"<\/span><span class='drop-applied-filter' onclick='onCategoryRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\";\n            filtersSearchBar.append(filterDiv);\n!\n            \/\/ modal content position fix\n            jQuery('.search').show();\n            const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n            jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n\n        }\n    });\n\n\n<\/script>\n\n                                        <\/div>\n                                    <\/div>\n\t\t\t\t\t\t\t\t                        <\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\n                        <div class=\"filter-wrap\">\n                            <div class=\"filter-title\" onclick=\"onFilterCategoryClick(event)\">\n                                <span data-filter-name=\"GVWR\">GVWR<\/span>\n                                <span id=\"category-count\"><\/span>\n                                <span class=\"filter-button\">\n                            <svg fill='white' height='20' viewBox='0 0 20 21' width='20'\n                                 xmlns='http:\/\/www.w3.org\/2000\/svg'>\n                                <path d='M7 10l5 5 5-5z'\/><path d='M0 0h24v24H0z' fill='none'\/>\n                            <\/svg>\n                        <\/span>\n                            <\/div>\n\t\t\t\t\t\t\t                                    <div class=\"filter-content slider\" style=\"display: none\">\n                                                                                <div class=\"filter-item slider\">\n\t\t\t\t\t\t\t\t\t\t\t\n<div class=\"range-wrapper\">\n    <div class=\"range\">\n        <input type=\"number\" class=\"range-value gvwr\" value=\"7000\">\n        <span class=\"range-divider\">\u2013<\/span>\n        <input type=\"number\" class=\"range-value gvwr\" value=\"16000\">\n    <\/div>\n<\/div>\n\n<div class=\"slider-wrapper\">\n    <div id=\"slider-range\" class=\"gvwr\"><\/div>\n    <div class=\"marker-wrapper\">\n        <div class=\"marker\">7000<\/div>\n        <div class=\"marker\">16000<\/div>\n    <\/div>\n<\/div>\n\n\n<style>\n\n    \/* Chrome, Safari, Edge, Opera *\/\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider input::-webkit-outer-spin-button,\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider input::-webkit-inner-spin-button {\n        -webkit-appearance: none;\n        margin: 0;\n    }\n\n    \/* Firefox *\/\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider input[type=number] {\n        -moz-appearance: textfield;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider {\n        background: white;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider {\n        padding: 6px 0;\n        row-gap: 20px;\n    }\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider #slider-range {\n        background: #d7d7d7;\n        height: 2px;\n        position: relative;\n        border-radius: 100px;\n        max-width: 96%;\n        margin: 0 auto;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider #slider-range .ui-slider-range {\n        background: rgb(38, 77, 151);\n        height: 2px;\n        position: absolute;\n        transform: translateY(-0.5px);\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider #slider-range .ui-slider-handle {\n        position: absolute;\n        width: 18px;\n        height: 18px;\n        top: 50%;\n        display: block;\n        transform: translate(-50%, -50%);\n        border-radius: 100px;\n        \/*z-index: 10;*\/\n        background: white;\n        cursor: move; \/* fallback if grab cursor is unsupported *\/\n        cursor: grab;\n        cursor: -moz-grab;\n        cursor: -webkit-grab;\n        box-shadow: inset 0 0 0px 2px rgb(38, 77, 151);\n        transition: width 0.1s;\n        outline: none;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider .range-wrapper {\n        display: flex;\n        justify-content: end;\n        margin-bottom: 3%;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider .range-wrapper .range {\n        background: #fff;\n        max-width: fit-content;\n        color: #555;\n        \/*z-index: 10;*\/\n        position: relative;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider .range-wrapper .range .range-value {\n        border: 1px solid #d2d2d2;\n        border-radius: 2px;\n        width: 55px;\n        padding: 2px 4px;\n        font-size: 12px;\n        text-align: right;\n        display: inline-block;\n        color: rgb(38, 77, 151);\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider .range-wrapper .range .range-divider {\n        margin: 0 4px;\n        color: #d2d2d2;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .marker-wrapper {\n\n        display: flex;\n        justify-content: space-between;\n        margin-top: 10px;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .marker-wrapper .marker {\n\n        width: fit-content;\n        font-size: 10px;\n        color: #757575;\n    }\n\n<\/style>\n\n<script>\n\n    \/\/function onCategoryRemoveButtonClick(event) {\n    \/\/    var isMobile = \"\/\/\";\n    \/\/    const category = jQuery(event.currentTarget).parent().find('span').first().attr('id');\n    \/\/\n    \/\/    if (isMobile){\n    \/\/        jQuery(event.currentTarget).parent().remove();\n    \/\/\n    \/\/        if (!jQuery(\"#modal-filters-mobile .search .filters-content .filter\").length) {\n    \/\/            jQuery(\"#modal-filters-mobile .search\").hide();\n    \/\/        }\n    \/\/        \/\/ modal content position fix\n    \/\/        const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n    \/\/        jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n    \/\/\n    \/\/    }\n    \/\/\n    \/\/    let queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&');\n    \/\/    queryToArray = queryToArray.filter(filter => filter.indexOf('page_id=') === -1);\n    \/\/    queryToArray = queryToArray.filter(filter => filter.indexOf(category + \"=\") === -1);\n    \/\/    let arrayToQuery = queryToArray.join('&');\n    \/\/\n    \/\/    arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n    \/\/    let querySymbol = \"\/\/\".substr(\"\/\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n    \/\/    querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n    \/\/\n    \/\/    isMobile\n    \/\/        ? queryMobileUrl = arrayToQuery\n    \/\/        : window.location = \"\/\/\" + querySymbol + arrayToQuery;\n    \/\/\n    \/\/}\n\n    jQuery(document).ready(function () {\n\n        const min = parseInt('7000');\n        const max = parseInt('16000');\n        const category = \"gvwr\";\n\n        \/\/ show filter content if category range changed\n        if(window.location.search.search(category + \"=\") > 0) {\n            jQuery('#slider-range.' + category).parent().parent().parent().show();\n            jQuery('#slider-range.' + category).parent().parent().parent().prev().find(\".filter-button\").addClass('flip');\n        }\n\n        \/\/ Initiate Slider\n        const valueMin = parseInt('7000');\n        const valueMax = parseInt('16000');\n\n        jQuery('#slider-range.' + category).slider({\n            range: true,\n            min: min,\n            max: max,\n            step: 1,\n            values: [valueMin, valueMax]\n        });\n\n        jQuery( '#slider-range.' + category ).slider({\n            slide: function (event, ui) {\n\n                \/\/ Update the range container values upon sliding\n                jQuery(event.target).parent().prev().find(\"input.range-value\").first()[0].value = ui.values[0];\n                jQuery(event.target).parent().prev().find(\"input.range-value\").last()[0].value = ui.values[1];\n\n                \/\/ Get old value\n                var previousVal = parseInt(jQuery(this).data('value'));\n\n                \/\/ Processing query after category changed\n                previousVal !== ui.value && onCategoryRangeChange();\n\n                \/\/ Save new value\n                jQuery(this).data({\n                    'value': parseInt(ui.value)\n                });\n            }\n        });\n\n\n        function rebuildSlider () {\n            let minValue = parseInt(jQuery('#slider-range.' + category).parent().prev().find(\"input.range-value\").first()[0].value);\n            let maxValue = parseInt(jQuery('#slider-range.' + category).parent().prev().find(\"input.range-value\").last()[0].value);\n\n            jQuery('#slider-range.' + category).slider({\n                range: true,\n                min: min,\n                max: max,\n                step: 1,\n                values: [minValue, maxValue]\n            });\n        }\n\n\n        jQuery('input.range-value.' + category).keypress(function (event) {\n            if(event.key === \"Enter\") {\n                rebuildSlider();\n                queryProcessing();\n            }\n        });\n\n        jQuery('input.range-value.' + category).change(() => {\n            if (isMobile || 0) {\n                rebuildSlider();\n                queryProcessing();\n            } else {\n                setTimeout(() => {\n                    const isInputInUse = jQuery(document.activeElement).hasClass('range-value');\n                    isInputInUse\n                        ? jQuery('input.range-value.' + category).mouseleave(() => queryProcessing())\n                        : queryProcessing();\n                }, 700);\n            }\n        });\n\n\n        function onCategoryRangeChange() {\n            jQuery('.filter-content.slider').mouseleave(() => queryProcessing());\n            jQuery('.filter-item.slider').mouseup(() => queryProcessing());\n\n            if (isMobile || 0) {\n                if (!jQuery('.search .filters-content .filter').length) {\n                    jQuery('.search').hide();\n                }\n                \/\/ modal content position fix\n                const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n                jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n\n            }\n        };\n\n\n        function queryProcessing() {\n            let minValue = parseInt(jQuery('#slider-range.' + category).parent().prev().find(\"input.range-value\").first()[0].value);\n            let maxValue = parseInt(jQuery('#slider-range.' + category).parent().prev().find(\"input.range-value\").last()[0].value);\n\n            if (minValue < min || minValue > max) {\n                minValue = min;\n            }\n            if (maxValue > max || maxValue < min) {\n                maxValue = max;\n            }\n            if (minValue === min && maxValue === max) {\n                let queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&');\n                queryToArray = queryToArray.filter((query) => query.search('page_id=') < 0);\n                queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n                queryToArray = queryToArray.filter((query) => query.search(category + '=') < 0);\n                let arrayToQuery = queryToArray.join('&');\n\n                arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n                let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n                querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n                if(isMobile || 0){\n                    jQuery('#'+ category).parent().first().remove()\n                    if( ! jQuery('#modal-filters-mobile .modal-header .filters-content .filter').length){\n                        jQuery('.search').hide();\n                    }\n                    \/\/ modal content position fix\n                    const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n                    jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n                };\n\n                (isMobile || 0)\n                    ? queryMobileUrl = arrayToQuery\n                    : window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n            } else {\n                let queryToArray;\n\n                if (isMobile || 0) {\n                    queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&')\n                } else {\n                    queryToArray = window.location.search.split('&')\n                }\n                queryToArray = queryToArray.filter((query) => query.search('page_id=') < 0);\n\n                let is_first_time = true;\n                queryToArray.map((query, index) => {\n                    if ( query.includes(category) && !query.includes('sort=') ) {\n                        queryToArray[index] = category + \"=\" + minValue + \"--\" + maxValue;\n                        is_first_time = false;\n                    }\n                });\n\n                is_first_time && queryToArray.push(category + \"=\" + minValue + \"--\" + maxValue);\n\n                if (queryToArray.length) {\n                    queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n                }\n                let arrayToQuery = queryToArray.join('&');\n                arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n                let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n                querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n                if(isMobile || 0) {\n                    if(is_first_time){\n                        appendCategoryFilterMobile(minValue, maxValue);\n                    } else {\n                        jQuery('#'+ category).html(category.replaceAll(\"_\",\" \") + ': '+ minValue+' - '+ maxValue);\n                    }\n                }\n\n                (isMobile || 0)\n                    ? queryMobileUrl = arrayToQuery\n                    : window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n            }\n        };\n\n\n        function appendCategoryFilterMobile(minValue, maxValue) {\n\n            jQuery('.filter ' + '#_button').length && jQuery('.filter ' + '#_button').parent().remove();\n\n            const filtersSearchBar = jQuery('.search .filters-content');\n            const filterDiv = \"<div class='filter'><span id='\" + category + \"'>\" + category.replaceAll('_', ' ') + \": \" + minValue + ' - ' + maxValue + \"<\/span><span class='drop-applied-filter' onclick='onCategoryRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\";\n            filtersSearchBar.append(filterDiv);\n!\n            \/\/ modal content position fix\n            jQuery('.search').show();\n            const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n            jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n\n        }\n    });\n\n\n<\/script>\n\n                                        <\/div>\n                                    <\/div>\n\t\t\t\t\t\t\t\t                        <\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\n                        <div class=\"filter-wrap\">\n                            <div class=\"filter-title\" onclick=\"onFilterCategoryClick(event)\">\n                                <span data-filter-name=\"Payload Capacity\">Payload Capacity<\/span>\n                                <span id=\"category-count\"><\/span>\n                                <span class=\"filter-button\">\n                            <svg fill='white' height='20' viewBox='0 0 20 21' width='20'\n                                 xmlns='http:\/\/www.w3.org\/2000\/svg'>\n                                <path d='M7 10l5 5 5-5z'\/><path d='M0 0h24v24H0z' fill='none'\/>\n                            <\/svg>\n                        <\/span>\n                            <\/div>\n\t\t\t\t\t\t\t                                    <div class=\"filter-content slider\" style=\"display: none\">\n                                                                                <div class=\"filter-item slider\">\n\t\t\t\t\t\t\t\t\t\t\t\n<div class=\"range-wrapper\">\n    <div class=\"range\">\n        <input type=\"number\" class=\"range-value payload_capacity\" value=\"3950\">\n        <span class=\"range-divider\">\u2013<\/span>\n        <input type=\"number\" class=\"range-value payload_capacity\" value=\"16000\">\n    <\/div>\n<\/div>\n\n<div class=\"slider-wrapper\">\n    <div id=\"slider-range\" class=\"payload_capacity\"><\/div>\n    <div class=\"marker-wrapper\">\n        <div class=\"marker\">3950<\/div>\n        <div class=\"marker\">16000<\/div>\n    <\/div>\n<\/div>\n\n\n<style>\n\n    \/* Chrome, Safari, Edge, Opera *\/\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider input::-webkit-outer-spin-button,\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider input::-webkit-inner-spin-button {\n        -webkit-appearance: none;\n        margin: 0;\n    }\n\n    \/* Firefox *\/\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider input[type=number] {\n        -moz-appearance: textfield;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider {\n        background: white;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider {\n        padding: 6px 0;\n        row-gap: 20px;\n    }\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider #slider-range {\n        background: #d7d7d7;\n        height: 2px;\n        position: relative;\n        border-radius: 100px;\n        max-width: 96%;\n        margin: 0 auto;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider #slider-range .ui-slider-range {\n        background: rgb(38, 77, 151);\n        height: 2px;\n        position: absolute;\n        transform: translateY(-0.5px);\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider #slider-range .ui-slider-handle {\n        position: absolute;\n        width: 18px;\n        height: 18px;\n        top: 50%;\n        display: block;\n        transform: translate(-50%, -50%);\n        border-radius: 100px;\n        \/*z-index: 10;*\/\n        background: white;\n        cursor: move; \/* fallback if grab cursor is unsupported *\/\n        cursor: grab;\n        cursor: -moz-grab;\n        cursor: -webkit-grab;\n        box-shadow: inset 0 0 0px 2px rgb(38, 77, 151);\n        transition: width 0.1s;\n        outline: none;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider .range-wrapper {\n        display: flex;\n        justify-content: end;\n        margin-bottom: 3%;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider .range-wrapper .range {\n        background: #fff;\n        max-width: fit-content;\n        color: #555;\n        \/*z-index: 10;*\/\n        position: relative;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider .range-wrapper .range .range-value {\n        border: 1px solid #d2d2d2;\n        border-radius: 2px;\n        width: 55px;\n        padding: 2px 4px;\n        font-size: 12px;\n        text-align: right;\n        display: inline-block;\n        color: rgb(38, 77, 151);\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider .range-wrapper .range .range-divider {\n        margin: 0 4px;\n        color: #d2d2d2;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .marker-wrapper {\n\n        display: flex;\n        justify-content: space-between;\n        margin-top: 10px;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .marker-wrapper .marker {\n\n        width: fit-content;\n        font-size: 10px;\n        color: #757575;\n    }\n\n<\/style>\n\n<script>\n\n    \/\/function onCategoryRemoveButtonClick(event) {\n    \/\/    var isMobile = \"\/\/\";\n    \/\/    const category = jQuery(event.currentTarget).parent().find('span').first().attr('id');\n    \/\/\n    \/\/    if (isMobile){\n    \/\/        jQuery(event.currentTarget).parent().remove();\n    \/\/\n    \/\/        if (!jQuery(\"#modal-filters-mobile .search .filters-content .filter\").length) {\n    \/\/            jQuery(\"#modal-filters-mobile .search\").hide();\n    \/\/        }\n    \/\/        \/\/ modal content position fix\n    \/\/        const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n    \/\/        jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n    \/\/\n    \/\/    }\n    \/\/\n    \/\/    let queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&');\n    \/\/    queryToArray = queryToArray.filter(filter => filter.indexOf('page_id=') === -1);\n    \/\/    queryToArray = queryToArray.filter(filter => filter.indexOf(category + \"=\") === -1);\n    \/\/    let arrayToQuery = queryToArray.join('&');\n    \/\/\n    \/\/    arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n    \/\/    let querySymbol = \"\/\/\".substr(\"\/\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n    \/\/    querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n    \/\/\n    \/\/    isMobile\n    \/\/        ? queryMobileUrl = arrayToQuery\n    \/\/        : window.location = \"\/\/\" + querySymbol + arrayToQuery;\n    \/\/\n    \/\/}\n\n    jQuery(document).ready(function () {\n\n        const min = parseInt('3950');\n        const max = parseInt('16000');\n        const category = \"payload_capacity\";\n\n        \/\/ show filter content if category range changed\n        if(window.location.search.search(category + \"=\") > 0) {\n            jQuery('#slider-range.' + category).parent().parent().parent().show();\n            jQuery('#slider-range.' + category).parent().parent().parent().prev().find(\".filter-button\").addClass('flip');\n        }\n\n        \/\/ Initiate Slider\n        const valueMin = parseInt('3950');\n        const valueMax = parseInt('16000');\n\n        jQuery('#slider-range.' + category).slider({\n            range: true,\n            min: min,\n            max: max,\n            step: 1,\n            values: [valueMin, valueMax]\n        });\n\n        jQuery( '#slider-range.' + category ).slider({\n            slide: function (event, ui) {\n\n                \/\/ Update the range container values upon sliding\n                jQuery(event.target).parent().prev().find(\"input.range-value\").first()[0].value = ui.values[0];\n                jQuery(event.target).parent().prev().find(\"input.range-value\").last()[0].value = ui.values[1];\n\n                \/\/ Get old value\n                var previousVal = parseInt(jQuery(this).data('value'));\n\n                \/\/ Processing query after category changed\n                previousVal !== ui.value && onCategoryRangeChange();\n\n                \/\/ Save new value\n                jQuery(this).data({\n                    'value': parseInt(ui.value)\n                });\n            }\n        });\n\n\n        function rebuildSlider () {\n            let minValue = parseInt(jQuery('#slider-range.' + category).parent().prev().find(\"input.range-value\").first()[0].value);\n            let maxValue = parseInt(jQuery('#slider-range.' + category).parent().prev().find(\"input.range-value\").last()[0].value);\n\n            jQuery('#slider-range.' + category).slider({\n                range: true,\n                min: min,\n                max: max,\n                step: 1,\n                values: [minValue, maxValue]\n            });\n        }\n\n\n        jQuery('input.range-value.' + category).keypress(function (event) {\n            if(event.key === \"Enter\") {\n                rebuildSlider();\n                queryProcessing();\n            }\n        });\n\n        jQuery('input.range-value.' + category).change(() => {\n            if (isMobile || 0) {\n                rebuildSlider();\n                queryProcessing();\n            } else {\n                setTimeout(() => {\n                    const isInputInUse = jQuery(document.activeElement).hasClass('range-value');\n                    isInputInUse\n                        ? jQuery('input.range-value.' + category).mouseleave(() => queryProcessing())\n                        : queryProcessing();\n                }, 700);\n            }\n        });\n\n\n        function onCategoryRangeChange() {\n            jQuery('.filter-content.slider').mouseleave(() => queryProcessing());\n            jQuery('.filter-item.slider').mouseup(() => queryProcessing());\n\n            if (isMobile || 0) {\n                if (!jQuery('.search .filters-content .filter').length) {\n                    jQuery('.search').hide();\n                }\n                \/\/ modal content position fix\n                const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n                jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n\n            }\n        };\n\n\n        function queryProcessing() {\n            let minValue = parseInt(jQuery('#slider-range.' + category).parent().prev().find(\"input.range-value\").first()[0].value);\n            let maxValue = parseInt(jQuery('#slider-range.' + category).parent().prev().find(\"input.range-value\").last()[0].value);\n\n            if (minValue < min || minValue > max) {\n                minValue = min;\n            }\n            if (maxValue > max || maxValue < min) {\n                maxValue = max;\n            }\n            if (minValue === min && maxValue === max) {\n                let queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&');\n                queryToArray = queryToArray.filter((query) => query.search('page_id=') < 0);\n                queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n                queryToArray = queryToArray.filter((query) => query.search(category + '=') < 0);\n                let arrayToQuery = queryToArray.join('&');\n\n                arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n                let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n                querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n                if(isMobile || 0){\n                    jQuery('#'+ category).parent().first().remove()\n                    if( ! jQuery('#modal-filters-mobile .modal-header .filters-content .filter').length){\n                        jQuery('.search').hide();\n                    }\n                    \/\/ modal content position fix\n                    const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n                    jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n                };\n\n                (isMobile || 0)\n                    ? queryMobileUrl = arrayToQuery\n                    : window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n            } else {\n                let queryToArray;\n\n                if (isMobile || 0) {\n                    queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&')\n                } else {\n                    queryToArray = window.location.search.split('&')\n                }\n                queryToArray = queryToArray.filter((query) => query.search('page_id=') < 0);\n\n                let is_first_time = true;\n                queryToArray.map((query, index) => {\n                    if ( query.includes(category) && !query.includes('sort=') ) {\n                        queryToArray[index] = category + \"=\" + minValue + \"--\" + maxValue;\n                        is_first_time = false;\n                    }\n                });\n\n                is_first_time && queryToArray.push(category + \"=\" + minValue + \"--\" + maxValue);\n\n                if (queryToArray.length) {\n                    queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n                }\n                let arrayToQuery = queryToArray.join('&');\n                arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n                let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n                querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n                if(isMobile || 0) {\n                    if(is_first_time){\n                        appendCategoryFilterMobile(minValue, maxValue);\n                    } else {\n                        jQuery('#'+ category).html(category.replaceAll(\"_\",\" \") + ': '+ minValue+' - '+ maxValue);\n                    }\n                }\n\n                (isMobile || 0)\n                    ? queryMobileUrl = arrayToQuery\n                    : window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n            }\n        };\n\n\n        function appendCategoryFilterMobile(minValue, maxValue) {\n\n            jQuery('.filter ' + '#_button').length && jQuery('.filter ' + '#_button').parent().remove();\n\n            const filtersSearchBar = jQuery('.search .filters-content');\n            const filterDiv = \"<div class='filter'><span id='\" + category + \"'>\" + category.replaceAll('_', ' ') + \": \" + minValue + ' - ' + maxValue + \"<\/span><span class='drop-applied-filter' onclick='onCategoryRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\";\n            filtersSearchBar.append(filterDiv);\n!\n            \/\/ modal content position fix\n            jQuery('.search').show();\n            const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n            jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n\n        }\n    });\n\n\n<\/script>\n\n                                        <\/div>\n                                    <\/div>\n\t\t\t\t\t\t\t\t                        <\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\n                        <div class=\"filter-wrap\">\n                            <div class=\"filter-title\" onclick=\"onFilterCategoryClick(event)\">\n                                <span data-filter-name=\"Manufacturer\">Manufacturer<\/span>\n                                <span id=\"category-count\">2<\/span>\n                                <span class=\"filter-button\">\n                            <svg fill='white' height='20' viewBox='0 0 20 21' width='20'\n                                 xmlns='http:\/\/www.w3.org\/2000\/svg'>\n                                <path d='M7 10l5 5 5-5z'\/><path d='M0 0h24v24H0z' fill='none'\/>\n                            <\/svg>\n                        <\/span>\n                            <\/div>\n\t\t\t\t\t\t\t                                    <div class=\"filter-content\" style=\"display: none\">\n                                        \t\t\t\t\t\t\t\t\t\t                                            <div class=\"filter-item\">\n                                                <div id=\"with-count\">\n                                                    \n<input  class=\"custom-checkbox\" type=\"checkbox\" id=\"manufacturer_Featherlite_sp_Trailers\"\n                               onchange=\"onCheckboxChange(event)\">\n<label for=\"manufacturer_Featherlite_sp_Trailers\"><span>Featherlite Trailers<\/span><\/label>\n\n<script>\n\n    \/\/jQuery(document).ready(() => {\n    \/\/    const id = \"\/\/\";\n    \/\/    const checkbox = jQuery(\"#\" + id);\n    \/\/    if (checkbox.prop('checked')) {\n    \/\/        \/\/Displays full block in navbar filters section if the checkbox inside is checked\n    \/\/        checkbox.parent().parent().show();\n    \/\/        \/\/ flip arrow for filter section\n    \/\/        checkbox.parent().parent().parent().find('.filter-button').addClass('flip');\n    \/\/    }\n    \/\/})\n    function adjustModalContentPosition() {\n        const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n        jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n    }\n\n    function onCheckboxChange(event) {\n        filterProcessQuery(event);\n        if (isMobile || 0) {\n            appendFilterMobile(event);\n            if (!jQuery('.search .filters-content .filter').length) {\n                jQuery('.search').hide();\n            }\n            adjustModalContentPosition();\n        }\n    }\n\n    var queryMobileUrl = '';\n\n    function filterProcessQuery(event) {\n        let category = event.currentTarget.id === 'find_in_description'\n            ? \"Find In Description\"\n            : jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title > span').first().data('filter-name');\n        category = category.toLowerCase().replaceAll(' ', '_');\n\n        let queryToArray;\n\n        if (isMobile || 0) {\n            queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&')\n        } else {\n            queryToArray = window.location.search.split('&')\n        }\n\n        queryToArray = queryToArray.filter(query => query.search('page_id=') < 0);\n\n        let isExist = false;\n\n        \/\/ on checkbox checked\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const id = event.currentTarget.id.replace(category + '_', '');\n\n            \/\/ For boolean filters (ramps, is_rental), replace value and uncheck the other option\n            const booleanFilters = ['ramps', 'is_rental'];\n            if (booleanFilters.includes(category)) {\n                \/\/ Uncheck the other checkbox\n                const otherValue = id === '1' ? '0' : '1';\n                jQuery('#' + category + '_' + otherValue).prop('checked', false);\n\n                \/\/ Replace the value in URL (not append)\n                queryToArray = queryToArray.filter(query => query.indexOf(category + '=') === -1);\n                queryToArray.push(category + '=' + id);\n                queryToArray = queryToArray.filter(filter => filter !== '');\n            } else if (queryToArray.count) {\n                queryToArray.push(category + '=' + id);\n            } else {\n                queryToArray.map(function (query) {\n                    if (query.indexOf(category + '=') !== -1) isExist = true;\n                });\n                if (isExist) {\n                    queryToArray.map((query, index) => {\n                        if (query.indexOf(category + '=') !== -1) {\n                            query = query.split('--');\n                            query.push(id);\n                            queryToArray[index] = query.join('--');\n                        }\n                    });\n                } else {\n                    queryToArray.push(category + '=' + id);\n                    queryToArray = queryToArray.filter(filter => filter !== '');\n                }\n\n            }\n\n        } else {\n            queryToArray.map((query, index) => {\n                if (query.indexOf(category + '=') !== -1) {\n                    query = query.split('=');\n                    query = query[1].split('--');\n                    let search = event.currentTarget.id.replace(category + '_', '').replaceAll(' ', '%20')\n                    query = query.filter(filter => filter.indexOf(search) === -1);\n\n                    if(query.length) {\n                        query = query.join('--')\n                        queryToArray[index] = category + '=' + query\n                    } else {\n                        queryToArray[index] = '';\n                    }\n                }\n            });\n\n        }\n\n        if (queryToArray.length) {\n            queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n        }\n\n        let arrayToQuery = queryToArray.join('&');\n\n        arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n        if (isMobile || 0) {\n            \/\/saving query\n            queryMobileUrl = arrayToQuery;\n        } else {\n            window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n        }\n\n    }\n\n    function appendFilterMobile(event) {\n        const filtersSearchBar = jQuery('.search .filters-content')\n        const filterId = 'for_' + jQuery(event.currentTarget).attr('id').replaceAll(' ', '_');\n        const category = jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title span').first().html();\n        const categoryId = event.currentTarget.id === \"find_in_description\"\n            ? event.currentTarget.id\n            : category.replaceAll(' ', '_').toLowerCase();\n        const id = jQuery(event.currentTarget).attr('id').replace(categoryId+'_', '');\n\n        let shownId = id.indexOf('_sp_') !== -1 ? id.replace('_sp_', ' ') : id;\n        shownId = shownId.indexOf('_and_') !== -1 ? shownId.replace('_and_', '&') : shownId;\n\n\n        const filterName = jQuery(event.currentTarget).next().html();\n\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const filterDiv = categoryId === 'location' || categoryId === 'category'\n                ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + filterName + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                : categoryId === \"is_on_special\" || categoryId === \"living_quarters\" || categoryId === \"ramps\"\n                    ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                    : categoryId !== 'find_in_description'\n                        ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + shownId + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                        : \"\";\n\n            filtersSearchBar.append(filterDiv);\n            jQuery('.search').show();\n        } else {\n            jQuery(\"#\" + filterId).parent().remove();\n        }\n    }\n\n    function handleButtonClick() {\n        let queryToArray = queryMobileUrl.split('&');\n        queryToArray = queryToArray.filter(filter => filter.indexOf('page_id') === -1);\n        queryMobileUrl = queryToArray.join('&');\n        queryMobileUrl = queryMobileUrl.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! queryMobileUrl.length ? '' : querySymbol;\n        window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + queryMobileUrl;\n    }\n\n<\/script>\n\n<style>\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox {\n        position: absolute;\n        z-index: -1;\n        opacity: 0;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label {\n        display: inline-flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        color: #232323;\n        pointer-events: auto!important;\n    }\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item label > span {\n        word-break: break-word;\n        display: -webkit-box;\n        \/*overflow: hidden;*\/\n        \/*text-overflow: ellipsis;*\/\n        \/*-webkit-line-clamp: 2; !* number of lines to show *!*\/\n        \/*-webkit-box-orient: vertical;*\/\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label::before {\n        content: '';\n        display: inline-block;\n        width: 1em;\n        height: 1em;\n        flex-shrink: 0;\n        flex-grow: 0;\n        border: 1px solid #232323;\n        border-radius: 0.25em;\n        margin-right: 0.5em;\n        background-repeat: no-repeat;\n        background-position: center center;\n        background-size: 50% 50%;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox:checked + label::before {\n        background-color: transparent;\n        background-image: url(\"data:image\/svg+xml,%3Csvg width='24' height='24' stroke='black' stroke-width='2' fill='black' xmlns='http:\/\/www.w3.org\/2000\/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M24 4.685l-16.327 17.315-7.673-9.054.761-.648 6.95 8.203 15.561-16.501.728.685z'\/%3E%3C\/svg%3E\");\n    }\n<\/style>\n                                                                                                            &nbsp;\n                                                        <span id=\"filter-count\"><span> (4)<\/span><\/span>\n                                                                                                    <\/div>\n                                            <\/div>\n\t\t\t\t\t\t\t\t\t\t                                            <div class=\"filter-item\">\n                                                <div id=\"with-count\">\n                                                    \n<input  class=\"custom-checkbox\" type=\"checkbox\" id=\"manufacturer_Valley_sp_Trailers\"\n                               onchange=\"onCheckboxChange(event)\">\n<label for=\"manufacturer_Valley_sp_Trailers\"><span>Valley Trailers<\/span><\/label>\n\n<script>\n\n    \/\/jQuery(document).ready(() => {\n    \/\/    const id = \"\/\/\";\n    \/\/    const checkbox = jQuery(\"#\" + id);\n    \/\/    if (checkbox.prop('checked')) {\n    \/\/        \/\/Displays full block in navbar filters section if the checkbox inside is checked\n    \/\/        checkbox.parent().parent().show();\n    \/\/        \/\/ flip arrow for filter section\n    \/\/        checkbox.parent().parent().parent().find('.filter-button').addClass('flip');\n    \/\/    }\n    \/\/})\n    function adjustModalContentPosition() {\n        const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n        jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n    }\n\n    function onCheckboxChange(event) {\n        filterProcessQuery(event);\n        if (isMobile || 0) {\n            appendFilterMobile(event);\n            if (!jQuery('.search .filters-content .filter').length) {\n                jQuery('.search').hide();\n            }\n            adjustModalContentPosition();\n        }\n    }\n\n    var queryMobileUrl = '';\n\n    function filterProcessQuery(event) {\n        let category = event.currentTarget.id === 'find_in_description'\n            ? \"Find In Description\"\n            : jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title > span').first().data('filter-name');\n        category = category.toLowerCase().replaceAll(' ', '_');\n\n        let queryToArray;\n\n        if (isMobile || 0) {\n            queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&')\n        } else {\n            queryToArray = window.location.search.split('&')\n        }\n\n        queryToArray = queryToArray.filter(query => query.search('page_id=') < 0);\n\n        let isExist = false;\n\n        \/\/ on checkbox checked\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const id = event.currentTarget.id.replace(category + '_', '');\n\n            \/\/ For boolean filters (ramps, is_rental), replace value and uncheck the other option\n            const booleanFilters = ['ramps', 'is_rental'];\n            if (booleanFilters.includes(category)) {\n                \/\/ Uncheck the other checkbox\n                const otherValue = id === '1' ? '0' : '1';\n                jQuery('#' + category + '_' + otherValue).prop('checked', false);\n\n                \/\/ Replace the value in URL (not append)\n                queryToArray = queryToArray.filter(query => query.indexOf(category + '=') === -1);\n                queryToArray.push(category + '=' + id);\n                queryToArray = queryToArray.filter(filter => filter !== '');\n            } else if (queryToArray.count) {\n                queryToArray.push(category + '=' + id);\n            } else {\n                queryToArray.map(function (query) {\n                    if (query.indexOf(category + '=') !== -1) isExist = true;\n                });\n                if (isExist) {\n                    queryToArray.map((query, index) => {\n                        if (query.indexOf(category + '=') !== -1) {\n                            query = query.split('--');\n                            query.push(id);\n                            queryToArray[index] = query.join('--');\n                        }\n                    });\n                } else {\n                    queryToArray.push(category + '=' + id);\n                    queryToArray = queryToArray.filter(filter => filter !== '');\n                }\n\n            }\n\n        } else {\n            queryToArray.map((query, index) => {\n                if (query.indexOf(category + '=') !== -1) {\n                    query = query.split('=');\n                    query = query[1].split('--');\n                    let search = event.currentTarget.id.replace(category + '_', '').replaceAll(' ', '%20')\n                    query = query.filter(filter => filter.indexOf(search) === -1);\n\n                    if(query.length) {\n                        query = query.join('--')\n                        queryToArray[index] = category + '=' + query\n                    } else {\n                        queryToArray[index] = '';\n                    }\n                }\n            });\n\n        }\n\n        if (queryToArray.length) {\n            queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n        }\n\n        let arrayToQuery = queryToArray.join('&');\n\n        arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n        if (isMobile || 0) {\n            \/\/saving query\n            queryMobileUrl = arrayToQuery;\n        } else {\n            window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n        }\n\n    }\n\n    function appendFilterMobile(event) {\n        const filtersSearchBar = jQuery('.search .filters-content')\n        const filterId = 'for_' + jQuery(event.currentTarget).attr('id').replaceAll(' ', '_');\n        const category = jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title span').first().html();\n        const categoryId = event.currentTarget.id === \"find_in_description\"\n            ? event.currentTarget.id\n            : category.replaceAll(' ', '_').toLowerCase();\n        const id = jQuery(event.currentTarget).attr('id').replace(categoryId+'_', '');\n\n        let shownId = id.indexOf('_sp_') !== -1 ? id.replace('_sp_', ' ') : id;\n        shownId = shownId.indexOf('_and_') !== -1 ? shownId.replace('_and_', '&') : shownId;\n\n\n        const filterName = jQuery(event.currentTarget).next().html();\n\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const filterDiv = categoryId === 'location' || categoryId === 'category'\n                ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + filterName + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                : categoryId === \"is_on_special\" || categoryId === \"living_quarters\" || categoryId === \"ramps\"\n                    ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                    : categoryId !== 'find_in_description'\n                        ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + shownId + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                        : \"\";\n\n            filtersSearchBar.append(filterDiv);\n            jQuery('.search').show();\n        } else {\n            jQuery(\"#\" + filterId).parent().remove();\n        }\n    }\n\n    function handleButtonClick() {\n        let queryToArray = queryMobileUrl.split('&');\n        queryToArray = queryToArray.filter(filter => filter.indexOf('page_id') === -1);\n        queryMobileUrl = queryToArray.join('&');\n        queryMobileUrl = queryMobileUrl.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! queryMobileUrl.length ? '' : querySymbol;\n        window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + queryMobileUrl;\n    }\n\n<\/script>\n\n<style>\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox {\n        position: absolute;\n        z-index: -1;\n        opacity: 0;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label {\n        display: inline-flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        color: #232323;\n        pointer-events: auto!important;\n    }\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item label > span {\n        word-break: break-word;\n        display: -webkit-box;\n        \/*overflow: hidden;*\/\n        \/*text-overflow: ellipsis;*\/\n        \/*-webkit-line-clamp: 2; !* number of lines to show *!*\/\n        \/*-webkit-box-orient: vertical;*\/\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label::before {\n        content: '';\n        display: inline-block;\n        width: 1em;\n        height: 1em;\n        flex-shrink: 0;\n        flex-grow: 0;\n        border: 1px solid #232323;\n        border-radius: 0.25em;\n        margin-right: 0.5em;\n        background-repeat: no-repeat;\n        background-position: center center;\n        background-size: 50% 50%;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox:checked + label::before {\n        background-color: transparent;\n        background-image: url(\"data:image\/svg+xml,%3Csvg width='24' height='24' stroke='black' stroke-width='2' fill='black' xmlns='http:\/\/www.w3.org\/2000\/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M24 4.685l-16.327 17.315-7.673-9.054.761-.648 6.95 8.203 15.561-16.501.728.685z'\/%3E%3C\/svg%3E\");\n    }\n<\/style>\n                                                                                                            &nbsp;\n                                                        <span id=\"filter-count\"><span> (1)<\/span><\/span>\n                                                                                                    <\/div>\n                                            <\/div>\n\t\t\t\t\t\t\t\t\t\t                                    <\/div>\n\t\t\t\t\t\t\t\t                        <\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\n                        <div class=\"filter-wrap\">\n                            <div class=\"filter-title\" onclick=\"onFilterCategoryClick(event)\">\n                                <span data-filter-name=\"Price\">Price<\/span>\n                                <span id=\"category-count\"><\/span>\n                                <span class=\"filter-button\">\n                            <svg fill='white' height='20' viewBox='0 0 20 21' width='20'\n                                 xmlns='http:\/\/www.w3.org\/2000\/svg'>\n                                <path d='M7 10l5 5 5-5z'\/><path d='M0 0h24v24H0z' fill='none'\/>\n                            <\/svg>\n                        <\/span>\n                            <\/div>\n\t\t\t\t\t\t\t                                    <div class=\"filter-content slider\" style=\"display: none\">\n                                                                                <div class=\"filter-item slider\">\n\t\t\t\t\t\t\t\t\t\t\t\n<div class=\"range-wrapper\">\n    <div class=\"range\">\n        <input type=\"number\" class=\"range-value price\" value=\"10150\">\n        <span class=\"range-divider\">\u2013<\/span>\n        <input type=\"number\" class=\"range-value price\" value=\"44300\">\n    <\/div>\n<\/div>\n\n<div class=\"slider-wrapper\">\n    <div id=\"slider-range\" class=\"price\"><\/div>\n    <div class=\"marker-wrapper\">\n        <div class=\"marker\">10150<\/div>\n        <div class=\"marker\">44300<\/div>\n    <\/div>\n<\/div>\n\n\n<style>\n\n    \/* Chrome, Safari, Edge, Opera *\/\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider input::-webkit-outer-spin-button,\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider input::-webkit-inner-spin-button {\n        -webkit-appearance: none;\n        margin: 0;\n    }\n\n    \/* Firefox *\/\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider input[type=number] {\n        -moz-appearance: textfield;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider {\n        background: white;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider {\n        padding: 6px 0;\n        row-gap: 20px;\n    }\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider #slider-range {\n        background: #d7d7d7;\n        height: 2px;\n        position: relative;\n        border-radius: 100px;\n        max-width: 96%;\n        margin: 0 auto;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider #slider-range .ui-slider-range {\n        background: rgb(38, 77, 151);\n        height: 2px;\n        position: absolute;\n        transform: translateY(-0.5px);\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider #slider-range .ui-slider-handle {\n        position: absolute;\n        width: 18px;\n        height: 18px;\n        top: 50%;\n        display: block;\n        transform: translate(-50%, -50%);\n        border-radius: 100px;\n        \/*z-index: 10;*\/\n        background: white;\n        cursor: move; \/* fallback if grab cursor is unsupported *\/\n        cursor: grab;\n        cursor: -moz-grab;\n        cursor: -webkit-grab;\n        box-shadow: inset 0 0 0px 2px rgb(38, 77, 151);\n        transition: width 0.1s;\n        outline: none;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider .range-wrapper {\n        display: flex;\n        justify-content: end;\n        margin-bottom: 3%;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider .range-wrapper .range {\n        background: #fff;\n        max-width: fit-content;\n        color: #555;\n        \/*z-index: 10;*\/\n        position: relative;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider .range-wrapper .range .range-value {\n        border: 1px solid #d2d2d2;\n        border-radius: 2px;\n        width: 55px;\n        padding: 2px 4px;\n        font-size: 12px;\n        text-align: right;\n        display: inline-block;\n        color: rgb(38, 77, 151);\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider .range-wrapper .range .range-divider {\n        margin: 0 4px;\n        color: #d2d2d2;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .marker-wrapper {\n\n        display: flex;\n        justify-content: space-between;\n        margin-top: 10px;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .marker-wrapper .marker {\n\n        width: fit-content;\n        font-size: 10px;\n        color: #757575;\n    }\n\n<\/style>\n\n<script>\n\n    \/\/function onCategoryRemoveButtonClick(event) {\n    \/\/    var isMobile = \"\/\/\";\n    \/\/    const category = jQuery(event.currentTarget).parent().find('span').first().attr('id');\n    \/\/\n    \/\/    if (isMobile){\n    \/\/        jQuery(event.currentTarget).parent().remove();\n    \/\/\n    \/\/        if (!jQuery(\"#modal-filters-mobile .search .filters-content .filter\").length) {\n    \/\/            jQuery(\"#modal-filters-mobile .search\").hide();\n    \/\/        }\n    \/\/        \/\/ modal content position fix\n    \/\/        const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n    \/\/        jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n    \/\/\n    \/\/    }\n    \/\/\n    \/\/    let queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&');\n    \/\/    queryToArray = queryToArray.filter(filter => filter.indexOf('page_id=') === -1);\n    \/\/    queryToArray = queryToArray.filter(filter => filter.indexOf(category + \"=\") === -1);\n    \/\/    let arrayToQuery = queryToArray.join('&');\n    \/\/\n    \/\/    arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n    \/\/    let querySymbol = \"\/\/\".substr(\"\/\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n    \/\/    querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n    \/\/\n    \/\/    isMobile\n    \/\/        ? queryMobileUrl = arrayToQuery\n    \/\/        : window.location = \"\/\/\" + querySymbol + arrayToQuery;\n    \/\/\n    \/\/}\n\n    jQuery(document).ready(function () {\n\n        const min = parseInt('10150');\n        const max = parseInt('44300');\n        const category = \"price\";\n\n        \/\/ show filter content if category range changed\n        if(window.location.search.search(category + \"=\") > 0) {\n            jQuery('#slider-range.' + category).parent().parent().parent().show();\n            jQuery('#slider-range.' + category).parent().parent().parent().prev().find(\".filter-button\").addClass('flip');\n        }\n\n        \/\/ Initiate Slider\n        const valueMin = parseInt('10150');\n        const valueMax = parseInt('44300');\n\n        jQuery('#slider-range.' + category).slider({\n            range: true,\n            min: min,\n            max: max,\n            step: 1,\n            values: [valueMin, valueMax]\n        });\n\n        jQuery( '#slider-range.' + category ).slider({\n            slide: function (event, ui) {\n\n                \/\/ Update the range container values upon sliding\n                jQuery(event.target).parent().prev().find(\"input.range-value\").first()[0].value = ui.values[0];\n                jQuery(event.target).parent().prev().find(\"input.range-value\").last()[0].value = ui.values[1];\n\n                \/\/ Get old value\n                var previousVal = parseInt(jQuery(this).data('value'));\n\n                \/\/ Processing query after category changed\n                previousVal !== ui.value && onCategoryRangeChange();\n\n                \/\/ Save new value\n                jQuery(this).data({\n                    'value': parseInt(ui.value)\n                });\n            }\n        });\n\n\n        function rebuildSlider () {\n            let minValue = parseInt(jQuery('#slider-range.' + category).parent().prev().find(\"input.range-value\").first()[0].value);\n            let maxValue = parseInt(jQuery('#slider-range.' + category).parent().prev().find(\"input.range-value\").last()[0].value);\n\n            jQuery('#slider-range.' + category).slider({\n                range: true,\n                min: min,\n                max: max,\n                step: 1,\n                values: [minValue, maxValue]\n            });\n        }\n\n\n        jQuery('input.range-value.' + category).keypress(function (event) {\n            if(event.key === \"Enter\") {\n                rebuildSlider();\n                queryProcessing();\n            }\n        });\n\n        jQuery('input.range-value.' + category).change(() => {\n            if (isMobile || 0) {\n                rebuildSlider();\n                queryProcessing();\n            } else {\n                setTimeout(() => {\n                    const isInputInUse = jQuery(document.activeElement).hasClass('range-value');\n                    isInputInUse\n                        ? jQuery('input.range-value.' + category).mouseleave(() => queryProcessing())\n                        : queryProcessing();\n                }, 700);\n            }\n        });\n\n\n        function onCategoryRangeChange() {\n            jQuery('.filter-content.slider').mouseleave(() => queryProcessing());\n            jQuery('.filter-item.slider').mouseup(() => queryProcessing());\n\n            if (isMobile || 0) {\n                if (!jQuery('.search .filters-content .filter').length) {\n                    jQuery('.search').hide();\n                }\n                \/\/ modal content position fix\n                const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n                jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n\n            }\n        };\n\n\n        function queryProcessing() {\n            let minValue = parseInt(jQuery('#slider-range.' + category).parent().prev().find(\"input.range-value\").first()[0].value);\n            let maxValue = parseInt(jQuery('#slider-range.' + category).parent().prev().find(\"input.range-value\").last()[0].value);\n\n            if (minValue < min || minValue > max) {\n                minValue = min;\n            }\n            if (maxValue > max || maxValue < min) {\n                maxValue = max;\n            }\n            if (minValue === min && maxValue === max) {\n                let queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&');\n                queryToArray = queryToArray.filter((query) => query.search('page_id=') < 0);\n                queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n                queryToArray = queryToArray.filter((query) => query.search(category + '=') < 0);\n                let arrayToQuery = queryToArray.join('&');\n\n                arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n                let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n                querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n                if(isMobile || 0){\n                    jQuery('#'+ category).parent().first().remove()\n                    if( ! jQuery('#modal-filters-mobile .modal-header .filters-content .filter').length){\n                        jQuery('.search').hide();\n                    }\n                    \/\/ modal content position fix\n                    const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n                    jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n                };\n\n                (isMobile || 0)\n                    ? queryMobileUrl = arrayToQuery\n                    : window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n            } else {\n                let queryToArray;\n\n                if (isMobile || 0) {\n                    queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&')\n                } else {\n                    queryToArray = window.location.search.split('&')\n                }\n                queryToArray = queryToArray.filter((query) => query.search('page_id=') < 0);\n\n                let is_first_time = true;\n                queryToArray.map((query, index) => {\n                    if ( query.includes(category) && !query.includes('sort=') ) {\n                        queryToArray[index] = category + \"=\" + minValue + \"--\" + maxValue;\n                        is_first_time = false;\n                    }\n                });\n\n                is_first_time && queryToArray.push(category + \"=\" + minValue + \"--\" + maxValue);\n\n                if (queryToArray.length) {\n                    queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n                }\n                let arrayToQuery = queryToArray.join('&');\n                arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n                let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n                querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n                if(isMobile || 0) {\n                    if(is_first_time){\n                        appendCategoryFilterMobile(minValue, maxValue);\n                    } else {\n                        jQuery('#'+ category).html(category.replaceAll(\"_\",\" \") + ': '+ minValue+' - '+ maxValue);\n                    }\n                }\n\n                (isMobile || 0)\n                    ? queryMobileUrl = arrayToQuery\n                    : window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n            }\n        };\n\n\n        function appendCategoryFilterMobile(minValue, maxValue) {\n\n            jQuery('.filter ' + '#_button').length && jQuery('.filter ' + '#_button').parent().remove();\n\n            const filtersSearchBar = jQuery('.search .filters-content');\n            const filterDiv = \"<div class='filter'><span id='\" + category + \"'>\" + category.replaceAll('_', ' ') + \": \" + minValue + ' - ' + maxValue + \"<\/span><span class='drop-applied-filter' onclick='onCategoryRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\";\n            filtersSearchBar.append(filterDiv);\n!\n            \/\/ modal content position fix\n            jQuery('.search').show();\n            const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n            jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n\n        }\n    });\n\n\n<\/script>\n\n                                        <\/div>\n                                    <\/div>\n\t\t\t\t\t\t\t\t                        <\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\n                        <div class=\"filter-wrap\">\n                            <div class=\"filter-title\" onclick=\"onFilterCategoryClick(event)\">\n                                <span data-filter-name=\"Pull Type\">Pull Type<\/span>\n                                <span id=\"category-count\">2<\/span>\n                                <span class=\"filter-button\">\n                            <svg fill='white' height='20' viewBox='0 0 20 21' width='20'\n                                 xmlns='http:\/\/www.w3.org\/2000\/svg'>\n                                <path d='M7 10l5 5 5-5z'\/><path d='M0 0h24v24H0z' fill='none'\/>\n                            <\/svg>\n                        <\/span>\n                            <\/div>\n\t\t\t\t\t\t\t                                    <div class=\"filter-content\" style=\"display: none\">\n                                        \t\t\t\t\t\t\t\t\t\t                                            <div class=\"filter-item\">\n                                                <div id=\"with-count\">\n                                                    \n<input  class=\"custom-checkbox\" type=\"checkbox\" id=\"pull_type_Bumper\"\n                               onchange=\"onCheckboxChange(event)\">\n<label for=\"pull_type_Bumper\"><span>Bumper<\/span><\/label>\n\n<script>\n\n    \/\/jQuery(document).ready(() => {\n    \/\/    const id = \"\/\/\";\n    \/\/    const checkbox = jQuery(\"#\" + id);\n    \/\/    if (checkbox.prop('checked')) {\n    \/\/        \/\/Displays full block in navbar filters section if the checkbox inside is checked\n    \/\/        checkbox.parent().parent().show();\n    \/\/        \/\/ flip arrow for filter section\n    \/\/        checkbox.parent().parent().parent().find('.filter-button').addClass('flip');\n    \/\/    }\n    \/\/})\n    function adjustModalContentPosition() {\n        const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n        jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n    }\n\n    function onCheckboxChange(event) {\n        filterProcessQuery(event);\n        if (isMobile || 0) {\n            appendFilterMobile(event);\n            if (!jQuery('.search .filters-content .filter').length) {\n                jQuery('.search').hide();\n            }\n            adjustModalContentPosition();\n        }\n    }\n\n    var queryMobileUrl = '';\n\n    function filterProcessQuery(event) {\n        let category = event.currentTarget.id === 'find_in_description'\n            ? \"Find In Description\"\n            : jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title > span').first().data('filter-name');\n        category = category.toLowerCase().replaceAll(' ', '_');\n\n        let queryToArray;\n\n        if (isMobile || 0) {\n            queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&')\n        } else {\n            queryToArray = window.location.search.split('&')\n        }\n\n        queryToArray = queryToArray.filter(query => query.search('page_id=') < 0);\n\n        let isExist = false;\n\n        \/\/ on checkbox checked\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const id = event.currentTarget.id.replace(category + '_', '');\n\n            \/\/ For boolean filters (ramps, is_rental), replace value and uncheck the other option\n            const booleanFilters = ['ramps', 'is_rental'];\n            if (booleanFilters.includes(category)) {\n                \/\/ Uncheck the other checkbox\n                const otherValue = id === '1' ? '0' : '1';\n                jQuery('#' + category + '_' + otherValue).prop('checked', false);\n\n                \/\/ Replace the value in URL (not append)\n                queryToArray = queryToArray.filter(query => query.indexOf(category + '=') === -1);\n                queryToArray.push(category + '=' + id);\n                queryToArray = queryToArray.filter(filter => filter !== '');\n            } else if (queryToArray.count) {\n                queryToArray.push(category + '=' + id);\n            } else {\n                queryToArray.map(function (query) {\n                    if (query.indexOf(category + '=') !== -1) isExist = true;\n                });\n                if (isExist) {\n                    queryToArray.map((query, index) => {\n                        if (query.indexOf(category + '=') !== -1) {\n                            query = query.split('--');\n                            query.push(id);\n                            queryToArray[index] = query.join('--');\n                        }\n                    });\n                } else {\n                    queryToArray.push(category + '=' + id);\n                    queryToArray = queryToArray.filter(filter => filter !== '');\n                }\n\n            }\n\n        } else {\n            queryToArray.map((query, index) => {\n                if (query.indexOf(category + '=') !== -1) {\n                    query = query.split('=');\n                    query = query[1].split('--');\n                    let search = event.currentTarget.id.replace(category + '_', '').replaceAll(' ', '%20')\n                    query = query.filter(filter => filter.indexOf(search) === -1);\n\n                    if(query.length) {\n                        query = query.join('--')\n                        queryToArray[index] = category + '=' + query\n                    } else {\n                        queryToArray[index] = '';\n                    }\n                }\n            });\n\n        }\n\n        if (queryToArray.length) {\n            queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n        }\n\n        let arrayToQuery = queryToArray.join('&');\n\n        arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n        if (isMobile || 0) {\n            \/\/saving query\n            queryMobileUrl = arrayToQuery;\n        } else {\n            window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n        }\n\n    }\n\n    function appendFilterMobile(event) {\n        const filtersSearchBar = jQuery('.search .filters-content')\n        const filterId = 'for_' + jQuery(event.currentTarget).attr('id').replaceAll(' ', '_');\n        const category = jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title span').first().html();\n        const categoryId = event.currentTarget.id === \"find_in_description\"\n            ? event.currentTarget.id\n            : category.replaceAll(' ', '_').toLowerCase();\n        const id = jQuery(event.currentTarget).attr('id').replace(categoryId+'_', '');\n\n        let shownId = id.indexOf('_sp_') !== -1 ? id.replace('_sp_', ' ') : id;\n        shownId = shownId.indexOf('_and_') !== -1 ? shownId.replace('_and_', '&') : shownId;\n\n\n        const filterName = jQuery(event.currentTarget).next().html();\n\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const filterDiv = categoryId === 'location' || categoryId === 'category'\n                ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + filterName + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                : categoryId === \"is_on_special\" || categoryId === \"living_quarters\" || categoryId === \"ramps\"\n                    ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                    : categoryId !== 'find_in_description'\n                        ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + shownId + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                        : \"\";\n\n            filtersSearchBar.append(filterDiv);\n            jQuery('.search').show();\n        } else {\n            jQuery(\"#\" + filterId).parent().remove();\n        }\n    }\n\n    function handleButtonClick() {\n        let queryToArray = queryMobileUrl.split('&');\n        queryToArray = queryToArray.filter(filter => filter.indexOf('page_id') === -1);\n        queryMobileUrl = queryToArray.join('&');\n        queryMobileUrl = queryMobileUrl.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! queryMobileUrl.length ? '' : querySymbol;\n        window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + queryMobileUrl;\n    }\n\n<\/script>\n\n<style>\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox {\n        position: absolute;\n        z-index: -1;\n        opacity: 0;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label {\n        display: inline-flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        color: #232323;\n        pointer-events: auto!important;\n    }\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item label > span {\n        word-break: break-word;\n        display: -webkit-box;\n        \/*overflow: hidden;*\/\n        \/*text-overflow: ellipsis;*\/\n        \/*-webkit-line-clamp: 2; !* number of lines to show *!*\/\n        \/*-webkit-box-orient: vertical;*\/\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label::before {\n        content: '';\n        display: inline-block;\n        width: 1em;\n        height: 1em;\n        flex-shrink: 0;\n        flex-grow: 0;\n        border: 1px solid #232323;\n        border-radius: 0.25em;\n        margin-right: 0.5em;\n        background-repeat: no-repeat;\n        background-position: center center;\n        background-size: 50% 50%;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox:checked + label::before {\n        background-color: transparent;\n        background-image: url(\"data:image\/svg+xml,%3Csvg width='24' height='24' stroke='black' stroke-width='2' fill='black' xmlns='http:\/\/www.w3.org\/2000\/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M24 4.685l-16.327 17.315-7.673-9.054.761-.648 6.95 8.203 15.561-16.501.728.685z'\/%3E%3C\/svg%3E\");\n    }\n<\/style>\n                                                                                                            &nbsp;\n                                                        <span id=\"filter-count\"><span> (3)<\/span><\/span>\n                                                                                                    <\/div>\n                                            <\/div>\n\t\t\t\t\t\t\t\t\t\t                                            <div class=\"filter-item\">\n                                                <div id=\"with-count\">\n                                                    \n<input  class=\"custom-checkbox\" type=\"checkbox\" id=\"pull_type_Gooseneck\"\n                               onchange=\"onCheckboxChange(event)\">\n<label for=\"pull_type_Gooseneck\"><span>Gooseneck<\/span><\/label>\n\n<script>\n\n    \/\/jQuery(document).ready(() => {\n    \/\/    const id = \"\/\/\";\n    \/\/    const checkbox = jQuery(\"#\" + id);\n    \/\/    if (checkbox.prop('checked')) {\n    \/\/        \/\/Displays full block in navbar filters section if the checkbox inside is checked\n    \/\/        checkbox.parent().parent().show();\n    \/\/        \/\/ flip arrow for filter section\n    \/\/        checkbox.parent().parent().parent().find('.filter-button').addClass('flip');\n    \/\/    }\n    \/\/})\n    function adjustModalContentPosition() {\n        const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n        jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n    }\n\n    function onCheckboxChange(event) {\n        filterProcessQuery(event);\n        if (isMobile || 0) {\n            appendFilterMobile(event);\n            if (!jQuery('.search .filters-content .filter').length) {\n                jQuery('.search').hide();\n            }\n            adjustModalContentPosition();\n        }\n    }\n\n    var queryMobileUrl = '';\n\n    function filterProcessQuery(event) {\n        let category = event.currentTarget.id === 'find_in_description'\n            ? \"Find In Description\"\n            : jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title > span').first().data('filter-name');\n        category = category.toLowerCase().replaceAll(' ', '_');\n\n        let queryToArray;\n\n        if (isMobile || 0) {\n            queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&')\n        } else {\n            queryToArray = window.location.search.split('&')\n        }\n\n        queryToArray = queryToArray.filter(query => query.search('page_id=') < 0);\n\n        let isExist = false;\n\n        \/\/ on checkbox checked\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const id = event.currentTarget.id.replace(category + '_', '');\n\n            \/\/ For boolean filters (ramps, is_rental), replace value and uncheck the other option\n            const booleanFilters = ['ramps', 'is_rental'];\n            if (booleanFilters.includes(category)) {\n                \/\/ Uncheck the other checkbox\n                const otherValue = id === '1' ? '0' : '1';\n                jQuery('#' + category + '_' + otherValue).prop('checked', false);\n\n                \/\/ Replace the value in URL (not append)\n                queryToArray = queryToArray.filter(query => query.indexOf(category + '=') === -1);\n                queryToArray.push(category + '=' + id);\n                queryToArray = queryToArray.filter(filter => filter !== '');\n            } else if (queryToArray.count) {\n                queryToArray.push(category + '=' + id);\n            } else {\n                queryToArray.map(function (query) {\n                    if (query.indexOf(category + '=') !== -1) isExist = true;\n                });\n                if (isExist) {\n                    queryToArray.map((query, index) => {\n                        if (query.indexOf(category + '=') !== -1) {\n                            query = query.split('--');\n                            query.push(id);\n                            queryToArray[index] = query.join('--');\n                        }\n                    });\n                } else {\n                    queryToArray.push(category + '=' + id);\n                    queryToArray = queryToArray.filter(filter => filter !== '');\n                }\n\n            }\n\n        } else {\n            queryToArray.map((query, index) => {\n                if (query.indexOf(category + '=') !== -1) {\n                    query = query.split('=');\n                    query = query[1].split('--');\n                    let search = event.currentTarget.id.replace(category + '_', '').replaceAll(' ', '%20')\n                    query = query.filter(filter => filter.indexOf(search) === -1);\n\n                    if(query.length) {\n                        query = query.join('--')\n                        queryToArray[index] = category + '=' + query\n                    } else {\n                        queryToArray[index] = '';\n                    }\n                }\n            });\n\n        }\n\n        if (queryToArray.length) {\n            queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n        }\n\n        let arrayToQuery = queryToArray.join('&');\n\n        arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n        if (isMobile || 0) {\n            \/\/saving query\n            queryMobileUrl = arrayToQuery;\n        } else {\n            window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n        }\n\n    }\n\n    function appendFilterMobile(event) {\n        const filtersSearchBar = jQuery('.search .filters-content')\n        const filterId = 'for_' + jQuery(event.currentTarget).attr('id').replaceAll(' ', '_');\n        const category = jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title span').first().html();\n        const categoryId = event.currentTarget.id === \"find_in_description\"\n            ? event.currentTarget.id\n            : category.replaceAll(' ', '_').toLowerCase();\n        const id = jQuery(event.currentTarget).attr('id').replace(categoryId+'_', '');\n\n        let shownId = id.indexOf('_sp_') !== -1 ? id.replace('_sp_', ' ') : id;\n        shownId = shownId.indexOf('_and_') !== -1 ? shownId.replace('_and_', '&') : shownId;\n\n\n        const filterName = jQuery(event.currentTarget).next().html();\n\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const filterDiv = categoryId === 'location' || categoryId === 'category'\n                ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + filterName + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                : categoryId === \"is_on_special\" || categoryId === \"living_quarters\" || categoryId === \"ramps\"\n                    ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                    : categoryId !== 'find_in_description'\n                        ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + shownId + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                        : \"\";\n\n            filtersSearchBar.append(filterDiv);\n            jQuery('.search').show();\n        } else {\n            jQuery(\"#\" + filterId).parent().remove();\n        }\n    }\n\n    function handleButtonClick() {\n        let queryToArray = queryMobileUrl.split('&');\n        queryToArray = queryToArray.filter(filter => filter.indexOf('page_id') === -1);\n        queryMobileUrl = queryToArray.join('&');\n        queryMobileUrl = queryMobileUrl.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! queryMobileUrl.length ? '' : querySymbol;\n        window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + queryMobileUrl;\n    }\n\n<\/script>\n\n<style>\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox {\n        position: absolute;\n        z-index: -1;\n        opacity: 0;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label {\n        display: inline-flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        color: #232323;\n        pointer-events: auto!important;\n    }\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item label > span {\n        word-break: break-word;\n        display: -webkit-box;\n        \/*overflow: hidden;*\/\n        \/*text-overflow: ellipsis;*\/\n        \/*-webkit-line-clamp: 2; !* number of lines to show *!*\/\n        \/*-webkit-box-orient: vertical;*\/\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label::before {\n        content: '';\n        display: inline-block;\n        width: 1em;\n        height: 1em;\n        flex-shrink: 0;\n        flex-grow: 0;\n        border: 1px solid #232323;\n        border-radius: 0.25em;\n        margin-right: 0.5em;\n        background-repeat: no-repeat;\n        background-position: center center;\n        background-size: 50% 50%;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox:checked + label::before {\n        background-color: transparent;\n        background-image: url(\"data:image\/svg+xml,%3Csvg width='24' height='24' stroke='black' stroke-width='2' fill='black' xmlns='http:\/\/www.w3.org\/2000\/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M24 4.685l-16.327 17.315-7.673-9.054.761-.648 6.95 8.203 15.561-16.501.728.685z'\/%3E%3C\/svg%3E\");\n    }\n<\/style>\n                                                                                                            &nbsp;\n                                                        <span id=\"filter-count\"><span> (2)<\/span><\/span>\n                                                                                                    <\/div>\n                                            <\/div>\n\t\t\t\t\t\t\t\t\t\t                                    <\/div>\n\t\t\t\t\t\t\t\t                        <\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\n                        <div class=\"filter-wrap\">\n                            <div class=\"filter-title\" onclick=\"onFilterCategoryClick(event)\">\n                                <span data-filter-name=\"Color\">Color<\/span>\n                                <span id=\"category-count\">3<\/span>\n                                <span class=\"filter-button\">\n                            <svg fill='white' height='20' viewBox='0 0 20 21' width='20'\n                                 xmlns='http:\/\/www.w3.org\/2000\/svg'>\n                                <path d='M7 10l5 5 5-5z'\/><path d='M0 0h24v24H0z' fill='none'\/>\n                            <\/svg>\n                        <\/span>\n                            <\/div>\n\t\t\t\t\t\t\t                                    <div class=\"filter-content\" style=\"display: none\">\n                                        \t\t\t\t\t\t\t\t\t\t                                            <div class=\"filter-item\">\n                                                <div id=\"with-count\">\n                                                    \n<input  class=\"custom-checkbox\" type=\"checkbox\" id=\"color_White\"\n                               onchange=\"onCheckboxChange(event)\">\n<label for=\"color_White\"><span>White<\/span><\/label>\n\n<script>\n\n    \/\/jQuery(document).ready(() => {\n    \/\/    const id = \"\/\/\";\n    \/\/    const checkbox = jQuery(\"#\" + id);\n    \/\/    if (checkbox.prop('checked')) {\n    \/\/        \/\/Displays full block in navbar filters section if the checkbox inside is checked\n    \/\/        checkbox.parent().parent().show();\n    \/\/        \/\/ flip arrow for filter section\n    \/\/        checkbox.parent().parent().parent().find('.filter-button').addClass('flip');\n    \/\/    }\n    \/\/})\n    function adjustModalContentPosition() {\n        const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n        jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n    }\n\n    function onCheckboxChange(event) {\n        filterProcessQuery(event);\n        if (isMobile || 0) {\n            appendFilterMobile(event);\n            if (!jQuery('.search .filters-content .filter').length) {\n                jQuery('.search').hide();\n            }\n            adjustModalContentPosition();\n        }\n    }\n\n    var queryMobileUrl = '';\n\n    function filterProcessQuery(event) {\n        let category = event.currentTarget.id === 'find_in_description'\n            ? \"Find In Description\"\n            : jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title > span').first().data('filter-name');\n        category = category.toLowerCase().replaceAll(' ', '_');\n\n        let queryToArray;\n\n        if (isMobile || 0) {\n            queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&')\n        } else {\n            queryToArray = window.location.search.split('&')\n        }\n\n        queryToArray = queryToArray.filter(query => query.search('page_id=') < 0);\n\n        let isExist = false;\n\n        \/\/ on checkbox checked\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const id = event.currentTarget.id.replace(category + '_', '');\n\n            \/\/ For boolean filters (ramps, is_rental), replace value and uncheck the other option\n            const booleanFilters = ['ramps', 'is_rental'];\n            if (booleanFilters.includes(category)) {\n                \/\/ Uncheck the other checkbox\n                const otherValue = id === '1' ? '0' : '1';\n                jQuery('#' + category + '_' + otherValue).prop('checked', false);\n\n                \/\/ Replace the value in URL (not append)\n                queryToArray = queryToArray.filter(query => query.indexOf(category + '=') === -1);\n                queryToArray.push(category + '=' + id);\n                queryToArray = queryToArray.filter(filter => filter !== '');\n            } else if (queryToArray.count) {\n                queryToArray.push(category + '=' + id);\n            } else {\n                queryToArray.map(function (query) {\n                    if (query.indexOf(category + '=') !== -1) isExist = true;\n                });\n                if (isExist) {\n                    queryToArray.map((query, index) => {\n                        if (query.indexOf(category + '=') !== -1) {\n                            query = query.split('--');\n                            query.push(id);\n                            queryToArray[index] = query.join('--');\n                        }\n                    });\n                } else {\n                    queryToArray.push(category + '=' + id);\n                    queryToArray = queryToArray.filter(filter => filter !== '');\n                }\n\n            }\n\n        } else {\n            queryToArray.map((query, index) => {\n                if (query.indexOf(category + '=') !== -1) {\n                    query = query.split('=');\n                    query = query[1].split('--');\n                    let search = event.currentTarget.id.replace(category + '_', '').replaceAll(' ', '%20')\n                    query = query.filter(filter => filter.indexOf(search) === -1);\n\n                    if(query.length) {\n                        query = query.join('--')\n                        queryToArray[index] = category + '=' + query\n                    } else {\n                        queryToArray[index] = '';\n                    }\n                }\n            });\n\n        }\n\n        if (queryToArray.length) {\n            queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n        }\n\n        let arrayToQuery = queryToArray.join('&');\n\n        arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n        if (isMobile || 0) {\n            \/\/saving query\n            queryMobileUrl = arrayToQuery;\n        } else {\n            window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n        }\n\n    }\n\n    function appendFilterMobile(event) {\n        const filtersSearchBar = jQuery('.search .filters-content')\n        const filterId = 'for_' + jQuery(event.currentTarget).attr('id').replaceAll(' ', '_');\n        const category = jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title span').first().html();\n        const categoryId = event.currentTarget.id === \"find_in_description\"\n            ? event.currentTarget.id\n            : category.replaceAll(' ', '_').toLowerCase();\n        const id = jQuery(event.currentTarget).attr('id').replace(categoryId+'_', '');\n\n        let shownId = id.indexOf('_sp_') !== -1 ? id.replace('_sp_', ' ') : id;\n        shownId = shownId.indexOf('_and_') !== -1 ? shownId.replace('_and_', '&') : shownId;\n\n\n        const filterName = jQuery(event.currentTarget).next().html();\n\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const filterDiv = categoryId === 'location' || categoryId === 'category'\n                ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + filterName + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                : categoryId === \"is_on_special\" || categoryId === \"living_quarters\" || categoryId === \"ramps\"\n                    ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                    : categoryId !== 'find_in_description'\n                        ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + shownId + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                        : \"\";\n\n            filtersSearchBar.append(filterDiv);\n            jQuery('.search').show();\n        } else {\n            jQuery(\"#\" + filterId).parent().remove();\n        }\n    }\n\n    function handleButtonClick() {\n        let queryToArray = queryMobileUrl.split('&');\n        queryToArray = queryToArray.filter(filter => filter.indexOf('page_id') === -1);\n        queryMobileUrl = queryToArray.join('&');\n        queryMobileUrl = queryMobileUrl.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! queryMobileUrl.length ? '' : querySymbol;\n        window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + queryMobileUrl;\n    }\n\n<\/script>\n\n<style>\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox {\n        position: absolute;\n        z-index: -1;\n        opacity: 0;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label {\n        display: inline-flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        color: #232323;\n        pointer-events: auto!important;\n    }\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item label > span {\n        word-break: break-word;\n        display: -webkit-box;\n        \/*overflow: hidden;*\/\n        \/*text-overflow: ellipsis;*\/\n        \/*-webkit-line-clamp: 2; !* number of lines to show *!*\/\n        \/*-webkit-box-orient: vertical;*\/\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label::before {\n        content: '';\n        display: inline-block;\n        width: 1em;\n        height: 1em;\n        flex-shrink: 0;\n        flex-grow: 0;\n        border: 1px solid #232323;\n        border-radius: 0.25em;\n        margin-right: 0.5em;\n        background-repeat: no-repeat;\n        background-position: center center;\n        background-size: 50% 50%;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox:checked + label::before {\n        background-color: transparent;\n        background-image: url(\"data:image\/svg+xml,%3Csvg width='24' height='24' stroke='black' stroke-width='2' fill='black' xmlns='http:\/\/www.w3.org\/2000\/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M24 4.685l-16.327 17.315-7.673-9.054.761-.648 6.95 8.203 15.561-16.501.728.685z'\/%3E%3C\/svg%3E\");\n    }\n<\/style>\n                                                                                                            &nbsp;\n                                                        <span id=\"filter-count\"><span> (2)<\/span><\/span>\n                                                                                                    <\/div>\n                                            <\/div>\n\t\t\t\t\t\t\t\t\t\t                                            <div class=\"filter-item\">\n                                                <div id=\"with-count\">\n                                                    \n<input  class=\"custom-checkbox\" type=\"checkbox\" id=\"color_Charcoal\"\n                               onchange=\"onCheckboxChange(event)\">\n<label for=\"color_Charcoal\"><span>Charcoal<\/span><\/label>\n\n<script>\n\n    \/\/jQuery(document).ready(() => {\n    \/\/    const id = \"\/\/\";\n    \/\/    const checkbox = jQuery(\"#\" + id);\n    \/\/    if (checkbox.prop('checked')) {\n    \/\/        \/\/Displays full block in navbar filters section if the checkbox inside is checked\n    \/\/        checkbox.parent().parent().show();\n    \/\/        \/\/ flip arrow for filter section\n    \/\/        checkbox.parent().parent().parent().find('.filter-button').addClass('flip');\n    \/\/    }\n    \/\/})\n    function adjustModalContentPosition() {\n        const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n        jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n    }\n\n    function onCheckboxChange(event) {\n        filterProcessQuery(event);\n        if (isMobile || 0) {\n            appendFilterMobile(event);\n            if (!jQuery('.search .filters-content .filter').length) {\n                jQuery('.search').hide();\n            }\n            adjustModalContentPosition();\n        }\n    }\n\n    var queryMobileUrl = '';\n\n    function filterProcessQuery(event) {\n        let category = event.currentTarget.id === 'find_in_description'\n            ? \"Find In Description\"\n            : jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title > span').first().data('filter-name');\n        category = category.toLowerCase().replaceAll(' ', '_');\n\n        let queryToArray;\n\n        if (isMobile || 0) {\n            queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&')\n        } else {\n            queryToArray = window.location.search.split('&')\n        }\n\n        queryToArray = queryToArray.filter(query => query.search('page_id=') < 0);\n\n        let isExist = false;\n\n        \/\/ on checkbox checked\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const id = event.currentTarget.id.replace(category + '_', '');\n\n            \/\/ For boolean filters (ramps, is_rental), replace value and uncheck the other option\n            const booleanFilters = ['ramps', 'is_rental'];\n            if (booleanFilters.includes(category)) {\n                \/\/ Uncheck the other checkbox\n                const otherValue = id === '1' ? '0' : '1';\n                jQuery('#' + category + '_' + otherValue).prop('checked', false);\n\n                \/\/ Replace the value in URL (not append)\n                queryToArray = queryToArray.filter(query => query.indexOf(category + '=') === -1);\n                queryToArray.push(category + '=' + id);\n                queryToArray = queryToArray.filter(filter => filter !== '');\n            } else if (queryToArray.count) {\n                queryToArray.push(category + '=' + id);\n            } else {\n                queryToArray.map(function (query) {\n                    if (query.indexOf(category + '=') !== -1) isExist = true;\n                });\n                if (isExist) {\n                    queryToArray.map((query, index) => {\n                        if (query.indexOf(category + '=') !== -1) {\n                            query = query.split('--');\n                            query.push(id);\n                            queryToArray[index] = query.join('--');\n                        }\n                    });\n                } else {\n                    queryToArray.push(category + '=' + id);\n                    queryToArray = queryToArray.filter(filter => filter !== '');\n                }\n\n            }\n\n        } else {\n            queryToArray.map((query, index) => {\n                if (query.indexOf(category + '=') !== -1) {\n                    query = query.split('=');\n                    query = query[1].split('--');\n                    let search = event.currentTarget.id.replace(category + '_', '').replaceAll(' ', '%20')\n                    query = query.filter(filter => filter.indexOf(search) === -1);\n\n                    if(query.length) {\n                        query = query.join('--')\n                        queryToArray[index] = category + '=' + query\n                    } else {\n                        queryToArray[index] = '';\n                    }\n                }\n            });\n\n        }\n\n        if (queryToArray.length) {\n            queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n        }\n\n        let arrayToQuery = queryToArray.join('&');\n\n        arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n        if (isMobile || 0) {\n            \/\/saving query\n            queryMobileUrl = arrayToQuery;\n        } else {\n            window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n        }\n\n    }\n\n    function appendFilterMobile(event) {\n        const filtersSearchBar = jQuery('.search .filters-content')\n        const filterId = 'for_' + jQuery(event.currentTarget).attr('id').replaceAll(' ', '_');\n        const category = jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title span').first().html();\n        const categoryId = event.currentTarget.id === \"find_in_description\"\n            ? event.currentTarget.id\n            : category.replaceAll(' ', '_').toLowerCase();\n        const id = jQuery(event.currentTarget).attr('id').replace(categoryId+'_', '');\n\n        let shownId = id.indexOf('_sp_') !== -1 ? id.replace('_sp_', ' ') : id;\n        shownId = shownId.indexOf('_and_') !== -1 ? shownId.replace('_and_', '&') : shownId;\n\n\n        const filterName = jQuery(event.currentTarget).next().html();\n\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const filterDiv = categoryId === 'location' || categoryId === 'category'\n                ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + filterName + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                : categoryId === \"is_on_special\" || categoryId === \"living_quarters\" || categoryId === \"ramps\"\n                    ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                    : categoryId !== 'find_in_description'\n                        ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + shownId + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                        : \"\";\n\n            filtersSearchBar.append(filterDiv);\n            jQuery('.search').show();\n        } else {\n            jQuery(\"#\" + filterId).parent().remove();\n        }\n    }\n\n    function handleButtonClick() {\n        let queryToArray = queryMobileUrl.split('&');\n        queryToArray = queryToArray.filter(filter => filter.indexOf('page_id') === -1);\n        queryMobileUrl = queryToArray.join('&');\n        queryMobileUrl = queryMobileUrl.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! queryMobileUrl.length ? '' : querySymbol;\n        window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + queryMobileUrl;\n    }\n\n<\/script>\n\n<style>\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox {\n        position: absolute;\n        z-index: -1;\n        opacity: 0;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label {\n        display: inline-flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        color: #232323;\n        pointer-events: auto!important;\n    }\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item label > span {\n        word-break: break-word;\n        display: -webkit-box;\n        \/*overflow: hidden;*\/\n        \/*text-overflow: ellipsis;*\/\n        \/*-webkit-line-clamp: 2; !* number of lines to show *!*\/\n        \/*-webkit-box-orient: vertical;*\/\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label::before {\n        content: '';\n        display: inline-block;\n        width: 1em;\n        height: 1em;\n        flex-shrink: 0;\n        flex-grow: 0;\n        border: 1px solid #232323;\n        border-radius: 0.25em;\n        margin-right: 0.5em;\n        background-repeat: no-repeat;\n        background-position: center center;\n        background-size: 50% 50%;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox:checked + label::before {\n        background-color: transparent;\n        background-image: url(\"data:image\/svg+xml,%3Csvg width='24' height='24' stroke='black' stroke-width='2' fill='black' xmlns='http:\/\/www.w3.org\/2000\/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M24 4.685l-16.327 17.315-7.673-9.054.761-.648 6.95 8.203 15.561-16.501.728.685z'\/%3E%3C\/svg%3E\");\n    }\n<\/style>\n                                                                                                            &nbsp;\n                                                        <span id=\"filter-count\"><span> (1)<\/span><\/span>\n                                                                                                    <\/div>\n                                            <\/div>\n\t\t\t\t\t\t\t\t\t\t                                            <div class=\"filter-item\">\n                                                <div id=\"with-count\">\n                                                    \n<input  class=\"custom-checkbox\" type=\"checkbox\" id=\"color_Silver\"\n                               onchange=\"onCheckboxChange(event)\">\n<label for=\"color_Silver\"><span>Silver<\/span><\/label>\n\n<script>\n\n    \/\/jQuery(document).ready(() => {\n    \/\/    const id = \"\/\/\";\n    \/\/    const checkbox = jQuery(\"#\" + id);\n    \/\/    if (checkbox.prop('checked')) {\n    \/\/        \/\/Displays full block in navbar filters section if the checkbox inside is checked\n    \/\/        checkbox.parent().parent().show();\n    \/\/        \/\/ flip arrow for filter section\n    \/\/        checkbox.parent().parent().parent().find('.filter-button').addClass('flip');\n    \/\/    }\n    \/\/})\n    function adjustModalContentPosition() {\n        const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n        jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n    }\n\n    function onCheckboxChange(event) {\n        filterProcessQuery(event);\n        if (isMobile || 0) {\n            appendFilterMobile(event);\n            if (!jQuery('.search .filters-content .filter').length) {\n                jQuery('.search').hide();\n            }\n            adjustModalContentPosition();\n        }\n    }\n\n    var queryMobileUrl = '';\n\n    function filterProcessQuery(event) {\n        let category = event.currentTarget.id === 'find_in_description'\n            ? \"Find In Description\"\n            : jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title > span').first().data('filter-name');\n        category = category.toLowerCase().replaceAll(' ', '_');\n\n        let queryToArray;\n\n        if (isMobile || 0) {\n            queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&')\n        } else {\n            queryToArray = window.location.search.split('&')\n        }\n\n        queryToArray = queryToArray.filter(query => query.search('page_id=') < 0);\n\n        let isExist = false;\n\n        \/\/ on checkbox checked\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const id = event.currentTarget.id.replace(category + '_', '');\n\n            \/\/ For boolean filters (ramps, is_rental), replace value and uncheck the other option\n            const booleanFilters = ['ramps', 'is_rental'];\n            if (booleanFilters.includes(category)) {\n                \/\/ Uncheck the other checkbox\n                const otherValue = id === '1' ? '0' : '1';\n                jQuery('#' + category + '_' + otherValue).prop('checked', false);\n\n                \/\/ Replace the value in URL (not append)\n                queryToArray = queryToArray.filter(query => query.indexOf(category + '=') === -1);\n                queryToArray.push(category + '=' + id);\n                queryToArray = queryToArray.filter(filter => filter !== '');\n            } else if (queryToArray.count) {\n                queryToArray.push(category + '=' + id);\n            } else {\n                queryToArray.map(function (query) {\n                    if (query.indexOf(category + '=') !== -1) isExist = true;\n                });\n                if (isExist) {\n                    queryToArray.map((query, index) => {\n                        if (query.indexOf(category + '=') !== -1) {\n                            query = query.split('--');\n                            query.push(id);\n                            queryToArray[index] = query.join('--');\n                        }\n                    });\n                } else {\n                    queryToArray.push(category + '=' + id);\n                    queryToArray = queryToArray.filter(filter => filter !== '');\n                }\n\n            }\n\n        } else {\n            queryToArray.map((query, index) => {\n                if (query.indexOf(category + '=') !== -1) {\n                    query = query.split('=');\n                    query = query[1].split('--');\n                    let search = event.currentTarget.id.replace(category + '_', '').replaceAll(' ', '%20')\n                    query = query.filter(filter => filter.indexOf(search) === -1);\n\n                    if(query.length) {\n                        query = query.join('--')\n                        queryToArray[index] = category + '=' + query\n                    } else {\n                        queryToArray[index] = '';\n                    }\n                }\n            });\n\n        }\n\n        if (queryToArray.length) {\n            queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n        }\n\n        let arrayToQuery = queryToArray.join('&');\n\n        arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n        if (isMobile || 0) {\n            \/\/saving query\n            queryMobileUrl = arrayToQuery;\n        } else {\n            window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n        }\n\n    }\n\n    function appendFilterMobile(event) {\n        const filtersSearchBar = jQuery('.search .filters-content')\n        const filterId = 'for_' + jQuery(event.currentTarget).attr('id').replaceAll(' ', '_');\n        const category = jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title span').first().html();\n        const categoryId = event.currentTarget.id === \"find_in_description\"\n            ? event.currentTarget.id\n            : category.replaceAll(' ', '_').toLowerCase();\n        const id = jQuery(event.currentTarget).attr('id').replace(categoryId+'_', '');\n\n        let shownId = id.indexOf('_sp_') !== -1 ? id.replace('_sp_', ' ') : id;\n        shownId = shownId.indexOf('_and_') !== -1 ? shownId.replace('_and_', '&') : shownId;\n\n\n        const filterName = jQuery(event.currentTarget).next().html();\n\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const filterDiv = categoryId === 'location' || categoryId === 'category'\n                ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + filterName + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                : categoryId === \"is_on_special\" || categoryId === \"living_quarters\" || categoryId === \"ramps\"\n                    ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                    : categoryId !== 'find_in_description'\n                        ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + shownId + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                        : \"\";\n\n            filtersSearchBar.append(filterDiv);\n            jQuery('.search').show();\n        } else {\n            jQuery(\"#\" + filterId).parent().remove();\n        }\n    }\n\n    function handleButtonClick() {\n        let queryToArray = queryMobileUrl.split('&');\n        queryToArray = queryToArray.filter(filter => filter.indexOf('page_id') === -1);\n        queryMobileUrl = queryToArray.join('&');\n        queryMobileUrl = queryMobileUrl.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! queryMobileUrl.length ? '' : querySymbol;\n        window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + queryMobileUrl;\n    }\n\n<\/script>\n\n<style>\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox {\n        position: absolute;\n        z-index: -1;\n        opacity: 0;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label {\n        display: inline-flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        color: #232323;\n        pointer-events: auto!important;\n    }\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item label > span {\n        word-break: break-word;\n        display: -webkit-box;\n        \/*overflow: hidden;*\/\n        \/*text-overflow: ellipsis;*\/\n        \/*-webkit-line-clamp: 2; !* number of lines to show *!*\/\n        \/*-webkit-box-orient: vertical;*\/\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label::before {\n        content: '';\n        display: inline-block;\n        width: 1em;\n        height: 1em;\n        flex-shrink: 0;\n        flex-grow: 0;\n        border: 1px solid #232323;\n        border-radius: 0.25em;\n        margin-right: 0.5em;\n        background-repeat: no-repeat;\n        background-position: center center;\n        background-size: 50% 50%;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox:checked + label::before {\n        background-color: transparent;\n        background-image: url(\"data:image\/svg+xml,%3Csvg width='24' height='24' stroke='black' stroke-width='2' fill='black' xmlns='http:\/\/www.w3.org\/2000\/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M24 4.685l-16.327 17.315-7.673-9.054.761-.648 6.95 8.203 15.561-16.501.728.685z'\/%3E%3C\/svg%3E\");\n    }\n<\/style>\n                                                                                                            &nbsp;\n                                                        <span id=\"filter-count\"><span> (1)<\/span><\/span>\n                                                                                                    <\/div>\n                                            <\/div>\n\t\t\t\t\t\t\t\t\t\t                                    <\/div>\n\t\t\t\t\t\t\t\t                        <\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\n                        <div class=\"filter-wrap\">\n                            <div class=\"filter-title\" onclick=\"onFilterCategoryClick(event)\">\n                                <span data-filter-name=\"Suspension Type\">Suspension Type<\/span>\n                                <span id=\"category-count\">1<\/span>\n                                <span class=\"filter-button\">\n                            <svg fill='white' height='20' viewBox='0 0 20 21' width='20'\n                                 xmlns='http:\/\/www.w3.org\/2000\/svg'>\n                                <path d='M7 10l5 5 5-5z'\/><path d='M0 0h24v24H0z' fill='none'\/>\n                            <\/svg>\n                        <\/span>\n                            <\/div>\n\t\t\t\t\t\t\t                                    <div class=\"filter-content\" style=\"display: none\">\n                                        \t\t\t\t\t\t\t\t\t\t                                            <div class=\"filter-item\">\n                                                <div id=\"with-count\">\n                                                    \n<input  class=\"custom-checkbox\" type=\"checkbox\" id=\"suspension_type_Torsion_sp_Suspension\"\n                               onchange=\"onCheckboxChange(event)\">\n<label for=\"suspension_type_Torsion_sp_Suspension\"><span>Torsion Suspension<\/span><\/label>\n\n<script>\n\n    \/\/jQuery(document).ready(() => {\n    \/\/    const id = \"\/\/\";\n    \/\/    const checkbox = jQuery(\"#\" + id);\n    \/\/    if (checkbox.prop('checked')) {\n    \/\/        \/\/Displays full block in navbar filters section if the checkbox inside is checked\n    \/\/        checkbox.parent().parent().show();\n    \/\/        \/\/ flip arrow for filter section\n    \/\/        checkbox.parent().parent().parent().find('.filter-button').addClass('flip');\n    \/\/    }\n    \/\/})\n    function adjustModalContentPosition() {\n        const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n        jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n    }\n\n    function onCheckboxChange(event) {\n        filterProcessQuery(event);\n        if (isMobile || 0) {\n            appendFilterMobile(event);\n            if (!jQuery('.search .filters-content .filter').length) {\n                jQuery('.search').hide();\n            }\n            adjustModalContentPosition();\n        }\n    }\n\n    var queryMobileUrl = '';\n\n    function filterProcessQuery(event) {\n        let category = event.currentTarget.id === 'find_in_description'\n            ? \"Find In Description\"\n            : jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title > span').first().data('filter-name');\n        category = category.toLowerCase().replaceAll(' ', '_');\n\n        let queryToArray;\n\n        if (isMobile || 0) {\n            queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&')\n        } else {\n            queryToArray = window.location.search.split('&')\n        }\n\n        queryToArray = queryToArray.filter(query => query.search('page_id=') < 0);\n\n        let isExist = false;\n\n        \/\/ on checkbox checked\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const id = event.currentTarget.id.replace(category + '_', '');\n\n            \/\/ For boolean filters (ramps, is_rental), replace value and uncheck the other option\n            const booleanFilters = ['ramps', 'is_rental'];\n            if (booleanFilters.includes(category)) {\n                \/\/ Uncheck the other checkbox\n                const otherValue = id === '1' ? '0' : '1';\n                jQuery('#' + category + '_' + otherValue).prop('checked', false);\n\n                \/\/ Replace the value in URL (not append)\n                queryToArray = queryToArray.filter(query => query.indexOf(category + '=') === -1);\n                queryToArray.push(category + '=' + id);\n                queryToArray = queryToArray.filter(filter => filter !== '');\n            } else if (queryToArray.count) {\n                queryToArray.push(category + '=' + id);\n            } else {\n                queryToArray.map(function (query) {\n                    if (query.indexOf(category + '=') !== -1) isExist = true;\n                });\n                if (isExist) {\n                    queryToArray.map((query, index) => {\n                        if (query.indexOf(category + '=') !== -1) {\n                            query = query.split('--');\n                            query.push(id);\n                            queryToArray[index] = query.join('--');\n                        }\n                    });\n                } else {\n                    queryToArray.push(category + '=' + id);\n                    queryToArray = queryToArray.filter(filter => filter !== '');\n                }\n\n            }\n\n        } else {\n            queryToArray.map((query, index) => {\n                if (query.indexOf(category + '=') !== -1) {\n                    query = query.split('=');\n                    query = query[1].split('--');\n                    let search = event.currentTarget.id.replace(category + '_', '').replaceAll(' ', '%20')\n                    query = query.filter(filter => filter.indexOf(search) === -1);\n\n                    if(query.length) {\n                        query = query.join('--')\n                        queryToArray[index] = category + '=' + query\n                    } else {\n                        queryToArray[index] = '';\n                    }\n                }\n            });\n\n        }\n\n        if (queryToArray.length) {\n            queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n        }\n\n        let arrayToQuery = queryToArray.join('&');\n\n        arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n        if (isMobile || 0) {\n            \/\/saving query\n            queryMobileUrl = arrayToQuery;\n        } else {\n            window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n        }\n\n    }\n\n    function appendFilterMobile(event) {\n        const filtersSearchBar = jQuery('.search .filters-content')\n        const filterId = 'for_' + jQuery(event.currentTarget).attr('id').replaceAll(' ', '_');\n        const category = jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title span').first().html();\n        const categoryId = event.currentTarget.id === \"find_in_description\"\n            ? event.currentTarget.id\n            : category.replaceAll(' ', '_').toLowerCase();\n        const id = jQuery(event.currentTarget).attr('id').replace(categoryId+'_', '');\n\n        let shownId = id.indexOf('_sp_') !== -1 ? id.replace('_sp_', ' ') : id;\n        shownId = shownId.indexOf('_and_') !== -1 ? shownId.replace('_and_', '&') : shownId;\n\n\n        const filterName = jQuery(event.currentTarget).next().html();\n\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const filterDiv = categoryId === 'location' || categoryId === 'category'\n                ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + filterName + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                : categoryId === \"is_on_special\" || categoryId === \"living_quarters\" || categoryId === \"ramps\"\n                    ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                    : categoryId !== 'find_in_description'\n                        ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + shownId + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                        : \"\";\n\n            filtersSearchBar.append(filterDiv);\n            jQuery('.search').show();\n        } else {\n            jQuery(\"#\" + filterId).parent().remove();\n        }\n    }\n\n    function handleButtonClick() {\n        let queryToArray = queryMobileUrl.split('&');\n        queryToArray = queryToArray.filter(filter => filter.indexOf('page_id') === -1);\n        queryMobileUrl = queryToArray.join('&');\n        queryMobileUrl = queryMobileUrl.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! queryMobileUrl.length ? '' : querySymbol;\n        window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + queryMobileUrl;\n    }\n\n<\/script>\n\n<style>\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox {\n        position: absolute;\n        z-index: -1;\n        opacity: 0;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label {\n        display: inline-flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        color: #232323;\n        pointer-events: auto!important;\n    }\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item label > span {\n        word-break: break-word;\n        display: -webkit-box;\n        \/*overflow: hidden;*\/\n        \/*text-overflow: ellipsis;*\/\n        \/*-webkit-line-clamp: 2; !* number of lines to show *!*\/\n        \/*-webkit-box-orient: vertical;*\/\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label::before {\n        content: '';\n        display: inline-block;\n        width: 1em;\n        height: 1em;\n        flex-shrink: 0;\n        flex-grow: 0;\n        border: 1px solid #232323;\n        border-radius: 0.25em;\n        margin-right: 0.5em;\n        background-repeat: no-repeat;\n        background-position: center center;\n        background-size: 50% 50%;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox:checked + label::before {\n        background-color: transparent;\n        background-image: url(\"data:image\/svg+xml,%3Csvg width='24' height='24' stroke='black' stroke-width='2' fill='black' xmlns='http:\/\/www.w3.org\/2000\/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M24 4.685l-16.327 17.315-7.673-9.054.761-.648 6.95 8.203 15.561-16.501.728.685z'\/%3E%3C\/svg%3E\");\n    }\n<\/style>\n                                                                                                            &nbsp;\n                                                        <span id=\"filter-count\"><span> (3)<\/span><\/span>\n                                                                                                    <\/div>\n                                            <\/div>\n\t\t\t\t\t\t\t\t\t\t                                    <\/div>\n\t\t\t\t\t\t\t\t                        <\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\n                        <div class=\"filter-wrap\">\n                            <div class=\"filter-title\" onclick=\"onFilterCategoryClick(event)\">\n                                <span data-filter-name=\"Status\">Status<\/span>\n                                <span id=\"category-count\">1<\/span>\n                                <span class=\"filter-button\">\n                            <svg fill='white' height='20' viewBox='0 0 20 21' width='20'\n                                 xmlns='http:\/\/www.w3.org\/2000\/svg'>\n                                <path d='M7 10l5 5 5-5z'\/><path d='M0 0h24v24H0z' fill='none'\/>\n                            <\/svg>\n                        <\/span>\n                            <\/div>\n\t\t\t\t\t\t\t                                    <div class=\"filter-content\" style=\"display: none\">\n                                        \t\t\t\t\t\t\t\t\t\t                                            <div class=\"filter-item\">\n                                                <div id=\"with-count\">\n                                                    \n<input  class=\"custom-checkbox\" type=\"checkbox\" id=\"status_Available\"\n                               onchange=\"onCheckboxChange(event)\">\n<label for=\"status_Available\"><span>Available<\/span><\/label>\n\n<script>\n\n    \/\/jQuery(document).ready(() => {\n    \/\/    const id = \"\/\/\";\n    \/\/    const checkbox = jQuery(\"#\" + id);\n    \/\/    if (checkbox.prop('checked')) {\n    \/\/        \/\/Displays full block in navbar filters section if the checkbox inside is checked\n    \/\/        checkbox.parent().parent().show();\n    \/\/        \/\/ flip arrow for filter section\n    \/\/        checkbox.parent().parent().parent().find('.filter-button').addClass('flip');\n    \/\/    }\n    \/\/})\n    function adjustModalContentPosition() {\n        const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n        jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n    }\n\n    function onCheckboxChange(event) {\n        filterProcessQuery(event);\n        if (isMobile || 0) {\n            appendFilterMobile(event);\n            if (!jQuery('.search .filters-content .filter').length) {\n                jQuery('.search').hide();\n            }\n            adjustModalContentPosition();\n        }\n    }\n\n    var queryMobileUrl = '';\n\n    function filterProcessQuery(event) {\n        let category = event.currentTarget.id === 'find_in_description'\n            ? \"Find In Description\"\n            : jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title > span').first().data('filter-name');\n        category = category.toLowerCase().replaceAll(' ', '_');\n\n        let queryToArray;\n\n        if (isMobile || 0) {\n            queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&')\n        } else {\n            queryToArray = window.location.search.split('&')\n        }\n\n        queryToArray = queryToArray.filter(query => query.search('page_id=') < 0);\n\n        let isExist = false;\n\n        \/\/ on checkbox checked\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const id = event.currentTarget.id.replace(category + '_', '');\n\n            \/\/ For boolean filters (ramps, is_rental), replace value and uncheck the other option\n            const booleanFilters = ['ramps', 'is_rental'];\n            if (booleanFilters.includes(category)) {\n                \/\/ Uncheck the other checkbox\n                const otherValue = id === '1' ? '0' : '1';\n                jQuery('#' + category + '_' + otherValue).prop('checked', false);\n\n                \/\/ Replace the value in URL (not append)\n                queryToArray = queryToArray.filter(query => query.indexOf(category + '=') === -1);\n                queryToArray.push(category + '=' + id);\n                queryToArray = queryToArray.filter(filter => filter !== '');\n            } else if (queryToArray.count) {\n                queryToArray.push(category + '=' + id);\n            } else {\n                queryToArray.map(function (query) {\n                    if (query.indexOf(category + '=') !== -1) isExist = true;\n                });\n                if (isExist) {\n                    queryToArray.map((query, index) => {\n                        if (query.indexOf(category + '=') !== -1) {\n                            query = query.split('--');\n                            query.push(id);\n                            queryToArray[index] = query.join('--');\n                        }\n                    });\n                } else {\n                    queryToArray.push(category + '=' + id);\n                    queryToArray = queryToArray.filter(filter => filter !== '');\n                }\n\n            }\n\n        } else {\n            queryToArray.map((query, index) => {\n                if (query.indexOf(category + '=') !== -1) {\n                    query = query.split('=');\n                    query = query[1].split('--');\n                    let search = event.currentTarget.id.replace(category + '_', '').replaceAll(' ', '%20')\n                    query = query.filter(filter => filter.indexOf(search) === -1);\n\n                    if(query.length) {\n                        query = query.join('--')\n                        queryToArray[index] = category + '=' + query\n                    } else {\n                        queryToArray[index] = '';\n                    }\n                }\n            });\n\n        }\n\n        if (queryToArray.length) {\n            queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n        }\n\n        let arrayToQuery = queryToArray.join('&');\n\n        arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n        if (isMobile || 0) {\n            \/\/saving query\n            queryMobileUrl = arrayToQuery;\n        } else {\n            window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n        }\n\n    }\n\n    function appendFilterMobile(event) {\n        const filtersSearchBar = jQuery('.search .filters-content')\n        const filterId = 'for_' + jQuery(event.currentTarget).attr('id').replaceAll(' ', '_');\n        const category = jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title span').first().html();\n        const categoryId = event.currentTarget.id === \"find_in_description\"\n            ? event.currentTarget.id\n            : category.replaceAll(' ', '_').toLowerCase();\n        const id = jQuery(event.currentTarget).attr('id').replace(categoryId+'_', '');\n\n        let shownId = id.indexOf('_sp_') !== -1 ? id.replace('_sp_', ' ') : id;\n        shownId = shownId.indexOf('_and_') !== -1 ? shownId.replace('_and_', '&') : shownId;\n\n\n        const filterName = jQuery(event.currentTarget).next().html();\n\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const filterDiv = categoryId === 'location' || categoryId === 'category'\n                ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + filterName + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                : categoryId === \"is_on_special\" || categoryId === \"living_quarters\" || categoryId === \"ramps\"\n                    ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                    : categoryId !== 'find_in_description'\n                        ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + shownId + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                        : \"\";\n\n            filtersSearchBar.append(filterDiv);\n            jQuery('.search').show();\n        } else {\n            jQuery(\"#\" + filterId).parent().remove();\n        }\n    }\n\n    function handleButtonClick() {\n        let queryToArray = queryMobileUrl.split('&');\n        queryToArray = queryToArray.filter(filter => filter.indexOf('page_id') === -1);\n        queryMobileUrl = queryToArray.join('&');\n        queryMobileUrl = queryMobileUrl.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! queryMobileUrl.length ? '' : querySymbol;\n        window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + queryMobileUrl;\n    }\n\n<\/script>\n\n<style>\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox {\n        position: absolute;\n        z-index: -1;\n        opacity: 0;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label {\n        display: inline-flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        color: #232323;\n        pointer-events: auto!important;\n    }\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item label > span {\n        word-break: break-word;\n        display: -webkit-box;\n        \/*overflow: hidden;*\/\n        \/*text-overflow: ellipsis;*\/\n        \/*-webkit-line-clamp: 2; !* number of lines to show *!*\/\n        \/*-webkit-box-orient: vertical;*\/\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label::before {\n        content: '';\n        display: inline-block;\n        width: 1em;\n        height: 1em;\n        flex-shrink: 0;\n        flex-grow: 0;\n        border: 1px solid #232323;\n        border-radius: 0.25em;\n        margin-right: 0.5em;\n        background-repeat: no-repeat;\n        background-position: center center;\n        background-size: 50% 50%;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox:checked + label::before {\n        background-color: transparent;\n        background-image: url(\"data:image\/svg+xml,%3Csvg width='24' height='24' stroke='black' stroke-width='2' fill='black' xmlns='http:\/\/www.w3.org\/2000\/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M24 4.685l-16.327 17.315-7.673-9.054.761-.648 6.95 8.203 15.561-16.501.728.685z'\/%3E%3C\/svg%3E\");\n    }\n<\/style>\n                                                                                                            &nbsp;\n                                                        <span id=\"filter-count\"><span> (5)<\/span><\/span>\n                                                                                                    <\/div>\n                                            <\/div>\n\t\t\t\t\t\t\t\t\t\t                                    <\/div>\n\t\t\t\t\t\t\t\t                        <\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\n                        <div class=\"filter-wrap\">\n                            <div class=\"filter-title\" onclick=\"onFilterCategoryClick(event)\">\n                                <span data-filter-name=\"Construction\">Construction<\/span>\n                                <span id=\"category-count\">2<\/span>\n                                <span class=\"filter-button\">\n                            <svg fill='white' height='20' viewBox='0 0 20 21' width='20'\n                                 xmlns='http:\/\/www.w3.org\/2000\/svg'>\n                                <path d='M7 10l5 5 5-5z'\/><path d='M0 0h24v24H0z' fill='none'\/>\n                            <\/svg>\n                        <\/span>\n                            <\/div>\n\t\t\t\t\t\t\t                                    <div class=\"filter-content\" style=\"display: none\">\n                                        \t\t\t\t\t\t\t\t\t\t                                            <div class=\"filter-item\">\n                                                <div id=\"with-count\">\n                                                    \n<input  class=\"custom-checkbox\" type=\"checkbox\" id=\"construction_Aluminum\"\n                               onchange=\"onCheckboxChange(event)\">\n<label for=\"construction_Aluminum\"><span>Aluminum<\/span><\/label>\n\n<script>\n\n    \/\/jQuery(document).ready(() => {\n    \/\/    const id = \"\/\/\";\n    \/\/    const checkbox = jQuery(\"#\" + id);\n    \/\/    if (checkbox.prop('checked')) {\n    \/\/        \/\/Displays full block in navbar filters section if the checkbox inside is checked\n    \/\/        checkbox.parent().parent().show();\n    \/\/        \/\/ flip arrow for filter section\n    \/\/        checkbox.parent().parent().parent().find('.filter-button').addClass('flip');\n    \/\/    }\n    \/\/})\n    function adjustModalContentPosition() {\n        const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n        jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n    }\n\n    function onCheckboxChange(event) {\n        filterProcessQuery(event);\n        if (isMobile || 0) {\n            appendFilterMobile(event);\n            if (!jQuery('.search .filters-content .filter').length) {\n                jQuery('.search').hide();\n            }\n            adjustModalContentPosition();\n        }\n    }\n\n    var queryMobileUrl = '';\n\n    function filterProcessQuery(event) {\n        let category = event.currentTarget.id === 'find_in_description'\n            ? \"Find In Description\"\n            : jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title > span').first().data('filter-name');\n        category = category.toLowerCase().replaceAll(' ', '_');\n\n        let queryToArray;\n\n        if (isMobile || 0) {\n            queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&')\n        } else {\n            queryToArray = window.location.search.split('&')\n        }\n\n        queryToArray = queryToArray.filter(query => query.search('page_id=') < 0);\n\n        let isExist = false;\n\n        \/\/ on checkbox checked\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const id = event.currentTarget.id.replace(category + '_', '');\n\n            \/\/ For boolean filters (ramps, is_rental), replace value and uncheck the other option\n            const booleanFilters = ['ramps', 'is_rental'];\n            if (booleanFilters.includes(category)) {\n                \/\/ Uncheck the other checkbox\n                const otherValue = id === '1' ? '0' : '1';\n                jQuery('#' + category + '_' + otherValue).prop('checked', false);\n\n                \/\/ Replace the value in URL (not append)\n                queryToArray = queryToArray.filter(query => query.indexOf(category + '=') === -1);\n                queryToArray.push(category + '=' + id);\n                queryToArray = queryToArray.filter(filter => filter !== '');\n            } else if (queryToArray.count) {\n                queryToArray.push(category + '=' + id);\n            } else {\n                queryToArray.map(function (query) {\n                    if (query.indexOf(category + '=') !== -1) isExist = true;\n                });\n                if (isExist) {\n                    queryToArray.map((query, index) => {\n                        if (query.indexOf(category + '=') !== -1) {\n                            query = query.split('--');\n                            query.push(id);\n                            queryToArray[index] = query.join('--');\n                        }\n                    });\n                } else {\n                    queryToArray.push(category + '=' + id);\n                    queryToArray = queryToArray.filter(filter => filter !== '');\n                }\n\n            }\n\n        } else {\n            queryToArray.map((query, index) => {\n                if (query.indexOf(category + '=') !== -1) {\n                    query = query.split('=');\n                    query = query[1].split('--');\n                    let search = event.currentTarget.id.replace(category + '_', '').replaceAll(' ', '%20')\n                    query = query.filter(filter => filter.indexOf(search) === -1);\n\n                    if(query.length) {\n                        query = query.join('--')\n                        queryToArray[index] = category + '=' + query\n                    } else {\n                        queryToArray[index] = '';\n                    }\n                }\n            });\n\n        }\n\n        if (queryToArray.length) {\n            queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n        }\n\n        let arrayToQuery = queryToArray.join('&');\n\n        arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n        if (isMobile || 0) {\n            \/\/saving query\n            queryMobileUrl = arrayToQuery;\n        } else {\n            window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n        }\n\n    }\n\n    function appendFilterMobile(event) {\n        const filtersSearchBar = jQuery('.search .filters-content')\n        const filterId = 'for_' + jQuery(event.currentTarget).attr('id').replaceAll(' ', '_');\n        const category = jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title span').first().html();\n        const categoryId = event.currentTarget.id === \"find_in_description\"\n            ? event.currentTarget.id\n            : category.replaceAll(' ', '_').toLowerCase();\n        const id = jQuery(event.currentTarget).attr('id').replace(categoryId+'_', '');\n\n        let shownId = id.indexOf('_sp_') !== -1 ? id.replace('_sp_', ' ') : id;\n        shownId = shownId.indexOf('_and_') !== -1 ? shownId.replace('_and_', '&') : shownId;\n\n\n        const filterName = jQuery(event.currentTarget).next().html();\n\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const filterDiv = categoryId === 'location' || categoryId === 'category'\n                ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + filterName + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                : categoryId === \"is_on_special\" || categoryId === \"living_quarters\" || categoryId === \"ramps\"\n                    ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                    : categoryId !== 'find_in_description'\n                        ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + shownId + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                        : \"\";\n\n            filtersSearchBar.append(filterDiv);\n            jQuery('.search').show();\n        } else {\n            jQuery(\"#\" + filterId).parent().remove();\n        }\n    }\n\n    function handleButtonClick() {\n        let queryToArray = queryMobileUrl.split('&');\n        queryToArray = queryToArray.filter(filter => filter.indexOf('page_id') === -1);\n        queryMobileUrl = queryToArray.join('&');\n        queryMobileUrl = queryMobileUrl.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! queryMobileUrl.length ? '' : querySymbol;\n        window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + queryMobileUrl;\n    }\n\n<\/script>\n\n<style>\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox {\n        position: absolute;\n        z-index: -1;\n        opacity: 0;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label {\n        display: inline-flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        color: #232323;\n        pointer-events: auto!important;\n    }\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item label > span {\n        word-break: break-word;\n        display: -webkit-box;\n        \/*overflow: hidden;*\/\n        \/*text-overflow: ellipsis;*\/\n        \/*-webkit-line-clamp: 2; !* number of lines to show *!*\/\n        \/*-webkit-box-orient: vertical;*\/\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label::before {\n        content: '';\n        display: inline-block;\n        width: 1em;\n        height: 1em;\n        flex-shrink: 0;\n        flex-grow: 0;\n        border: 1px solid #232323;\n        border-radius: 0.25em;\n        margin-right: 0.5em;\n        background-repeat: no-repeat;\n        background-position: center center;\n        background-size: 50% 50%;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox:checked + label::before {\n        background-color: transparent;\n        background-image: url(\"data:image\/svg+xml,%3Csvg width='24' height='24' stroke='black' stroke-width='2' fill='black' xmlns='http:\/\/www.w3.org\/2000\/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M24 4.685l-16.327 17.315-7.673-9.054.761-.648 6.95 8.203 15.561-16.501.728.685z'\/%3E%3C\/svg%3E\");\n    }\n<\/style>\n                                                                                                            &nbsp;\n                                                        <span id=\"filter-count\"><span> (4)<\/span><\/span>\n                                                                                                    <\/div>\n                                            <\/div>\n\t\t\t\t\t\t\t\t\t\t                                            <div class=\"filter-item\">\n                                                <div id=\"with-count\">\n                                                    \n<input  class=\"custom-checkbox\" type=\"checkbox\" id=\"construction_Steel\"\n                               onchange=\"onCheckboxChange(event)\">\n<label for=\"construction_Steel\"><span>Steel<\/span><\/label>\n\n<script>\n\n    \/\/jQuery(document).ready(() => {\n    \/\/    const id = \"\/\/\";\n    \/\/    const checkbox = jQuery(\"#\" + id);\n    \/\/    if (checkbox.prop('checked')) {\n    \/\/        \/\/Displays full block in navbar filters section if the checkbox inside is checked\n    \/\/        checkbox.parent().parent().show();\n    \/\/        \/\/ flip arrow for filter section\n    \/\/        checkbox.parent().parent().parent().find('.filter-button').addClass('flip');\n    \/\/    }\n    \/\/})\n    function adjustModalContentPosition() {\n        const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n        jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n    }\n\n    function onCheckboxChange(event) {\n        filterProcessQuery(event);\n        if (isMobile || 0) {\n            appendFilterMobile(event);\n            if (!jQuery('.search .filters-content .filter').length) {\n                jQuery('.search').hide();\n            }\n            adjustModalContentPosition();\n        }\n    }\n\n    var queryMobileUrl = '';\n\n    function filterProcessQuery(event) {\n        let category = event.currentTarget.id === 'find_in_description'\n            ? \"Find In Description\"\n            : jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title > span').first().data('filter-name');\n        category = category.toLowerCase().replaceAll(' ', '_');\n\n        let queryToArray;\n\n        if (isMobile || 0) {\n            queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&')\n        } else {\n            queryToArray = window.location.search.split('&')\n        }\n\n        queryToArray = queryToArray.filter(query => query.search('page_id=') < 0);\n\n        let isExist = false;\n\n        \/\/ on checkbox checked\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const id = event.currentTarget.id.replace(category + '_', '');\n\n            \/\/ For boolean filters (ramps, is_rental), replace value and uncheck the other option\n            const booleanFilters = ['ramps', 'is_rental'];\n            if (booleanFilters.includes(category)) {\n                \/\/ Uncheck the other checkbox\n                const otherValue = id === '1' ? '0' : '1';\n                jQuery('#' + category + '_' + otherValue).prop('checked', false);\n\n                \/\/ Replace the value in URL (not append)\n                queryToArray = queryToArray.filter(query => query.indexOf(category + '=') === -1);\n                queryToArray.push(category + '=' + id);\n                queryToArray = queryToArray.filter(filter => filter !== '');\n            } else if (queryToArray.count) {\n                queryToArray.push(category + '=' + id);\n            } else {\n                queryToArray.map(function (query) {\n                    if (query.indexOf(category + '=') !== -1) isExist = true;\n                });\n                if (isExist) {\n                    queryToArray.map((query, index) => {\n                        if (query.indexOf(category + '=') !== -1) {\n                            query = query.split('--');\n                            query.push(id);\n                            queryToArray[index] = query.join('--');\n                        }\n                    });\n                } else {\n                    queryToArray.push(category + '=' + id);\n                    queryToArray = queryToArray.filter(filter => filter !== '');\n                }\n\n            }\n\n        } else {\n            queryToArray.map((query, index) => {\n                if (query.indexOf(category + '=') !== -1) {\n                    query = query.split('=');\n                    query = query[1].split('--');\n                    let search = event.currentTarget.id.replace(category + '_', '').replaceAll(' ', '%20')\n                    query = query.filter(filter => filter.indexOf(search) === -1);\n\n                    if(query.length) {\n                        query = query.join('--')\n                        queryToArray[index] = category + '=' + query\n                    } else {\n                        queryToArray[index] = '';\n                    }\n                }\n            });\n\n        }\n\n        if (queryToArray.length) {\n            queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n        }\n\n        let arrayToQuery = queryToArray.join('&');\n\n        arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n        if (isMobile || 0) {\n            \/\/saving query\n            queryMobileUrl = arrayToQuery;\n        } else {\n            window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n        }\n\n    }\n\n    function appendFilterMobile(event) {\n        const filtersSearchBar = jQuery('.search .filters-content')\n        const filterId = 'for_' + jQuery(event.currentTarget).attr('id').replaceAll(' ', '_');\n        const category = jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title span').first().html();\n        const categoryId = event.currentTarget.id === \"find_in_description\"\n            ? event.currentTarget.id\n            : category.replaceAll(' ', '_').toLowerCase();\n        const id = jQuery(event.currentTarget).attr('id').replace(categoryId+'_', '');\n\n        let shownId = id.indexOf('_sp_') !== -1 ? id.replace('_sp_', ' ') : id;\n        shownId = shownId.indexOf('_and_') !== -1 ? shownId.replace('_and_', '&') : shownId;\n\n\n        const filterName = jQuery(event.currentTarget).next().html();\n\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const filterDiv = categoryId === 'location' || categoryId === 'category'\n                ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + filterName + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                : categoryId === \"is_on_special\" || categoryId === \"living_quarters\" || categoryId === \"ramps\"\n                    ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                    : categoryId !== 'find_in_description'\n                        ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + shownId + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                        : \"\";\n\n            filtersSearchBar.append(filterDiv);\n            jQuery('.search').show();\n        } else {\n            jQuery(\"#\" + filterId).parent().remove();\n        }\n    }\n\n    function handleButtonClick() {\n        let queryToArray = queryMobileUrl.split('&');\n        queryToArray = queryToArray.filter(filter => filter.indexOf('page_id') === -1);\n        queryMobileUrl = queryToArray.join('&');\n        queryMobileUrl = queryMobileUrl.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! queryMobileUrl.length ? '' : querySymbol;\n        window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + queryMobileUrl;\n    }\n\n<\/script>\n\n<style>\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox {\n        position: absolute;\n        z-index: -1;\n        opacity: 0;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label {\n        display: inline-flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        color: #232323;\n        pointer-events: auto!important;\n    }\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item label > span {\n        word-break: break-word;\n        display: -webkit-box;\n        \/*overflow: hidden;*\/\n        \/*text-overflow: ellipsis;*\/\n        \/*-webkit-line-clamp: 2; !* number of lines to show *!*\/\n        \/*-webkit-box-orient: vertical;*\/\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label::before {\n        content: '';\n        display: inline-block;\n        width: 1em;\n        height: 1em;\n        flex-shrink: 0;\n        flex-grow: 0;\n        border: 1px solid #232323;\n        border-radius: 0.25em;\n        margin-right: 0.5em;\n        background-repeat: no-repeat;\n        background-position: center center;\n        background-size: 50% 50%;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox:checked + label::before {\n        background-color: transparent;\n        background-image: url(\"data:image\/svg+xml,%3Csvg width='24' height='24' stroke='black' stroke-width='2' fill='black' xmlns='http:\/\/www.w3.org\/2000\/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M24 4.685l-16.327 17.315-7.673-9.054.761-.648 6.95 8.203 15.561-16.501.728.685z'\/%3E%3C\/svg%3E\");\n    }\n<\/style>\n                                                                                                            &nbsp;\n                                                        <span id=\"filter-count\"><span> (1)<\/span><\/span>\n                                                                                                    <\/div>\n                                            <\/div>\n\t\t\t\t\t\t\t\t\t\t                                    <\/div>\n\t\t\t\t\t\t\t\t                        <\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\n                        <div class=\"filter-wrap\">\n                            <div class=\"filter-title\" onclick=\"onFilterCategoryClick(event)\">\n                                <span data-filter-name=\"Axles\">Axles<\/span>\n                                <span id=\"category-count\">1<\/span>\n                                <span class=\"filter-button\">\n                            <svg fill='white' height='20' viewBox='0 0 20 21' width='20'\n                                 xmlns='http:\/\/www.w3.org\/2000\/svg'>\n                                <path d='M7 10l5 5 5-5z'\/><path d='M0 0h24v24H0z' fill='none'\/>\n                            <\/svg>\n                        <\/span>\n                            <\/div>\n\t\t\t\t\t\t\t                                    <div class=\"filter-content\" style=\"display: none\">\n                                        \t\t\t\t\t\t\t\t\t\t                                            <div class=\"filter-item\">\n                                                <div id=\"with-count\">\n                                                    \n<input  class=\"custom-checkbox\" type=\"checkbox\" id=\"axles_2\"\n                               onchange=\"onCheckboxChange(event)\">\n<label for=\"axles_2\"><span>2<\/span><\/label>\n\n<script>\n\n    \/\/jQuery(document).ready(() => {\n    \/\/    const id = \"\/\/\";\n    \/\/    const checkbox = jQuery(\"#\" + id);\n    \/\/    if (checkbox.prop('checked')) {\n    \/\/        \/\/Displays full block in navbar filters section if the checkbox inside is checked\n    \/\/        checkbox.parent().parent().show();\n    \/\/        \/\/ flip arrow for filter section\n    \/\/        checkbox.parent().parent().parent().find('.filter-button').addClass('flip');\n    \/\/    }\n    \/\/})\n    function adjustModalContentPosition() {\n        const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n        jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n    }\n\n    function onCheckboxChange(event) {\n        filterProcessQuery(event);\n        if (isMobile || 0) {\n            appendFilterMobile(event);\n            if (!jQuery('.search .filters-content .filter').length) {\n                jQuery('.search').hide();\n            }\n            adjustModalContentPosition();\n        }\n    }\n\n    var queryMobileUrl = '';\n\n    function filterProcessQuery(event) {\n        let category = event.currentTarget.id === 'find_in_description'\n            ? \"Find In Description\"\n            : jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title > span').first().data('filter-name');\n        category = category.toLowerCase().replaceAll(' ', '_');\n\n        let queryToArray;\n\n        if (isMobile || 0) {\n            queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&')\n        } else {\n            queryToArray = window.location.search.split('&')\n        }\n\n        queryToArray = queryToArray.filter(query => query.search('page_id=') < 0);\n\n        let isExist = false;\n\n        \/\/ on checkbox checked\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const id = event.currentTarget.id.replace(category + '_', '');\n\n            \/\/ For boolean filters (ramps, is_rental), replace value and uncheck the other option\n            const booleanFilters = ['ramps', 'is_rental'];\n            if (booleanFilters.includes(category)) {\n                \/\/ Uncheck the other checkbox\n                const otherValue = id === '1' ? '0' : '1';\n                jQuery('#' + category + '_' + otherValue).prop('checked', false);\n\n                \/\/ Replace the value in URL (not append)\n                queryToArray = queryToArray.filter(query => query.indexOf(category + '=') === -1);\n                queryToArray.push(category + '=' + id);\n                queryToArray = queryToArray.filter(filter => filter !== '');\n            } else if (queryToArray.count) {\n                queryToArray.push(category + '=' + id);\n            } else {\n                queryToArray.map(function (query) {\n                    if (query.indexOf(category + '=') !== -1) isExist = true;\n                });\n                if (isExist) {\n                    queryToArray.map((query, index) => {\n                        if (query.indexOf(category + '=') !== -1) {\n                            query = query.split('--');\n                            query.push(id);\n                            queryToArray[index] = query.join('--');\n                        }\n                    });\n                } else {\n                    queryToArray.push(category + '=' + id);\n                    queryToArray = queryToArray.filter(filter => filter !== '');\n                }\n\n            }\n\n        } else {\n            queryToArray.map((query, index) => {\n                if (query.indexOf(category + '=') !== -1) {\n                    query = query.split('=');\n                    query = query[1].split('--');\n                    let search = event.currentTarget.id.replace(category + '_', '').replaceAll(' ', '%20')\n                    query = query.filter(filter => filter.indexOf(search) === -1);\n\n                    if(query.length) {\n                        query = query.join('--')\n                        queryToArray[index] = category + '=' + query\n                    } else {\n                        queryToArray[index] = '';\n                    }\n                }\n            });\n\n        }\n\n        if (queryToArray.length) {\n            queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n        }\n\n        let arrayToQuery = queryToArray.join('&');\n\n        arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n        if (isMobile || 0) {\n            \/\/saving query\n            queryMobileUrl = arrayToQuery;\n        } else {\n            window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n        }\n\n    }\n\n    function appendFilterMobile(event) {\n        const filtersSearchBar = jQuery('.search .filters-content')\n        const filterId = 'for_' + jQuery(event.currentTarget).attr('id').replaceAll(' ', '_');\n        const category = jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title span').first().html();\n        const categoryId = event.currentTarget.id === \"find_in_description\"\n            ? event.currentTarget.id\n            : category.replaceAll(' ', '_').toLowerCase();\n        const id = jQuery(event.currentTarget).attr('id').replace(categoryId+'_', '');\n\n        let shownId = id.indexOf('_sp_') !== -1 ? id.replace('_sp_', ' ') : id;\n        shownId = shownId.indexOf('_and_') !== -1 ? shownId.replace('_and_', '&') : shownId;\n\n\n        const filterName = jQuery(event.currentTarget).next().html();\n\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const filterDiv = categoryId === 'location' || categoryId === 'category'\n                ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + filterName + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                : categoryId === \"is_on_special\" || categoryId === \"living_quarters\" || categoryId === \"ramps\"\n                    ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                    : categoryId !== 'find_in_description'\n                        ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + shownId + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                        : \"\";\n\n            filtersSearchBar.append(filterDiv);\n            jQuery('.search').show();\n        } else {\n            jQuery(\"#\" + filterId).parent().remove();\n        }\n    }\n\n    function handleButtonClick() {\n        let queryToArray = queryMobileUrl.split('&');\n        queryToArray = queryToArray.filter(filter => filter.indexOf('page_id') === -1);\n        queryMobileUrl = queryToArray.join('&');\n        queryMobileUrl = queryMobileUrl.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! queryMobileUrl.length ? '' : querySymbol;\n        window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + queryMobileUrl;\n    }\n\n<\/script>\n\n<style>\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox {\n        position: absolute;\n        z-index: -1;\n        opacity: 0;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label {\n        display: inline-flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        color: #232323;\n        pointer-events: auto!important;\n    }\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item label > span {\n        word-break: break-word;\n        display: -webkit-box;\n        \/*overflow: hidden;*\/\n        \/*text-overflow: ellipsis;*\/\n        \/*-webkit-line-clamp: 2; !* number of lines to show *!*\/\n        \/*-webkit-box-orient: vertical;*\/\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label::before {\n        content: '';\n        display: inline-block;\n        width: 1em;\n        height: 1em;\n        flex-shrink: 0;\n        flex-grow: 0;\n        border: 1px solid #232323;\n        border-radius: 0.25em;\n        margin-right: 0.5em;\n        background-repeat: no-repeat;\n        background-position: center center;\n        background-size: 50% 50%;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox:checked + label::before {\n        background-color: transparent;\n        background-image: url(\"data:image\/svg+xml,%3Csvg width='24' height='24' stroke='black' stroke-width='2' fill='black' xmlns='http:\/\/www.w3.org\/2000\/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M24 4.685l-16.327 17.315-7.673-9.054.761-.648 6.95 8.203 15.561-16.501.728.685z'\/%3E%3C\/svg%3E\");\n    }\n<\/style>\n                                                                                                            &nbsp;\n                                                        <span id=\"filter-count\"><span> (4)<\/span><\/span>\n                                                                                                    <\/div>\n                                            <\/div>\n\t\t\t\t\t\t\t\t\t\t                                    <\/div>\n\t\t\t\t\t\t\t\t                        <\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\n                        <div class=\"filter-wrap\">\n                            <div class=\"filter-title\" onclick=\"onFilterCategoryClick(event)\">\n                                <span data-filter-name=\"Years\">Years<\/span>\n                                <span id=\"category-count\"><\/span>\n                                <span class=\"filter-button\">\n                            <svg fill='white' height='20' viewBox='0 0 20 21' width='20'\n                                 xmlns='http:\/\/www.w3.org\/2000\/svg'>\n                                <path d='M7 10l5 5 5-5z'\/><path d='M0 0h24v24H0z' fill='none'\/>\n                            <\/svg>\n                        <\/span>\n                            <\/div>\n\t\t\t\t\t\t\t                                    <div class=\"filter-content slider\" style=\"display: none\">\n                                                                                <div class=\"filter-item slider\">\n\t\t\t\t\t\t\t\t\t\t\t\n<div class=\"range-wrapper\">\n    <div class=\"range\">\n        <input type=\"number\" class=\"range-value years\" value=\"2024\">\n        <span class=\"range-divider\">\u2013<\/span>\n        <input type=\"number\" class=\"range-value years\" value=\"2026\">\n    <\/div>\n<\/div>\n\n<div class=\"slider-wrapper\">\n    <div id=\"slider-range\" class=\"years\"><\/div>\n    <div class=\"marker-wrapper\">\n        <div class=\"marker\">2024<\/div>\n        <div class=\"marker\">2026<\/div>\n    <\/div>\n<\/div>\n\n\n<style>\n\n    \/* Chrome, Safari, Edge, Opera *\/\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider input::-webkit-outer-spin-button,\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider input::-webkit-inner-spin-button {\n        -webkit-appearance: none;\n        margin: 0;\n    }\n\n    \/* Firefox *\/\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider input[type=number] {\n        -moz-appearance: textfield;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider {\n        background: white;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider {\n        padding: 6px 0;\n        row-gap: 20px;\n    }\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider #slider-range {\n        background: #d7d7d7;\n        height: 2px;\n        position: relative;\n        border-radius: 100px;\n        max-width: 96%;\n        margin: 0 auto;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider #slider-range .ui-slider-range {\n        background: rgb(38, 77, 151);\n        height: 2px;\n        position: absolute;\n        transform: translateY(-0.5px);\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider #slider-range .ui-slider-handle {\n        position: absolute;\n        width: 18px;\n        height: 18px;\n        top: 50%;\n        display: block;\n        transform: translate(-50%, -50%);\n        border-radius: 100px;\n        \/*z-index: 10;*\/\n        background: white;\n        cursor: move; \/* fallback if grab cursor is unsupported *\/\n        cursor: grab;\n        cursor: -moz-grab;\n        cursor: -webkit-grab;\n        box-shadow: inset 0 0 0px 2px rgb(38, 77, 151);\n        transition: width 0.1s;\n        outline: none;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider .range-wrapper {\n        display: flex;\n        justify-content: end;\n        margin-bottom: 3%;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider .range-wrapper .range {\n        background: #fff;\n        max-width: fit-content;\n        color: #555;\n        \/*z-index: 10;*\/\n        position: relative;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider .range-wrapper .range .range-value {\n        border: 1px solid #d2d2d2;\n        border-radius: 2px;\n        width: 55px;\n        padding: 2px 4px;\n        font-size: 12px;\n        text-align: right;\n        display: inline-block;\n        color: rgb(38, 77, 151);\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .filter-item.slider .range-wrapper .range .range-divider {\n        margin: 0 4px;\n        color: #d2d2d2;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .marker-wrapper {\n\n        display: flex;\n        justify-content: space-between;\n        margin-top: 10px;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.slider .marker-wrapper .marker {\n\n        width: fit-content;\n        font-size: 10px;\n        color: #757575;\n    }\n\n<\/style>\n\n<script>\n\n    \/\/function onCategoryRemoveButtonClick(event) {\n    \/\/    var isMobile = \"\/\/\";\n    \/\/    const category = jQuery(event.currentTarget).parent().find('span').first().attr('id');\n    \/\/\n    \/\/    if (isMobile){\n    \/\/        jQuery(event.currentTarget).parent().remove();\n    \/\/\n    \/\/        if (!jQuery(\"#modal-filters-mobile .search .filters-content .filter\").length) {\n    \/\/            jQuery(\"#modal-filters-mobile .search\").hide();\n    \/\/        }\n    \/\/        \/\/ modal content position fix\n    \/\/        const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n    \/\/        jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n    \/\/\n    \/\/    }\n    \/\/\n    \/\/    let queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&');\n    \/\/    queryToArray = queryToArray.filter(filter => filter.indexOf('page_id=') === -1);\n    \/\/    queryToArray = queryToArray.filter(filter => filter.indexOf(category + \"=\") === -1);\n    \/\/    let arrayToQuery = queryToArray.join('&');\n    \/\/\n    \/\/    arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n    \/\/    let querySymbol = \"\/\/\".substr(\"\/\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n    \/\/    querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n    \/\/\n    \/\/    isMobile\n    \/\/        ? queryMobileUrl = arrayToQuery\n    \/\/        : window.location = \"\/\/\" + querySymbol + arrayToQuery;\n    \/\/\n    \/\/}\n\n    jQuery(document).ready(function () {\n\n        const min = parseInt('2024');\n        const max = parseInt('2026');\n        const category = \"years\";\n\n        \/\/ show filter content if category range changed\n        if(window.location.search.search(category + \"=\") > 0) {\n            jQuery('#slider-range.' + category).parent().parent().parent().show();\n            jQuery('#slider-range.' + category).parent().parent().parent().prev().find(\".filter-button\").addClass('flip');\n        }\n\n        \/\/ Initiate Slider\n        const valueMin = parseInt('2024');\n        const valueMax = parseInt('2026');\n\n        jQuery('#slider-range.' + category).slider({\n            range: true,\n            min: min,\n            max: max,\n            step: 1,\n            values: [valueMin, valueMax]\n        });\n\n        jQuery( '#slider-range.' + category ).slider({\n            slide: function (event, ui) {\n\n                \/\/ Update the range container values upon sliding\n                jQuery(event.target).parent().prev().find(\"input.range-value\").first()[0].value = ui.values[0];\n                jQuery(event.target).parent().prev().find(\"input.range-value\").last()[0].value = ui.values[1];\n\n                \/\/ Get old value\n                var previousVal = parseInt(jQuery(this).data('value'));\n\n                \/\/ Processing query after category changed\n                previousVal !== ui.value && onCategoryRangeChange();\n\n                \/\/ Save new value\n                jQuery(this).data({\n                    'value': parseInt(ui.value)\n                });\n            }\n        });\n\n\n        function rebuildSlider () {\n            let minValue = parseInt(jQuery('#slider-range.' + category).parent().prev().find(\"input.range-value\").first()[0].value);\n            let maxValue = parseInt(jQuery('#slider-range.' + category).parent().prev().find(\"input.range-value\").last()[0].value);\n\n            jQuery('#slider-range.' + category).slider({\n                range: true,\n                min: min,\n                max: max,\n                step: 1,\n                values: [minValue, maxValue]\n            });\n        }\n\n\n        jQuery('input.range-value.' + category).keypress(function (event) {\n            if(event.key === \"Enter\") {\n                rebuildSlider();\n                queryProcessing();\n            }\n        });\n\n        jQuery('input.range-value.' + category).change(() => {\n            if (isMobile || 0) {\n                rebuildSlider();\n                queryProcessing();\n            } else {\n                setTimeout(() => {\n                    const isInputInUse = jQuery(document.activeElement).hasClass('range-value');\n                    isInputInUse\n                        ? jQuery('input.range-value.' + category).mouseleave(() => queryProcessing())\n                        : queryProcessing();\n                }, 700);\n            }\n        });\n\n\n        function onCategoryRangeChange() {\n            jQuery('.filter-content.slider').mouseleave(() => queryProcessing());\n            jQuery('.filter-item.slider').mouseup(() => queryProcessing());\n\n            if (isMobile || 0) {\n                if (!jQuery('.search .filters-content .filter').length) {\n                    jQuery('.search').hide();\n                }\n                \/\/ modal content position fix\n                const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n                jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n\n            }\n        };\n\n\n        function queryProcessing() {\n            let minValue = parseInt(jQuery('#slider-range.' + category).parent().prev().find(\"input.range-value\").first()[0].value);\n            let maxValue = parseInt(jQuery('#slider-range.' + category).parent().prev().find(\"input.range-value\").last()[0].value);\n\n            if (minValue < min || minValue > max) {\n                minValue = min;\n            }\n            if (maxValue > max || maxValue < min) {\n                maxValue = max;\n            }\n            if (minValue === min && maxValue === max) {\n                let queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&');\n                queryToArray = queryToArray.filter((query) => query.search('page_id=') < 0);\n                queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n                queryToArray = queryToArray.filter((query) => query.search(category + '=') < 0);\n                let arrayToQuery = queryToArray.join('&');\n\n                arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n                let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n                querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n                if(isMobile || 0){\n                    jQuery('#'+ category).parent().first().remove()\n                    if( ! jQuery('#modal-filters-mobile .modal-header .filters-content .filter').length){\n                        jQuery('.search').hide();\n                    }\n                    \/\/ modal content position fix\n                    const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n                    jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n                };\n\n                (isMobile || 0)\n                    ? queryMobileUrl = arrayToQuery\n                    : window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n            } else {\n                let queryToArray;\n\n                if (isMobile || 0) {\n                    queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&')\n                } else {\n                    queryToArray = window.location.search.split('&')\n                }\n                queryToArray = queryToArray.filter((query) => query.search('page_id=') < 0);\n\n                let is_first_time = true;\n                queryToArray.map((query, index) => {\n                    if ( query.includes(category) && !query.includes('sort=') ) {\n                        queryToArray[index] = category + \"=\" + minValue + \"--\" + maxValue;\n                        is_first_time = false;\n                    }\n                });\n\n                is_first_time && queryToArray.push(category + \"=\" + minValue + \"--\" + maxValue);\n\n                if (queryToArray.length) {\n                    queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n                }\n                let arrayToQuery = queryToArray.join('&');\n                arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n                let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n                querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n                if(isMobile || 0) {\n                    if(is_first_time){\n                        appendCategoryFilterMobile(minValue, maxValue);\n                    } else {\n                        jQuery('#'+ category).html(category.replaceAll(\"_\",\" \") + ': '+ minValue+' - '+ maxValue);\n                    }\n                }\n\n                (isMobile || 0)\n                    ? queryMobileUrl = arrayToQuery\n                    : window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n            }\n        };\n\n\n        function appendCategoryFilterMobile(minValue, maxValue) {\n\n            jQuery('.filter ' + '#_button').length && jQuery('.filter ' + '#_button').parent().remove();\n\n            const filtersSearchBar = jQuery('.search .filters-content');\n            const filterDiv = \"<div class='filter'><span id='\" + category + \"'>\" + category.replaceAll('_', ' ') + \": \" + minValue + ' - ' + maxValue + \"<\/span><span class='drop-applied-filter' onclick='onCategoryRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\";\n            filtersSearchBar.append(filterDiv);\n!\n            \/\/ modal content position fix\n            jQuery('.search').show();\n            const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n            jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n\n        }\n    });\n\n\n<\/script>\n\n                                        <\/div>\n                                    <\/div>\n\t\t\t\t\t\t\t\t                        <\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t                        <div class=\"filter-wrap\"  >\n                            <div class=\"filter-title is_on_special\" onclick=\"onFilterCategoryClick(event)\">\n                                <span data-filter-name=\"is_on_special\">Is On Special<\/span>\n                                <span class=\"filter-button\">\n                                    <svg fill='white' height='20' viewBox='0 0 20 21' width='20'\n                                         xmlns='http:\/\/www.w3.org\/2000\/svg'>\n                                        <path d='M7 10l5 5 5-5z'\/><path d='M0 0h24v24H0z' fill='none'\/>\n                                    <\/svg>\n                                <\/span>\n                            <\/div>\n                            <div class=\"filter-content\" style=\"display: none\">\n                                                                <div class=\"filter-item\">\n                                    <div id=\"with-count\">\n                                        <input  class=\"custom-checkbox\"\n                                                                                                               type=\"checkbox\"\n                                                                                                               id=\"is_on_special_true\"\n                                                                                                               onchange=\"onCheckboxChange(event)\">\n                                        <label for=\"is_on_special_true\">Yes<\/label>\n                                        &nbsp;\n                                        <span id=\"filter-count\"><span>(1)<\/span><\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    \t\t\t\t\t\t\t\t\t\n                        <div class=\"filter-wrap\">\n                            <div class=\"filter-title\" onclick=\"onFilterCategoryClick(event)\">\n                                <span data-filter-name=\"Category Name\">Category<\/span>\n                                <span id=\"category-count\">1<\/span>\n                                <span class=\"filter-button\">\n                            <svg fill='white' height='20' viewBox='0 0 20 21' width='20'\n                                 xmlns='http:\/\/www.w3.org\/2000\/svg'>\n                                <path d='M7 10l5 5 5-5z'\/><path d='M0 0h24v24H0z' fill='none'\/>\n                            <\/svg>\n                        <\/span>\n                            <\/div>\n\t\t\t\t\t\t\t                                    <div class=\"filter-content\" style=\"display: none\">\n                                        \t\t\t\t\t\t\t\t\t\t                                            <div class=\"filter-item\">\n                                                <div id=\"with-count\">\n                                                    \n<input  class=\"custom-checkbox\" type=\"checkbox\" id=\"category_name_Stock_sp_\/_sp_Stock_sp_Combo_sp_Trailer\"\n                               onchange=\"onCheckboxChange(event)\">\n<label for=\"category_name_Stock_sp_\/_sp_Stock_sp_Combo_sp_Trailer\"><span>Stock \/ Stock Combo Trailer<\/span><\/label>\n\n<script>\n\n    \/\/jQuery(document).ready(() => {\n    \/\/    const id = \"\/\/\";\n    \/\/    const checkbox = jQuery(\"#\" + id);\n    \/\/    if (checkbox.prop('checked')) {\n    \/\/        \/\/Displays full block in navbar filters section if the checkbox inside is checked\n    \/\/        checkbox.parent().parent().show();\n    \/\/        \/\/ flip arrow for filter section\n    \/\/        checkbox.parent().parent().parent().find('.filter-button').addClass('flip');\n    \/\/    }\n    \/\/})\n    function adjustModalContentPosition() {\n        const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n        jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n    }\n\n    function onCheckboxChange(event) {\n        filterProcessQuery(event);\n        if (isMobile || 0) {\n            appendFilterMobile(event);\n            if (!jQuery('.search .filters-content .filter').length) {\n                jQuery('.search').hide();\n            }\n            adjustModalContentPosition();\n        }\n    }\n\n    var queryMobileUrl = '';\n\n    function filterProcessQuery(event) {\n        let category = event.currentTarget.id === 'find_in_description'\n            ? \"Find In Description\"\n            : jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title > span').first().data('filter-name');\n        category = category.toLowerCase().replaceAll(' ', '_');\n\n        let queryToArray;\n\n        if (isMobile || 0) {\n            queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&')\n        } else {\n            queryToArray = window.location.search.split('&')\n        }\n\n        queryToArray = queryToArray.filter(query => query.search('page_id=') < 0);\n\n        let isExist = false;\n\n        \/\/ on checkbox checked\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const id = event.currentTarget.id.replace(category + '_', '');\n\n            \/\/ For boolean filters (ramps, is_rental), replace value and uncheck the other option\n            const booleanFilters = ['ramps', 'is_rental'];\n            if (booleanFilters.includes(category)) {\n                \/\/ Uncheck the other checkbox\n                const otherValue = id === '1' ? '0' : '1';\n                jQuery('#' + category + '_' + otherValue).prop('checked', false);\n\n                \/\/ Replace the value in URL (not append)\n                queryToArray = queryToArray.filter(query => query.indexOf(category + '=') === -1);\n                queryToArray.push(category + '=' + id);\n                queryToArray = queryToArray.filter(filter => filter !== '');\n            } else if (queryToArray.count) {\n                queryToArray.push(category + '=' + id);\n            } else {\n                queryToArray.map(function (query) {\n                    if (query.indexOf(category + '=') !== -1) isExist = true;\n                });\n                if (isExist) {\n                    queryToArray.map((query, index) => {\n                        if (query.indexOf(category + '=') !== -1) {\n                            query = query.split('--');\n                            query.push(id);\n                            queryToArray[index] = query.join('--');\n                        }\n                    });\n                } else {\n                    queryToArray.push(category + '=' + id);\n                    queryToArray = queryToArray.filter(filter => filter !== '');\n                }\n\n            }\n\n        } else {\n            queryToArray.map((query, index) => {\n                if (query.indexOf(category + '=') !== -1) {\n                    query = query.split('=');\n                    query = query[1].split('--');\n                    let search = event.currentTarget.id.replace(category + '_', '').replaceAll(' ', '%20')\n                    query = query.filter(filter => filter.indexOf(search) === -1);\n\n                    if(query.length) {\n                        query = query.join('--')\n                        queryToArray[index] = category + '=' + query\n                    } else {\n                        queryToArray[index] = '';\n                    }\n                }\n            });\n\n        }\n\n        if (queryToArray.length) {\n            queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n        }\n\n        let arrayToQuery = queryToArray.join('&');\n\n        arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n        if (isMobile || 0) {\n            \/\/saving query\n            queryMobileUrl = arrayToQuery;\n        } else {\n            window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n        }\n\n    }\n\n    function appendFilterMobile(event) {\n        const filtersSearchBar = jQuery('.search .filters-content')\n        const filterId = 'for_' + jQuery(event.currentTarget).attr('id').replaceAll(' ', '_');\n        const category = jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title span').first().html();\n        const categoryId = event.currentTarget.id === \"find_in_description\"\n            ? event.currentTarget.id\n            : category.replaceAll(' ', '_').toLowerCase();\n        const id = jQuery(event.currentTarget).attr('id').replace(categoryId+'_', '');\n\n        let shownId = id.indexOf('_sp_') !== -1 ? id.replace('_sp_', ' ') : id;\n        shownId = shownId.indexOf('_and_') !== -1 ? shownId.replace('_and_', '&') : shownId;\n\n\n        const filterName = jQuery(event.currentTarget).next().html();\n\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const filterDiv = categoryId === 'location' || categoryId === 'category'\n                ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + filterName + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                : categoryId === \"is_on_special\" || categoryId === \"living_quarters\" || categoryId === \"ramps\"\n                    ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                    : categoryId !== 'find_in_description'\n                        ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + shownId + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                        : \"\";\n\n            filtersSearchBar.append(filterDiv);\n            jQuery('.search').show();\n        } else {\n            jQuery(\"#\" + filterId).parent().remove();\n        }\n    }\n\n    function handleButtonClick() {\n        let queryToArray = queryMobileUrl.split('&');\n        queryToArray = queryToArray.filter(filter => filter.indexOf('page_id') === -1);\n        queryMobileUrl = queryToArray.join('&');\n        queryMobileUrl = queryMobileUrl.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! queryMobileUrl.length ? '' : querySymbol;\n        window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + queryMobileUrl;\n    }\n\n<\/script>\n\n<style>\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox {\n        position: absolute;\n        z-index: -1;\n        opacity: 0;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label {\n        display: inline-flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        color: #232323;\n        pointer-events: auto!important;\n    }\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item label > span {\n        word-break: break-word;\n        display: -webkit-box;\n        \/*overflow: hidden;*\/\n        \/*text-overflow: ellipsis;*\/\n        \/*-webkit-line-clamp: 2; !* number of lines to show *!*\/\n        \/*-webkit-box-orient: vertical;*\/\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label::before {\n        content: '';\n        display: inline-block;\n        width: 1em;\n        height: 1em;\n        flex-shrink: 0;\n        flex-grow: 0;\n        border: 1px solid #232323;\n        border-radius: 0.25em;\n        margin-right: 0.5em;\n        background-repeat: no-repeat;\n        background-position: center center;\n        background-size: 50% 50%;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox:checked + label::before {\n        background-color: transparent;\n        background-image: url(\"data:image\/svg+xml,%3Csvg width='24' height='24' stroke='black' stroke-width='2' fill='black' xmlns='http:\/\/www.w3.org\/2000\/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M24 4.685l-16.327 17.315-7.673-9.054.761-.648 6.95 8.203 15.561-16.501.728.685z'\/%3E%3C\/svg%3E\");\n    }\n<\/style>\n                                                                                                            &nbsp;\n                                                        <span id=\"filter-count\"><span> (5)<\/span><\/span>\n                                                                                                    <\/div>\n                                            <\/div>\n\t\t\t\t\t\t\t\t\t\t                                    <\/div>\n\t\t\t\t\t\t\t\t                        <\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t                        <div class=\"filter-wrap\"  >\n                            <div class=\"filter-title is_rental\" onclick=\"onFilterCategoryClick(event)\">\n                                <span data-filter-name=\"is_rental\">Is Rental<\/span>\n                                <span class=\"filter-button\">\n                                    <svg fill='white' height='20' viewBox='0 0 20 21' width='20'\n                                         xmlns='http:\/\/www.w3.org\/2000\/svg'>\n                                        <path d='M7 10l5 5 5-5z'\/><path d='M0 0h24v24H0z' fill='none'\/>\n                                    <\/svg>\n                                <\/span>\n                            <\/div>\n                            <div class=\"filter-content\" style=\"display: none\">\n                                                                <div class=\"filter-item\">\n                                    <div id=\"with-count\">\n                                        <input  class=\"custom-checkbox\"\n                                                                                                             type=\"checkbox\"\n                                                                                                             id=\"is_rental_1\"\n                                                                                                             onchange=\"onCheckboxChange(event)\">\n                                        <label for=\"is_rental_1\">Yes<\/label>\n                                    <\/div>\n                                    <div id=\"with-count\">\n                                        <input  class=\"custom-checkbox\"\n                                                                                                           type=\"checkbox\"\n                                                                                                           id=\"is_rental_0\"\n                                                                                                           onchange=\"onCheckboxChange(event)\">\n                                        <label for=\"is_rental_0\">No<\/label>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    \t\t\t\t\t\t\n                        <div class=\"filter-wrap\">\n                            <div class=\"filter-title\" onclick=\"onFilterCategoryClick(event)\">\n                                <span data-filter-name=\"Location Name\">Location<\/span>\n                                <span id=\"category-count\">1<\/span>\n                                <span class=\"filter-button\">\n                            <svg fill='white' height='20' viewBox='0 0 20 21' width='20'\n                                 xmlns='http:\/\/www.w3.org\/2000\/svg'>\n                                <path d='M7 10l5 5 5-5z'\/><path d='M0 0h24v24H0z' fill='none'\/>\n                            <\/svg>\n                        <\/span>\n                            <\/div>\n\t\t\t\t\t\t\t                                    <div class=\"filter-content\" style=\"display: none\">\n                                        \t\t\t\t\t\t\t\t\t\t                                            <div class=\"filter-item\">\n                                                <div id=\"with-count\">\n                                                    \n<input  class=\"custom-checkbox\" type=\"checkbox\" id=\"location_name_The_sp_Trailer_sp_Depot\"\n                               onchange=\"onCheckboxChange(event)\">\n<label for=\"location_name_The_sp_Trailer_sp_Depot\"><span>The Trailer Depot<\/span><\/label>\n\n<script>\n\n    \/\/jQuery(document).ready(() => {\n    \/\/    const id = \"\/\/\";\n    \/\/    const checkbox = jQuery(\"#\" + id);\n    \/\/    if (checkbox.prop('checked')) {\n    \/\/        \/\/Displays full block in navbar filters section if the checkbox inside is checked\n    \/\/        checkbox.parent().parent().show();\n    \/\/        \/\/ flip arrow for filter section\n    \/\/        checkbox.parent().parent().parent().find('.filter-button').addClass('flip');\n    \/\/    }\n    \/\/})\n    function adjustModalContentPosition() {\n        const modalHeaderPos = jQuery('#modal-filters-mobile .modal-header').outerHeight();\n        jQuery('#modal-filters-mobile .modal-content .navbar').css('margin-top', modalHeaderPos + 'px');\n    }\n\n    function onCheckboxChange(event) {\n        filterProcessQuery(event);\n        if (isMobile || 0) {\n            appendFilterMobile(event);\n            if (!jQuery('.search .filters-content .filter').length) {\n                jQuery('.search').hide();\n            }\n            adjustModalContentPosition();\n        }\n    }\n\n    var queryMobileUrl = '';\n\n    function filterProcessQuery(event) {\n        let category = event.currentTarget.id === 'find_in_description'\n            ? \"Find In Description\"\n            : jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title > span').first().data('filter-name');\n        category = category.toLowerCase().replaceAll(' ', '_');\n\n        let queryToArray;\n\n        if (isMobile || 0) {\n            queryToArray = queryMobileUrl.length ? queryMobileUrl.split('&') : window.location.search.split('&')\n        } else {\n            queryToArray = window.location.search.split('&')\n        }\n\n        queryToArray = queryToArray.filter(query => query.search('page_id=') < 0);\n\n        let isExist = false;\n\n        \/\/ on checkbox checked\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const id = event.currentTarget.id.replace(category + '_', '');\n\n            \/\/ For boolean filters (ramps, is_rental), replace value and uncheck the other option\n            const booleanFilters = ['ramps', 'is_rental'];\n            if (booleanFilters.includes(category)) {\n                \/\/ Uncheck the other checkbox\n                const otherValue = id === '1' ? '0' : '1';\n                jQuery('#' + category + '_' + otherValue).prop('checked', false);\n\n                \/\/ Replace the value in URL (not append)\n                queryToArray = queryToArray.filter(query => query.indexOf(category + '=') === -1);\n                queryToArray.push(category + '=' + id);\n                queryToArray = queryToArray.filter(filter => filter !== '');\n            } else if (queryToArray.count) {\n                queryToArray.push(category + '=' + id);\n            } else {\n                queryToArray.map(function (query) {\n                    if (query.indexOf(category + '=') !== -1) isExist = true;\n                });\n                if (isExist) {\n                    queryToArray.map((query, index) => {\n                        if (query.indexOf(category + '=') !== -1) {\n                            query = query.split('--');\n                            query.push(id);\n                            queryToArray[index] = query.join('--');\n                        }\n                    });\n                } else {\n                    queryToArray.push(category + '=' + id);\n                    queryToArray = queryToArray.filter(filter => filter !== '');\n                }\n\n            }\n\n        } else {\n            queryToArray.map((query, index) => {\n                if (query.indexOf(category + '=') !== -1) {\n                    query = query.split('=');\n                    query = query[1].split('--');\n                    let search = event.currentTarget.id.replace(category + '_', '').replaceAll(' ', '%20')\n                    query = query.filter(filter => filter.indexOf(search) === -1);\n\n                    if(query.length) {\n                        query = query.join('--')\n                        queryToArray[index] = category + '=' + query\n                    } else {\n                        queryToArray[index] = '';\n                    }\n                }\n            });\n\n        }\n\n        if (queryToArray.length) {\n            queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n        }\n\n        let arrayToQuery = queryToArray.join('&');\n\n        arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! arrayToQuery.length ? '' : querySymbol;\n\n        if (isMobile || 0) {\n            \/\/saving query\n            queryMobileUrl = arrayToQuery;\n        } else {\n            window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n        }\n\n    }\n\n    function appendFilterMobile(event) {\n        const filtersSearchBar = jQuery('.search .filters-content')\n        const filterId = 'for_' + jQuery(event.currentTarget).attr('id').replaceAll(' ', '_');\n        const category = jQuery(event.currentTarget).closest(\".filter-wrap\").find('.filter-title span').first().html();\n        const categoryId = event.currentTarget.id === \"find_in_description\"\n            ? event.currentTarget.id\n            : category.replaceAll(' ', '_').toLowerCase();\n        const id = jQuery(event.currentTarget).attr('id').replace(categoryId+'_', '');\n\n        let shownId = id.indexOf('_sp_') !== -1 ? id.replace('_sp_', ' ') : id;\n        shownId = shownId.indexOf('_and_') !== -1 ? shownId.replace('_and_', '&') : shownId;\n\n\n        const filterName = jQuery(event.currentTarget).next().html();\n\n        if (jQuery(event.currentTarget).prop('checked')) {\n            const filterDiv = categoryId === 'location' || categoryId === 'category'\n                ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + filterName + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                : categoryId === \"is_on_special\" || categoryId === \"living_quarters\" || categoryId === \"ramps\"\n                    ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                    : categoryId !== 'find_in_description'\n                        ? \"<div class='filter'><span id='\" + filterId + \"'>\" + category + ': ' + shownId + \"<\/span><span class='drop-applied-filter' onclick='onFilterRemoveButtonClick(event)'><span class='dashicons dashicons-no-alt'><\/span><\/span><\/div>\"\n                        : \"\";\n\n            filtersSearchBar.append(filterDiv);\n            jQuery('.search').show();\n        } else {\n            jQuery(\"#\" + filterId).parent().remove();\n        }\n    }\n\n    function handleButtonClick() {\n        let queryToArray = queryMobileUrl.split('&');\n        queryToArray = queryToArray.filter(filter => filter.indexOf('page_id') === -1);\n        queryMobileUrl = queryToArray.join('&');\n        queryMobileUrl = queryMobileUrl.replace(\/^[&?]\/, '');\n        let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        querySymbol = ! queryMobileUrl.length ? '' : querySymbol;\n        window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + queryMobileUrl;\n    }\n\n<\/script>\n\n<style>\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox {\n        position: absolute;\n        z-index: -1;\n        opacity: 0;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label {\n        display: inline-flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        color: #232323;\n        pointer-events: auto!important;\n    }\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item label > span {\n        word-break: break-word;\n        display: -webkit-box;\n        \/*overflow: hidden;*\/\n        \/*text-overflow: ellipsis;*\/\n        \/*-webkit-line-clamp: 2; !* number of lines to show *!*\/\n        \/*-webkit-box-orient: vertical;*\/\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox + label::before {\n        content: '';\n        display: inline-block;\n        width: 1em;\n        height: 1em;\n        flex-shrink: 0;\n        flex-grow: 0;\n        border: 1px solid #232323;\n        border-radius: 0.25em;\n        margin-right: 0.5em;\n        background-repeat: no-repeat;\n        background-position: center center;\n        background-size: 50% 50%;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item .custom-checkbox:checked + label::before {\n        background-color: transparent;\n        background-image: url(\"data:image\/svg+xml,%3Csvg width='24' height='24' stroke='black' stroke-width='2' fill='black' xmlns='http:\/\/www.w3.org\/2000\/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M24 4.685l-16.327 17.315-7.673-9.054.761-.648 6.95 8.203 15.561-16.501.728.685z'\/%3E%3C\/svg%3E\");\n    }\n<\/style>\n                                                                                                            &nbsp;\n                                                        <span id=\"filter-count\"><span> (5)<\/span><\/span>\n                                                                                                    <\/div>\n                                            <\/div>\n\t\t\t\t\t\t\t\t\t\t                                    <\/div>\n\t\t\t\t\t\t\t\t                        <\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t                        <div class=\"filter-wrap\"  >\n                            <div class=\"filter-title is_featured\" onclick=\"onFilterCategoryClick(event)\">\n                                <span data-filter-name=\"is_featured\">Is Featured<\/span>\n                                <span class=\"filter-button\">\n                                    <svg fill='white' height='20' viewBox='0 0 20 21' width='20'\n                                         xmlns='http:\/\/www.w3.org\/2000\/svg'>\n                                        <path d='M7 10l5 5 5-5z'\/><path d='M0 0h24v24H0z' fill='none'\/>\n                                    <\/svg>\n                                <\/span>\n                            <\/div>\n                            <div class=\"filter-content\" style=\"display: none\">\n                                                                <div class=\"filter-item\">\n                                    <div id=\"with-count\">\n                                        <input  class=\"custom-checkbox\"\n                                                                                                               type=\"checkbox\"\n                                                                                                               id=\"is_featured_true\"\n                                                                                                               onchange=\"onCheckboxChange(event)\">\n                                        <label for=\"is_featured_true\">Yes<\/label>\n                                        &nbsp;\n                                        <span id=\"filter-count\"><span>(1)<\/span><\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    \t\t\t        <\/div>\n\t\n\n<script>\n\n    var isMobile = !!\"\";\n\n    if (isMobile) {\n        var queryMobileUrl = window.location.search.length ? window.location.search : queryMobileUrl;\n    }\n\n    isMobile && jQuery('#stock-search-input').on('input', function () {\n        const searchValue = jQuery(this).val();\n        if (queryMobileUrl.search('search=') === -1) {\n            queryMobileUrl += (queryMobileUrl ? \"&\" : \"\") + `search=${searchValue}`;\n        } else {\n            let queryToArray = queryMobileUrl.split('&');\n            queryToArray.map((query, key) => {\n                if (query.search('search=') !== -1) {\n                    queryToArray[key] = searchValue.length ? `search=${searchValue}` : '';\n                }\n            })\n            queryMobileUrl = queryToArray.join('&');\n        }\n    })\n\n\n    jQuery('#stock-search-input').keypress(function (event) {\n        if(event.currentTarget.value){\n            event.key === \"Enter\" && onSearchClick(event, 'search', true);\n        }\n    });\n\n    function onSearchClick(event, type, button_pressed = false) {\n        \/\/ const isSearchBbyDescription = jQuery(\"#find_in_description\").prop('checked');\n        const searchValue = button_pressed ? event.currentTarget.value : jQuery(event.currentTarget).prev().val();\n        let querySymbol = window.location.href.substr(window.location.href.length - 1, 1) === '\/' ? '?' : \"&\";\n        if (window.location.search.search(`${type}=`) > 0) {\n            let queryToArray = window.location.search.split('&');\n            queryToArray = queryToArray.filter((query) => query.search('page_id=') < 0);\n            queryToArray.map((query, index) => {\n                if (query.includes(type)) {\n                    queryToArray[index] = searchValue ? `${type}=` + searchValue : '';\n\n                    \/\/ if(searchValue && isSearchBbyDescription){\n                    \/\/     if(! queryToArray.includes(`find_in_description=true`)){\n                    \/\/         queryToArray.push('find_in_description=true')\n                    \/\/     }\n                    \/\/ }\n\n                    \/\/ if( ! isSearchBbyDescription && queryToArray.find(element => element.search(`find_in_description=`) !== -1 )) {\n                    \/\/     queryToArray = queryToArray.filter(query => query !== `find_in_description=true`)\n                    \/\/     queryToArray = queryToArray.filter(query => query !== `?find_in_description=true`)\n                    \/\/ }\n                }\n            });\n\n            if (queryToArray.length) {\n                queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n            }\n\n            let arrayToQuery = queryToArray.join('&');\n\n            arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n            let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n            querySymbol = !arrayToQuery.length ? '' : querySymbol;\n            window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n        } else {\n            \/\/ let searchParams;\n            \/\/ searchParams = isSearchBbyDescription\n            \/\/     ? window.location.search.indexOf('find_in_description=') === -1\n            \/\/         ? querySymbol + `${type}=` + searchValue + '&find_in_description=true'\n            \/\/         : querySymbol + `${type}=` + searchValue\n            \/\/     : querySymbol + `${type}=` + searchValue;\n\n            let searchValueEncoded = searchValue.replaceAll(' ', '%20').replaceAll('\"', '%22').replaceAll('+', '%2B');\n            let searchParams = querySymbol + `${type}=` + searchValueEncoded;\n\n            const urlObj = new URL(window.location.href + searchParams);\n            urlObj.searchParams.delete('pag_page');\n            window.location = urlObj.href;\n        }\n    }\n\n    jQuery(document).ready(() => {\n        jQuery('.filters-wrap input:checked').each(function () {\n            \/\/Displays full block in navbar filters section if the checkbox inside is checked\n            jQuery(this).closest(\".filter-wrap\").find(\".filter-content\").show();\n            \/\/ flip arrow for filter section\n            jQuery(this).closest(\".filter-wrap\").find('.filter-button').addClass('flip');\n        });\n\n        const isSearch = window.location.search.search('search=') !== -1;\n        if (isSearch) {\n            const formatQuery = window.location.search.replace(\/^[&?]\/, '');\n            let formatQueryToArray = formatQuery.split('&');\n            formatQueryToArray.map(queryParam => {\n                if (queryParam.search('search=') !== -1) {\n                    if (queryParam.split('=')[1].length) {\n                        jQuery('input#stock-search-input').val(decodeURIComponent(queryParam).split('=')[1].replaceAll('%20', ' ').replaceAll('%22', '\"').replaceAll('%2B', '+'));\n                        jQuery('.filter-content.search').show();\n                        jQuery('.filter-title.search').find('.filter-button').addClass('flip');\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n                }\n            })\n        }\n        onSearchInputChange();\n        jQuery('input#stock-search-input').on('input', () => onSearchInputChange());\n\n            });\n\n    \/\/ Function to get a parameter by name from the URL\n    function getParamValue(paramName) {\n        let url = new URL(window.location.href);\n        return url.searchParams.get(paramName);\n    }\n\n    \/\/ Function to set the form field values\n    function setFormFieldValues() {\n        let zipCode = getParamValue('zip_code');\n        let radius = getParamValue('radius');\n\n        \/\/ If ZIP code is not present in the URL\n        if (!zipCode) {\n            document.querySelector('#zip_code').value = \"\";\n        } else {\n            document.querySelector('#zip_code').value = zipCode;\n        }\n\n        \/\/ If radius is present in the URL, set the value of the radius select\n        if (radius) {\n            document.querySelector('#distance').value = radius;\n        } else {\n            document.querySelector('#distance').value = 100;\n        }\n    }\n\n    function scrollToFilterContent(content) {\n        const contentTopPos = jQuery(content).offset().top;\n        if (content.offset().top >= jQuery('.modal-content').outerHeight() * 0.5) {\n            console.log(true)\n            console.log(true)\n            jQuery('.modal-content').animate({scrollTop: contentTopPos + parseInt(content.css('height')) \/ 2}, 500)\n        }\n    }\n\n    function onFilterCategoryClick(event) {\n        const content = jQuery(event.currentTarget).next();\n        const isVisible = content.css('display') !== 'none';\n        if (!isVisible) {\n            content.show();\n            \/\/ isMobile && scrollToFilterContent(content);\n            jQuery(event.currentTarget).find('span.filter-button').addClass('flip');\n        } else {\n            content.hide();\n            jQuery(event.currentTarget).find('span.filter-button').removeClass('flip');\n        }\n    }\n\n    function clearZipSearch(event) {\n        event.preventDefault();\n        window.location.href = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\";\n    }\n\n    \/\/ Function to handle the Save button click event\n    function searchBasedZipCode(event) {\n        \/\/ Prevent the regular form submission\n        event.preventDefault();\n\n        \/\/ Get the form field values\n        let zipCode = document.querySelector('#zip_code').value;\n        let radius = document.querySelector('#distance').value;\n\n        \/\/ Create a URL object from the current URL\n        let url = new URL(window.location.href);\n\n        \/\/ Get the URLSearchParams object from the URL\n        let params = new URLSearchParams(url.search);\n\n        \/\/ Set new values for \"zip_code\" and \"radius\". This will update the values if they already exist, or add them if they don't.\n        zipCode ? params.set('zip_code', zipCode) : '';\n        radius ? params.set('radius', radius) : '';\n\n        \/\/ Replace the old parameters with our new set of parameters\n        url.search = params.toString();\n\n        const urlObj = new URL(url.toString());\n        urlObj.searchParams.delete('pag_page');\n        window.location = urlObj.href;\n    }\n\n    function sortQueryProcessing(e) {\n\n        \/\/if (e.target.value === 'relevance_default') {\n        \/\/    let queryToArray = window.location.search.split('&');\n        \/\/    queryToArray = queryToArray.filter((query) => query.search('page_id=') < 0);\n        \/\/    queryToArray = queryToArray.filter((query) => query.search('sort=') < 0);\n        \/\/    let arrayToQuery = queryToArray.join('&');\n        \/\/\n        \/\/    arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n        \/\/    let querySymbol = \"\/\/\".substr(\"\/\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n        \/\/    querySymbol = !arrayToQuery.length ? '' : querySymbol;\n        \/\/\n        \/\/    window.location = \"\/\/\" + querySymbol + arrayToQuery;\n        \/\/    return;\n        \/\/}\n\n        let querySymbol = window.location.href.substr(window.location.href.length - 1, 1) === '\/' ? '?' : \"&\";\n        if (window.location.search.search('sort=') > 0) {\n            let queryToArray = window.location.search.split('&');\n            queryToArray = queryToArray.filter((query) => query.search('page_id=') < 0);\n            queryToArray.map((query, index) => {\n                if (query.includes('sort')) {\n                    queryToArray[index] = \"sort=\" + e.target.value;\n                }\n            });\n            if (queryToArray.length) {\n                queryToArray = queryToArray.filter(query => query.indexOf('pag_page') === -1);\n            }\n            let arrayToQuery = queryToArray.join('&');\n\n            arrayToQuery = arrayToQuery.replace(\/^[&?]\/, '');\n            let querySymbol = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".substr(\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\".length - 1, 1) === '\/' ? '?' : \"&\";\n            querySymbol = !arrayToQuery.length ? '' : querySymbol;\n\n            window.location = \"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" + querySymbol + arrayToQuery;\n        } else {\n            const urlObj = new URL(window.location.href + querySymbol + \"sort=\" + e.target.value);\n            urlObj.searchParams.delete('pag_page');\n            window.location = urlObj.href;\n        }\n\n    }\n\n    jQuery('#user_sort').change(function (e) {\n        sortQueryProcessing(e);\n    });\n\n    function onSearchInputChange() {\n        const searchInput = jQuery('#stock-search-input');\n        const searchButton = jQuery('#stock-search-button');\n        if (jQuery(searchInput).length) {\n            if (jQuery(searchInput).val().length) {\n                searchButton.css({opacity: 1, pointerEvents: 'auto'});\n            } else {\n                searchButton.css({opacity: 0.5, pointerEvents: 'none'});\n            }\n        }\n    }\n\n<\/script>\n\n<style>\n    .search-container {\n        max-width: 300px;\n        background-color: #fff;\n        padding: 5px;\n    }\n\n    .input-group {\n        margin-bottom: 15px;\n        position: relative;\n    }\n\n    .input-group label {\n        display: block;\n        font-size: 12px;\n        color: #333;\n        margin-bottom: 5px;\n    }\n\n    .input-group input {\n        width: 100%;\n        padding: 10px;\n        font-size: 14px;\n        border: 1px solid #ccc;\n    }\n\n    .settings-icon {\n        position: absolute;\n        right: 10px;\n        top: 35px;\n        font-size: 14px;\n        color: #333;\n    }\n\n    .input-group select {\n        width: 100%;\n        padding: 10px;\n        font-size: 14px;\n        border: 1px solid #ccc;\n        cursor: pointer;\n    }\n\n    .button-group {\n        display: flex;\n        justify-content: space-between;\n        margin-top: 15px;\n    }\n\n    .clear-button,\n    .save-button {\n        width: 48%;\n        padding: 10px;\n        font-size: 14px;\n        border: none;\n        border-radius: 4px;\n        cursor: pointer;\n    }\n\n    .clear-button {\n        background-color: #eee;\n        color: #333;\n    }\n\n    .save-button {\n        background-color: #ff9b40;\n        color: #fff;\n    }\n\n    .clear-button:hover {\n        background-color: #ddd;\n    }\n\n    .save-button:hover {\n        background-color: #ff9b40;\n    }\n\n    #trailer_funnel #find_in_description_label {\n        font-size: 14px;\n    }\n\n    #trailer_funnel .navbar {\n        font-size: 14px;\n    }\n\n    #trailer_funnel .navbar .sort {\n        color: rgb(38, 77, 151);\n        display: flex;\n        flex-flow: nowrap;\n        align-items: center;\n        gap: 5px;\n        font-weight: bold;\n        width: 100%;\n    }\n\n    #trailer_funnel .navbar .sort select {\n        color: rgb(38, 77, 151);\n        width: 100%;\n        border-color: rgb(38, 77, 151);\n        border-radius: 20px;\n        font-weight: 500;\n        padding: 8px 15px;\n        -webkit-appearance: none;\n        -moz-appearance: none;\n        background: transparent;\n        background-image: url(\"data:image\/svg+xml;utf8,<svg fill='rgb(38, 77, 151)' height='24' viewBox='0 0 24 24' width='24' xmlns='http:\/\/www.w3.org\/2000\/svg'><path d='M7 10l5 5 5-5z'\/><path d='M0 0h24v24H0z' fill='none'\/><\/svg>\");\n        background-repeat: no-repeat;\n        background-position-x: 98%;\n        background-position-y: center;\n        font-size: 14px;\n        min-height: 30px;\n    }\n\n    #trailer_funnel .navbar .filters-wrap {\n        display: flex;\n        flex-flow: column;\n        row-gap: 15px;\n        margin-top: 15px;\n        width: 100%;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-wrap {\n        display: flex;\n        flex-flow: column;\n        gap: 5px;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-title {\n        display: flex;\n        \/*justify-content: space-between;*\/\n        background: rgb(38, 77, 151);\n        border-radius: 3px;\n        color: white;\n        font-weight: bold;\n        padding: 8px 10px;\n        position: relative;\n        cursor: pointer;\n        align-items: center;\n        column-gap: 10px;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-title span#category-count {\n        opacity: .6;\n        font-weight: lighter;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-title.search {\n        margin: 0;\n        font-size: 14px;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-title .filter-button {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        margin-left: auto;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content {\n        display: flex;\n        flex-flow: column;\n        border-radius: 3px;\n        gap: 5px;\n        background: #fbfbfb;\n        font-size: 14px;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content.search {\n        background-color: transparent;\n        border: unset;\n        padding: 0;\n        margin: 0;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item {\n        display: flex;\n        flex-flow: column;\n        padding: 6px 10px;\n        row-gap: 3px;\n        \/*justify-content: space-between;*\/\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item div#with-count {\n        width: 100%;\n        display: flex;\n        align-items: center;\n        \/*justify-content: space-between;*\/\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item div#with-count span#filter-count {\n        \/*min-width: 32px;*\/\n        \/*font-weight: bold;*\/\n        \/*border-radius: 20px;*\/\n        \/*border: 1px solid black;*\/\n        \/*font-size: 10px;*\/\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        opacity: .6;\n        font-weight: lighter;\n        \/*background-color: #f4eb49;*\/\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item.search {\n        padding: 0 !important;\n        border: none;\n        margin: 0;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item #stock-search * {\n        border-radius: 3px;\n    }\n\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item #stock-search {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        height: 35px;\n        column-gap: 8px;\n        max-width: 100%;\n        overflow: hidden;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item #stock-search #stock-search-input {\n        padding: 0 8px;\n        background-color: #f7f6f6;\n        border: none;\n        font-size: 14px;\n        min-height: 100%;\n        width: 100%;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item #stock-search #stock-search-button {\n        background-color: rgb(38, 77, 151);\n        min-width: 20%;\n        cursor: pointer;\n        min-height: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n\n    #trailer_funnel .navbar .filters-wrap .filter-content .filter-item #stock-search #stock-search-button .dashicons-search {\n        color: white;\n        scale: 1.3;\n    }\n\n    #trailer_funnel .navbar .flip {\n        transform: rotate(-180deg);\n        transform-origin: 60% 50%;\n    }\n\n    @media screen and (max-width: 600px) {\n        .search-container {\n            margin: 0 auto;\n            padding-bottom: 30px;\n        }\n\n        #trailer_funnel .navbar .filters-wrap .filter-content.search {\n            padding: 2% 5% !important;\n        }\n\n        #trailer_funnel .navbar .filters-wrap .filter-content .filter-item #stock-search #stock-search-button {\n            display: none;\n        }\n\n        #trailer_funnel .navbar .filters-wrap .filter-content .filter-item #stock-search #stock-search-input {\n            min-width: 100%;\n            background-color: white;\n        }\n    }\n\n<\/style>\n                            <\/div>\n                    \n                    <div class=\"content\">\n                                                    <span id=\"units-count\"><span>5<\/span> units<\/span>\n                                                                                                    <div class=\"items\">\n                                <script src=\"https:\/\/uicdn.toast.com\/editor\/latest\/toastui-editor-all.min.js\"><\/script>\n<link rel=\"stylesheet\" href=\"https:\/\/uicdn.toast.com\/editor\/latest\/toastui-editor.min.css\"\/>\n\n\n\t<div class=\"item-wrapper\">\n\t\t<a href=\"https:\/\/www.thetrailerdepot.com\/unit\/featherlite-6-7-x-16-livestock-bumper-pull-trailer-968044\" class=\"item-link\">\n\t\t\t<div class=\"item\">\n\t\t\t\t<div class=\"item-img\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"loader\" style=\"z-index: -1\">\n\t\t\t\t\t\t\t\t<div class=\"lds-default\">\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n                            <div style=\"display: none;\">\n                                                            <\/div>\n                            <img decoding=\"async\" id=\"srp-preloaded\" src=\"https:\/\/cdn.datalink.ai\/items\/968044\/thumbnails\/img_5151_6nfpc44ua.jpg\"\n                                 url=\"https:\/\/cdn.datalink.ai\/items\/968044\/images\/img_5151_6nfpc44ua.jpg\"\n                                 alt=\"New FEATHERLITE 6\u20197\u2033 X 16\u2032 LIVESTOCK BUMPER PULL TRAILER\">\n                            \t<div class=\"img-overlay\">\n\t\t<div class=\"img-overlay-wrapper\">\n\t\t\t\t\t<\/div>\n\t<\/div>\n\t\n<style>\n\t.img-overlay {\n\t\tz-index: 1;\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n\n\t.img-overlay-wrapper {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tdisplay: flex;\n\t\tflex-flow: column;\n\t\tposition: relative;\n\t}\n\n\t.img-overlay-wrapper .overlay-header {\n\t\tbackground-color: #ffffff;\n\t\tcolor: #000000;\n\t\tfont-weight: 600;\n\t\tfont-size: 14px;\n\t\tmargin-bottom: auto;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tpadding: 1% 0;\n\t}\n\n\t.img-overlay-wrapper .overlay-header span.header-text {\n\t\tmax-width: 100%;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t}\n\n\n\t.img-overlay-wrapper .overlay-logo-wrapper {\n\t\tposition: absolute;\n\t\tmax-width: 25%;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-logo-wrapper {\n\t\tposition: absolute;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-wrapper {\n\t\tposition: absolute;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tz-index: 1 !important;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-green {\n\t\tpadding: 5px;\n\t\tcolor: white;\n\t\tbackground-color: green;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-red {\n\t\tpadding: 5px;\n\t\tcolor: white;\n\t\tbackground-color: red;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-wrapper.lower-right,\n\t.img-overlay-wrapper .overlay-logo-wrapper.lower-right,\n\t.img-overlay-wrapper .status-overlay-logo-wrapper.lower-right {\n\t\tbottom: 0;\n\t\tright: 0;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-wrapper.lower-left,\n\t.img-overlay-wrapper .overlay-logo-wrapper.lower-left,\n\t.img-overlay-wrapper .status-overlay-logo-wrapper.lower-left {\n\t\tbottom: 0;\n\t\tleft: 0;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-wrapper.upper-right,\n\t.img-overlay-wrapper .overlay-logo-wrapper.upper-right,\n\t.img-overlay-wrapper .status-overlay-logo-wrapper.upper-right {\n\t\ttop: 0;\n\t\tright: 0;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-wrapper.upper-left,\n\t.img-overlay-wrapper .overlay-logo-wrapper.upper-left,\n\t.img-overlay-wrapper .status-overlay-logo-wrapper.upper-left {\n\t\ttop: 0;\n\t\tleft: 0;\n\t}\n\n\t.img-overlay-wrapper .overlay-logo-wrapper img.overlay-logo,\n\t.img-overlay-wrapper .status-overlay-logo-wrapper img.status-overlay-logo {\n\t\tmax-width: 100%;\n\t\tmax-height: 100%;\n\t\tobject-fit: cover;\n\t}\n\n\n\t.img-overlay-wrapper .overlay-footer {\n\t\tbackground-color: #ffffff;\n\t\tcolor: #000000;\n\t\tfont-weight: 600;\n\t\tfont-size: 14px;\n\t\tmargin-top: auto;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tpadding: 1% 0;\n\t}\n\n\t.img-overlay-wrapper .overlay-footer span.footer-text {\n\t\tmax-width: 100%;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t}\n\n\t@media screen and (max-width: 600px) {\n\t\t.img-overlay {\n\t\t\ttop: 0;\n\t\t\twidth: 100%;\n\t\t\tmin-height: 200px;\n\t\t\tmax-height: 200px;\n\t\t}\n\n\t\t.img-overlay-wrapper .overlay-logo-wrapper img.overlay-logo,\n\t\t.img-overlay-wrapper .status-overlay-logo-wrapper img.status-overlay-logo {\n\t\t\tmax-width: 100% !important;\n\t\t\tmin-width: 100% !important;\n\t\t\tmax-height: 100% !important;\n\t\t\tmin-height: unset !important;\n\t\t\tobject-fit: cover !important;\n\t\t}\n\t}\n<\/style>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"item-info\">\n\t\t\t\t\t\t\t\t\t<div class=\"item-title\">\n\n\t\t\t\t\t\t<div class=\"title\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"prefix\">New<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"label\">FEATHERLITE 6\u20197\u2033 X 16\u2032 LIVESTOCK BUMPER PULL TRAILER<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"price \">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>$21,495.00<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"banners\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"item-stock\">\n\t\t\t\t\t\t<div class=\"stock\">\n\t\t\t\t\t\t\t<span>Stock #:<\/span>\n\t\t\t\t\t\t\t<span style=\"font-weight: 800\">165748<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"location\">\n                        <span class=\"img\">\n                            <svg fill=\"#747474\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\txmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" width=\"10px\" height=\"10px\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewBox=\"-40 0 395.71 395.71\" xml:space=\"preserve\" stroke=\"#747474\">\n                                <path\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M197.849,0C122.131,0,60.531,61.609,60.531,137.329c0,72.887,124.591,243.177,129.896,250.388l4.951,6.738 c0.579,0.792,1.501,1.255,2.471,1.255c0.985,0,1.901-0.463,2.486-1.255l4.948-6.738c5.308-7.211,129.896-177.501,129.896-250.388 C335.179,61.609,273.569,0,197.849,0z M197.849,88.138c27.13,0,49.191,22.062,49.191,49.191c0,27.115-22.062,49.191-49.191,49.191 c-27.114,0-49.191-22.076-49.191-49.191C148.658,110.2,170.734,88.138,197.849,88.138z\"><\/path>\n                            <\/svg>\n                        <\/span>\n\t\t\t\t\t\t\t<span>\n                                The Trailer Depot<\/span>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"msrp\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n                                                                                                                \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t<div class=\"item-specs\">\n\t\t\t\t\t<div class=\"specs-first\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>Floor Length<\/span>\n\t\t\t\t\t\t\t\t\t\t<span style=\"font-weight: bold\">16ft <\/span>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>GVWR<\/span>\n\t\t\t\t\t\t\t\t\t\t<span style=\"font-weight: bold\">7,000 lbs<\/span>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>Color<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span style=\"font-weight: bold\">White<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>Pull Type<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span style=\"font-weight: bold\">Bumper<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"specs-buttons\">\n\n                                                            <button\n                                        class=\"button view-details\" type=\"button\">\n                                    View Details                                <\/button>\n                            \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t<\/div>\n\t<\/a>\n\t<\/div>\n\t\n\t<style>\n        #trailer_funnel .schema {\n            display: none;\n        }\n\n\t\t#trailer_funnel .items a.item-link {\n\t\t\tcolor: inherit !important;\n\t\t\ttext-decoration: inherit !important;\n\t\t}\n\n\t\t#trailer_funnel .items a.item-link:hover {\n\t\t\tcolor: inherit !important;\n\t\t\ttext-decoration: inherit !important;\n\t\t}\n\t<\/style>\n\t\n\t<script>\n\n\t\tjQuery(\".specs-buttons\").on('click', function (e) {\n\t\t\te.stopPropagation();\n\t\t})\n\n\t\tjQuery(\".custom-buttons\").on('click', function (event) {\n\t\t\tevent.stopPropagation();\n\t\t});\n\n\t<\/script>\n\n\t\n\t\n\t<div class=\"item-wrapper\">\n\t\t<a href=\"https:\/\/www.thetrailerdepot.com\/unit\/featherlite-8-x-24-livestock-gooseneck-trailer-16k-880692\" class=\"item-link\">\n\t\t\t<div class=\"item\">\n\t\t\t\t<div class=\"item-img\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"loader\" style=\"z-index: -1\">\n\t\t\t\t\t\t\t\t<div class=\"lds-default\">\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n                            <div style=\"display: none;\">\n                                                            <\/div>\n                            <img decoding=\"async\" id=\"srp-preloaded\" src=\"https:\/\/cdn.datalink.ai\/items\/880692\/thumbnails\/img_4557_49xjedlpw.jpg\"\n                                 url=\"https:\/\/cdn.datalink.ai\/items\/880692\/images\/img_4557_49xjedlpw.jpg\"\n                                 alt=\"New Featherlite 8' x 24' Livestock Gooseneck Trailer 16K\">\n                            \t<div class=\"img-overlay\">\n\t\t<div class=\"img-overlay-wrapper\">\n\t\t\t\t\t<\/div>\n\t<\/div>\n\t\n<style>\n\t.img-overlay {\n\t\tz-index: 1;\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n\n\t.img-overlay-wrapper {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tdisplay: flex;\n\t\tflex-flow: column;\n\t\tposition: relative;\n\t}\n\n\t.img-overlay-wrapper .overlay-header {\n\t\tbackground-color: #ffffff;\n\t\tcolor: #000000;\n\t\tfont-weight: 600;\n\t\tfont-size: 14px;\n\t\tmargin-bottom: auto;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tpadding: 1% 0;\n\t}\n\n\t.img-overlay-wrapper .overlay-header span.header-text {\n\t\tmax-width: 100%;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t}\n\n\n\t.img-overlay-wrapper .overlay-logo-wrapper {\n\t\tposition: absolute;\n\t\tmax-width: 25%;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-logo-wrapper {\n\t\tposition: absolute;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-wrapper {\n\t\tposition: absolute;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tz-index: 1 !important;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-green {\n\t\tpadding: 5px;\n\t\tcolor: white;\n\t\tbackground-color: green;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-red {\n\t\tpadding: 5px;\n\t\tcolor: white;\n\t\tbackground-color: red;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-wrapper.lower-right,\n\t.img-overlay-wrapper .overlay-logo-wrapper.lower-right,\n\t.img-overlay-wrapper .status-overlay-logo-wrapper.lower-right {\n\t\tbottom: 0;\n\t\tright: 0;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-wrapper.lower-left,\n\t.img-overlay-wrapper .overlay-logo-wrapper.lower-left,\n\t.img-overlay-wrapper .status-overlay-logo-wrapper.lower-left {\n\t\tbottom: 0;\n\t\tleft: 0;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-wrapper.upper-right,\n\t.img-overlay-wrapper .overlay-logo-wrapper.upper-right,\n\t.img-overlay-wrapper .status-overlay-logo-wrapper.upper-right {\n\t\ttop: 0;\n\t\tright: 0;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-wrapper.upper-left,\n\t.img-overlay-wrapper .overlay-logo-wrapper.upper-left,\n\t.img-overlay-wrapper .status-overlay-logo-wrapper.upper-left {\n\t\ttop: 0;\n\t\tleft: 0;\n\t}\n\n\t.img-overlay-wrapper .overlay-logo-wrapper img.overlay-logo,\n\t.img-overlay-wrapper .status-overlay-logo-wrapper img.status-overlay-logo {\n\t\tmax-width: 100%;\n\t\tmax-height: 100%;\n\t\tobject-fit: cover;\n\t}\n\n\n\t.img-overlay-wrapper .overlay-footer {\n\t\tbackground-color: #ffffff;\n\t\tcolor: #000000;\n\t\tfont-weight: 600;\n\t\tfont-size: 14px;\n\t\tmargin-top: auto;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tpadding: 1% 0;\n\t}\n\n\t.img-overlay-wrapper .overlay-footer span.footer-text {\n\t\tmax-width: 100%;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t}\n\n\t@media screen and (max-width: 600px) {\n\t\t.img-overlay {\n\t\t\ttop: 0;\n\t\t\twidth: 100%;\n\t\t\tmin-height: 200px;\n\t\t\tmax-height: 200px;\n\t\t}\n\n\t\t.img-overlay-wrapper .overlay-logo-wrapper img.overlay-logo,\n\t\t.img-overlay-wrapper .status-overlay-logo-wrapper img.status-overlay-logo {\n\t\t\tmax-width: 100% !important;\n\t\t\tmin-width: 100% !important;\n\t\t\tmax-height: 100% !important;\n\t\t\tmin-height: unset !important;\n\t\t\tobject-fit: cover !important;\n\t\t}\n\t}\n<\/style>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"item-info\">\n\t\t\t\t\t\t\t\t\t<div class=\"item-title\">\n\n\t\t\t\t\t\t<div class=\"title\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"prefix\">New<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"label\">Featherlite 8' x 24' Livestock Gooseneck Trailer 16K<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"price \">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>$44,300.00<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"banners\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"banner featured\">Featured<\/span>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"item-stock\">\n\t\t\t\t\t\t<div class=\"stock\">\n\t\t\t\t\t\t\t<span>Stock #:<\/span>\n\t\t\t\t\t\t\t<span style=\"font-weight: 800\">165679<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"location\">\n                        <span class=\"img\">\n                            <svg fill=\"#747474\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\txmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" width=\"10px\" height=\"10px\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewBox=\"-40 0 395.71 395.71\" xml:space=\"preserve\" stroke=\"#747474\">\n                                <path\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M197.849,0C122.131,0,60.531,61.609,60.531,137.329c0,72.887,124.591,243.177,129.896,250.388l4.951,6.738 c0.579,0.792,1.501,1.255,2.471,1.255c0.985,0,1.901-0.463,2.486-1.255l4.948-6.738c5.308-7.211,129.896-177.501,129.896-250.388 C335.179,61.609,273.569,0,197.849,0z M197.849,88.138c27.13,0,49.191,22.062,49.191,49.191c0,27.115-22.062,49.191-49.191,49.191 c-27.114,0-49.191-22.076-49.191-49.191C148.658,110.2,170.734,88.138,197.849,88.138z\"><\/path>\n                            <\/svg>\n                        <\/span>\n\t\t\t\t\t\t\t<span>\n                                The Trailer Depot<\/span>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"msrp\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n                                                                                                                \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t<div class=\"item-specs\">\n\t\t\t\t\t<div class=\"specs-first\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>Floor Length<\/span>\n\t\t\t\t\t\t\t\t\t\t<span style=\"font-weight: bold\">24ft <\/span>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>GVWR<\/span>\n\t\t\t\t\t\t\t\t\t\t<span style=\"font-weight: bold\">16,000 lbs<\/span>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>Color<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span style=\"font-weight: bold\">Silver<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>Pull Type<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span style=\"font-weight: bold\">Gooseneck<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"specs-buttons\">\n\n                                                            <button\n                                        class=\"button view-details\" type=\"button\">\n                                    View Details                                <\/button>\n                            \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t<\/div>\n\t<\/a>\n\t<\/div>\n\t\n\t<style>\n        #trailer_funnel .schema {\n            display: none;\n        }\n\n\t\t#trailer_funnel .items a.item-link {\n\t\t\tcolor: inherit !important;\n\t\t\ttext-decoration: inherit !important;\n\t\t}\n\n\t\t#trailer_funnel .items a.item-link:hover {\n\t\t\tcolor: inherit !important;\n\t\t\ttext-decoration: inherit !important;\n\t\t}\n\t<\/style>\n\t\n\t<script>\n\n\t\tjQuery(\".specs-buttons\").on('click', function (e) {\n\t\t\te.stopPropagation();\n\t\t})\n\n\t\tjQuery(\".custom-buttons\").on('click', function (event) {\n\t\t\tevent.stopPropagation();\n\t\t});\n\n\t<\/script>\n\n\t\n\t\n\t<div class=\"item-wrapper\">\n\t\t<a href=\"https:\/\/www.thetrailerdepot.com\/unit\/valley-6-x-16-livestock-bumper-pull-trailer-7k-611396\" class=\"item-link\">\n\t\t\t<div class=\"item\">\n\t\t\t\t<div class=\"item-img\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"loader\" style=\"z-index: -1\">\n\t\t\t\t\t\t\t\t<div class=\"lds-default\">\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n                            <div style=\"display: none;\">\n                                                            <\/div>\n                            <img decoding=\"async\" id=\"srp-preloaded\" src=\"https:\/\/cdn.datalink.ai\/items\/611396\/thumbnails\/IMG_2177-mrlqt.jpg\"\n                                 url=\"https:\/\/cdn.datalink.ai\/items\/611396\/images\/IMG_2177-mrlqt.jpg\"\n                                 alt=\"New Valley 6' x 16' Livestock Bumper Pull Trailer 7K\">\n                            \t<div class=\"img-overlay\">\n\t\t<div class=\"img-overlay-wrapper\">\n\t\t\t\t\t<\/div>\n\t<\/div>\n\t\n<style>\n\t.img-overlay {\n\t\tz-index: 1;\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n\n\t.img-overlay-wrapper {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tdisplay: flex;\n\t\tflex-flow: column;\n\t\tposition: relative;\n\t}\n\n\t.img-overlay-wrapper .overlay-header {\n\t\tbackground-color: #ffffff;\n\t\tcolor: #000000;\n\t\tfont-weight: 600;\n\t\tfont-size: 14px;\n\t\tmargin-bottom: auto;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tpadding: 1% 0;\n\t}\n\n\t.img-overlay-wrapper .overlay-header span.header-text {\n\t\tmax-width: 100%;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t}\n\n\n\t.img-overlay-wrapper .overlay-logo-wrapper {\n\t\tposition: absolute;\n\t\tmax-width: 25%;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-logo-wrapper {\n\t\tposition: absolute;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-wrapper {\n\t\tposition: absolute;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tz-index: 1 !important;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-green {\n\t\tpadding: 5px;\n\t\tcolor: white;\n\t\tbackground-color: green;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-red {\n\t\tpadding: 5px;\n\t\tcolor: white;\n\t\tbackground-color: red;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-wrapper.lower-right,\n\t.img-overlay-wrapper .overlay-logo-wrapper.lower-right,\n\t.img-overlay-wrapper .status-overlay-logo-wrapper.lower-right {\n\t\tbottom: 0;\n\t\tright: 0;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-wrapper.lower-left,\n\t.img-overlay-wrapper .overlay-logo-wrapper.lower-left,\n\t.img-overlay-wrapper .status-overlay-logo-wrapper.lower-left {\n\t\tbottom: 0;\n\t\tleft: 0;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-wrapper.upper-right,\n\t.img-overlay-wrapper .overlay-logo-wrapper.upper-right,\n\t.img-overlay-wrapper .status-overlay-logo-wrapper.upper-right {\n\t\ttop: 0;\n\t\tright: 0;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-wrapper.upper-left,\n\t.img-overlay-wrapper .overlay-logo-wrapper.upper-left,\n\t.img-overlay-wrapper .status-overlay-logo-wrapper.upper-left {\n\t\ttop: 0;\n\t\tleft: 0;\n\t}\n\n\t.img-overlay-wrapper .overlay-logo-wrapper img.overlay-logo,\n\t.img-overlay-wrapper .status-overlay-logo-wrapper img.status-overlay-logo {\n\t\tmax-width: 100%;\n\t\tmax-height: 100%;\n\t\tobject-fit: cover;\n\t}\n\n\n\t.img-overlay-wrapper .overlay-footer {\n\t\tbackground-color: #ffffff;\n\t\tcolor: #000000;\n\t\tfont-weight: 600;\n\t\tfont-size: 14px;\n\t\tmargin-top: auto;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tpadding: 1% 0;\n\t}\n\n\t.img-overlay-wrapper .overlay-footer span.footer-text {\n\t\tmax-width: 100%;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t}\n\n\t@media screen and (max-width: 600px) {\n\t\t.img-overlay {\n\t\t\ttop: 0;\n\t\t\twidth: 100%;\n\t\t\tmin-height: 200px;\n\t\t\tmax-height: 200px;\n\t\t}\n\n\t\t.img-overlay-wrapper .overlay-logo-wrapper img.overlay-logo,\n\t\t.img-overlay-wrapper .status-overlay-logo-wrapper img.status-overlay-logo {\n\t\t\tmax-width: 100% !important;\n\t\t\tmin-width: 100% !important;\n\t\t\tmax-height: 100% !important;\n\t\t\tmin-height: unset !important;\n\t\t\tobject-fit: cover !important;\n\t\t}\n\t}\n<\/style>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"item-info\">\n\t\t\t\t\t\t\t\t\t<div class=\"item-title\">\n\n\t\t\t\t\t\t<div class=\"title\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"prefix\">New<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"label\">Valley 6' x 16' Livestock Bumper Pull Trailer 7K<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"price \">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>$10,150.00<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"banners\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"item-stock\">\n\t\t\t\t\t\t<div class=\"stock\">\n\t\t\t\t\t\t\t<span>Stock #:<\/span>\n\t\t\t\t\t\t\t<span style=\"font-weight: 800\">000765<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"location\">\n                        <span class=\"img\">\n                            <svg fill=\"#747474\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\txmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" width=\"10px\" height=\"10px\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewBox=\"-40 0 395.71 395.71\" xml:space=\"preserve\" stroke=\"#747474\">\n                                <path\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M197.849,0C122.131,0,60.531,61.609,60.531,137.329c0,72.887,124.591,243.177,129.896,250.388l4.951,6.738 c0.579,0.792,1.501,1.255,2.471,1.255c0.985,0,1.901-0.463,2.486-1.255l4.948-6.738c5.308-7.211,129.896-177.501,129.896-250.388 C335.179,61.609,273.569,0,197.849,0z M197.849,88.138c27.13,0,49.191,22.062,49.191,49.191c0,27.115-22.062,49.191-49.191,49.191 c-27.114,0-49.191-22.076-49.191-49.191C148.658,110.2,170.734,88.138,197.849,88.138z\"><\/path>\n                            <\/svg>\n                        <\/span>\n\t\t\t\t\t\t\t<span>\n                                The Trailer Depot<\/span>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"msrp\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n                                                                                                                \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t<div class=\"item-specs\">\n\t\t\t\t\t<div class=\"specs-first\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>Floor Length<\/span>\n\t\t\t\t\t\t\t\t\t\t<span style=\"font-weight: bold\">16ft <\/span>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>GVWR<\/span>\n\t\t\t\t\t\t\t\t\t\t<span style=\"font-weight: bold\">7,000 lbs<\/span>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>Pull Type<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span style=\"font-weight: bold\">Bumper<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"specs-buttons\">\n\n                                                            <button\n                                        class=\"button view-details\" type=\"button\">\n                                    View Details                                <\/button>\n                            \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t<\/div>\n\t<\/a>\n\t<\/div>\n\t\n\t<style>\n        #trailer_funnel .schema {\n            display: none;\n        }\n\n\t\t#trailer_funnel .items a.item-link {\n\t\t\tcolor: inherit !important;\n\t\t\ttext-decoration: inherit !important;\n\t\t}\n\n\t\t#trailer_funnel .items a.item-link:hover {\n\t\t\tcolor: inherit !important;\n\t\t\ttext-decoration: inherit !important;\n\t\t}\n\t<\/style>\n\t\n\t<script>\n\n\t\tjQuery(\".specs-buttons\").on('click', function (e) {\n\t\t\te.stopPropagation();\n\t\t})\n\n\t\tjQuery(\".custom-buttons\").on('click', function (event) {\n\t\t\tevent.stopPropagation();\n\t\t});\n\n\t<\/script>\n\n\t\n\t\n\t<div class=\"item-wrapper\">\n\t\t<a href=\"https:\/\/www.thetrailerdepot.com\/unit\/featherlite-7-x-20-gooseneck-livestock-trailer-14k-611582\" class=\"item-link\">\n\t\t\t<div class=\"item\">\n\t\t\t\t<div class=\"item-img\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"loader\" style=\"z-index: -1\">\n\t\t\t\t\t\t\t\t<div class=\"lds-default\">\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n                            <div style=\"display: none;\">\n                                                            <\/div>\n                            <img decoding=\"async\" id=\"srp-preloaded\" src=\"https:\/\/cdn.datalink.ai\/items\/611582\/thumbnails\/img_5181_itt7t2x9t.jpg\"\n                                 url=\"https:\/\/cdn.datalink.ai\/items\/611582\/images\/img_5181_itt7t2x9t.jpg\"\n                                 alt=\"New Featherlite 7' x 20' Gooseneck Livestock Trailer 14K\">\n                            \t<div class=\"img-overlay\">\n\t\t<div class=\"img-overlay-wrapper\">\n\t\t\t\t\t<\/div>\n\t<\/div>\n\t\n<style>\n\t.img-overlay {\n\t\tz-index: 1;\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n\n\t.img-overlay-wrapper {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tdisplay: flex;\n\t\tflex-flow: column;\n\t\tposition: relative;\n\t}\n\n\t.img-overlay-wrapper .overlay-header {\n\t\tbackground-color: #ffffff;\n\t\tcolor: #000000;\n\t\tfont-weight: 600;\n\t\tfont-size: 14px;\n\t\tmargin-bottom: auto;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tpadding: 1% 0;\n\t}\n\n\t.img-overlay-wrapper .overlay-header span.header-text {\n\t\tmax-width: 100%;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t}\n\n\n\t.img-overlay-wrapper .overlay-logo-wrapper {\n\t\tposition: absolute;\n\t\tmax-width: 25%;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-logo-wrapper {\n\t\tposition: absolute;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-wrapper {\n\t\tposition: absolute;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tz-index: 1 !important;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-green {\n\t\tpadding: 5px;\n\t\tcolor: white;\n\t\tbackground-color: green;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-red {\n\t\tpadding: 5px;\n\t\tcolor: white;\n\t\tbackground-color: red;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-wrapper.lower-right,\n\t.img-overlay-wrapper .overlay-logo-wrapper.lower-right,\n\t.img-overlay-wrapper .status-overlay-logo-wrapper.lower-right {\n\t\tbottom: 0;\n\t\tright: 0;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-wrapper.lower-left,\n\t.img-overlay-wrapper .overlay-logo-wrapper.lower-left,\n\t.img-overlay-wrapper .status-overlay-logo-wrapper.lower-left {\n\t\tbottom: 0;\n\t\tleft: 0;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-wrapper.upper-right,\n\t.img-overlay-wrapper .overlay-logo-wrapper.upper-right,\n\t.img-overlay-wrapper .status-overlay-logo-wrapper.upper-right {\n\t\ttop: 0;\n\t\tright: 0;\n\t}\n\n\t.img-overlay-wrapper .status-overlay-wrapper.upper-left,\n\t.img-overlay-wrapper .overlay-logo-wrapper.upper-left,\n\t.img-overlay-wrapper .status-overlay-logo-wrapper.upper-left {\n\t\ttop: 0;\n\t\tleft: 0;\n\t}\n\n\t.img-overlay-wrapper .overlay-logo-wrapper img.overlay-logo,\n\t.img-overlay-wrapper .status-overlay-logo-wrapper img.status-overlay-logo {\n\t\tmax-width: 100%;\n\t\tmax-height: 100%;\n\t\tobject-fit: cover;\n\t}\n\n\n\t.img-overlay-wrapper .overlay-footer {\n\t\tbackground-color: #ffffff;\n\t\tcolor: #000000;\n\t\tfont-weight: 600;\n\t\tfont-size: 14px;\n\t\tmargin-top: auto;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tpadding: 1% 0;\n\t}\n\n\t.img-overlay-wrapper .overlay-footer span.footer-text {\n\t\tmax-width: 100%;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t}\n\n\t@media screen and (max-width: 600px) {\n\t\t.img-overlay {\n\t\t\ttop: 0;\n\t\t\twidth: 100%;\n\t\t\tmin-height: 200px;\n\t\t\tmax-height: 200px;\n\t\t}\n\n\t\t.img-overlay-wrapper .overlay-logo-wrapper img.overlay-logo,\n\t\t.img-overlay-wrapper .status-overlay-logo-wrapper img.status-overlay-logo {\n\t\t\tmax-width: 100% !important;\n\t\t\tmin-width: 100% !important;\n\t\t\tmax-height: 100% !important;\n\t\t\tmin-height: unset !important;\n\t\t\tobject-fit: cover !important;\n\t\t}\n\t}\n<\/style>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"item-info\">\n\t\t\t\t\t\t\t\t\t<div class=\"item-title\">\n\n\t\t\t\t\t\t<div class=\"title\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"prefix\">New<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"label\">Featherlite 7' x 20' Gooseneck Livestock Trailer 14K<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"price \">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>$34,325.00<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"banners\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"item-stock\">\n\t\t\t\t\t\t<div class=\"stock\">\n\t\t\t\t\t\t\t<span>Stock #:<\/span>\n\t\t\t\t\t\t\t<span style=\"font-weight: 800\">165678<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"location\">\n                        <span class=\"img\">\n                            <svg fill=\"#747474\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\txmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" width=\"10px\" height=\"10px\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewBox=\"-40 0 395.71 395.71\" xml:space=\"preserve\" stroke=\"#747474\">\n                                <path\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M197.849,0C122.131,0,60.531,61.609,60.531,137.329c0,72.887,124.591,243.177,129.896,250.388l4.951,6.738 c0.579,0.792,1.501,1.255,2.471,1.255c0.985,0,1.901-0.463,2.486-1.255l4.948-6.738c5.308-7.211,129.896-177.501,129.896-250.388 C335.179,61.609,273.569,0,197.849,0z M197.849,88.138c27.13,0,49.191,22.062,49.191,49.191c0,27.115-22.062,49.191-49.191,49.191 c-27.114,0-49.191-22.076-49.191-49.191C148.658,110.2,170.734,88.138,197.849,88.138z\"><\/path>\n                            <\/svg>\n                        <\/span>\n\t\t\t\t\t\t\t<span>\n                                The Trailer Depot<\/span>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"msrp\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n                                                                                                                \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t<div class=\"item-specs\">\n\t\t\t\t\t<div class=\"specs-first\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>Floor Length<\/span>\n\t\t\t\t\t\t\t\t\t\t<span style=\"font-weight: bold\">20ft <\/span>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>GVWR<\/span>\n\t\t\t\t\t\t\t\t\t\t<span style=\"font-weight: bold\">14,000 lbs<\/span>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>Color<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span style=\"font-weight: bold\">White<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>Pull Type<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span style=\"font-weight: bold\">Gooseneck<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"specs-buttons\">\n\n                                                            <button\n                                        class=\"button view-details\" type=\"button\">\n                                    View Details                                <\/button>\n                            \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t<\/div>\n\t<\/a>\n\t<\/div>\n\t\n\t<style>\n        #trailer_funnel .schema {\n            display: none;\n        }\n\n\t\t#trailer_funnel .items a.item-link {\n\t\t\tcolor: inherit !important;\n\t\t\ttext-decoration: inherit !important;\n\t\t}\n\n\t\t#trailer_funnel .items a.item-link:hover {\n\t\t\tcolor: inherit !important;\n\t\t\ttext-decoration: inherit !important;\n\t\t}\n\t<\/style>\n\t\n\t<script>\n\n\t\tjQuery(\".specs-buttons\").on('click', function (e) {\n\t\t\te.stopPropagation();\n\t\t})\n\n\t\tjQuery(\".custom-buttons\").on('click', function (event) {\n\t\t\tevent.stopPropagation();\n\t\t});\n\n\t<\/script>\n\n\t\n\t\n\t<div class=\"item-wrapper\">\n\t\t<a href=\"https:\/\/www.thetrailerdepot.com\/unit\/featherlite-6-7-x-16-livestock-bumper-pull-trailer-611841\" class=\"item-link\">\n\t\t\t<div class=\"item\">\n\t\t\t\t<div class=\"item-img\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"loader\" style=\"z-index: -1\">\n\t\t\t\t\t\t\t\t<div class=\"lds-default\">\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n                            <div style=\"display: none;\">\n                                                            <\/div>\n                            <img decoding=\"async\" id=\"srp-preloaded\" src=\"https:\/\/cdn.datalink.ai\/items\/611841\/thumbnails\/Featherlite%2520Bumperpull%2520Livestock%2520Trailer%2520%2520%25282%2529-j8c1g-05-07-2024.JPG\"\n                                 url=\"https:\/\/cdn.datalink.ai\/items\/611841\/images\/Featherlite%2520Bumperpull%2520Livestock%2520Trailer%2520%2520%25282%2529-j8c1g-05-07-2024.JPG\"\n                                 alt=\"New FEATHERLITE 6\u20197\u2033 X 16\u2032 LIVESTOCK BUMPER PULL TRAILER\">\n                            \t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"item-info\">\n\t\t\t\t\t\t\t\t\t<div class=\"item-title\">\n\n\t\t\t\t\t\t<div class=\"title\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"prefix\">New<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"label\">FEATHERLITE 6\u20197\u2033 X 16\u2032 LIVESTOCK BUMPER PULL TRAILER<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"price \">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>$19,500.00<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"banners\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"banner on-special\">On Special<\/span>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"banner status\">Special Price<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"item-stock\">\n\t\t\t\t\t\t<div class=\"stock\">\n\t\t\t\t\t\t\t<span>Stock #:<\/span>\n\t\t\t\t\t\t\t<span style=\"font-weight: 800\">161525<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"location\">\n                        <span class=\"img\">\n                            <svg fill=\"#747474\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\txmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" width=\"10px\" height=\"10px\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewBox=\"-40 0 395.71 395.71\" xml:space=\"preserve\" stroke=\"#747474\">\n                                <path\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\td=\"M197.849,0C122.131,0,60.531,61.609,60.531,137.329c0,72.887,124.591,243.177,129.896,250.388l4.951,6.738 c0.579,0.792,1.501,1.255,2.471,1.255c0.985,0,1.901-0.463,2.486-1.255l4.948-6.738c5.308-7.211,129.896-177.501,129.896-250.388 C335.179,61.609,273.569,0,197.849,0z M197.849,88.138c27.13,0,49.191,22.062,49.191,49.191c0,27.115-22.062,49.191-49.191,49.191 c-27.114,0-49.191-22.076-49.191-49.191C148.658,110.2,170.734,88.138,197.849,88.138z\"><\/path>\n                            <\/svg>\n                        <\/span>\n\t\t\t\t\t\t\t<span>\n                                The Trailer Depot<\/span>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"msrp\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n                                                                                                                \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t<div class=\"item-specs\">\n\t\t\t\t\t<div class=\"specs-first\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>Floor Length<\/span>\n\t\t\t\t\t\t\t\t\t\t<span style=\"font-weight: bold\">16ft <\/span>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>GVWR<\/span>\n\t\t\t\t\t\t\t\t\t\t<span style=\"font-weight: bold\">7,000 lbs<\/span>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>Color<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span style=\"font-weight: bold\">Charcoal<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>Pull Type<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span style=\"font-weight: bold\">Bumper<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"specs-buttons\">\n\n                                                            <button\n                                        class=\"button view-details\" type=\"button\">\n                                    View Details                                <\/button>\n                            \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t<\/div>\n\t<\/a>\n\t<\/div>\n\t\n\t<style>\n        #trailer_funnel .schema {\n            display: none;\n        }\n\n\t\t#trailer_funnel .items a.item-link {\n\t\t\tcolor: inherit !important;\n\t\t\ttext-decoration: inherit !important;\n\t\t}\n\n\t\t#trailer_funnel .items a.item-link:hover {\n\t\t\tcolor: inherit !important;\n\t\t\ttext-decoration: inherit !important;\n\t\t}\n\t<\/style>\n\t\n\t<script>\n\n\t\tjQuery(\".specs-buttons\").on('click', function (e) {\n\t\t\te.stopPropagation();\n\t\t})\n\n\t\tjQuery(\".custom-buttons\").on('click', function (event) {\n\t\t\tevent.stopPropagation();\n\t\t});\n\n\t<\/script>\n\n\t\n\t                            <\/div>\n                                                                    <\/div>\n                <\/div>\n\n                            <\/div>\n        <\/div>\n    <\/div>\n\n        <style>\n\n        .dashicons.dashicons-no-alt {\n            cursor: pointer;\n        }\n\n        @media screen and (min-width: 900px) {\n            span#empty-img {\n                border-color: transparent !important;\n            }\n        }\n\n        span#empty-img {\n            color: #ebebeb;\n            text-align: center;\n            border: 1.5px solid #ebebeb;\n            border-radius: 2px;\n            min-height: 200px;\n            max-height: 200px;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            overflow: hidden;\n            max-width: 75%;\n            margin: 0 auto;\n        }\n\n\n        #trailer_funnel {\n            max-width: 1440px;\n        }\n\n        #trailer_funnel .paginate {\n            margin-bottom: 30px;\n        }\n\n        #trailer_funnel hr {\n            background: #ebebeb;\n            border: none;\n            height: 1.5px;\n        }\n\n        #trailer_funnel hr:last-child {\n            margin-bottom: 2.5%;\n        }\n\n        #trailer_funnel .main-wrap {\n            background: white;\n            position: relative;\n            min-height: 100vh;\n        }\n\n        #trailer_funnel .header {\n            background: rgb(203, 222, 253);\n            height: 10%;\n            border: 1.5px solid #d7d7d7;\n            border-radius: 2px;\n        }\n\n        #trailer_funnel .wrap-content {\n            display: grid;\n            grid-template-areas: 'search search' 'navbar content';\n            grid-template-rows: minmax(0, max-content) 2fr;\n            grid-template-columns: 0.8fr 3fr;\n            column-gap: 4%;\n            padding: 0 2% 0 2%;\n        }\n\n        #trailer_funnel .navbar {\n            grid-area: navbar;\n            height: fit-content;\n            padding: 0;\n        }\n\n        #trailer_funnel .content {\n            grid-area: content;\n            padding-right: 3%;\n            display: flex;\n            flex-flow: column;\n            row-gap: 10px;\n        }\n\n        #trailer_funnel .content span#units-count{\n            color: rgb(38, 77, 151);\n        }\n\n        #trailer_funnel .content span#units-count span{\n            font-weight: bold;\n        }\n\n        #trailer_funnel .footer {\n            background: rgb(203, 222, 253);\n            height: 20%;\n            width: 100%;\n            margin-top: 200px;\n            border: 1.5px solid #d7d7d7;\n            border-radius: 2px;\n        }\n\n    <\/style>\n\n        \n\n        <!--main styles-->\n        <style>\n\n            @media print {\n\n                div.paginate {\n                    display: none !important;\n                }\n\n                header, footer {\n                    display: none !important;\n                }\n\n                a.edit-button.button {\n                    display: none !important;\n                }\n\n                button#print {\n                    display: none !important;\n                }\n\n                span#empty-img {\n                    border-color: transparent;\n                }\n\n                #trailer_funnel .item-info .item-stock {\n                    font-size: 11px !important;\n                }\n\n                #trailer_funnel .item-info .item-title div.price {\n                    font-size: 16px !important;\n                }\n\n                #trailer_funnel .item-info {\n                    font-size: 14px !important;\n                }\n\n                #trailer_funnel .item-info .item-specs .specs-buttons button {\n                    font-size: 14px !important;\n                }\n\n                #trailer_funnel .item-info .msrp {\n                    font-size: 12px !important;\n                }\n\n                #trailer_funnel .item-info .item-specs {\n                    font-size: 10px !important;\n                }\n\n                #trailer_funnel .navbar .sort select {\n                    font-size: 10px !important;\n                }\n\n                #trailer_funnel .item-info .revert .banners .banner {\n                    font-size: 9px !important;\n                    padding: 5px 10px 5px 10px !important;\n                }\n\n                #trailer_funnel .item-info .revert .banners .banner.sale {\n                    column-gap: 5px !important;\n                }\n\n                #trailer_funnel .item-info .revert .banners .banner.sale > span {\n                    scale: 1 !important;\n                }\n\n                #trailer_funnel .wrap-content .search, #trailer_funnel .wrap-content .navbar {\n                    display: none !important;\n                }\n\n                #trailer_funnel .wrap-content {\n                    grid-template-columns: 1fr !important;\n                    padding: 0 !important;\n                }\n            }\n\n            button#print {\n                position: fixed;\n                z-index: 1;\n                top: 60px;\n                right: 30px;\n                opacity: 0.2;\n                padding: 8px;\n                scale: 1.5;\n                background-color: darkgrey;\n                border-color: transparent;\n                outline: 1px solid white;\n                outline-offset: -2px;\n                border-radius: 50%;\n                display: flex;\n                justify-content: center;\n                align-items: center;\n            }\n\n            button#print:hover {\n                opacity: 1;\n            }\n\n            button#print:focus {\n                box-shadow: none;\n            }\n\n            #trailer_funnel .item-img {\n                overflow: hidden;\n                text-align: center;\n                border: 1.5px solid #ebebeb;\n                border-radius: 2px;\n            }\n\n            #trailer_funnel .item-img img {\n                width: 100%;\n                height: 100%;\n                object-fit: cover;\n            }\n\n            #trailer_funnel .item-info {\n                font-weight: 400;\n            }\n\n            #trailer_funnel .item-info .item-title span.prefix {\n                font-weight: 400;\n                color: #44a2f8;\n            }\n\n            #trailer_funnel .item-info .item-title span.label {\n                color: black;\n            }\n\n            #trailer_funnel .item-info .item-title span.price {\n                font-size: 24px;\n                font-weight: 800;\n                color: rgb(38, 77, 151);\n            }\n\n            #trailer_funnel .item-info .item-title span.price.red {\n                color: rgb(220, 76, 24);\n            }\n\n            #trailer_funnel .item-info .item-stock {\n                height: fit-content;\n                font-size: 10px;\n                color: #747474;\n            }\n\n            #trailer_funnel .item-info .item-stock .location {\n                font-weight: bold;\n                display: inline-flex;\n                column-gap: 2px;\n                justify-content: flex-start;\n                align-items: flex-start;\n            }\n\n            #trailer_funnel .item-info .item-stock .location>span:last-child {\n                word-break: break-word;\n                display: -webkit-box;\n                \/*overflow: hidden;*\/\n                \/*text-overflow: ellipsis;*\/\n                \/*-webkit-line-clamp: 2; !* number of lines to show *!*\/\n                \/*-webkit-box-orient: vertical;*\/\n            }\n\n            #trailer_funnel .item-info .item-stock .location .img {\n                display: inline-flex;\n                justify-content: center;\n                align-items: flex-start;\n            }\n\n            #trailer_funnel .item-info .item-stock .location .img svg {\n                position: relative;\n                top: 1px;\n            }\n\n            #trailer_funnel .item-info .item-specs {\n                font-size: 12px;\n            }\n\n            #trailer_funnel .item-info .item-specs .specs-first * {\n                background: #f7f6f6;\n                border-radius: 2px;\n            }\n\n            #trailer_funnel .item-info .item-specs .specs-second * {\n                background: #f7f6f6;\n                border-radius: 2px;\n            }\n\n            #trailer_funnel .item-info .item-specs .specs-buttons > a > button {\n                font-size: 12px;\n                color: white;\n                border-radius: 4px;\n                border: 1px solid rgb(38, 77, 151);\n                background-color: rgb(38, 77, 151);\n                width: 100%;\n            }\n\n            #trailer_funnel .specs-buttons button.view-details,\n            #trailer_funnel .item-info .item-specs .specs-buttons a > button.view-details {\n                color: rgb(38, 77, 151);\n                background: white;\n                text-transform: uppercase;\n            }\n\n            #trailer_funnel .item-info .item-specs .specs-buttons button.outlined {\n                background: white!important;\n                color: rgb(38, 77, 151)!important;\n            }\n\n\n            .item-img .loader {\n                display: flex;\n                border-radius: 2px;\n                border: 2px solid var(--general_borders_color);\n                width: 100%;\n                height: 100%;\n                justify-content: center;\n                align-items: center;\n                overflow: hidden;\n                min-width: 100%;\n                background: white;\n                position: absolute;\n            }\n\n            .item-img .loader .lds-default {\n                display: inline-block;\n                position: relative;\n                width: 80px;\n                height: 80px;\n            }\n            .item-img .loader .lds-default div {\n                position: absolute;\n                width: 6px;\n                height: 6px;\n                background: #264d97;\n                border-radius: 50%;\n                animation: lds-default 1.2s linear infinite;\n            }\n            .item-img .loader .lds-default div:nth-child(1) {\n                animation-delay: 0s;\n                top: 37px;\n                left: 66px;\n            }\n            .item-img .loader .lds-default div:nth-child(2) {\n                animation-delay: -0.1s;\n                top: 22px;\n                left: 62px;\n            }\n            .item-img .loader .lds-default div:nth-child(3) {\n                animation-delay: -0.2s;\n                top: 11px;\n                left: 52px;\n            }\n            .item-img .loader .lds-default div:nth-child(4) {\n                animation-delay: -0.3s;\n                top: 7px;\n                left: 37px;\n            }\n            .item-img .loader .lds-default div:nth-child(5) {\n                animation-delay: -0.4s;\n                top: 11px;\n                left: 22px;\n            }\n            .item-img .loader .lds-default div:nth-child(6) {\n                animation-delay: -0.5s;\n                top: 22px;\n                left: 11px;\n            }\n            .item-img .loader .lds-default div:nth-child(7) {\n                animation-delay: -0.6s;\n                top: 37px;\n                left: 7px;\n            }\n            .item-img .loader .lds-default div:nth-child(8) {\n                animation-delay: -0.7s;\n                top: 52px;\n                left: 11px;\n            }\n            .item-img .loader .lds-default div:nth-child(9) {\n                animation-delay: -0.8s;\n                top: 62px;\n                left: 22px;\n            }\n            .item-img .loader .lds-default div:nth-child(10) {\n                animation-delay: -0.9s;\n                top: 66px;\n                left: 37px;\n            }\n            .item-img .loader .lds-default div:nth-child(11) {\n                animation-delay: -1s;\n                top: 62px;\n                left: 52px;\n            }\n            .item-img .loader .lds-default div:nth-child(12) {\n                animation-delay: -1.1s;\n                top: 52px;\n                left: 62px;\n            }\n            @keyframes lds-default {\n                0%, 20%, 80%, 100% {\n                    transform: scale(1);\n                }\n                50% {\n                    transform: scale(1.5);\n                }\n            }\n\n        <\/style>\n        <!---->\n\n        <!--styles for laptop-->\n        \n                            <style>\n\n                    #trailer_funnel .item-info .banners {\n                        grid-area: banners;\n                        display: flex;\n                        justify-content: flex-start;\n                        align-items: flex-start;\n                        column-gap: 7px;\n                        padding-top: 5px;\n                    }\n\n                    #trailer_funnel .item-info .banners .banner {\n                        display: flex;\n                        justify-content: center;\n                        align-items: center;\n                        color: black;\n                        padding: 5px 17px 5px 17px;\n                        border-radius: 20px;\n                        font-size: 11px;\n                        font-weight: bold;\n                    }\n\n                    #trailer_funnel .item-info .banners .banner.sale {\n                        background-color: #72bb53;\n                        display: flex;\n                        justify-content: center;\n                        align-items: center;\n                        column-gap: 9px;\n                        padding-right: 20px !important;\n                    }\n\n                    #trailer_funnel .item-info .banners .banner.status {\n                        background-color: #72bb53;\n                        display: flex;\n                        justify-content: center;\n                        align-items: center;\n                        column-gap: 9px;\n                    }\n\n                    #trailer_funnel .item-info .banners .banner.sale > span {\n                        scale: 1.2;\n                    }\n\n                    #trailer_funnel .item-info .banners .banner.sale svg {\n                        position: relative;\n                        fill: #444444;\n                        height: 12px;\n                        top: -2px;\n                    }\n\n                    #trailer_funnel .item-info .banners .banner.featured {\n                        background-color: #ffa834;\n                    }\n\n                    #trailer_funnel .item-info .banners .banner.on-special {\n                        background-color: #f4eb49;\n                    }\n\n\n                    #trailer_funnel .item-info .item-specs .specs-buttons a > button.view-details {\n                        min-width: 100%;\n                        font-weight: 600;\n                        height: 28px;\n                        padding: 6px 12px 6px 12px;\n                        display: flex;\n                        justify-content: center;\n                        align-items: center;\n                    }\n\n                    #trailer_funnel .item-wrapper {\n                        margin-bottom: 35px;\n                        border-bottom: 2px solid #ebebeb;\n                    }\n\n                    #trailer_funnel .item {\n                        cursor: pointer;\n                        display: grid;\n                        grid-template-areas: 'img info';\n                        grid-template-columns: 1.1fr 2.5fr;\n                        grid-column-gap: 3%;\n                        margin-bottom: 35px;\n                        height: fit-content;\n                    }\n\n                    #trailer_funnel .item-img {\n                        grid-area: img;\n                        min-height: 230px;\n                        max-height: 230px;\n                        position: relative;\n                    }\n\n                    #trailer_funnel .img-overlay {\n                        top:0;\n                    }\n\n\n                    #trailer_funnel .item-info {\n                        min-height: 230px;\n                        grid-area: info;\n                        display: grid;\n                        grid-template-areas: 'title' 'stock' 'banners' 'descr' 'specs';\n                        grid-template-rows: minmax(0, auto);\n                        font-size: 20px;\n                    }\n\n                    #trailer_funnel .item-info .item-title {\n                        grid-area: title;\n                        display: flex;\n                        justify-content: space-between;\n                        gap: 0.5%;\n                        height: fit-content;\n                    }\n\n                    #trailer_funnel .item-info .item-title div.price {\n                        display: flex;\n                        min-width: fit-content;\n                        align-items: flex-start;\n                        font-size: 24px;\n                        font-weight: 800;\n                        color: rgb(38, 77, 151);\n                    }\n\n                    #trailer_funnel .item-info .item-title div.price.red {\n                        color: rgb(220, 76, 24);\n                    }\n\n                    #trailer_funnel .item-info .item-title div.price span {\n                        margin-left: auto;\n                    }\n\n                    #trailer_funnel .item-info .item-stock {\n                        grid-area: stock;\n                        display: grid;\n                        grid-template-areas: 'stock location msrp';\n                        grid-template-columns: auto 1fr auto;\n                        grid-column-gap: 1%;\n                        height: fit-content;\n                    }\n\n                    #trailer_funnel .item-info .item-stock .stock {\n                        grid-area: stock;\n                    }\n\n                    #trailer_funnel .item-info .item-stock .location {\n                        grid-area: location;\n                    }\n\n                    #trailer_funnel .item-info .item-stock .msrp {\n                        align-self: end;\n                        grid-area: msrp;\n                        display: grid;\n                        grid-template-areas: 'msrp msrp-price' 'price price-value' 'savings savings-value' 'monthly monthly-value';\n                        grid-auto-columns: auto;\n                        grid-column-gap: 2rem;\n                        font-size: 12px;\n                    }\n\n                    #trailer_funnel .item-info .item-stock .msrp span {\n                        text-decoration: line-through;\n                    }\n\n                    #trailer_funnel .item-info .item-stock .msrp span.blue {\n                        color: #44a2f8;\n                        text-decoration: unset;\n                    }\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t#trailer_funnel .item-info .item-stock .msrp span.green {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: #72bb53;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttext-decoration: unset;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\n                    #trailer_funnel .item-info .item-description {\n                        grid-area: descr;\n                        font-size: 13px;\n                        padding: 10px 0;\n                    }\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t#trailer_funnel .item-info .item-description h1, h2, h3, h4, h5, p, ul {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfont-size: 13px;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t   margin: 0;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\n                    #trailer_funnel .item-info .item-specs {\n                        grid-area: specs;\n                        display: grid;\n                        grid-template-areas: 'specs-first specs-buttons';\n                        grid-template-columns: 3fr 1fr;\n                        grid-column-gap: 2%;\n                    }\n\n                    #trailer_funnel .item-info .item-specs .specs-first {\n                        grid-area: specs-first;\n                        display: flex;\n                        flex-direction: row;\n                        align-items: flex-start;\n                        justify-content: flex-start;\n                        flex-wrap: wrap;\n                        column-gap: 11px;\n                        row-gap: 11px;\n                        \/*max-height: 45px;*\/\n                        align-self: center;\n                    }\n\n                    #trailer_funnel .item-info .item-specs .specs-first div {\n                        display: flex;\n                        justify-content: space-between;\n                        padding: 1% 4%;\n                        min-width: 47%;\n                    }\n\n                    #trailer_funnel .item-info .item-specs .specs-first div span:first-child {\n                        white-space: nowrap;\n                    }\n\n                    #trailer_funnel .item-info .item-specs .specs-first div span:last-child {\n                        text-align: right;\n                    }\n\n\n                    #trailer_funnel .item-info .item-specs .specs-second {\n                        grid-area: specs-second;\n                        display: flex;\n                        flex-flow: column;\n                        gap: 5%;\n                    }\n\n                    #trailer_funnel .item-info .item-specs .specs-second div {\n                        display: flex;\n                        justify-content: space-between;\n                        padding: 1% 4%;\n                    }\n\n                    #trailer_funnel .item-info .item-specs .specs-buttons {\n                        grid-area: specs-buttons;\n                        display: flex;\n                        flex-flow: column;\n                        align-items: flex-end;\n                        align-content: flex-end;\n                        row-gap: 0.5rem;\n                        align-self: end;\n                    }\n\n                    #trailer_funnel .item-info .item-specs .specs-buttons > a > button {\n                        min-width: 100%;\n                        font-weight: 600;\n                        height: 28px;\n                        padding: 6px 12px 6px 12px;\n                        display: flex;\n                        justify-content: center;\n                        align-items: center;\n                        width: 100%;\n                    }\n\n                <\/style>\n                    <!---->\n\n        <!--styles for mobile-->\n                <!---->\n\n        <script>\n            var isAuth = \"1\";\n            var design = \"hybrid\";\n            var apiToken = \"22971|nwtaMeeLHU8aTR4M3In86rpMOOAYFvx5iB0j6W57219ae2af\";\n            var wp_endpoint_prefix = \"\";\n            var wp_units_endpoint = wp_endpoint_prefix + '\/wp-json\/trailer-funnel\/v1\/ajax-units';\n            var wp_pagination_endpoint = wp_endpoint_prefix + '\/wp-json\/trailer-funnel\/v1\/ajax-pagination';\n            var shortcodeQuery = \"sort=relevance&category_name[0]=262&with_filters=1&\";\n            shortcodeQuery = shortcodeQuery.replace(\/\\&$\/, '');\n            var pageFiltersQuery = \"sort=relevance&with_filters=1&\";\n            pageFiltersQuery = pageFiltersQuery.replace(\/\\&$\/, '');\n            var dealerOrderQuery = getDealerOrderQuery();\n\n            var searchQuery = false;\n            window.location.search.split('&').map(function (item, index){\n                if(item.indexOf(\"search=\") !== -1){\n                    searchQuery = item;\n                    return;\n                }\n            })\n            searchQuery = searchQuery ? searchQuery.replace (\"?\", \"\") : false;\n\n\n            jQuery(document).ready(function () {\n                imagesLazyLoading();\n                if (!jQuery('.content .items .item ').length) {\n                    jQuery('.content .paginate ').hide();\n                    const message = isAuth\n                        ? '<div>No results found ...<\/div>'\n                        : `<a href=\"${wp_endpoint_prefix}\/wp-admin\/admin.php?page=trailer-funnel\">Please, Sign in!<\/a>`\n                    jQuery('.content .items').append(message);\n                    jQuery('.content .items')\n                        .css({\n                            'min-height': '60vh',\n                            'justify-content': 'center',\n                            display: 'flex',\n                            'align-items': 'center',\n                            color: 'rgb(96, 96, 96)',\n                            'font-style': 'italic'\n                        });\n                }\n            });\n\n            function getDealerOrderQuery () {\n\n                const dealerOrderDbValue = `relevance`;\n\n                const queryDealerOrder = `sort=relevance&with_filters=1&`;\n\n                const sortStatusOption = [\n                    \"featured_available_on_order_pending_sale\",\n                    \"available_on_order_pending_sale_sold\",\n                    \"available_on_order_sold_pending_sale\",\n                    \"available_pending_sale_on_order_sold\",\n                    \"available_sold_on_order_pending_sale\",\n                    \"available_sold_pending_sale_on_order\"\n                ]\n\n                const windowQuery = window.location.search;\n\n                let query = \"\";\n\n                if(windowQuery.indexOf('sort=') !== -1){\n                    if( windowQuery.indexOf('sort=relevance') !== -1 && sortStatusOption.includes(dealerOrderDbValue) && windowQuery.indexOf('status=') === -1){\n                        query = queryDealerOrder;\n                    }\n                } else {\n                    query = queryDealerOrder;\n                    if(windowQuery.indexOf('status=') !== -1 ) {\n                        query = '';\n                        if(!sortStatusOption.includes(dealerOrderDbValue)){\n                            query = queryDealerOrder;\n                        }\n                    }\n                }\n\n                return query;\n            }\n\n            function imagesLazyLoading() {\n                jQuery(\"img#srp-preloaded\").each(function () {\n                    let url = jQuery(this).attr('url');\n                    let thumbUrl = jQuery(this).attr('src');\n                    if (thumbUrl) {\n                        checkImage(jQuery(this).parent(), thumbUrl, url);\n                    } else {\n                        jQuery(this).css('opacity', 0);\n                        jQuery(this).parent().find('.loader').css('z-index', 0);\n                        loadSrpFullImage(jQuery(this), $(this).parent().find('.loader'), url);\n                    }\n                })\n            }\n            function checkImage(element,thumbUrl, url) {\n                let image = new Image();\n\n                image.onload = function() {\n                    if (this.width > 0) {\n                        jQuery(element).find(\"img#srp-preloaded\").removeAttr('url');\n                        jQuery(element).find('.loader').remove();\n                    }\n                }\n                image.onerror = function() {\n                    jQuery(element).find(\"img#srp-preloaded\").css('opacity', 0);\n                    jQuery(element).find('.loader').css('z-index', 0);\n                    loadSrpFullImage(jQuery(element).find(\"img#srp-preloaded\"), jQuery(element).find('.loader'), url);\n                }\n                image.src = thumbUrl;\n            }\n\n            function loadSrpFullImage(img, loader, url) {\n                const image = new Image();\n\n                image.onload = () => {\n                    img.replaceWith(image);\n                    loader.remove();\n                }\n\n                image.src = url;\n            }\n\n        <\/script>\n\n                    <script>\n            jQuery(document).ready(function () {\n                    const currentSortOptions = \"\";\n                    let querySort;\n                    switch (currentSortOptions) {\n                        case \"age_increase\":\n                            querySort = \"sort=created_at&order=asc\";\n                            break;\n                        case \"age_decrease\":\n                            querySort = \"sort=created_at&order=desc\";\n                            break;\n                        case \"price_increase\":\n                            querySort = \"sort=price&order=asc\";\n                            break;\n                        case \"price_decrease\":\n                            querySort = \"sort=price\";\n                            break;\n                        case \"title_z_to_a\":\n                            querySort = \"sort=title\";\n                            break;\n                        case \"title_a_to_z\":\n                            querySort = \"sort=title&order=asc\";\n                            break;\n                        case \"length_ascending\":\n                            querySort = \"sort=length&order=asc\";\n                            break;\n                        case \"length_descending\":\n                            querySort = \"sort=length\";\n                            break;\n                        case \"stock_ascending\":\n                            querySort = \"sort=stock&order=asc\";\n                            break;\n                        case \"stock_descending\":\n                            querySort = \"sort=stock\";\n                            break;\n                        case \"images_count\":\n                            querySort = \"sort=images_count\"\n                            break;\n                    }\n\n                    const isEmptyData = \"\"\n\n                    if (!isEmptyData) {\n                        let pagLinks = \"https:\/\/inventory.trailerfunnel.com\/api\/v1\/items?page=1&limit=25-\"\n                        pagLinks = pagLinks.split('-');\n                        pagLinks = pagLinks.filter(url => url !== '');\n                        pagLinks[pagLinks.length - 1] = '';\n                        pagLinks[0] = '';\n                        pagLinks = pagLinks.filter(url => url !== '');\n\n                        let scrollFix = design === 'grid' ? 1.4 : 3.4;\n                        scrollFix = isMobile ? 1 : scrollFix;\n\n                        jQuery(window).on('scroll.once', function () {\n                            let pos = jQuery('.items .item').last().position().top - ( jQuery('.items .item').last().outerHeight() * scrollFix );\n                            if (jQuery(window).scrollTop() >= pos) {\n                                backendApiRequest();\n                            }\n                        });\n\n                        function backendApiRequest() {\n                            if (pagLinks.length) {\n                                const buildUrl = () => {\n                                    \n                                    \n                                    const baseUrl = pagLinks[0];\n                                    let queries = [\n                                        dealerOrderQuery && `&${dealerOrderQuery}`,\n                                        querySort && (dealerOrderQuery ? querySort : `&${querySort}`),\n                                        shortcodeQuery && `&${shortcodeQuery}`,\n                                        pageFiltersQuery && `&${pageFiltersQuery}`,\n                                        searchQuery && `&${searchQuery}`,\n                                    ].filter(Boolean).join('');\n\n                                    \n                                    \n                                    return `${baseUrl}${queries}`;\n                                };\n\n                                let url = buildUrl();\n\n                                jQuery.ajax({\n                                    url: url,\n                                    type: 'GET',\n                                    beforeSend: function (xhr) {\n                                        xhr.setRequestHeader('Authorization', 'Bearer ' + apiToken);\n                                    },\n                                    data: {},\n                                    async: false,\n                                    success: function (result, status, xhr) {\n                                        itemsLazyLoading(result.data);\n                                    },\n                                    error: function (xhr, status, error) {\n                                        console.log('error first');\n                                    },\n                                });\n                            }\n                        }\n\n                        function itemsLazyLoading(items) {\n                            \/\/remove previous url\/page\n                            pagLinks[0] = '';\n                            pagLinks = pagLinks.filter(url => url !== '');\n                            \/\/\n\n                            items && getProcessedUnits(items)\n                        }\n\n                        function getProcessedUnits(units) {\n                            jQuery.ajax({\n                                url: `${wp_units_endpoint}\/${design}`,\n                                type: 'POST',\n                                data: {units: JSON.stringify(units)},\n                                dataType: \"html\",\n                                async: false,\n                                headers: '',\n                                success: function (result, status, xhr) {\n                                    appendUnits(result);\n                                    \/\/ console.log(result, status, xhr);\n                                },\n                                error: function (xhr, status, error) {\n                                    \/\/ console.log(xhr.responseText)\n                                    \/\/ console.log(xhr, status, error);\n                                },\n                            });\n                        }\n\n\n                        function appendUnits(units) {\n                            units = units.split('Warning:')[0];\n                            jQuery('.items').append(units);\n                            isMobile && recreateItemForMobile()\n\n                            imagesLazyLoading();\n\n                            if (pagLinks.length) {\n                                jQuery('.items .item').last().focus();\n                                window.scrollTo(0, jQuery(window).scrollTop())\n                                pos = jQuery('.items .item').last().position().top - jQuery('.items .item').last().outerHeight() * scrollFix;\n                            }\n                        }\n                    }\n                }\n            )\n        <\/script>\n            <script>\n    diviStylesLoadFix ();\n    function diviStylesLoadFix () {\n        let mainPage = document.createElement('div');\n\n        $.get(`https:\/\/www.thetrailerdepot.com`, function (data){\n            mainPage.innerHTML = data;\n        }).done(function( data ) {\n\n            let diviStyles1 = $(mainPage).find(\"style[id^='divi-']\");\n            let diviStyles2 = $(mainPage).find(\"style[id^='et-']\");\n            let diviStyles3 = $(mainPage).find(\"style[id^='css-divi-']\");\n\n            let diviLinks1 = $(mainPage).find(\"link[id^='divi-']\");\n            let diviLinks2 = $(mainPage).find(\"link[id^='et-']\");\n\n            let diviScripts1 = $(mainPage).find(\"script[id^='divi-']\")\n            let diviScripts2 = $(mainPage).find(\"script[id^='fitvids-']\");\n            let diviScripts3 = $(mainPage).find(\"script[id^='et-']\");\n\n            diviStyles1.length && diviStyles1.each(function () {\n                ! $(\"style#\" + $(this).attr('id')).length && $(\"head\").append(this);\n            });\n            diviStyles2.length && diviStyles2.each(function () {\n                ! $(\"style#\" + $(this).attr('id')).length && $(\"head\").append(this);\n            });\n            diviStyles3.length && diviStyles3.each(function () {\n                ! $(\"style#\" + $(this).attr('id')).length && $(\"head\").append(this);\n            })\n\n\n            diviLinks1.length && diviLinks1.each(function (){\n                ! $(\"link#\" + $(this).attr('id')).length && $(\"head\").append(this);\n            })\n            diviLinks2.length && diviLinks2.each(function (){\n                ! $(\"link#\" + $(this).attr('id')).length && $(\"head\").append(this);\n            })\n\n\n            diviScripts1.length && diviScripts1.each(function () {\n                ! $(\"script#\" + $(this).attr('id')).length && $(\"head\").append(this);\n            });\n            diviScripts2.length && diviScripts2.each(function () {\n                ! $(\"script#\" + $(this).attr('id')).length && $(\"head\").append(this);\n            });\n            diviScripts3.length && diviScripts3.each(function () {\n                ! $(\"script#\" + $(this).attr('id')).length && $(\"head\").append(this);\n            })\n        });\n    }\n<\/script>\n","protected":false},"author":8,"featured_media":0,"parent":4025,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","inline_featured_image":false,"footnotes":""},"class_list":["post-5118","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Livestock Trailers for sale in Northford - The Trailer Depot in Northford, CT<\/title>\n<meta name=\"description\" content=\"The Trailer Depot Specializes in High-Quality Custom Trailer Designs. Browse our Selection of Livestock Trailers for sale in Northford for Sale in New England! We serve CT, MA, NY and More.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Livestock Trailers for sale in Northford - The Trailer Depot in Northford, CT\" \/>\n<meta property=\"og:description\" content=\"The Trailer Depot Specializes in High-Quality Custom Trailer Designs. Browse our Selection of Livestock Trailers for sale in Northford for Sale in New England! We serve CT, MA, NY and More.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/\" \/>\n<meta property=\"og:site_name\" content=\"The Trailer Depot\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-12T17:57:00+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.thetrailerdepot.com\\\/all-inventory\\\/livestock-trailers\\\/\",\"url\":\"https:\\\/\\\/www.thetrailerdepot.com\\\/all-inventory\\\/livestock-trailers\\\/\",\"name\":\"Livestock Trailers for sale in Northford - The Trailer Depot in Northford, CT\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.thetrailerdepot.com\\\/#website\"},\"datePublished\":\"2024-05-08T21:03:43+00:00\",\"dateModified\":\"2024-05-12T17:57:00+00:00\",\"description\":\"The Trailer Depot Specializes in High-Quality Custom Trailer Designs. Browse our Selection of Livestock Trailers for sale in Northford for Sale in New England! We serve CT, MA, NY and More.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.thetrailerdepot.com\\\/all-inventory\\\/livestock-trailers\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.thetrailerdepot.com\\\/all-inventory\\\/livestock-trailers\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.thetrailerdepot.com\\\/all-inventory\\\/livestock-trailers\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.thetrailerdepot.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"All Inventory\",\"item\":\"https:\\\/\\\/www.thetrailerdepot.com\\\/all-inventory\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Livestock Trailers for sale in Northford\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.thetrailerdepot.com\\\/#website\",\"url\":\"https:\\\/\\\/www.thetrailerdepot.com\\\/\",\"name\":\"The Trailer Depot\",\"description\":\"Trailer Sales, Parts, Service, Accessories &amp; More Serving CT, MA, NY &amp; Greater New England\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.thetrailerdepot.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Livestock Trailers for sale in Northford - The Trailer Depot in Northford, CT","description":"The Trailer Depot Specializes in High-Quality Custom Trailer Designs. Browse our Selection of Livestock Trailers for sale in Northford for Sale in New England! We serve CT, MA, NY and More.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/","og_locale":"en_US","og_type":"article","og_title":"Livestock Trailers for sale in Northford - The Trailer Depot in Northford, CT","og_description":"The Trailer Depot Specializes in High-Quality Custom Trailer Designs. Browse our Selection of Livestock Trailers for sale in Northford for Sale in New England! We serve CT, MA, NY and More.","og_url":"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/","og_site_name":"The Trailer Depot","article_modified_time":"2024-05-12T17:57:00+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/","url":"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/","name":"Livestock Trailers for sale in Northford - The Trailer Depot in Northford, CT","isPartOf":{"@id":"https:\/\/www.thetrailerdepot.com\/#website"},"datePublished":"2024-05-08T21:03:43+00:00","dateModified":"2024-05-12T17:57:00+00:00","description":"The Trailer Depot Specializes in High-Quality Custom Trailer Designs. Browse our Selection of Livestock Trailers for sale in Northford for Sale in New England! We serve CT, MA, NY and More.","breadcrumb":{"@id":"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.thetrailerdepot.com\/all-inventory\/livestock-trailers\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.thetrailerdepot.com\/"},{"@type":"ListItem","position":2,"name":"All Inventory","item":"https:\/\/www.thetrailerdepot.com\/all-inventory\/"},{"@type":"ListItem","position":3,"name":"Livestock Trailers for sale in Northford"}]},{"@type":"WebSite","@id":"https:\/\/www.thetrailerdepot.com\/#website","url":"https:\/\/www.thetrailerdepot.com\/","name":"The Trailer Depot","description":"Trailer Sales, Parts, Service, Accessories &amp; More Serving CT, MA, NY &amp; Greater New England","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.thetrailerdepot.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.thetrailerdepot.com\/wp-json\/wp\/v2\/pages\/5118","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.thetrailerdepot.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.thetrailerdepot.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.thetrailerdepot.com\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.thetrailerdepot.com\/wp-json\/wp\/v2\/comments?post=5118"}],"version-history":[{"count":0,"href":"https:\/\/www.thetrailerdepot.com\/wp-json\/wp\/v2\/pages\/5118\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.thetrailerdepot.com\/wp-json\/wp\/v2\/pages\/4025"}],"wp:attachment":[{"href":"https:\/\/www.thetrailerdepot.com\/wp-json\/wp\/v2\/media?parent=5118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}