

<!doctype html>
<html  lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE" >
        <link rel="canonical" href="https://www.mayfieldfordlincoln.com/en/humberview-group-dealers">
        
        
        <title>Our Locations | Mayfield Ford in Brampton</title>
<meta name="description" content="If you're looking for a new vehicle or wish to reach out to one of our sales representatives, call, email, or visit us at one of our dealership locations! We look forward to helping you today.">


<meta property="og:type" content="website"/>
<meta property="og:title" content="Our Locations | Mayfield Ford in Brampton"/>
<meta property="og:description" content="If you're looking for a new vehicle or wish to reach out to one of our sales representatives, call, email, or visit us at one of our dealership locations! We look forward to helping you today."/>
<meta property="og:site_name" content="Mayfield Ford"/>
<meta property="og:url" content="/en/our-dealerships"/>
<meta property="og:image" content="https://img.sm360.ca/images/web/humberviewgroup-941/4009/mayfield-1698861906958.png"/>


<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Our Locations | Mayfield Ford in Brampton">
<meta name="twitter:description" content="If you're looking for a new vehicle or wish to reach out to one of our sales representatives, call, email, or visit us at one of our dealership locations! We look forward to helping you today.">


    <meta name="twitter:image" content="https://img.sm360.ca/images/web/humberviewgroup-941/4009/mayfield-1698861906958.png">


<meta name="viewport" content="width=device-width, initial-scale=1.0">
        
        
<link type="text/css" rel="stylesheet" href="/css/phoenix-jsp/phoenix-jsp.min.css">


<link href="/css/theme/humberview-2023/main.css?v=070041029" type="text/css" rel="stylesheet"/>
<style>
        :root {
            
                --buttonPrimaryBorder: #00095B;
            
                --buttonSecondaryBorderHover: #00095B;
            
                --buttonSecondaryBorder: #00095B;
            
                --buttonTertiaryBorder: #FFFFFF;
            
                --buttonPrimaryBorderHover: #005a92;
            
                --secondary5: #555555;
            
                --secondary4: #FAFAFA;
            
                --buttonSecondary: #FFFFFF;
            
                --secondary7: #F8F9FB;
            
                --none: transparent;
            
                --secondary6: #37A9E8;
            
                --primary1: #00095B;
            
                --onButtonSecondary: #00095B;
            
                --backgroundPrimary: #005a92;
            
                --secondary8: #CCCCCC;
            
                --transparent: transparent;
            
                --buttonTertiaryHover: transparent;
            
                --buttonSecondaryHover: #005a92;
            
                --onButtonPrimaryHover: #FFFFFF;
            
                --buttonPrimary: #00095B;
            
                --primary2: #005a92;
            
                --primary3: #333333;
            
                --neutral4: #F8F9FB;
            
                --buttonTertiary: transparent;
            
                --neutral3: #CCCCCC;
            
                --semantic1-error: #D0021B;
            
                --onButtonSecondaryHover: #FFFFFF;
            
                --neutral2: #202020;
            
                --buttonTertiaryBorderHover: #005a92;
            
                --neutral1: #FFFFFF;
            
                --onButtonTertiaryHover: #FFFFFF;
            
                --onButtonPrimary: #FFFFFF;
            
                --accessibilityBlue: #102b4e;
            
                --onButtonTertiary: #FFFFFF;
            
                --semantic4-warning: #D0021B;
            
                --semantic3-focus: #37A9E8;
            
                --secondary1: #102B4E;
            
                --secondary3: #EDEDED;
            
                --semantic2-completed: #3AAA3A;
            
                --secondary2: #00142E;
            
                --accessibilityGrey: #555555;
            
                --buttonPrimaryHover: #005a92;
            
        }
    </style>
<link rel="stylesheet" href="https://cdn.icomoon.io/78355/manufacturer-ford/style-svg.css?ltnjiy">
<link rel="stylesheet" href="https://cdn.icomoon.io/78355/manufacturer-ford/style.css?9a0usp">


<link type="text/css" rel="stylesheet" href="/css/manufacturers/ford/ford.min.css">


<link href="/css/theme/humberview-2023/compliance/ford.css?v=070041029" type="text/css" rel="stylesheet"/>


<link href="/css/theme/humberview-2023/website/colonyfordlincoln/colonyfordlincoln.css?v=070041029" type="text/css" rel="stylesheet"/>
<link rel="stylesheet" href="https://unpkg.com/swiper@6.8.4/swiper-bundle.min.css">
        

        <link rel="icon" href="https://img.sm360.ca/images/web/humberviewgroup-941/4011/favicon-ford1685045132415.png">
        <link rel="apple-touch-icon-precomposed" href="https://img.sm360.ca/images/web/humberviewgroup-941/4009/mayfield-ford-stacked-no-tag--sm-jan-20231694913329461.jpg">
        

        <!--[if lt IE 9]>
        <script src="//cdn.sm360.ca/varia/js/src/min/html5.js"></script>
        <![endif]-->

        <script type="text/javascript">
            if (typeof console === "undefined") {
                var console = {
                    log: function(value) {
                        return;
                    }
                };
            }
        </script>

        <link rel="dns-prefetch" href="//cdn.sm360.ca">
        <link rel="preconnect" href="//cdn.sm360.ca">

        
            <link rel="dns-prefetch" href="https://img0.sm360.ca">
            <link rel="preconnect" href="https://img0.sm360.ca">
        
            <link rel="dns-prefetch" href="https://img1.sm360.ca">
            <link rel="preconnect" href="https://img1.sm360.ca">
        
            <link rel="dns-prefetch" href="https://img2.sm360.ca">
            <link rel="preconnect" href="https://img2.sm360.ca">
        

            <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>

            
                        <script defer src="https://code.jquery.com/jquery-migrate-1.2.1.min.js" integrity="sha256-HmfY28yh9v2U4HfIXC+0D6HCdWyZI42qjaiCFEJgpo0=" crossorigin="anonymous"></script>
                    
                
            <script defer src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js" integrity="sha256-xNjb53/rY+WmG+4L6tTl9m6PpqknWZvRt0rO1SRnJzw=" crossorigin="anonymous"></script>
        
    
    <script defer src="//cdn.sm360.ca/varia/js/src/min/jquery.cookie.js"></script>
    <script defer src="//cdn.sm360.ca/varia/js/src/min/jquery.sm360.cookieArray.js"></script>
    <script defer src="//cdn.sm360.ca/varia/js/src/min/compareTool.js"></script>


    <script defer type="text/javascript" src="/js/access-360/access-360.min.js"></script>


        <script type="text/javascript" src="/js/phoenix/phoenix.min.js?v=050210779" defer="defer"/></script><!-- Google Tag Manager -->
        

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-57M2CF3');</script>
<!-- End Google Tag Manager --><!-- End Google Tag Manager -->
        <!-- Trade Pending Script -->
        

                <!-- Datalayer-->
                

<script>
    function clickToCall(){
        var dataLayer = window.dataLayer = window.dataLayer || [];

        dataLayer.push({
            "event": "clickToCall",
            "eventCategory": "profitCenter",
            "eventAction": "click-to-call",
            "mediaConversionType": "soft conversion", // Hardcoded
            "dealership": "Mayfield Ford",
            
        });
    }
</script>

<script type="text/javascript">
    function clickToDirections(){
        var dataLayer = window.dataLayer = window.dataLayer || [];
        dataLayer.push({
            "event": "clickToCall",
            "eventCategory": "profitCenter",
            "eventAction": "click-to-directions",
            "mediaConversionType": "soft conversion", // Hardcoded
            "dealership": "Mayfield Ford",
            
        });
    }
</script>

<script>
    function formSubmitted(formName){
        var dataLayer = window.dataLayer = window.dataLayer || [];
        dataLayer.push({
            "event": "formSubmitted",
            "eventCategory": "profitCenter",
            "eventAction": "form submitted",
            "mediaConversionType": "hard conversion", // Hardcoded
            "dealership": "Mayfield Ford",
            
        });
    }
</script>


        <script type="text/javascript">
        dataLayer = [{
            "isLoggedIn": "false",
            "hasVehicleInGarage": "false",
            "page404": "no",
            "dealership": "Mayfield Ford",
            "language": "en",
            "device": "desktop",
            pageType:'static_page' ,profitCenter:'generic' ,department:'other' ,pageName:'Other'
        }];
</script>
    

<script type="text/javascript">
    function setCookie(cname, cvalue, exdays) {
        var expires = "";
        if(exdays) {
            var d = new Date();
            d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
            expires = "; expires=" + d.toUTCString();
        }
        document.cookie = cname + "=" + cvalue + expires + "; path=/;";
    }

    function getCookie(cname) {
        var name = cname + "=";
        var decodedCookie = decodeURIComponent(document.cookie);
        var ca = decodedCookie.split(';');
        for(var i = 0; i <ca.length; i++) {
            var c = ca[i];
            while (c.charAt(0) == ' ') {
                c = c.substring(1);
            }
            if (c.indexOf(name) == 0) {
                return c.substring(name.length, c.length);
            }
        }
        return "";
    }

    function initVdpVisitedEvent() {
        var vdpVisited_cookie = getCookie('vdpVisited');
        var lastVdpVisited_cookie = getCookie('lastVisitedVdp');
        var currentUrl = window.location.href;
        if(vdpVisited_cookie){
            var vdpVisited = parseInt(vdpVisited_cookie);
            if(lastVdpVisited_cookie != currentUrl) {
                vdpVisited++;
                setCookie('vdpVisited', vdpVisited);
                if (vdpVisited == 3) {
                    var eventLabel = '3 VDP Hits';
                    if (typeof (dataLayer) !== 'undefined') {
                        dataLayer.push({
                            'event': 'gaTriggerEvent',
                            'gaEventCategory': 'vdp',
                            'gaEventAction': 'vdpHit',
                            'gaEventLabel': eventLabel
                        });
                    } else if (typeof (ga) !== 'undefined') {
                        //Sending event to analytics
                        ga('send', 'event', 'vdp', 'vdpHit', eventLabel);
                    }
                }
            }
        } else {
            setCookie('vdpVisited', 1);
        }
        setCookie('lastVisitedVdp', currentUrl);
    }

</script>

                
                <!-- Datalayer-->
                

<!-- Google Tag Manager -->
    
        
            <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.defer=true;j.src='//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-KKW4MR6');</script>
        
    
<!-- End Google Tag Manager -->

                
                <!-- Google Tag Manager -->
                <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push(
                    {'gtm.start': new Date().getTime(),event:'gtm.js'}
                );var f=d.getElementsByTagName(s)[0],
                    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.defer=true;j.src=
                    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                })(window,document,'script','dataLayer','GTM-WWDVWRW');</script>
                <!-- End Google Tag Manager -->
            
        
        <script>
    /**
     * Add a hidden input if reCaptcha is enabled
     * @form : form element
     */
    async function handleRecaptcha(form) {
        if(typeof hasRecaptchaEnabled !== "undefined") {
            try{
                const token = await getRecaptchaToken()
                addHiddenInput(token, form);
            }
            catch(e) {
                console.error('An error Recaptcha occurred');
            }
        }
    }

    window.handleRecaptcha = handleRecaptcha;
</script>

<script src="https://www.google.com/recaptcha/enterprise.js?render=6LcIY2MpAAAAADy2XOdijYivi-pYmoEP1ed1RIwK"></script>

    <script type="text/javascript">
        window.hasRecaptchaEnabled = true
        /**
         * Add Hidden Input tag.
         * @param { String } token - Recaptcha token
         * @param { HTMLCollection } form - Form.
         */
        function addHiddenInput(token, form){
            const hiddenRecaptchaInput = form[0].querySelector('[data-recaptcha-response]');
            if(!hiddenRecaptchaInput) {
                var hiddenInput = document.createElement('input');
                hiddenInput.type = 'hidden';
                hiddenInput.name = 'recaptchaResponse';
                hiddenInput.dataset.recaptchaResponse = '';
                hiddenInput.value = token;
                form[0].appendChild(hiddenInput);
            } else {
                hiddenRecaptchaInput.value = token;
            }
        }

        /**
         * Call grecaptcha.enterprise.execute to get the token.
         */
        function getRecaptchaToken() {
            return new Promise((resolve, reject) => {
                grecaptcha.enterprise.ready(() => {
                    grecaptcha.enterprise
                        .execute('6LcIY2MpAAAAADy2XOdijYivi-pYmoEP1ed1RIwK', { action: 'homepage' })
                        .then((token) => {
                            resolve(token);
                        })
                        .catch((error) => {
                            reject(error);
                        });
                });
            });
        }
    </script>


<script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "WebSite",
        "url": "www.mayfieldfordlincoln.com"
    }
</script>


<script type='application/ld+json'>
{
    "@context": "http://www.schema.org",
    "@type": "AutoDealer",
    "address": {
        "@type": "PostalAddress",
        "streetAddress": "5 Docksteader Road",
        "addressLocality": "Brampton",
        "addressRegion": "ON",
        "postalCode": "L6R 3Y2",
        "addressCountry": "CA"
    },
    "brand": "ford",
    "description": "Mayfield Ford, Ford dealership in Brampton",
    "email": "n/a",
    "geo": {
        "@type": "GeoCoordinates",
        "latitude": "43.7272585",
        "longitude": "-79.8316547"
    },
    "image": "https://img.sm360.ca/images/web/humberviewgroup-941/mf-logo1695046588831.png",
    "knowsLanguage": "en-CA",
    "logo": "https://img.sm360.ca/images/web/humberviewgroup-941/mf-logo1695046588831.png",
    "memberOf": {
        "@type": "ProgramMembership",
        "programName": "n/a"
    },
    "name": "Mayfield Ford",
    "openingHours": "n/a",
    "priceRange": "5000.0-250000.0 $",
    "sameAs": [
        "https://www.facebook.com/MayfieldFordLincoln/",
        "",
        "",
        "",
        "https://www.instagram.com/mayfield.ford"
    ],
    "telephone": "1-855-938-0886",
    "url": "www.mayfieldfordlincoln.com"
}
</script>
    

        <link rel="stylesheet" href="//cdn.sm360.ca/varia/css/src/min/reset.css"/>
    

            <style>
    
    @font-face {
        font-family: 'antenna-bold';
        src: url('//cdn.sm360.ca/varia/fonts/ford/Antenna-Bold.eot');
        src: url('//cdn.sm360.ca/varia/fonts/ford/Antenna-Bold?#iefix') format('embedded-opentype'),
        url('//cdn.sm360.ca/varia/fonts/ford/Antenna-Bold.woff') format('woff'),
        url('//cdn.sm360.ca/varia/fonts/ford/Antenna-Bold.woff2') format('woff2'),
        url('//cdn.sm360.ca/varia/fonts/ford/Antenna-Bold.ttf') format('truetype');
    }

    
    @font-face {
        font-family: 'antenna-regular';
        src: url('//cdn.sm360.ca/varia/fonts/ford/Antenna-Regular.eot');
        src: url('//cdn.sm360.ca/varia/fonts/ford/Antenna-Regular.eot?#iefix') format('embedded-opentype'),
        url('//cdn.sm360.ca/varia/fonts/ford/Antenna-Regular.woff') format('woff'),
        url('//cdn.sm360.ca/varia/fonts/ford/Antenna-Regular.woff2') format('woff2'),
        url('//cdn.sm360.ca/varia/fonts/ford/Antenna-Regular.ttf') format('truetype');
    }

    
    @font-face {
        font-family: 'antenna-light';
        src: url('//cdn.sm360.ca/varia/fonts/ford/FordAntenna-Light.eot');
        src: url('//cdn.sm360.ca/varia/fonts/ford/FordAntenna-Light.eot?#iefix') format('embedded-opentype'),
        url('//cdn.sm360.ca/varia/fonts/ford/FordAntenna-Light.woff') format('woff'),
        url('//cdn.sm360.ca/varia/fonts/ford/FordAntenna-Light.woff2') format('woff2'),
        url('//cdn.sm360.ca/varia/fonts/ford/FordAntenna-Light.ttf') format('truetype');
    }

    :root {
        --font-family-antenna-bold: 'antenna-bold';
        --font-family-antenna-regular: 'antenna-regular';
        --font-family-antenna-light: 'antenna-light';
    }
</style>

<style>
    
    @font-face {
        font-family: 'FordAntenna-Medium';
        src: url('//cdn.sm360.ca/varia/fonts/ford/FordAntenna-Medium.eot');
        src: url('//cdn.sm360.ca/varia/fonts/ford/FordAntenna-Medium?#iefix') format('embedded-opentype'),
        url('//cdn.sm360.ca/varia/fonts/ford/FordAntenna-Medium.woff2') format('woff2'),
        url('//cdn.sm360.ca/varia/fonts/ford/FordAntenna-Medium.woff') format('woff'),
        url('//cdn.sm360.ca/varia/fonts/ford/FordAntenna-Medium.ttf') format('truetype');
    }

    :root {
        --font-family-fordAntenna-medium: 'FordAntenna-Medium';
    }
</style>

        
<link href="/theme/css/theme?v=070041029" type="text/css" rel="stylesheet"/>


<link href="/css/access-360/access-360.css?v=070041029" type="text/css" rel="stylesheet"/>

    
<noscript id="deferred-styles">

    
</noscript>


<script>
    var loadDeferredStyles = function() {
        var addStylesNode = document.getElementById("deferred-styles");
        var replacement = document.createElement("div");
        replacement.innerHTML = addStylesNode.textContent;
        document.body.appendChild(replacement);
        addStylesNode.parentElement.removeChild(addStylesNode);

    };
    var raf = requestAnimationFrame || mozRequestAnimationFrame ||
        webkitRequestAnimationFrame || msRequestAnimationFrame;
    if (raf) raf(function() { window.setTimeout(loadDeferredStyles, 0); });
    else window.addEventListener('load', loadDeferredStyles);
</script>

    </head>
    <body  itemscope="" itemtype="http://schema.org/WebPage">

    
<!-- Google Tag Manager -->
    <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-KKW4MR6" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager -->

            
        <!-- Google Tag Manager (noscript) 2-->
        <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WWDVWRW"
                          height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
        <!-- End Google Tag Manager (noscript) -->
    

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-57M2CF3"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) --><!-- Widget Auto dealer schema -->
        

<script type='application/ld+json'>
{
  "@context": "http://www.schema.org",
  "@type": "AutoDealer",
  "name": "Mayfield Ford",
  "url": "www.mayfieldfordlincoln.com",
  "logo": "https://img.sm360.ca/images/manufacturer/ford/ford-color-128-notag.png",
  "priceRange": "5000.0-250000.0 $",
  "image": "https://img.sm360.ca/images/manufacturer/ford/ford-color-128-notag.png",
  "description": "Mayfield Ford, Ford dealership in Brampton",
  "address": {
     "@type": "PostalAddress",
     "streetAddress": "5 Docksteader Road",
     "addressLocality": "Brampton",
     "addressRegion": "Ontario",
     "postalCode": "L6R 3Y2",
     "addressCountry": "CA"
  },
  "geo": {
     "@type": "GeoCoordinates",
     "latitude": "43.7272585",
     "longitude": "-79.8316547"
  },
   "openingHours": "",
   "telephone": "1-855-938-0886"
}
</script><!-- Widget Facebook Connect -->
        <div class="off-canvas-wrapper body1">
            <div class="off-canvas-wrapper-inner " data-off-canvas-wrapper >
                <div class="off-canvas position-right is-closed" id="offCanvas" data-off-canvas data-transition="overlap">
                    

<div class="mobile-menu" data-theme-style="mobileMenu_fontColor mobileMenu" x-data="">
    <div class="mobile-menu__top">
        

<a class="mobile-menu__top-logo" href="/en" title="Mayfield Ford">
            

<figure class="a-image " role="none" aria-label="">
    <!-- Load this in-viewport image normally -->
            <img class="a-image__img mobile-menu__top-logo-image" src="https://img.sm360.ca/images/web/humberviewgroup-941/4009/mayfield-1698861906958.png" height="" width="" alt="Serving you better, each and every day." data-czone="logo.dealer.header"
    
        data-czone-group="logo"/>
        </figure></a>
    <button class="mobile-menu__top-close close-button" aria-label="Close menu" data-close type="button" data-theme-style="mobileMenu_closeButton_fontColor">
            <span aria-hidden="true">x</span>
        </button>
    </div>

    <ul class="mobile-menu-links accordion"
        itemscope="itemscope"
        itemtype="https://schema.org/SiteNavigationElement"
        data-accordion
        data-allow-all-closed="true">

        <li class="mobile-menu-item accordion-item "
        data-accordion-item
        data-menu-item
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.mobile-menu-submenu-item__anchor'), (el) => el.getAttribute('href')) }"
        :data-theme-style="active ? 'mobileMenu_item_fontColor_active mobileMenu_item_bgColor_active': 'mobileMenu_bgColor mobileMenu_borderColor'"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        <a href="/en/new-inventory" class="mobile-menu-item__anchor accordion-title "  itemprop="url">

                    <span itemprop="name">
                            New Vehicles</span>

                    </a>
            <ul class="mobile-menu-submenu accordion-content" data-theme-style="mobileMenu_submenu_bgColor mobileMenu_submenu_fontColor" data-tab-content>
    <li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/new-inventory"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                All New Inventory</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/hybrid-electric-new-inventory"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                New Hybrid & EV Inventory</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/new-catalog"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Complete Lineup</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/new-commercial-inventory"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Commercial Fleet</span>
        </a>
    </li>
</ul>


</li>
<li class="mobile-menu-item accordion-item "
        data-accordion-item
        data-menu-item
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.mobile-menu-submenu-item__anchor'), (el) => el.getAttribute('href')) }"
        :data-theme-style="active ? 'mobileMenu_item_fontColor_active mobileMenu_item_bgColor_active': 'mobileMenu_bgColor mobileMenu_borderColor'"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        <a href="/en/group-used-inventory" class="mobile-menu-item__anchor accordion-title "  itemprop="url">

                    <span itemprop="name">
                            Used Vehicles</span>

                    </a>
            <ul class="mobile-menu-submenu accordion-content" data-theme-style="mobileMenu_submenu_bgColor mobileMenu_submenu_fontColor" data-tab-content>
    <li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/group-used-inventory"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Pre-Owned Inventory</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/demo-inventory"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Used Company Demonstrator</span>
        </a>
    </li>
</ul>


</li>
<li class="mobile-menu-item accordion-item "
        data-accordion-item
        data-menu-item
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.mobile-menu-submenu-item__anchor'), (el) => el.getAttribute('href')) }"
        :data-theme-style="active ? 'mobileMenu_item_fontColor_active mobileMenu_item_bgColor_active': 'mobileMenu_bgColor mobileMenu_borderColor'"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        <a href="/en" class="mobile-menu-item__anchor accordion-title "  itemprop="url">

                    <span itemprop="name">
                            Commercial Vehicles</span>

                    </a>
            <ul class="mobile-menu-submenu accordion-content" data-theme-style="mobileMenu_submenu_bgColor mobileMenu_submenu_fontColor" data-tab-content>
    <li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/new-commercial-inventory"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Commercial Inventory</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/commercial-vehicles"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Commercial Fleet Information</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="https://www.fordpro.ca/en-ca/"
           class="mobile-menu-submenu-item__anchor" target="_blank"
           itemprop="url">
            <i class="mobile-menu-submenu-item__picto" data-theme-sprite="external-link"></i>
            <span itemprop="name">
                Ford Pro CVC


    <svg class="a-icon a-icon-link-external "
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


</span>
        </a>
    </li>
</ul>


</li>
<li class="mobile-menu-item accordion-item "
        data-accordion-item
        data-menu-item
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.mobile-menu-submenu-item__anchor'), (el) => el.getAttribute('href')) }"
        :data-theme-style="active ? 'mobileMenu_item_fontColor_active mobileMenu_item_bgColor_active': 'mobileMenu_bgColor mobileMenu_borderColor'"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        <div>
                    <a href="https://www.mayfieldlincoln.ca/en" target="_self" class="mobile-menu-item__anchor  accordion-title mobile-menu-item__anchor-external" target="_blank" itemprop="url">
                        <span itemprop="name">
                                     Shop Lincoln</span>
                            </a>
                </div>
            <ul class="mobile-menu-submenu accordion-content" data-theme-style="mobileMenu_submenu_bgColor mobileMenu_submenu_fontColor" data-tab-content>
    </ul>


</li>
<li class="mobile-menu-item accordion-item "
        data-accordion-item
        data-menu-item
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.mobile-menu-submenu-item__anchor'), (el) => el.getAttribute('href')) }"
        :data-theme-style="active ? 'mobileMenu_item_fontColor_active mobileMenu_item_bgColor_active': 'mobileMenu_bgColor mobileMenu_borderColor'"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        <a href="/en/special-offers" class="mobile-menu-item__anchor accordion-title "  itemprop="url">

                    <span itemprop="name">
                            Special Offers</span>

                    </a>
            <ul class="mobile-menu-submenu accordion-content" data-theme-style="mobileMenu_submenu_bgColor mobileMenu_submenu_fontColor" data-tab-content>
    

<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/special-offers"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                All</span>
        </a>
    </li>


<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/special-offers/department/sales/1"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Sales</span>
        </a>
    </li>


<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/special-offers/department/service/15"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Service</span>
        </a>
    </li>


<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/special-offers/department/manufacturer-s-programs/4"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Manufacturer's Programs</span>
        </a>
    </li>

</ul>


</li>
<li class="mobile-menu-item accordion-item "
        data-accordion-item
        data-menu-item
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.mobile-menu-submenu-item__anchor'), (el) => el.getAttribute('href')) }"
        :data-theme-style="active ? 'mobileMenu_item_fontColor_active mobileMenu_item_bgColor_active': 'mobileMenu_bgColor mobileMenu_borderColor'"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        <a href="/en/fordpass-rewards" class="mobile-menu-item__anchor accordion-title "  itemprop="url">

                    <span itemprop="name">
                            Discover</span>

                    </a>
            <ul class="mobile-menu-submenu accordion-content" data-theme-style="mobileMenu_submenu_bgColor mobileMenu_submenu_fontColor" data-tab-content>
    <li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/fordpass-rewards"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                FordPass Rewards</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/fordpass-connect"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Ford Pass Connect</span>
        </a>
    </li>
</ul>


</li>
<li class="mobile-menu-item accordion-item "
        data-accordion-item
        data-menu-item
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.mobile-menu-submenu-item__anchor'), (el) => el.getAttribute('href')) }"
        :data-theme-style="active ? 'mobileMenu_item_fontColor_active mobileMenu_item_bgColor_active': 'mobileMenu_bgColor mobileMenu_borderColor'"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        <a href="/en/services" class="mobile-menu-item__anchor accordion-title "  itemprop="url">

                    <span itemprop="name">
                            Service & Parts</span>

                    </a>
            <ul class="mobile-menu-submenu accordion-content" data-theme-style="mobileMenu_submenu_bgColor mobileMenu_submenu_fontColor" data-tab-content>
    <li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/services"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Book Your Appointment</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/services/order-parts"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Order Parts</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/services/winter-tires"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Winter Tires</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/services/all-season-tires"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                All Season Tires</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/collision-centre"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Collision Centre</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/services/accessories"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Ford Accessories</span>
        </a>
    </li>
</ul>


</li>
<li class="mobile-menu-item accordion-item "
        data-accordion-item
        data-menu-item
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.mobile-menu-submenu-item__anchor'), (el) => el.getAttribute('href')) }"
        :data-theme-style="active ? 'mobileMenu_item_fontColor_active mobileMenu_item_bgColor_active': 'mobileMenu_bgColor mobileMenu_borderColor'"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        <a href="/en/financing-options" class="mobile-menu-item__anchor accordion-title "  itemprop="url">

                    <span itemprop="name">
                            Financing</span>

                    </a>
            <ul class="mobile-menu-submenu accordion-content" data-theme-style="mobileMenu_submenu_bgColor mobileMenu_submenu_fontColor" data-tab-content>
    <li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/financing-options"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Financing Option</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/leasing-options"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Leasing Option</span>
        </a>
    </li>
</ul>


</li>
<li class="mobile-menu-item accordion-item active"
        data-accordion-item
        data-menu-item
        x-data="{ active: true, anchors: Array.from($el.querySelectorAll('.mobile-menu-submenu-item__anchor'), (el) => el.getAttribute('href')) }"
        :data-theme-style="active ? 'mobileMenu_item_fontColor_active mobileMenu_item_bgColor_active': 'mobileMenu_bgColor mobileMenu_borderColor'"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        <a href="" class="mobile-menu-item__anchor accordion-title "  itemprop="url">

                    <span itemprop="name">
                            Dealership</span>

                    </a>
            <ul class="mobile-menu-submenu accordion-content" data-theme-style="mobileMenu_submenu_bgColor mobileMenu_submenu_fontColor" data-tab-content>
    <li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/about-us"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                About Us</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/contact-us"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Contact Us</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="https://www.humberviewgroup.com/en/careers"
           class="mobile-menu-submenu-item__anchor" target="_blank"
           itemprop="url">
            <i class="mobile-menu-submenu-item__picto" data-theme-sprite="external-link"></i>
            <span itemprop="name">
                Career Opportunities


    <svg class="a-icon a-icon-link-external "
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/our-team"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Meet Our Team</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/why-buy-from-us"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Why Buy From Us?</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item active" data-theme-style="mobileMenu_submenuItem_fontColor_active">
        <a href="/en/humberview-group-dealers"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Humberview Group Locations</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/news"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Blog</span>
        </a>
    </li>
</ul>


</li>
<li class="mobile-menu-item accordion-item "
        data-accordion-item
        data-menu-item
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.mobile-menu-submenu-item__anchor'), (el) => el.getAttribute('href')) }"
        :data-theme-style="active ? 'mobileMenu_item_fontColor_active mobileMenu_item_bgColor_active': 'mobileMenu_bgColor mobileMenu_borderColor'"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        <div>
                    <a href="/en/performance" target="_self" class="mobile-menu-item__anchor  accordion-title "  itemprop="url">
                        <span itemprop="name">
                                     Roush Performance</span>
                            </a>
                </div>
            <ul class="mobile-menu-submenu accordion-content" data-theme-style="mobileMenu_submenu_bgColor mobileMenu_submenu_fontColor" data-tab-content>
    </ul>


</li>
<li class="mobile-menu-item mobile-menu-compare accordion-item" data-accordion-item>
    <a class="mobile-menu-item__anchor mobile-menu-compare__anchor" href="#" title="Compare" data-theme-style="mobileMenu_bgColor mobileMenu_borderColor">
        <span class="mobile-menu-compare__label">
            Compare</span>
        <span class="mobile-menu-compare__value" data-theme-style="mobileMenu_compareCount_bgColor mobileMenu_compareCount_fontColor" data-comparetool-count='all'>
                            0</span>
        </a>

    <ul class="mobile-menu-submenu accordion-content" data-theme-style="mobileMenu_submenu_bgColor mobileMenu_submenu_fontColor" data-tab-content>
        <li class="mobile-menu-submenu-item widget-mobile-comparebox__element  widget-comparebox__element--inactive">
    <a href="#"
       class="mobile-menu-submenu-item__anchor"
       data-comparetool-link='/en/new-catalog/compare/'
       data-comparetool-link-type='catalog'
       itemprop="url">
        <span class="widget-comparebox__element-count" data-comparetool-count='catalog'>
            0</span>
        <span class="widget-comparebox__element-text">
            New Vehicle(s)</span>
    </a>
</li><li class="mobile-menu-submenu-item widget-mobile-comparebox__element  widget-comparebox__element--inactive">
    <a href="#"
       class="mobile-menu-submenu-item__anchor"
       data-comparetool-link='/en/used-inventory/compare/'
       data-comparetool-link-type='used'
       itemprop="url">
        <span class="widget-comparebox__element-count" data-comparetool-count='used'>
            0</span>
        <span class="widget-comparebox__element-text">
            Used Vehicle(s)</span>
    </a>
</li><li class="mobile-menu-submenu-item widget-mobile-comparebox__element  widget-comparebox__element--inactive">
    <a href="#"
       class="mobile-menu-submenu-item__anchor"
       data-comparetool-link='/en/new-inventory/compare/'
       data-comparetool-link-type='new-inventory'
       itemprop="url">
        <span class="widget-comparebox__element-count" data-comparetool-count='new-inventory'>
            0</span>
        <span class="widget-comparebox__element-text">
            New Inventory Vehicle(s)</span>
    </a>
</li></ul>
</li>
</ul>

    <div class="mobile-menu__bottom">
            <div class="mobile-menu__cta-sms">
                    

                    <a class="a-button -primary mobile-menu__cta-sms-anchor"
                       href="/en/services"
                       role="button"
                       context-id="mobileMenu_button"
                       
                       
                       data-theme-style="button"
                    >
                        Service Appointment

                        
                    </a>
                
                
</div>
                <br>
            <div class="mobile-menu__dealer">
                

<address class="addressBravo mobile-menu__address" data-component data-component-type="address">
    
        
    <p class="a-typography subheading1 addressBravo__dealerName"  role="heading" aria-level="1">
    Mayfield Ford
    
    </p>


            <a href="http://maps.google.com/?q=Mayfield+Ford+5+Docksteader+Road+L6R+3Y2+Ontario+Brampton"
               class="m-linkWithIcon -headeraddress addressBravo__link"
                data-tagging-precision="address"
        
            data-tagging-event="contacts"
        
        
            data-tagging-scope="header"
                target="_blank"
                title="5 Docksteader Road, Brampton, <span>Ontario, L6R 3Y2</span>"
                
                
                data-theme-style="link"
            >
                
                    
    <svg class="a-icon a-icon-pin m-linkWithIcon__icon"
         role="none"
         
    >
        <title>pin</title>
        <use xlink:href="#icon-pin"></use>
    </svg>


                    5 Docksteader Road, Brampton, <span>Ontario, L6R 3Y2</span>
                
                    
    <svg class="a-icon a-icon-link-external m-linkWithIcon__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
</address><section class="phone-number mobile-menu__dealer-info">
    <div class="phone-number-department ">
        

    <span class="a-typography   phone-number-department__name phone-number-department--ponctuation" data-theme-style="" role="" >
    Sales
    
    </span>


            <a href="tel:1-647-797-8249"
               class="a-link -headerphone  shiftdigital-event phone-number-department__phone"
                data-tagging-precision="phone"
        
            data-tagging-event="contacts"
        
        
            data-tagging-specificity="Sales"
                
                title="1-647-797-8249"
                
                data-shiftdigital-url="tel:1-647-797-8249"
    
        data-shiftdigital-title="Other"
    
        data-shiftdigital-event="clickToCall"
    
        data-tagging-scope="header"
               data-theme-style="link"
            >
                    1-647-797-8249
                
            </a>
        
        
</div>
<div class="phone-number-department ">
        

    <span class="a-typography   phone-number-department__name phone-number-department--ponctuation" data-theme-style="" role="" >
    Service & Parts
    
    </span>


            <a href="tel:1-647-249-8260"
               class="a-link -headerphone  shiftdigital-event phone-number-department__phone"
                data-tagging-precision="phone"
        
            data-tagging-event="contacts"
        
        
            data-tagging-specificity="Service & Parts"
                
                title="1-647-249-8260"
                
                data-shiftdigital-url="tel:1-647-249-8260"
    
        data-shiftdigital-title="Other"
    
        data-shiftdigital-event="clickToCall"
    
        data-tagging-scope="header"
               data-theme-style="link"
            >
                    1-647-249-8260
                
            </a>
        
        
</div>
</section>
<div class="social-network mobile-menu__social-media">
        <div class="social-network__iconWrapper ">
            <a class=""
                   href="https://www.facebook.com/MayfieldFordLincoln/"
                   title="Facebook | Mayfield Ford"
                   target="_blank"
                   aria-label="Facebook - New Window"
                   data-tagging-event="social"
                   data-tagging-precision="facebook"
                   data-tagging-scope="header"
                   data-theme-style=""
                >
                    

    <svg class="a-icon a-icon-facebook social-media "
         role="none"
         data-theme-style="socialBlock_iconColor socialBlock_iconColor_hover"
    >
        <title>facebook</title>
        <use xlink:href="#icon-facebook"></use>
    </svg>


</a>
            <a class=" "
                   href="https://www.instagram.com/mayfield.ford"
                   title="Instagram | Mayfield Ford"
                   target="_blank"
                   aria-label="Instagram - New Window"
                   data-tagging-event="social"
                   data-tagging-precision="instagram"
                   data-tagging-scope="header"
                   data-theme-style=""
                >
                    

    <svg class="a-icon a-icon-instagram social-media "
         role="none"
         data-theme-style="socialBlock_iconColor socialBlock_iconColor_hover"
    >
        <title>instagram</title>
        <use xlink:href="#icon-instagram"></use>
    </svg>


</a>
            <a class=""
                   href="https://www.tiktok.com/@mayfieldfordlincoln"
                   title="Tiktok | Mayfield Ford"
                   target="_blank"
                   data-tagging-event="social"
                   data-tagging-precision="tiktok"
                   data-tagging-scope="header"
                   data-theme-style=""
                >
                    

    <svg class="a-icon a-icon-tiktok social-media "
         role="none"
         data-theme-style="socialBlock_iconColor socialBlock_iconColor_hover"
    >
        <title>tiktok</title>
        <use xlink:href="#icon-tiktok"></use>
    </svg>


</a>
            <a class="footerAlpha__social-icons a-linkedin null"
       data-theme-style=""
       href="https://www.linkedin.com/company/mayfield-ford-lincoln/"
       target="_blank"
       title="LinkedIn | Mayfield Ford"
       data-tagging-event="social"
       data-tagging-precision="linkedin"
        data-tagging-scope="header"
    >
        

    <svg class="a-icon a-icon-linkedin social-media "
         role="none"
         data-theme-style="socialBlock_iconColor socialBlock_iconColor_hover"
    >
        <title>linkedin</title>
        <use xlink:href="#icon-linkedin"></use>
    </svg>


</a>
</div>
    </div>
</div>
        </div>
    </div>

    
</div>

                <div class="off-canvas-content" data-off-canvas-content>
                    <!-- Content Off-Canvas -->
                    <div class="site-container"
                         x-data="{ prevPageYOffset: window.pageYOffset }"
                         @scroll.window="currentPageYOffset = window.pageYOffset; (currentPageYOffset > $refs.header.offsetHeight) ? $el.classList.add('pageIsScrolling') : $el.classList.remove('pageIsScrolling'), (currentPageYOffset > $refs.header.offsetHeight && prevPageYOffset < currentPageYOffset) ? $el.classList.add('pageIsScrollingDown') : $el.classList.remove('pageIsScrollingDown'), prevPageYOffset = currentPageYOffset"

                    >

                        
                    <a class="a-button -primary accessibility-hidden-button "
                       href="#mainContent"
                       role="button"
                       context-id="headerCta_button"
                       
                       
                       data-theme-style="button"
                    >
                        Go to Main Content

                        
                    </a>
                
                
                    <a class="a-button -primary accessibility-hidden-button "
                       href="#footer"
                       role="button"
                       context-id="headerCta_button"
                       
                       
                       data-theme-style="button"
                    >
                        Go to Footer

                        
                    </a>
                
                
<div class="header gen-fixed gen-top-0 gen-w-full gen-z-[100] lg:gen-relative " x-ref="header">
                            <!-- Widget Login Bar Showroom -->
<header class="mobileHeaderAlpha grid-container gen-w-full"
        data-theme-style="mobileHeader_bgColor mobileHeader_fontColor"
        data-mobile-header
        role="banner"
>
    <div class="grid-x grid-padding-x">
        <div class="mobileHeaderAlpha__content cell">
            

<a class="mobileHeaderAlpha__logo" href="/en" title="Mayfield Ford">
            

<figure class="a-image " role="none" aria-label="">
    <!-- Load this in-viewport image normally -->
            <img class="a-image__img mobileHeaderAlpha__logo-image" src="https://img.sm360.ca/ir/h90/images/web/humberviewgroup-941/4009/mayfield-1698861906958.png" height="" width="" alt="Serving you better, each and every day." data-czone="logo.dealer.header"
    
        data-czone-group="logo"/>
        </figure></a>
    <div class="mobileHeaderAlpha__coordinates" data-coordinates>
                <a href="javascript:void(0);"
           class="header-mobile__phone mobileHeaderAlpha__phone mobileHeaderAlpha__item"
           data-modal-id="phonesDepartmentReveal">
            

    <svg class="a-icon a-icon-phone header-mobile__phone-picto"
         role="none"
         data-theme-style="mobileHeader_phone_iconColor"
    >
        <title>phone</title>
        <use xlink:href="#icon-phone"></use>
    </svg>


</a>
    <div class="modal " data-modal="phonesDepartmentReveal" >
    <div class="modal__wrapper "
         data-theme-style="modal_fontColor modal_bgColor"
         >

        <button class="modal__close-button" type="button" data-modal-close data-theme-style="modal_closeBtn_fontColor modal_closeBtn_bgColor">
            <span aria-hidden="true">X</span>
        </button>

        <div class="modal__content " data-theme-style="modal_scrollbar " data-modal-content>
            <ul class="snippet-mobile-phones mobileHeaderAlpha__phone mobileHeaderAlpha__item" data-theme-style="">

            <li class="snippet-mobile-phones__item">
                        <a href="tel:1-647-797-8249"
                           class="shiftdigital-event snippet-mobile-phones__item-anchor" 
                           data-shiftdigital-event="clickToCall"
                           data-shiftdigital-title=""
                           data-shiftdigital-url="tel:1-647-797-8249"
                           data-tagging-event="contacts"
                           data-tagging-precision="phone"
                           data-tagging-specificity="Sales">
                            

    <svg class="a-icon a-icon-phone snippet-mobile-phones__item-picto"
         role="none"
         
    >
        <title>phone</title>
        <use xlink:href="#icon-phone"></use>
    </svg>


<span class="snippet-mobile-phones__item-name">Sales&nbsp;&nbsp;&nbsp;&nbsp;1-647-797-8249</span>
                        </a>
                    </li>
                <li class="snippet-mobile-phones__item">
                            <a href="tel:1-647-249-8260"
                               class="shiftdigital-event snippet-mobile-phones__item-anchor" 
                               data-shiftdigital-event="clickToCall"
                               data-shiftdigital-title="Parts"
                               data-shiftdigital-url="tel:1-647-249-8260"
                               data-tagging-event="contacts"
                               data-tagging-precision="phone"
                               data-tagging-specificity="Service & Parts">
                                

    <svg class="a-icon a-icon-phone snippet-mobile-phones__item-picto"
         role="none"
         
    >
        <title>phone</title>
        <use xlink:href="#icon-phone"></use>
    </svg>


<span class="snippet-mobile-phones__item-name">Service & Parts&nbsp;&nbsp;&nbsp;&nbsp;1-647-249-8260</span>
                            </a>
                        </li>
                    </ul>
    </div>
    </div>
</div><a class="mobileHeaderAlpha__address mobileHeaderAlpha__item" href="http://maps.google.com/?q=Mayfield+Ford+5+Docksteader+Road+L6R+3Y2+ON+Brampton" target="_blank">
                        

    <svg class="a-icon a-icon-pin mobileHeaderAlpha__address-picto"
         role="none"
         data-theme-style="mobileHeader_address_iconColor"
    >
        <title>pin</title>
        <use xlink:href="#icon-pin"></use>
    </svg>


</a>
                </div>

            <a href="javascript:void(0)" class="mobile-header-menu-icon mobileHeaderAlpha__item" data-toggle="offCanvas" data-mobile-menuburger role="button" aria-label="Close Menu">
    <span class="mobile-header-menu-icon__bar" data-theme-style="mobileHeader_menuIcon_color"></span>
    <span class="mobile-header-menu-icon__bar" data-theme-style="mobileHeader_menuIcon_color"></span>
    <span class="mobile-header-menu-icon__bar" data-theme-style="mobileHeader_menuIcon_color"></span>
</a></div>
    </div>
</header>


<div class="l-fullWidth   mobileHeaderAlpha__tradeBanner"
              
              
              >
    

<div class="l-container -defaultMarginBottom  "
              
              
              >
    

<div class="l-row -defaultPaddingBottom "
              
              
              >
    <a href="/en/trade-in"
               class="a-link -tradebanner headerTradeBanner__link"
                
                
                title="We want your trade! Find out what your vehicle is worth!"
                
                
               data-theme-style="link"
            >
                    We want your trade! Find out what your vehicle is worth!
                
            </a>
</div>
</div>
</div>


<header class="headerAlpha" itemscope itemtype="https://schema.org/WPHeader" data-theme-style="headerAlpha desktopHeader_bgColor desktopHeader_fontColor" data-header role="banner" x-data="">
    

<div class="l-container   lg:gen-px-4"
              
              
              >
    <div x-intersect:enter="$refs.nav.style.position = 'static'"
            x-intersect:leave="$refs.nav.style.position = 'fixed', $refs.nav.style.top = 0">
            

<div class="l-grid  headerAlpha__mainContent"
              
              
              >
    <div class="headerAlpha__logo">
                    

<a class="headerAlpha__logoLink" href="/en" title="Mayfield Ford">
            

<figure class="a-image " role="none" aria-label="">
    <!-- Load this in-viewport image normally -->
            <img class="a-image__img headerAlpha__logoImage" src="https://img.sm360.ca/ir/h90/images/web/humberviewgroup-941/4009/mayfield-1698861906958.png" height="" width="" alt="Serving you better, each and every day." data-czone="logo.dealer.header"
    
        data-czone-group="logo"/>
        </figure></a>
    </div>

                <div class="headerAlpha__coordinates"
                     data-coordinates>
                    <div class="headerAlpha__phoneAddress">
                        <div class="headerAlpha__phoneList" data-theme-style="desktopHeader_bgColor desktopHeader_fontColor">
                            <div class="phone-number-department ">
        

    <span class="a-typography   phone-number-department__name " data-theme-style="" role="" >
    Sales
    
    </span>


            <a href="tel:1-647-797-8249"
               class="a-link -headerphone  shiftdigital-event phone-number-department__phone"
                data-tagging-precision="phone"
        
            data-tagging-event="contacts"
        
        
            data-tagging-specificity="Sales"
                
                title="1-647-797-8249"
                
                data-shiftdigital-url="tel:1-647-797-8249"
    
        data-shiftdigital-title="Other"
    
        data-shiftdigital-event="clickToCall"
    
        data-tagging-scope=""
               data-theme-style="link"
            >
                    1-647-797-8249
                
            </a>
        
        
    <svg class="a-icon a-icon-accordion-open -iconAfter"
         role="none"
         data-theme-style=""
    >
        <title>accordion-open</title>
        <use xlink:href="#icon-accordion-open"></use>
    </svg>


</div>
<section class="phone-number -list" >
        <div class="phone-number-department ">
        

    <span class="a-typography   phone-number-department__name phone-number-department--ponctuation" data-theme-style="" role="" >
    Service & Parts
    
    </span>


            <a href="tel:1-647-249-8260"
               class="a-link -headerphone  shiftdigital-event phone-number-department__phone"
                data-tagging-precision="phone"
        
            data-tagging-event="contacts"
        
        
            data-tagging-specificity="Service & Parts"
                
                title="1-647-249-8260"
                
                data-shiftdigital-url="tel:1-647-249-8260"
    
        data-shiftdigital-title="Other"
    
        data-shiftdigital-event="clickToCall"
    
        data-tagging-scope=""
               data-theme-style="link"
            >
                    1-647-249-8260
                
            </a>
        
        
</div>
</section>
</div>

                        <div class="headerAlpha__address">
                            

<address class="address gen-flex gen-items-center address--splitted headerAlpha__address"
         data-component data-component-type="address"
>
    

            <a href="http://maps.google.com/?q=Mayfield+Ford+5+Docksteader+Road+L6R+3Y2+Ontario+Brampton"
               class="m-linkWithIcon -headeraddress "
                data-tagging-precision="address"
        
            data-tagging-event="contacts"
        
        
            data-tagging-scope="header"
                target="_blank"
                title="5 Docksteader Road, Brampton,&nbsp;Ontario, L6R 3Y2"
                
                
                data-theme-style="link"
            >
                
                    
    <svg class="a-icon a-icon-pin m-linkWithIcon__icon"
         role="none"
         
    >
        <title>pin</title>
        <use xlink:href="#icon-pin"></use>
    </svg>


                    5 Docksteader Road, Brampton,&nbsp;Ontario, L6R 3Y2
                
                    
    <svg class="a-icon a-icon-link-external m-linkWithIcon__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
</address></div>
                    </div>

                    <div class="headerAlpha__cta">
                        

                    <a class="a-button -primary "
                       href="/en/services"
                       role="button"
                       context-id="headerCta_button"
                       data-tagging-precision="ctaService"
        
        
            data-tagging-scope="header"
                       
                       
                       data-theme-style="button"
                    >
                        Service Appointment

                        
                    </a>
                
                
</div>

                    </div>
            
</div></div>
    
</div>


<div class="desktop-menu__links gen-w-full gen-z-[100] gen-shadow-lg"
     id="nav"
     data-theme-style="desktopMenu_bgColor desktopMenu_borderColor"
     x-ref="nav"
     data-sr360-header
>
    
        
<div class="l-container   "
              
              
              >
    
            
<div class="l-row -defaultPaddingBottom desktop-menu__homeButton gen-relative"
              
              
              >
    
                
<div class="homeButton"
     title="Go to the Homepage"
     >
    <a href="/en" aria-label="home-button" role="button">
        

    <svg class="a-icon a-icon-home "
         role="none"
         
    >
        <title>home</title>
        <use xlink:href="#icon-home"></use>
    </svg>


    </a>
</div>
            
</div>
        
</div>
    

<div class="l-container   "
              
              
              >
    
        <nav class="desktop-menu__container">
            <ul class="grid-x grid-padding-x desktop-menu__navigation" itemscope="itemscope" itemtype="https://schema.org/SiteNavigationElement">
                

                        <li class="desktop-menu-item desktop-menu-item--catalog "
        data-menu-item
        tabindex="0"
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.catalog-submenu-links__link'), (el) => el.getAttribute('href')) }"
        :data-theme-style="active ? 'desktopMenu_item_fontColor_active desktopMenu_item_bgColor_active desktopMenu_item_iconColor_active': 'desktopMenu_item_fontColor desktopMenu_item_bgColor desktopMenu_item_iconColor'"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        <a href="/en/new-inventory"
           class="desktop-menu-item__anchor"
            
           itemprop="url" aria-haspopup="true"
           aria-expanded="false"
           data-menu-anchor
           data-tagging-scope="header-menu"
           data-tagging-precision="firstLevel"
           tabindex="-1">
            <span itemprop="name">
                New Vehicles</span>
            

    <svg class="a-icon a-icon-dropdown desktop-menu-item__picto"
         role="none"
         
    >
        <title>dropdown</title>
        <use xlink:href="#icon-dropdown"></use>
    </svg>


</a>

        <div class="desktop-menu-submenu catalog-submenu catalogAllMakes"
         data-theme-style="desktopMenu_submenu_bgColor"
         data-menu-submenu>
        <div class="catalogAllMakes__links"
             data-theme-style="catalogSubmenu_links_borderColor">
            

<ul class="catalog-submenu-links " data-theme-style="catalogSubmenu_links_borderColor">

    
            <li class="catalog-submenu-links__item  "
                data-theme-style="catalogSubmenu_links_fontColor">
                

                <a href="/en/new-inventory"
                   class="catalog-submenu-links__link desktop-menu-submenu-item__anchor subtitle"
                    
                   itemprop="url" 
                   data-menu-anchor
                   data-tagging-scope="header-menu"
                   data-tagging-precision="firstLevel"
                   tabindex="-1">
                    <span itemprop="name">
                            All New Inventory
                    </span>
                    
                </a>

                
            </li>
        
            
            <li class="catalog-submenu-links__item  "
                data-theme-style="catalogSubmenu_links_fontColor">
                

                <a href="/en/hybrid-electric-new-inventory"
                   class="catalog-submenu-links__link desktop-menu-submenu-item__anchor subtitle"
                    
                   itemprop="url" 
                   data-menu-anchor
                   data-tagging-scope="header-menu"
                   data-tagging-precision="firstLevel"
                   tabindex="-1">
                    <span itemprop="name">
                            New Hybrid & EV Inventory
                    </span>
                    
                </a>

                
            </li>
        
            
            <li class="catalog-submenu-links__item  "
                data-theme-style="catalogSubmenu_links_fontColor">
                

                <a href="/en/new-catalog"
                   class="catalog-submenu-links__link desktop-menu-submenu-item__anchor subtitle"
                    
                   itemprop="url" 
                   data-menu-anchor
                   data-tagging-scope="header-menu"
                   data-tagging-precision="firstLevel"
                   tabindex="-1">
                    <span itemprop="name">
                            Complete Lineup
                    </span>
                    
                </a>

                
            </li>
        
            
            <li class="catalog-submenu-links__item  "
                data-theme-style="catalogSubmenu_links_fontColor">
                

                <a href="/en/new-commercial-inventory"
                   class="catalog-submenu-links__link desktop-menu-submenu-item__anchor subtitle"
                    
                   itemprop="url" 
                   data-menu-anchor
                   data-tagging-scope="header-menu"
                   data-tagging-precision="firstLevel"
                   tabindex="-1">
                    <span itemprop="name">
                            Commercial Fleet
                    </span>
                    
                </a>

                
            </li>
        
    
</ul>
</div>

        <div class="catalogAllMakes__vehicles">
            <div class="catalogAllMakes__vehiclesList"
                 data-theme-style="scrollbarCustom_thumb_bgColor scrollbarCustom_track_bgColor">
                    <a class="catalog-submenu-vehicle  "
   href="/en/new-catalog/ford/2025-ford-bronco-2-doors-base-id30112"
   data-tagging-scope="header-submenu"
   data-tagging-precision="vehicle"
   data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenu_separator_borderColor"
   data-vehicle-filter="suv">
    

<figure class="a-image " role="none" aria-label="">
    <!-- Lazy-load images -->
            <img class="a-image__img lazyload catalog-submenu-vehicle__image" src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 140127'%2F%3E" loading="lazy" alt="Bronco 2 doors" height="127" width="140" data-src="https://img.sm360.ca/ir/w140h127c/images/newcar/ca/2025/ford/bronco-2-portes/base/suv/main/2024_FORD_WIP_Bronco_Base_MAIN.png"  />
        </figure>
    

    <span class="a-typography  catalog-submenu-vehicle__name"  role="" >
    Bronco 2 doors
    
    </span>


</a>


<a class="catalog-submenu-vehicle  "
   href="/en/new-catalog/ford/2025-ford-bronco-4-doors-base-id30133"
   data-tagging-scope="header-submenu"
   data-tagging-precision="vehicle"
   data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenu_separator_borderColor"
   data-vehicle-filter="suv">
    

<figure class="a-image " role="none" aria-label="">
    <!-- Lazy-load images -->
            <img class="a-image__img lazyload catalog-submenu-vehicle__image" src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 140127'%2F%3E" loading="lazy" alt="Bronco 4 doors" height="127" width="140" data-src="https://img.sm360.ca/ir/w140h127c/images/newcar/ca/2025/ford/bronco-4-portes/base/suv/main/2024_FORD_WIP_Bronco-4-portes_1-Base_main.png"  />
        </figure>
    

    <span class="a-typography  catalog-submenu-vehicle__name"  role="" >
    Bronco 4 doors
    
    </span>


</a>


<a class="catalog-submenu-vehicle  "
   href="/en/new-catalog/ford/2025-ford-bronco-sport--big-bend-id29418"
   data-tagging-scope="header-submenu"
   data-tagging-precision="vehicle"
   data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenu_separator_borderColor"
   data-vehicle-filter="suv">
    

<figure class="a-image " role="none" aria-label="">
    <!-- Lazy-load images -->
            <img class="a-image__img lazyload catalog-submenu-vehicle__image" src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 140127'%2F%3E" loading="lazy" alt="Bronco Sport" height="127" width="140" data-src="https://img.sm360.ca/ir/w140h127c/images/newcar/ca/2025/ford/bronco-sport/big-bend/suv/main/2025_Ford_Bronco_Big-Bend_001_main.png"  />
        </figure>
    

    <span class="a-typography  catalog-submenu-vehicle__name"  role="" >
    Bronco Sport
    
    </span>


</a>


<a class="catalog-submenu-vehicle  "
   href="/en/new-catalog/ford/2024-ford-edge-se-id25134"
   data-tagging-scope="header-submenu"
   data-tagging-precision="vehicle"
   data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenu_separator_borderColor"
   data-vehicle-filter="cuv">
    

<figure class="a-image " role="none" aria-label="">
    <!-- Lazy-load images -->
            <img class="a-image__img lazyload catalog-submenu-vehicle__image" src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 140127'%2F%3E" loading="lazy" alt="Edge" height="127" width="140" data-src="https://img.sm360.ca/ir/w140h127c/images/newcar/ca/2024/ford/edge/se-/cuv/main/2024_Ford_Edge_SE_Main.png"  />
        </figure>
    

    <span class="a-typography  catalog-submenu-vehicle__name"  role="" >
    Edge
    
    </span>


</a>


<a class="catalog-submenu-vehicle  "
   href="/en/new-catalog/ford/2025-ford-escape-active-id28673"
   data-tagging-scope="header-submenu"
   data-tagging-precision="vehicle"
   data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenu_separator_borderColor"
   data-vehicle-filter="suv">
    

<figure class="a-image " role="none" aria-label="">
    <!-- Lazy-load images -->
            <img class="a-image__img lazyload catalog-submenu-vehicle__image" src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 140127'%2F%3E" loading="lazy" alt="Escape" height="127" width="140" data-src="https://img.sm360.ca/ir/w140h127c/images/newcar/ca/2025/ford/escape/active/suv/main/2025_ford_escape_v2_active-Fwd_001_UM.png"  />
        </figure>
    

    <span class="a-typography  catalog-submenu-vehicle__name"  role="" >
    Escape
    
    </span>


</a>


<a class="catalog-submenu-vehicle  "
   href="/en/new-catalog/ford/2025-ford-escape-hybrid-st-line-id28681"
   data-tagging-scope="header-submenu"
   data-tagging-precision="vehicle"
   data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenu_separator_borderColor"
   data-vehicle-filter="suv">
    

<figure class="a-image " role="none" aria-label="">
    <!-- Lazy-load images -->
            <img class="a-image__img lazyload catalog-submenu-vehicle__image" src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 140127'%2F%3E" loading="lazy" alt="Escape Hybrid" height="127" width="140" data-src="https://img.sm360.ca/ir/w140h127c/images/newcar/ca/2025/ford/escape-hybride/st-line/suv/main/2024_ford_escape-hybride_v2_ST-Line-fwd_Main.png"  />
        </figure>
    

    <span class="a-typography  catalog-submenu-vehicle__name"  role="" >
    Escape Hybrid
    
    </span>


</a>


<a class="catalog-submenu-vehicle  "
   href="/en/new-catalog/ford/2025-ford-escape-phev-base-id28677"
   data-tagging-scope="header-submenu"
   data-tagging-precision="vehicle"
   data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenu_separator_borderColor"
   data-vehicle-filter="suv">
    

<figure class="a-image " role="none" aria-label="">
    <!-- Lazy-load images -->
            <img class="a-image__img lazyload catalog-submenu-vehicle__image" src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 140127'%2F%3E" loading="lazy" alt="Escape PHEV" height="127" width="140" data-src="https://img.sm360.ca/ir/w140h127c/images/newcar/ca/2025/ford/escape-phev/base/suv/main/2025_ford_escape-phev_Main.png"  />
        </figure>
    

    <span class="a-typography  catalog-submenu-vehicle__name"  role="" >
    Escape PHEV
    
    </span>


</a>


<a class="catalog-submenu-vehicle  "
   href="/en/new-catalog/ford/2025-ford-expedition-active-id30225"
   data-tagging-scope="header-submenu"
   data-tagging-precision="vehicle"
   data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenu_separator_borderColor"
   data-vehicle-filter="suv">
    

<figure class="a-image " role="none" aria-label="">
    <!-- Lazy-load images -->
            <img class="a-image__img lazyload catalog-submenu-vehicle__image" src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 140127'%2F%3E" loading="lazy" alt="Expedition" height="127" width="140" data-src="https://img.sm360.ca/ir/w140h127c/images/newcar/ca/2025/ford/expedition/active/suv/main/2024_FORD_WIP_Expedition1_MAIN.png"  />
        </figure>
    

    <span class="a-typography  catalog-submenu-vehicle__name"  role="" >
    Expedition
    
    </span>


</a>


<a class="catalog-submenu-vehicle  "
   href="/en/new-catalog/ford/2025-ford-explorer-active-id27908"
   data-tagging-scope="header-submenu"
   data-tagging-precision="vehicle"
   data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenu_separator_borderColor"
   data-vehicle-filter="cuv">
    

<figure class="a-image " role="none" aria-label="">
    <!-- Lazy-load images -->
            <img class="a-image__img lazyload catalog-submenu-vehicle__image" src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 140127'%2F%3E" loading="lazy" alt="Explorer" height="127" width="140" data-src="https://img.sm360.ca/ir/w140h127c/images/newcar/ca/2025/ford/explorer/active/cuv/main/2025_ford_explorer_active_001_main.png"  />
        </figure>
    

    <span class="a-typography  catalog-submenu-vehicle__name"  role="" >
    Explorer
    
    </span>


</a>


<a class="catalog-submenu-vehicle  "
   href="/en/new-catalog/ford/2025-ford-f-150-xl-id29483"
   data-tagging-scope="header-submenu"
   data-tagging-precision="vehicle"
   data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenu_separator_borderColor"
   data-vehicle-filter="pickup">
    

<figure class="a-image " role="none" aria-label="">
    <!-- Lazy-load images -->
            <img class="a-image__img lazyload catalog-submenu-vehicle__image" src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 140127'%2F%3E" loading="lazy" alt="F-150" height="127" width="140" data-src="https://img.sm360.ca/ir/w140h127c/images/newcar/ca/2025/ford/f-150/xl/pickup/main/2025_Ford_F150_31-XL_RegularCab_6-12_EXT_001_UM.png"  />
        </figure>
    

    <span class="a-typography  catalog-submenu-vehicle__name"  role="" >
    F-150
    
    </span>


</a>


<a class="catalog-submenu-vehicle  "
   href="/en/new-catalog/ford/2025-ford-f-150-hybrid-xlt-id29534"
   data-tagging-scope="header-submenu"
   data-tagging-precision="vehicle"
   data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenu_separator_borderColor"
   data-vehicle-filter="pickup">
    

<figure class="a-image " role="none" aria-label="">
    <!-- Lazy-load images -->
            <img class="a-image__img lazyload catalog-submenu-vehicle__image" src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 140127'%2F%3E" loading="lazy" alt="F-150 Hybrid" height="127" width="140" data-src="https://img.sm360.ca/ir/w140h127c/images/newcar/ca/2025/ford/f-150-hybride/xlt/pickup/main/2025_Ford_F150_Hybrid_4-XLT_EXT_001_UM.png"  />
        </figure>
    

    <span class="a-typography  catalog-submenu-vehicle__name"  role="" >
    F-150 Hybrid
    
    </span>


</a>


<a class="catalog-submenu-vehicle  "
   href="/en/new-catalog/ford/2025-ford-f-150-lightning-pro-id29439"
   data-tagging-scope="header-submenu"
   data-tagging-precision="vehicle"
   data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenu_separator_borderColor"
   data-vehicle-filter="pickup">
    

<figure class="a-image " role="none" aria-label="">
    <!-- Lazy-load images -->
            <img class="a-image__img lazyload catalog-submenu-vehicle__image" src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 140127'%2F%3E" loading="lazy" alt="F-150 Lightning" height="127" width="140" data-src="https://img.sm360.ca/ir/w140h127c/images/newcar/ca/2025/ford/f-150-lightning/pro/pickup/main/2024_Ford_WIP_F-150_Lightning_1-PRO_Main.png"  />
        </figure>
    

    <span class="a-typography  catalog-submenu-vehicle__name"  role="" >
    F-150 Lightning
    
    </span>


</a>


<a class="catalog-submenu-vehicle  "
   href="/en/new-catalog/ford/2025-ford-maverick-xl-id29254"
   data-tagging-scope="header-submenu"
   data-tagging-precision="vehicle"
   data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenu_separator_borderColor"
   data-vehicle-filter="pickup">
    

<figure class="a-image " role="none" aria-label="">
    <!-- Lazy-load images -->
            <img class="a-image__img lazyload catalog-submenu-vehicle__image" src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 140127'%2F%3E" loading="lazy" alt="Maverick" height="127" width="140" data-src="https://img.sm360.ca/ir/w140h127c/images/newcar/ca/2025/ford/maverick/xl/pickup/main/2025_Ford_Maverick_1-XL_MAIN.png"  />
        </figure>
    

    <span class="a-typography  catalog-submenu-vehicle__name"  role="" >
    Maverick
    
    </span>


</a>


<a class="catalog-submenu-vehicle  "
   href="/en/new-catalog/ford/2025-ford-maverick-hybrid-xl-fwd-id29259"
   data-tagging-scope="header-submenu"
   data-tagging-precision="vehicle"
   data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenu_separator_borderColor"
   data-vehicle-filter="pickup">
    

<figure class="a-image " role="none" aria-label="">
    <!-- Lazy-load images -->
            <img class="a-image__img lazyload catalog-submenu-vehicle__image" src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 140127'%2F%3E" loading="lazy" alt="Maverick Hybrid" height="127" width="140" data-src="https://img.sm360.ca/ir/w140h127c/images/newcar/ca/2025/ford/maverick-hybride/xl-fwd/pickup/main/2025_Ford_Maverick-Hybride_1-XL-FWD_MAIN.png"  />
        </figure>
    

    <span class="a-typography  catalog-submenu-vehicle__name"  role="" >
    Maverick Hybrid
    
    </span>


</a>


<a class="catalog-submenu-vehicle  "
   href="/en/new-catalog/ford/2025-ford-mustang-convertible-ecoboost-id29245"
   data-tagging-scope="header-submenu"
   data-tagging-precision="vehicle"
   data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenu_separator_borderColor"
   data-vehicle-filter="convertible">
    

<figure class="a-image " role="none" aria-label="">
    <!-- Lazy-load images -->
            <img class="a-image__img lazyload catalog-submenu-vehicle__image" src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 140127'%2F%3E" loading="lazy" alt="Mustang Convertible" height="127" width="140" data-src="https://img.sm360.ca/ir/w140h127c/images/newcar/ca/2025/ford/mustang-cabriolet/ecoboost/convertible/main/2025_FORD_Mustang-Cabriolet_1-EcoBoost_MAIN.png"  />
        </figure>
    

    <span class="a-typography  catalog-submenu-vehicle__name"  role="" >
    Mustang Convertible
    
    </span>


</a>


<a class="catalog-submenu-vehicle  "
   href="/en/new-catalog/ford/2025-ford-mustang-fastback-ecoboost-id29222"
   data-tagging-scope="header-submenu"
   data-tagging-precision="vehicle"
   data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenu_separator_borderColor"
   data-vehicle-filter="coupe">
    

<figure class="a-image " role="none" aria-label="">
    <!-- Lazy-load images -->
            <img class="a-image__img lazyload catalog-submenu-vehicle__image" src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 140127'%2F%3E" loading="lazy" alt="Mustang Fastback" height="127" width="140" data-src="https://img.sm360.ca/ir/w140h127c/images/newcar/ca/2025/ford/mustang-fastback/ecoboost/coupe/main/2025_FORD_Mustang-Fastback_1-EcoBoost_MAIN.png"  />
        </figure>
    

    <span class="a-typography  catalog-submenu-vehicle__name"  role="" >
    Mustang Fastback
    
    </span>


</a>


<a class="catalog-submenu-vehicle  "
   href="/en/new-catalog/ford/2025-ford-mustang-mach-e-select-rwd-id29983"
   data-tagging-scope="header-submenu"
   data-tagging-precision="vehicle"
   data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenu_separator_borderColor"
   data-vehicle-filter="suv">
    

<figure class="a-image " role="none" aria-label="">
    <!-- Lazy-load images -->
            <img class="a-image__img lazyload catalog-submenu-vehicle__image" src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 140127'%2F%3E" loading="lazy" alt="Mustang Mach-E" height="127" width="140" data-src="https://img.sm360.ca/ir/w140h127c/images/newcar/ca/2025/ford/mustang-mach-e/select-rwd/suv/main/2024_Ford_WIP_Mach-e_Select_Main.png"  />
        </figure>
    

    <span class="a-typography  catalog-submenu-vehicle__name"  role="" >
    Mustang Mach-E
    
    </span>


</a>


<a class="catalog-submenu-vehicle  "
   href="/en/new-catalog/ford/2025-ford-ranger-xl-id29969"
   data-tagging-scope="header-submenu"
   data-tagging-precision="vehicle"
   data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenu_separator_borderColor"
   data-vehicle-filter="pickup">
    

<figure class="a-image " role="none" aria-label="">
    <!-- Lazy-load images -->
            <img class="a-image__img lazyload catalog-submenu-vehicle__image" src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 140127'%2F%3E" loading="lazy" alt="Ranger" height="127" width="140" data-src="https://img.sm360.ca/ir/w140h127c/images/newcar/ca/2025/ford/ranger/xl/pickup/main/2025_ford_Ranger_1-XL_Ext_001_main.png"  />
        </figure>
    

    <span class="a-typography  catalog-submenu-vehicle__name"  role="" >
    Ranger
    
    </span>


</a></div>
        </div>
    </div>
</li>

                    
                <li class="desktop-menu-item "
        data-menu-item
        tabindex="0"
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.desktop-menu-submenu-item__anchor'), (anchor) => anchor.getAttribute('href')) }"
        :data-theme-style="active ? 'desktopMenu_item_fontColor_active desktopMenu_item_bgColor_active desktopMenu_item_iconColor_active': 'desktopMenu_item_fontColor desktopMenu_item_bgColor desktopMenu_item_iconColor'"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        <a href="/en/group-used-inventory"
           class="desktop-menu-item__anchor subtitle "
           
           itemprop="url" aria-haspopup="true" 
           data-menu-anchor
           data-tagging-scope="header-menu"
           data-tagging-precision="firstLevel"
           tabindex="-1">
            <span itemprop="name">
                             Used Vehicles</span>
                

    <svg class="a-icon a-icon-dropdown desktop-menu-item__picto"
         role="none"
         
    >
        <title>dropdown</title>
        <use xlink:href="#icon-dropdown"></use>
    </svg>


</a>
            <ul class="desktop-menu-submenu scrollbar-custom" data-theme-style="desktopMenu_submenu_bgColor scrollbarCustom_thumb_bgColor scrollbarCustom_track_bgColor" data-menu-submenu>
    <li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/group-used-inventory" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Pre-Owned Inventory</span>
            </a>
    </li>
<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/demo-inventory" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Used Company Demonstrator</span>
            </a>
    </li>
</ul></li>


                <li class="desktop-menu-item "
        data-menu-item
        tabindex="0"
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.desktop-menu-submenu-item__anchor'), (anchor) => anchor.getAttribute('href')) }"
        :data-theme-style="active ? 'desktopMenu_item_fontColor_active desktopMenu_item_bgColor_active desktopMenu_item_iconColor_active': 'desktopMenu_item_fontColor desktopMenu_item_bgColor desktopMenu_item_iconColor'"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        <a href="/en"
           class="desktop-menu-item__anchor subtitle "
           
           itemprop="url" aria-haspopup="true" 
           data-menu-anchor
           data-tagging-scope="header-menu"
           data-tagging-precision="firstLevel"
           tabindex="-1">
            <span itemprop="name">
                             Commercial Vehicles</span>
                

    <svg class="a-icon a-icon-dropdown desktop-menu-item__picto"
         role="none"
         
    >
        <title>dropdown</title>
        <use xlink:href="#icon-dropdown"></use>
    </svg>


</a>
            <ul class="desktop-menu-submenu scrollbar-custom" data-theme-style="desktopMenu_submenu_bgColor scrollbarCustom_thumb_bgColor scrollbarCustom_track_bgColor" data-menu-submenu>
    <li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/new-commercial-inventory" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Commercial Inventory</span>
            </a>
    </li>
<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/commercial-vehicles" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Commercial Fleet Information</span>
            </a>
    </li>
<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="https://www.fordpro.ca/en-ca/" class="desktop-menu-submenu-item__anchor" target="_blank" itemprop="url">
            <span itemprop="name">
                Ford Pro CVC</span>
            

    <svg class="a-icon a-icon-link-external "
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


</a>
    </li>
</ul></li>


                    <li class="desktop-menu-item "
        data-menu-item
        tabindex="0"
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.desktop-menu-submenu-item__anchor'), (anchor) => anchor.getAttribute('href')) }"
        :data-theme-style="active ? 'desktopMenu_item_fontColor_active desktopMenu_item_bgColor_active desktopMenu_item_iconColor_active': 'desktopMenu_item_fontColor desktopMenu_item_bgColor desktopMenu_item_iconColor'"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        <a href="https://www.mayfieldlincoln.ca/en"
           class="desktop-menu-item__anchor subtitle "
           target="_blank"
           itemprop="url" 
           data-menu-anchor
           data-tagging-scope="header-menu"
           data-tagging-precision="firstLevel"
           tabindex="-1">
            <span itemprop="name">
                             Shop Lincoln</span>
                

    <svg class="a-icon a-icon-link-external desktop-menu-item__picto-external"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


</a>
            </li>

                
                <li class="desktop-menu-item "
        data-menu-item
        tabindex="0"
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.desktop-menu-submenu-item__anchor'), (anchor) => anchor.getAttribute('href')) }"
        :data-theme-style="active ? 'desktopMenu_item_fontColor_active desktopMenu_item_bgColor_active desktopMenu_item_iconColor_active': 'desktopMenu_item_fontColor desktopMenu_item_bgColor desktopMenu_item_iconColor'"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        <a href="/en/special-offers"
           class="desktop-menu-item__anchor subtitle "
           
           itemprop="url" aria-haspopup="true" 
           data-menu-anchor
           data-tagging-scope="header-menu"
           data-tagging-precision="firstLevel"
           tabindex="-1">
            <span itemprop="name">
                             Special Offers</span>
                

    <svg class="a-icon a-icon-dropdown desktop-menu-item__picto"
         role="none"
         
    >
        <title>dropdown</title>
        <use xlink:href="#icon-dropdown"></use>
    </svg>


</a>
            <ul class="desktop-menu-submenu scrollbar-custom" data-theme-style="desktopMenu_submenu_bgColor scrollbarCustom_thumb_bgColor scrollbarCustom_track_bgColor" data-menu-submenu>
    <li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/special-offers" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                All</span>
            </a>
    </li>


<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/special-offers/department/sales/1" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Sales</span>
            </a>
    </li>


<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/special-offers/department/service/15" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Service</span>
            </a>
    </li>


<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/special-offers/department/manufacturer-s-programs/4" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Manufacturer's Programs</span>
            </a>
    </li></ul></li>


                <li class="desktop-menu-item "
        data-menu-item
        tabindex="0"
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.desktop-menu-submenu-item__anchor'), (anchor) => anchor.getAttribute('href')) }"
        :data-theme-style="active ? 'desktopMenu_item_fontColor_active desktopMenu_item_bgColor_active desktopMenu_item_iconColor_active': 'desktopMenu_item_fontColor desktopMenu_item_bgColor desktopMenu_item_iconColor'"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        <a href="/en/fordpass-rewards"
           class="desktop-menu-item__anchor subtitle "
           
           itemprop="url" aria-haspopup="true" 
           data-menu-anchor
           data-tagging-scope="header-menu"
           data-tagging-precision="firstLevel"
           tabindex="-1">
            <span itemprop="name">
                             Discover</span>
                

    <svg class="a-icon a-icon-dropdown desktop-menu-item__picto"
         role="none"
         
    >
        <title>dropdown</title>
        <use xlink:href="#icon-dropdown"></use>
    </svg>


</a>
            <ul class="desktop-menu-submenu scrollbar-custom" data-theme-style="desktopMenu_submenu_bgColor scrollbarCustom_thumb_bgColor scrollbarCustom_track_bgColor" data-menu-submenu>
    <li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/fordpass-rewards" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                FordPass Rewards</span>
            </a>
    </li>
<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/fordpass-connect" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Ford Pass Connect</span>
            </a>
    </li>
</ul></li>


                        <li class="desktop-menu-item "
        data-menu-item
        tabindex="0"
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.desktop-menu-submenu-item__anchor'), (anchor) => anchor.getAttribute('href')) }"
        :data-theme-style="active ? 'desktopMenu_item_fontColor_active desktopMenu_item_bgColor_active desktopMenu_item_iconColor_active': 'desktopMenu_item_fontColor desktopMenu_item_bgColor desktopMenu_item_iconColor'"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        <a href="/en/services"
           class="desktop-menu-item__anchor subtitle "
           
           itemprop="url" aria-haspopup="true" 
           data-menu-anchor
           data-tagging-scope="header-menu"
           data-tagging-precision="firstLevel"
           tabindex="-1">
            <span itemprop="name">
                             Service & Parts</span>
                

    <svg class="a-icon a-icon-dropdown desktop-menu-item__picto"
         role="none"
         
    >
        <title>dropdown</title>
        <use xlink:href="#icon-dropdown"></use>
    </svg>


</a>
            <ul class="desktop-menu-submenu scrollbar-custom" data-theme-style="desktopMenu_submenu_bgColor scrollbarCustom_thumb_bgColor scrollbarCustom_track_bgColor" data-menu-submenu>
    <li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/services" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Book Your Appointment</span>
            </a>
    </li>
<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/services/order-parts" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Order Parts</span>
            </a>
    </li>
<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/services/winter-tires" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Winter Tires</span>
            </a>
    </li>
<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/services/all-season-tires" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                All Season Tires</span>
            </a>
    </li>
<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/collision-centre" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Collision Centre</span>
            </a>
    </li>
<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/services/accessories" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Ford Accessories</span>
            </a>
    </li>
</ul></li>


                        <li class="desktop-menu-item "
        data-menu-item
        tabindex="0"
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.desktop-menu-submenu-item__anchor'), (anchor) => anchor.getAttribute('href')) }"
        :data-theme-style="active ? 'desktopMenu_item_fontColor_active desktopMenu_item_bgColor_active desktopMenu_item_iconColor_active': 'desktopMenu_item_fontColor desktopMenu_item_bgColor desktopMenu_item_iconColor'"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        <a href="/en/financing-options"
           class="desktop-menu-item__anchor subtitle "
           
           itemprop="url" aria-haspopup="true" 
           data-menu-anchor
           data-tagging-scope="header-menu"
           data-tagging-precision="firstLevel"
           tabindex="-1">
            <span itemprop="name">
                             Financing</span>
                

    <svg class="a-icon a-icon-dropdown desktop-menu-item__picto"
         role="none"
         
    >
        <title>dropdown</title>
        <use xlink:href="#icon-dropdown"></use>
    </svg>


</a>
            <ul class="desktop-menu-submenu scrollbar-custom" data-theme-style="desktopMenu_submenu_bgColor scrollbarCustom_thumb_bgColor scrollbarCustom_track_bgColor" data-menu-submenu>
    <li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/financing-options" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Financing Option</span>
            </a>
    </li>
<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/leasing-options" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Leasing Option</span>
            </a>
    </li>
</ul></li>

                    
                <li class="desktop-menu-item active"
        data-menu-item
        tabindex="0"
        x-data="{ active: true, anchors: Array.from($el.querySelectorAll('.desktop-menu-submenu-item__anchor'), (anchor) => anchor.getAttribute('href')) }"
        :data-theme-style="active ? 'desktopMenu_item_fontColor_active desktopMenu_item_bgColor_active desktopMenu_item_iconColor_active': 'desktopMenu_item_fontColor desktopMenu_item_bgColor desktopMenu_item_iconColor'"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        <a href=""
           class="desktop-menu-item__anchor subtitle "
           
           itemprop="url" aria-haspopup="true" 
           data-menu-anchor
           data-tagging-scope="header-menu"
           data-tagging-precision="firstLevel"
           tabindex="-1">
            <span itemprop="name">
                             Dealership</span>
                

    <svg class="a-icon a-icon-dropdown desktop-menu-item__picto"
         role="none"
         
    >
        <title>dropdown</title>
        <use xlink:href="#icon-dropdown"></use>
    </svg>


</a>
            <ul class="desktop-menu-submenu scrollbar-custom" data-theme-style="desktopMenu_submenu_bgColor scrollbarCustom_thumb_bgColor scrollbarCustom_track_bgColor" data-menu-submenu>
    <li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/about-us" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                About Us</span>
            </a>
    </li>
<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/contact-us" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Contact Us</span>
            </a>
    </li>
<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="https://www.humberviewgroup.com/en/careers" class="desktop-menu-submenu-item__anchor" target="_blank" itemprop="url">
            <span itemprop="name">
                Career Opportunities</span>
            

    <svg class="a-icon a-icon-link-external "
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


</a>
    </li>
<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/our-team" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Meet Our Team</span>
            </a>
    </li>
<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/why-buy-from-us" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Why Buy From Us?</span>
            </a>
    </li>
<li class="desktop-menu-submenu-item active"
        data-theme-style="desktopMenu_submenuItem_fontColor_active desktopMenu_submenuItem_bgColor_active">
        <a href="/en/humberview-group-dealers" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Humberview Group Locations</span>
            </a>
    </li>
<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/news" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Blog</span>
            </a>
    </li>
</ul></li>


                <li class="desktop-menu-item "
        data-menu-item
        tabindex="0"
        x-data="{ active: false, anchors: Array.from($el.querySelectorAll('.desktop-menu-submenu-item__anchor'), (anchor) => anchor.getAttribute('href')) }"
        :data-theme-style="active ? 'desktopMenu_item_fontColor_active desktopMenu_item_bgColor_active desktopMenu_item_iconColor_active': 'desktopMenu_item_fontColor desktopMenu_item_bgColor desktopMenu_item_iconColor'"
        @on-hub-change.window="active = anchors.includes($event.detail.dataset.inventoryHubUrl)"
    >
        <a href="/en/performance"
           class="desktop-menu-item__anchor subtitle "
           
           itemprop="url" 
           data-menu-anchor
           data-tagging-scope="header-menu"
           data-tagging-precision="firstLevel"
           tabindex="-1">
            <span itemprop="name">
                             Roush Performance</span>
                </a>
            </li>


<li class="desktop-menu-compare desktop-menu-item" data-menu-item tabindex="0">
    <a class="desktop-menu-compare__anchor desktop-menu-item__anchor"
       data-tooltip
       aria-haspopup="true"
       aria-expanded="false"
       data-position="bottom"
       data-alignment="center"
       data-click-open="false"
       data-trigger-class=""
       data-menu-anchor
       role="button"
       href="javascript:void(0);"
       title="Select 2 Vehicles to Compare"
       data-widget-compare
       data-tagging-scope="header-menu"
       data-tagging-precision="firstLevel"
       tabindex="-1"
    >
        

    <svg class="a-icon a-icon-car-compare-menu desktop-menu-compare__icon"
         role="none"
         
    >
        <title>car-compare-menu</title>
        <use xlink:href="#icon-car-compare-menu"></use>
    </svg>


<span class="desktop-menu-compare__value" data-theme-style="desktopMenu_compareCount_fontColor desktopMenu_compareCount_bgColor" data-comparetool-count='all'>
            0</span>
    </a>

    <ul class="widget-comparebox" data-menu-submenu data-theme-style="desktopMenu_compareSubmenu_fontColor desktopMenu_compareSubmenu_bgColor" data-widget-comparebox>
        <svg class="widget-comparebox__triangle" preserveAspectRatio="none" viewBox="0 0 100 100">
            <polygon points="0 0,100 0, 100 8, 50 100, 0 8" data-theme-style="desktopMenu_compareSubmenuTriangle_bgColor"></polygon>
        </svg>

        <li class="widget-comparebox__element widget-comparebox__element--inactive">
    <div class="widget-comparebox__element-label" data-theme-style="submenuDesktop_menuItem_fontColor_noHover">
        

    <span class="a-typography  widget-comparebox__element-count" data-comparetool-count="catalog" role="" >
    0
    
    </span>


    <span class="a-typography  widget-comparebox__element-text"  role="" >
    New Vehicle(s)
    
    </span>

</div>
    <div class="widget-comparebox__element-link">
        

                    <a class="a-button -primary btn"
                       href="#"
                       role="button"
                       context-id="desktopMenu_compareSubmenu_button"
                       
                       
                       data-comparetool-link="/en/new-catalog/compare/"
    
        data-comparetool-link-type="catalog"
                       data-theme-style="button"
                    >
                        Compare

                        
                    </a>
                
                
</div>
</li>
<li class="widget-comparebox__element widget-comparebox__element--inactive">
    <div class="widget-comparebox__element-label" data-theme-style="submenuDesktop_menuItem_fontColor_noHover">
        

    <span class="a-typography  widget-comparebox__element-count" data-comparetool-count="used" role="" >
    0
    
    </span>


    <span class="a-typography  widget-comparebox__element-text"  role="" >
    Used Vehicle(s)
    
    </span>

</div>
    <div class="widget-comparebox__element-link">
        

                    <a class="a-button -primary btn"
                       href="#"
                       role="button"
                       context-id="desktopMenu_compareSubmenu_button"
                       
                       
                       data-comparetool-link="/en/used-inventory/compare/"
    
        data-comparetool-link-type="used"
                       data-theme-style="button"
                    >
                        Compare

                        
                    </a>
                
                
</div>
</li>
<li class="widget-comparebox__element widget-comparebox__element--inactive">
    <div class="widget-comparebox__element-label" data-theme-style="submenuDesktop_menuItem_fontColor_noHover">
        

    <span class="a-typography  widget-comparebox__element-count" data-comparetool-count="new-inventory" role="" >
    0
    
    </span>


    <span class="a-typography  widget-comparebox__element-text"  role="" >
    New Inventory Vehicle(s)
    
    </span>

</div>
    <div class="widget-comparebox__element-link">
        

                    <a class="a-button -primary btn"
                       href="#"
                       role="button"
                       context-id="desktopMenu_compareSubmenu_button"
                       
                       
                       data-comparetool-link="/en/new-inventory/compare/"
    
        data-comparetool-link-type="new-inventory"
                       data-theme-style="button"
                    >
                        Compare

                        
                    </a>
                
                
</div>
</li>
</ul>

    <div class="widget-comparebox__notification" data-theme-style="desktopMenu_compareSubmenu_fontColor desktopMenu_compareSubmenu_bgColor">
        <div class="widget-comparebox__notification-element widget-comparebox__notification-template">
            <div class="widget-comparebox__notification-icon">
                <span data-theme-sprite=""></span>
            </div>
            <div class="widget-comparebox__notification-text"></div>
        </div>
    </div>
</li>


            </ul>
        </nav>
    
</div>
</div>


<div class="l-fullWidth   headerAlpha__tradeBanner"
              
              
              >
    

<div class="l-container -defaultMarginBottom  "
              
              
              >
    

<div class="l-row -defaultPaddingBottom "
              
              
              >
    <a href="/en/trade-in"
               class="a-link -tradebanner headerTradeBanner__link"
                
                
                title="We want your trade! Find out what your vehicle is worth!"
                
                
               data-theme-style="link"
            >
                    We want your trade! Find out what your vehicle is worth!
                
            </a>
</div>
</div>
</div></header>
</div>

                            <div id="mainContent"
                             role="main"
                             class="page page-locations portalLocationsPage"
                             data-theme-style="portalLocationsPage"
                             
                             x-init="window.innerWidth < 1024 ? $el.style.marginTop = $refs.header.offsetHeight + 'px' : $el.style.marginTop = '0'"
                             @resize.window="window.innerWidth < 1024 ? $el.style.marginTop = $refs.header.offsetHeight + 'px' : $el.style.marginTop = '0'"
                        >

                            
<div class="l-container   "
              
              
              >
    
            
<div class="l-row  c-breadcrumbsContainer"
              
              
              >
    
                
<nav class="m-breadcrumbs -primary text-sm    text-onBackgroundPrimary" aria-label="Breadcrumb"  data-breadcrumb>
    <ol class="m-breadcrumbs__list flex items-center gap-1 pb-2 whitespace-nowrap overflow-auto" data-breadcrumb-list>
        
    
    <li class="m-breadcrumbItem "  data-breadcrumb-item>
        
            
                <a href="/en" class="m-breadcrumbItem__anchor hover:underline" data-breadcrumb-item-anchor>
                    
                
                    Home
                
            
                </a>

                
    <svg class="a-icon a-icon-breadcrumb-separator m-breadcrumbItem__separator w-2 h-2 "
         role="none"
         data-breadcrumb-icon=""
    >
        <title>breadcrumb-separator</title>
        <use xlink:href="#icon-breadcrumb-separator"></use>
    </svg>


    </li>


    <li class="m-breadcrumbItem "  data-breadcrumb-item>
        
            
                <span class="m-breadcrumbItem__activeItem" aria-current="page" data-breadcrumb-item-active>
                    Humberview Group Locations
                </span>
            
        
    </li>

        
    </ol>
</nav>


</div>
        
</div>

        
<div class="l-fullWidth   portalLocationsPage__header"
              data-cz-group="page.locations.header"
              
              
              >
    
            
<div class="l-container   portalLocationsPage__headerWrapper"
              
              
              >
    
                
<div class="l-row  portalLocationsPage__headerContent"
              
              
              >
    
                    
    <h1 class="a-typography heading1 portalLocationsPage__title"  role="heading" aria-level="1">
    Our Dealerships
    
    </h1>


    <div class="a-typography subheading1 portalLocationsPage__headerHtml wysiwyg"  role="heading" aria-level="1">
    <p>5000 VEHICLES. 20 STORES. 18 BRANDS. 1 PROMISE : SERVING YOU BETTER, EACH AND EVERY DAY.</p>
    
    </div>


    <div class="a-typography body1 portalLocationsPage__headerTextContent wysiwyg"  role="" >
    <meta charset="utf-8">
<p>If you're looking for a new vehicle or you'd like to have a chat with one of our financial or sales representatives, call, email, or visit us at one of our <a href="https://www.humberviewgroup.com/en">Humberview Group</a> locations!</p>
    
    </div>


</div>
            
</div>
        
</div>

        
<div class="l-container   portalLocationsPage__imageTop"
              data-cz-group="page.locations.image.top"
              
              
              >
    
            
<div class="l-row -defaultPaddingBottom "
              
              
              >
    
                
            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 1550 350'%2F%3E" alt="Our Dealerships" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="350" width="1550" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4009/our-dealerships-desktop1687444588794.png" >
        
    
</div>
        
</div>

        
<div class="l-container -defaultMarginBottom  lg:gen-px-4"
              data-cz-group="page.locations.instances"
              
              
              >
    
            
<div class="l-grid -defaultPaddingBottom portalLocationsPage__listingWrapper"
              
              
              >
    
                
                        <div class="portalLocationsPage__listingItem">
                            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 334 173'%2F%3E" alt="applewoodcadillac.com" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="173" width="334" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4009/applewood1681324563863-1-1685043749982.png" >
        
    
                            <div class="portalLocationsPage__listingLinksWrapper">
                                

            <a href="https://www.applewoodcadillac.com/en"
               class="a-link -secondary portalLocationsPage__listingLink1"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    applewoodcadillac.com
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
            <a href="https://www.applewoodauto.com/en"
               class="a-link -secondary portalLocationsPage__listingLink2"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    applewoodauto.com
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
                            </div>
                        </div>
                    
                
                        <div class="portalLocationsPage__listingItem">
                            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 334 173'%2F%3E" alt="audimidtowntoronto.com" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="173" width="334" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4009/page-locations-instances-audimidtown16801972297031685042337890.png" >
        
    
                            <div class="portalLocationsPage__listingLinksWrapper">
                                

            <a href="https://www.audimidtowntoronto.com"
               class="a-link -secondary portalLocationsPage__listingLink1"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    audimidtowntoronto.com
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
                            </div>
                        </div>
                    
                
                        <div class="portalLocationsPage__listingItem">
                            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 334 173'%2F%3E" alt="autopark.ca" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="173" width="334" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4009/page-locations-instances-autopark16801972556101685042374534.png" >
        
    
                            <div class="portalLocationsPage__listingLinksWrapper">
                                

            <a href="https://www.autopark.ca/en"
               class="a-link -secondary portalLocationsPage__listingLink1"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    autopark.ca
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
                            </div>
                        </div>
                    
                
                        <div class="portalLocationsPage__listingItem">
                            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 334 173'%2F%3E" alt="bayfieldford.com" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="173" width="334" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4014/logo-hg-bayfield-ford-lincolnpng1697826312037.png" >
        
    
                            <div class="portalLocationsPage__listingLinksWrapper">
                                

            <a href="https://www.bayfieldford.com/en"
               class="a-link -secondary portalLocationsPage__listingLink1"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    bayfieldford.com
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
            <a href="https://www.bayfieldlincoln.ca/en"
               class="a-link -secondary portalLocationsPage__listingLink2"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    bayfieldlincoln.ca
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
                            </div>
                        </div>
                    
                
                        <div class="portalLocationsPage__listingItem">
                            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 334 173'%2F%3E" alt="citygm.com" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="173" width="334" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4009/page-locations-instances-chevrolet168019730453516850427630421685043086873.png" >
        
    
                            <div class="portalLocationsPage__listingLinksWrapper">
                                

            <a href="https://www.citygm.com/en"
               class="a-link -secondary portalLocationsPage__listingLink1"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    citygm.com
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
            <a href="https://www.citycadillac.com/en"
               class="a-link -secondary portalLocationsPage__listingLink2"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    citycadillac.com
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
                            </div>
                        </div>
                    
                
                        <div class="portalLocationsPage__listingItem">
                            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 334 173'%2F%3E" alt="cooksvilledodgechrysler.com" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="173" width="334" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4009/page-locations-instances-cooksville16801973468711685043177375.png" >
        
    
                            <div class="portalLocationsPage__listingLinksWrapper">
                                

            <a href="https://www.cooksvilledodgechrysler.com/en"
               class="a-link -secondary portalLocationsPage__listingLink1"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    cooksvilledodgechrysler.com
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
                            </div>
                        </div>
                    
                
                        <div class="portalLocationsPage__listingItem">
                            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 334 173'%2F%3E" alt="cooksvillehyundai.com" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="173" width="334" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4009/page-locations-instances-hyundai16801973666731685043234338.png" >
        
    
                            <div class="portalLocationsPage__listingLinksWrapper">
                                

            <a href="https://www.cooksvillehyundai.com/en"
               class="a-link -secondary portalLocationsPage__listingLink1"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    cooksvillehyundai.com
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
                            </div>
                        </div>
                    
                
                        <div class="portalLocationsPage__listingItem">
                            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 334 173'%2F%3E" alt="courtlandmobility.com" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="173" width="334" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4009/cmob-logo-1-1713901207561.png" >
        
    
                            <div class="portalLocationsPage__listingLinksWrapper">
                                

            <a href="https://www.courtlandmobility.com/en"
               class="a-link -secondary portalLocationsPage__listingLink1"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    courtlandmobility.com
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
                            </div>
                        </div>
                    
                
                        <div class="portalLocationsPage__listingItem">
                            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 334 173'%2F%3E" alt="georgetowntoyota.com" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="173" width="334" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4009/page-locations-instances-georgetown16801976985871685043533205.png" >
        
    
                            <div class="portalLocationsPage__listingLinksWrapper">
                                

            <a href="https://www.georgetowntoyota.com/en"
               class="a-link -secondary portalLocationsPage__listingLink1"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    georgetowntoyota.com
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
                            </div>
                        </div>
                    
                
                        <div class="portalLocationsPage__listingItem">
                            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 334 173'%2F%3E" alt="goderichhonda.com" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="173" width="334" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4009/page-locations-instances-honda16801975504581685043567210.png" >
        
    
                            <div class="portalLocationsPage__listingLinksWrapper">
                                

            <a href="https://www.goderichhonda.com/en"
               class="a-link -secondary portalLocationsPage__listingLink1"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    goderichhonda.com
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
                            </div>
                        </div>
                    
                
                        <div class="portalLocationsPage__listingItem">
                            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 334 173'%2F%3E" alt="goderichtoyota.com" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="173" width="334" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4009/page-locations-instances-toyota16801977463361685043797921.png" >
        
    
                            <div class="portalLocationsPage__listingLinksWrapper">
                                

            <a href="https://www.goderichtoyota.com/en"
               class="a-link -secondary portalLocationsPage__listingLink1"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    goderichtoyota.com
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
                            </div>
                        </div>
                    
                
                        <div class="portalLocationsPage__listingItem">
                            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 334 173'%2F%3E" alt="humberviewgm.com" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="173" width="334" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4009/page-locations-instances-humberviewgm16801977661021685043830894.png" >
        
    
                            <div class="portalLocationsPage__listingLinksWrapper">
                                

            <a href="https://www.humberviewgm.com/en"
               class="a-link -secondary portalLocationsPage__listingLink1"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    humberviewgm.com
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
                            </div>
                        </div>
                    
                
                        <div class="portalLocationsPage__listingItem">
                            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 334 173'%2F%3E" alt="humberviewcommercial.com" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="173" width="334" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4009/page-locations-instances-commercial16801988435111685044205273.png" >
        
    
                            <div class="portalLocationsPage__listingLinksWrapper">
                                

            <a href="https://www.humberviewcommercial.com"
               class="a-link -secondary portalLocationsPage__listingLink1"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    humberviewcommercial.com
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
                            </div>
                        </div>
                    
                
                        <div class="portalLocationsPage__listingItem">
                            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 334 173'%2F%3E" alt="hgleasing.com" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="173" width="334" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4009/page-locations-instances-leasing16801987610851685044005713.png" >
        
    
                            <div class="portalLocationsPage__listingLinksWrapper">
                                

            <a href="https://www.hgleasing.com/en"
               class="a-link -secondary portalLocationsPage__listingLink1"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    hgleasing.com
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
                            </div>
                        </div>
                    
                
                        <div class="portalLocationsPage__listingItem">
                            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 334 173'%2F%3E" alt="humberviewmobility.com" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="173" width="334" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4009/page-locations-instances-mobility16801987760061685044141344.png" >
        
    
                            <div class="portalLocationsPage__listingLinksWrapper">
                                

            <a href="https://www.humberviewmobility.com/en"
               class="a-link -secondary portalLocationsPage__listingLink1"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    humberviewmobility.com
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
                            </div>
                        </div>
                    
                
                        <div class="portalLocationsPage__listingItem">
                            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 334 173'%2F%3E" alt="humberviewmotorsports.com" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="173" width="334" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4009/page-locations-instances-motorsports16801987924681685044175310.png" >
        
    
                            <div class="portalLocationsPage__listingLinksWrapper">
                                

            <a href="https://www.humberviewmotorsports.com/en"
               class="a-link -secondary portalLocationsPage__listingLink1"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    humberviewmotorsports.com
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
                            </div>
                        </div>
                    
                
                        <div class="portalLocationsPage__listingItem">
                            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 334 173'%2F%3E" alt="humberviewtrucks.com" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="173" width="334" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/3994/sm360-ht-logos-dealer-page-oct-20231697137623547.png" >
        
    
                            <div class="portalLocationsPage__listingLinksWrapper">
                                

            <a href="https://www.humberviewtrucks.com/en"
               class="a-link -secondary portalLocationsPage__listingLink1"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    humberviewtrucks.com
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
                            </div>
                        </div>
                    
                
                        <div class="portalLocationsPage__listingItem">
                            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 334 173'%2F%3E" alt="humberviewvw.com" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="173" width="334" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4009/page-locations-instances-vw16801988704051685044252473.png" >
        
    
                            <div class="portalLocationsPage__listingLinksWrapper">
                                

            <a href="https://www.humberviewvw.com/en"
               class="a-link -secondary portalLocationsPage__listingLink1"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    humberviewvw.com
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
                            </div>
                        </div>
                    
                
                        <div class="portalLocationsPage__listingItem">
                            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 334 173'%2F%3E" alt="mayfieldfordlincoln.com" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="173" width="334" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4009/mfl-new-location-assets-sept-20231695044704749.png" >
        
    
                            <div class="portalLocationsPage__listingLinksWrapper">
                                

            <a href="https://www.mayfieldfordlincoln.com/en"
               class="a-link -secondary portalLocationsPage__listingLink1"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    mayfieldfordlincoln.com
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
            <a href="https://www.mayfieldlincoln.ca/en"
               class="a-link -secondary portalLocationsPage__listingLink2"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    mayfieldlincoln.ca
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
                            </div>
                        </div>
                    
                
                        <div class="portalLocationsPage__listingItem">
                            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 334 173'%2F%3E" alt="mercedes-benz-brampton.ca" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="173" width="334" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4009/page-locations-instances-mercedesbenzbrampton16801989037571685044314499.png" >
        
    
                            <div class="portalLocationsPage__listingLinksWrapper">
                                

            <a href="https://www.mercedes-benz-brampton.ca/en"
               class="a-link -secondary portalLocationsPage__listingLink1"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    mercedes-benz-brampton.ca
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
                            </div>
                        </div>
                    
                
                        <div class="portalLocationsPage__listingItem">
                            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 334 173'%2F%3E" alt="oakvilletoyota.ca" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="173" width="334" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4009/page-locations-instances-oakvilletoyota1680198923679-1-1685044452212.png" >
        
    
                            <div class="portalLocationsPage__listingLinksWrapper">
                                

            <a href="https://www.oakvilletoyota.ca/en"
               class="a-link -secondary portalLocationsPage__listingLink1"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    oakvilletoyota.ca
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
                            </div>
                        </div>
                    
                
                        <div class="portalLocationsPage__listingItem">
                            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 334 173'%2F%3E" alt="orangevillehonda.com" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="173" width="334" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4021/hg-dealership-logo-oh-orangeville-honda1685124949807.png" >
        
    
                            <div class="portalLocationsPage__listingLinksWrapper">
                                

            <a href="https://www.orangevillehonda.com/en"
               class="a-link -secondary portalLocationsPage__listingLink1"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    orangevillehonda.com
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
                            </div>
                        </div>
                    
                
                        <div class="portalLocationsPage__listingItem">
                            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 334 173'%2F%3E" alt="orangevilletoyota.ca" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="173" width="334" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4009/page-locations-instances-orangevilletoyota16801989668541685044510320.png" >
        
    
                            <div class="portalLocationsPage__listingLinksWrapper">
                                

            <a href="https://www.orangevilletoyota.ca/en"
               class="a-link -secondary portalLocationsPage__listingLink1"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    orangevilletoyota.ca
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
                            </div>
                        </div>
                    
                
                        <div class="portalLocationsPage__listingItem">
                            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 334 173'%2F%3E" alt="tritruckcentre.com" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="173" width="334" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4009/ttc-group-dealers-page1705512678219.png" >
        
    
                            <div class="portalLocationsPage__listingLinksWrapper">
                                

            <a href="https://www.tritruckcentre.com/en"
               class="a-link -secondary portalLocationsPage__listingLink1"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    tritruckcentre.com
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
                            </div>
                        </div>
                    
                
                        <div class="portalLocationsPage__listingItem">
                            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 334 173'%2F%3E" alt="vwmidtowntoronto.com" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="173" width="334" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4009/page-locations-instances-vwtoronto16801990136511685044601977.png" >
        
    
                            <div class="portalLocationsPage__listingLinksWrapper">
                                

            <a href="https://www.vwmidtowntoronto.com/en"
               class="a-link -secondary portalLocationsPage__listingLink1"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    vwmidtowntoronto.com
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
                            </div>
                        </div>
                    
                
                        <div class="portalLocationsPage__listingItem">
                            

            <img src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 334 173'%2F%3E" alt="woodstockhyundai.com" class="a-image__img lazyload " x-data x-lazy-image loading="lazy" height="173" width="334" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4009/page-locations-instances-woostockhyundai16801990454151685044634677.png" >
        
    
                            <div class="portalLocationsPage__listingLinksWrapper">
                                

            <a href="https://www.woodstockhyundai.com/en"
               class="a-link -secondary portalLocationsPage__listingLink1"
                
                target="_blank"
                
                
               data-theme-style="link"
            >
                    woodstockhyundai.com
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
                            </div>
                        </div>
                    
                
</div>
        
</div>
    </div>
                            

<footer id="footer"
        class="footerDelta"
        itemscope
        itemtype="https://schema.org/WPFooter"
        data-theme-style="footer">
    

<div class="l-fullWidth   footerDelta__topWrapper"
              
              
              >
    

<div class="l-container -defaultMarginBottom  lg:gen-px-4"
              
              
              >
    

<div class="l-grid  gen-gap-y-10"
              
              
              >
    <div class="footerDelta__contactUs">
                    

    <p class="a-typography subheading1 footerDelta__subtitle"  role="heading" aria-level="1">
    Contact Us
    
    </p>


<address class="addressBravo " data-component data-component-type="address">
    
        
    <p class="a-typography subheading1 addressBravo__dealerName"  role="heading" aria-level="1">
    Mayfield Ford
    
    </p>


            <a href="http://maps.google.com/?q=Mayfield+Ford+5+Docksteader+Road+L6R+3Y2+Ontario+Brampton"
               class="a-link -footeraddress addressBravo__link"
                data-tagging-precision="address"
        
            data-tagging-event="contacts"
        
        
            data-tagging-scope="footer"
                target="_blank"
                title="5 Docksteader Road, Brampton, <span>Ontario, L6R 3Y2</span>"
                
                
               data-theme-style="link"
            >
                    5 Docksteader Road, Brampton, <span>Ontario, L6R 3Y2</span>
                
                    
    <svg class="a-icon a-icon-link-external a-link__iconExternal"
         role="none"
         
    >
        <title>link-external</title>
        <use xlink:href="#icon-link-external"></use>
    </svg>


            </a>
        
        
</address><div class="phone-number-department ">
        

    <span class="a-typography   phone-number-department__name phone-number-department--ponctuation" data-theme-style="" role="" >
    Local
    
    </span>


            <a href="tel:1-905-451-4094"
               class="a-link -footerphone  shiftdigital-event phone-number-department__phone"
                data-tagging-precision="phone"
        
            data-tagging-event="contacts"
        
        
            data-tagging-specificity="Local"
                
                title="1-905-451-4094"
                
                data-shiftdigital-url="tel:1-905-451-4094"
    
        data-shiftdigital-title="Other"
    
        data-shiftdigital-event="clickToCall"
    
        data-tagging-scope="footer"
               data-theme-style="link"
            >
                    1-905-451-4094
                
            </a>
        
        
</div>
<div class="footerDelta__socialCtaWrapper gen-flex gen-flex-col hide-for-large">
                        <div class="social-network footerDelta__socialMediaWrapper">
        <div class="social-network__iconWrapper gen-flex gen-items-center">
            <a class=""
                   href="https://www.facebook.com/MayfieldFordLincoln/"
                   title="Facebook | Mayfield Ford"
                   target="_blank"
                   aria-label="Facebook - New Window"
                   data-tagging-event="social"
                   data-tagging-precision="facebook"
                   data-tagging-scope="footer"
                   data-theme-style=""
                >
                    

    <svg class="a-icon a-icon-facebook social-media "
         role="none"
         data-theme-style="socialBlock_iconColor socialBlock_iconColor_hover"
    >
        <title>facebook</title>
        <use xlink:href="#icon-facebook"></use>
    </svg>


</a>
            <a class=" "
                   href="https://www.instagram.com/mayfield.ford"
                   title="Instagram | Mayfield Ford"
                   target="_blank"
                   aria-label="Instagram - New Window"
                   data-tagging-event="social"
                   data-tagging-precision="instagram"
                   data-tagging-scope="footer"
                   data-theme-style=""
                >
                    

    <svg class="a-icon a-icon-instagram social-media "
         role="none"
         data-theme-style="socialBlock_iconColor socialBlock_iconColor_hover"
    >
        <title>instagram</title>
        <use xlink:href="#icon-instagram"></use>
    </svg>


</a>
            <a class=""
                   href="https://www.tiktok.com/@mayfieldfordlincoln"
                   title="Tiktok | Mayfield Ford"
                   target="_blank"
                   data-tagging-event="social"
                   data-tagging-precision="tiktok"
                   data-tagging-scope="footer"
                   data-theme-style=""
                >
                    

    <svg class="a-icon a-icon-tiktok social-media "
         role="none"
         data-theme-style="socialBlock_iconColor socialBlock_iconColor_hover"
    >
        <title>tiktok</title>
        <use xlink:href="#icon-tiktok"></use>
    </svg>


</a>
            <a class="footerAlpha__social-icons a-linkedin null"
       data-theme-style=""
       href="https://www.linkedin.com/company/mayfield-ford-lincoln/"
       target="_blank"
       title="LinkedIn | Mayfield Ford"
       data-tagging-event="social"
       data-tagging-precision="linkedin"
        data-tagging-scope="footer"
    >
        

    <svg class="a-icon a-icon-linkedin social-media "
         role="none"
         data-theme-style="socialBlock_iconColor socialBlock_iconColor_hover"
    >
        <title>linkedin</title>
        <use xlink:href="#icon-linkedin"></use>
    </svg>


</a>
</div>
    </div>


                    <a class="a-button -primary footerDelta__cta"
                       href="/en/contact-us"
                       role="button"
                       context-id="footer_button"
                       data-tagging-precision="linkContact"
        
        
            data-tagging-scope="footer"
                       
                       
                       data-theme-style="button"
                    >
                        Contact Us

                        
                    </a>
                
                
</div>
                </div>

                <div class="footerDelta__businessHours">
                    

    <p class="a-typography subheading1 footerDelta__subtitle"  role="heading" aria-level="1">
    Business Hours
    
    </p>


<div class="m-tabs -primary  text-onSurfacePrimary"
     data-theme-style="tabs"
     x-data="{ activeTabIndex: 0 }"
     
>
    <nav class="m-tabs__links flex flex-wrap items-start"
         role="tablist"
         aria-label="Tabs"
    >
        <button  
    class="m-tabLink relative mb-2.5 mr-5 pb-0.5 last:mr-0
    after:absolute after:-bottom-0.5 after:w-full after:h-0.5 
    before:absolute before:-bottom-0.5 before:block before:w-[calc(100%+20px)] before:h-px before:bg-gray-400 last:before:w-full"
    :class="activeTabIndex === 0 && '-active after:block text-primary after:bg-primary'"
    role="tab"
    id="tab-0"
    tabindex="0"
    aria-controls="panel-0"
    @click="activeTabIndex = 0"
    x-bind:aria-selected="activeTabIndex === 0 ? 'true' : 'false'"
    data-tagging-precision="hours"
        
            data-tagging-event="contacts"
        
        
            data-tagging-specificity="Sales"
    
>
    
                            Sales
                        
</button>
                        

<button  
    class="m-tabLink relative mb-2.5 mr-5 pb-0.5 last:mr-0
    after:absolute after:-bottom-0.5 after:w-full after:h-0.5 
    before:absolute before:-bottom-0.5 before:block before:w-[calc(100%+20px)] before:h-px before:bg-gray-400 last:before:w-full"
    :class="activeTabIndex === 1 && '-active after:block text-primary after:bg-primary'"
    role="tab"
    id="tab-1"
    tabindex="0"
    aria-controls="panel-1"
    @click="activeTabIndex = 1"
    x-bind:aria-selected="activeTabIndex === 1 ? 'true' : 'false'"
    data-tagging-precision="hours"
        
            data-tagging-event="contacts"
        
        
            data-tagging-specificity="Service & Parts"
    
>
    
                            Service & Parts
                        
</button>
    </nav>
    
        <div class="m-tabs__panels">
            <div class="m-tabPanel "
     
     role="tabpanel"
     id="panel-0"
     aria-labelledby="tab-0"
     x-show="activeTabIndex === 0"
     
>
    
                            
<table class="m-departmentHours " >
    

        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Mon.
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    9:00AM - 7:00PM
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Tues.
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    9:00AM - 7:00PM
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Wed.
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    9:00AM - 7:00PM
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Thurs.
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    9:00AM - 7:00PM
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Fri.
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    9:00AM - 6:00PM
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Sat.
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    9:00AM - 5:00PM
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Sun.
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    Closed
    
    </td>


        </tr>
    

</table>
                        
</div>
                        

<div class="m-tabPanel "
     
     role="tabpanel"
     id="panel-1"
     aria-labelledby="tab-1"
     x-show="activeTabIndex === 1"
     
>
    
                            
<table class="m-departmentHours " >
    

        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Mon.
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    7:30AM - 6:00PM
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Tues.
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    7:30AM - 6:00PM
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Wed.
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    7:30AM - 6:00PM
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Thurs.
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    7:30AM - 6:00PM
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Fri.
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    7:30AM - 6:00PM
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Sat.
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    8:00AM - 3:00PM
    
    </td>


        </tr>
    
        
        <tr class="m-departmentHours__row flex justify-between">
            <td>
                

    <span class="a-typography  m-departmentHours__day"  role="" >
    Sun.
    
    </span>


            </td>
            
                
    <td class="a-typography  m-departmentHours__hours"  role="" >
    Closed
    
    </td>


        </tr>
    

</table>
                        
</div>
        </div>
    
</div>

</div>

                <div class="footerDelta__map">
                    

    <p class="a-typography subheading1 footerDelta__subtitle"  role="heading" aria-level="1">
    Location
    
    </p>

<a class="footerDelta__mapImage" href="http://maps.google.com/?q=Mayfield+Ford+5+Docksteader+Road+L6R+3Y2+Ontario+Brampton" target="_blank" title="Mayfield Ford">
                

<figure class="a-image -gen-mb-[5px]" role="none" aria-label="">
    <!-- Load this in-viewport image normally -->
            <img class="a-image__img " src="https://img.sm360.ca/images/web/humberviewgroup-941/4008/colonylincolnmap1695051436048.png" height="217" width="290" alt="Mayfield Ford" data-interchange="[https://img.sm360.ca/images/web/humberviewgroup-941/4008/colonylincolnmap1695051436048.png, small], [https://img.sm360.ca/images/web/humberviewgroup-941/4008/colonylincolnmap1695051436048.png, large]"/>
        </figure></a>
        </div>
                
                <div class="footerDelta__links">
                            

    <p class="a-typography subheading1 footerDelta__subtitle"  role="heading" aria-level="1">
    Useful Links
    
    </p>


            <a href="/en/new-catalog"
               class="a-link -footer gen-block"
                
                
               data-theme-style="link"
            >
                    Complete Ford Lineup
                
            </a>
        
        
            <a href="/en/new-inventory"
               class="a-link -footer gen-block"
                
                
               data-theme-style="link"
            >
                    View New Inventory
                
            </a>
        
        
            <a href="/en/used-inventory"
               class="a-link -footer gen-block"
                
                
               data-theme-style="link"
            >
                    View Used Vehicles
                
            </a>
        
        
            <a href="/en/special-offers"
               class="a-link -footer gen-block"
                
                
               data-theme-style="link"
            >
                    Check Special Offers
                
            </a>
        
        
            <a href="/en/services"
               class="a-link -footer gen-block"
                
                
               data-theme-style="link"
            >
                    Book Service Appointment
                
            </a>
        
        
            <a href="/en/financing-options"
               class="a-link -footer gen-block"
                
                
               data-theme-style="link"
            >
                    Apply for Financing
                
            </a>
        
        
            <a href="/en/about-us"
               class="a-link -footer gen-block"
                
                
               data-theme-style="link"
            >
                    Learn About Us
                
            </a>
        
        
            <a href="/en/our-team"
               class="a-link -footer gen-block"
                
                
               data-theme-style="link"
            >
                    Meet Our Team
                
            </a>
        
        
</div>

            
</div>


<div class="l-row  footerDelta__middleWrapper"
              
              
              >
    <div class="footerDelta__socialCtaWrapper gen-flex gen-flex-col show-for-large">
                    <div class="social-network footerDelta__socialMediaWrapper">
        <div class="social-network__iconWrapper gen-flex gen-items-center">
            <a class=""
                   href="https://www.facebook.com/MayfieldFordLincoln/"
                   title="Facebook | Mayfield Ford"
                   target="_blank"
                   aria-label="Facebook - New Window"
                   data-tagging-event="social"
                   data-tagging-precision="facebook"
                   data-tagging-scope="footer"
                   data-theme-style=""
                >
                    

    <svg class="a-icon a-icon-facebook social-media "
         role="none"
         data-theme-style="socialBlock_iconColor socialBlock_iconColor_hover"
    >
        <title>facebook</title>
        <use xlink:href="#icon-facebook"></use>
    </svg>


</a>
            <a class=" "
                   href="https://www.instagram.com/mayfield.ford"
                   title="Instagram | Mayfield Ford"
                   target="_blank"
                   aria-label="Instagram - New Window"
                   data-tagging-event="social"
                   data-tagging-precision="instagram"
                   data-tagging-scope="footer"
                   data-theme-style=""
                >
                    

    <svg class="a-icon a-icon-instagram social-media "
         role="none"
         data-theme-style="socialBlock_iconColor socialBlock_iconColor_hover"
    >
        <title>instagram</title>
        <use xlink:href="#icon-instagram"></use>
    </svg>


</a>
            <a class=""
                   href="https://www.tiktok.com/@mayfieldfordlincoln"
                   title="Tiktok | Mayfield Ford"
                   target="_blank"
                   data-tagging-event="social"
                   data-tagging-precision="tiktok"
                   data-tagging-scope="footer"
                   data-theme-style=""
                >
                    

    <svg class="a-icon a-icon-tiktok social-media "
         role="none"
         data-theme-style="socialBlock_iconColor socialBlock_iconColor_hover"
    >
        <title>tiktok</title>
        <use xlink:href="#icon-tiktok"></use>
    </svg>


</a>
            <a class="footerAlpha__social-icons a-linkedin null"
       data-theme-style=""
       href="https://www.linkedin.com/company/mayfield-ford-lincoln/"
       target="_blank"
       title="LinkedIn | Mayfield Ford"
       data-tagging-event="social"
       data-tagging-precision="linkedin"
        data-tagging-scope="footer"
    >
        

    <svg class="a-icon a-icon-linkedin social-media "
         role="none"
         data-theme-style="socialBlock_iconColor socialBlock_iconColor_hover"
    >
        <title>linkedin</title>
        <use xlink:href="#icon-linkedin"></use>
    </svg>


</a>
</div>
    </div>


                    <a class="a-button -primary footerDelta__cta"
                       href="/en/contact-us"
                       role="button"
                       context-id="footer_button"
                       data-tagging-precision="linkContact"
        
        
            data-tagging-scope="footer"
                       
                       
                       data-theme-style="button"
                    >
                        Contact Us

                        
                    </a>
                
                
</div>
                <img src="https://img.sm360.ca/ir/w257h129/images/web/humberviewgroup-941/4008/hg-thehumberviewgroup16850457711981685731368316.svg" alt="The Humberview Group" class="footerDelta__logo"  /><img src="https://img.sm360.ca/ir/w257h129/images/web/humberviewgroup-941/4008/omvic16850457161921685731373785.svg" alt="OMVIC" class="footerDelta__logo"  /><img src="https://img.sm360.ca/ir/w257h129/images/web/humberviewgroup-941/4043/bm_logo_2023-primary-en-rgb-1-1715806178839.png" alt="Best Managed Companies" class="footerDelta__logo footerDelta__best_managed_companies_logo"  />
</div>
</div>
</div>


<div class="l-fullWidth   footerDelta__bottomWrapper"
              
              
              >
    

<div class="l-container -defaultMarginBottom  lg:gen-px-4"
              
              
              >
    

<div class="l-row -defaultPaddingBottom "
              
              
              >
    

<div class="footerDelta__copyright" data-theme-style="footerBottom_bgColor">
    

    <span class="a-typography fineprint footer-coryright-label" data-theme-style=""
    
        itemprop="copyrightHolder" role="" >
    &copy; 2025
            Mayfield Ford
    
    </span>


            <a href="/en/sitemap"
               class="a-link -footerfineprint "
                
                
                title="Sitemap"
                
                
               data-theme-style="link"
            >
                    Sitemap
                
            </a>
        
        
            <a href="/en/terms-of-use"
               class="a-link -footerfineprint "
                
                
                title="Terms of Use"
                
                
               data-theme-style="link"
            >
                    Terms of Use
                
            </a>
        
        
            <a href="/en/privacy-policy"
               class="a-link -footerfineprint "
                
                
                title="Privacy Policy"
                
                
               data-theme-style="link"
            >
                    Privacy Policy
                
            </a>
        
        
            <a href="/en/accessibility"
               class="a-link -footerfineprint "
                
                
                title="Accessibility"
                
                
               data-theme-style="link"
            >
                    Accessibility
                
            </a>
        
        
</div>
</div>
</div>
</div></footer></div>
                </div>
            </div>
        </div>

        <div class="generic__reveal reveal nopadding" id="genericModal" data-reveal>
            <div class="generic__reveal-body reveal-body"></div>
            <button class="close-button" data-close aria-label="Close Modal" role="button" type="button">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>

        <div id="fb-root"></div><script type="text/javascript">

        (function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s); js.id = id; js.defer = true;
            js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.11";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
</script>
<!--[if lt IE 8]>
        <div class="chromeframe" style="height:80px;">
            <div style="margin: 0; background: #ccc; color: #000; padding: 1.2em 0; position:fixed; bottom:0; width:100%; z-index:1000;">
                <div style="display:block; margin:0.5em auto; width:940px;">
                    You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</div>
            </div>
        </div>
        <![endif]-->
    

<script src="/js/manufacturers/ford/ford.min.js" defer></script>

<script src="/js/phoenix-jsp/phoenix-jsp.min.js" defer></script>
<!-- Widget Login (Loading Scripts) -->


<script defer src="/js/theme/humberview-2023/main.min.js?v=070041029"></script>
<script defer src="https://cdn.icomoon.io/78355/manufacturer-ford/svgxuse.js?ltnjiy"></script>
        <script defer src="//cdnjs.cloudflare.com/ajax/libs/foundation/6.4.3/js/foundation.min.js"></script>
        <script defer src="https://unpkg.com/swiper@11.0.6/swiper-bundle.min.js"></script>

        <script async defer src="https://sdk.autoverify.com/3c35f544-e662-4e05-98b9-7dd3e82fbe54/3bdcc1dd-fca2-45c5-a852-fc16e7add0eb/sdk.min.js"></script>
        <script type="text/javascript">
</script>


        <script src="/js/urlTracker.js"></script>

        <script type="text/javascript">
            $(document).ready(function () {
                var contextPath = '';
                urlTracker.addUrl(contextPath);
            });

        </script>

        
                    <script>
    function generateUrlWithTr(){
        var url = window.location.href;
        var query = window.location.search.substring(1);
        if(query){
            url = url.concat('&tr=14')
        }
        else{
            url =  url.concat('?tr=14')
        }
        return url;
    }
    function removeAccents(vehicleName){
        var accents = ['à','â','ä','è','ê','é','ë','ï','î','ô','ö','ù','û','ü','ÿ','ç','À','Â','Ä','Ç','É','È','Ê','Ë','Î','Ï','Ô','Ö','Ù','Û','Ü','Ÿ'];
        var letterWitoutAccents = ['a','a','a','e','e','e','e','i','i','o','o','u','u','u','y','c','A','A','A','C','E','E','E','E','I','I','O','O','U','U','U','Y'];
        for(var i = 0;i != accents.length;i++){
            vehicleName = vehicleName.replace(accents[i], letterWitoutAccents[i]);
        }
        return vehicleName;
    }
    function tagUserView(language, image, vehicleName, ttl) {
        if (!ttl) ttl = 2591999;
        if(vehicleName){
            vehicleName = removeAccents(vehicleName);
        }

        iframeSrcBuilder(language, image, vehicleName, ttl);

    }
    function iframeSrcBuilder(language, image, vehicleName, ttl) {
        var iFrameSRC = "//script.sm360.ca/dynamic-ads/adunit/tag_user_view.html?"
        var iFrameID = "adgear-car-tag";
        var $iframe = document.getElementById(iFrameID);
        if (typeof image != "undefined" && image != null) {
            iFrameSRC = iFrameSRC + "&i=" + encodeURIComponent(String(image));
        }
        if (typeof vehicleName != "undefined" && vehicleName != null) {
            iFrameSRC = iFrameSRC + "&v=" + encodeURIComponent(String(vehicleName));
        }
        if (typeof language != "undefined" && language != null) {
            iFrameSRC = iFrameSRC + "&l=" + encodeURIComponent(String(language));
        }
        iFrameSRC = iFrameSRC +
                "&ttl=" + encodeURIComponent(String(ttl)) +
                "&AG_R=" + String(Math.random());

        $iframe = iframeGenerator($iframe, iFrameID, iFrameSRC);
    }
    function iframeGenerator($iframe, iFrameID, iFrameSRC) {
        if (!$iframe) {
            $iframe = document.createElement('iframe');
            $iframe.id = iFrameID;
            $iframe.style.visibility = "hidden";
            $iframe.style.display = "none";
            $iframe.style.width = "1px";
            $iframe.style.height = "1px";
            $iframe.setAttribute("width", "1");
            $iframe.setAttribute("height", "1");
            $iframe.setAttribute("frameborder", "0");
            $iframe.setAttribute("marginwidth", "0");
            $iframe.setAttribute("marginheight", "0");
            $iframe.setAttribute("scrolling", "no");
            $iframe.setAttribute("src", iFrameSRC);
            document.body.appendChild($iframe);
        } else {
            $iframe.setAttribute("src", iFrameSRC);
        }
        return $iframe
    }
    $(document).ready(function () {
        if (typeof dataLayer !== 'undefined' && typeof dataLayer[0].make !== 'undefined') {
            var language = document.getElementsByTagName('html')[0].getAttribute('lang'),
                    vehicleName = "",
                    image;
            if (language == null || language == "") {
                language = "fr";
            }

            if (language == 'fr') {
                vehicleName = dataLayer[0].make + " " + dataLayer[0].model + " " + dataLayer[0].year;
            } else {
                vehicleName = dataLayer[0].year + " " + dataLayer[0].make + " " + dataLayer[0].model;
            }

            
                    tagUserView(language, null, vehicleName);
                
        }
    });
</script>
                
                
                <div id="cherry-popper"></div>

    <script type="text/javascript">
        $(window).load(function(){
            $.getScript( "//cherry.sm360.ca/js/1.0.0/cherry-popper.min.js?v=070041029").done(function( script, textStatus ) {
                $('#cherry-popper').popper({
                    serviceUrl:"//cherry.sm360.ca/cherries",
                    websiteId: 4009,
                    vehicleInventoryId: window.dataLayer && window.dataLayer[0].stockNo ? window.dataLayer[0].id : undefined,
                    vehicleCatalogTrimId: window.dataLayer && window.dataLayer[0].condition && !window.dataLayer[0].stockNo ? window.dataLayer[0].id : undefined,
                    organizationUnitId: 5049,
                    currentPage: document.location.href,
                    locale: "en"
                });

                $('#cherry-popper').popper("init");
            })
            .fail(function( jqxhr, settings, exception ) {
                console.log("Cherries not loaded, problem loading js");
            });
        });
        function closePopup() {
            $('#cherry-popper').popper("closeCurrentPopup");
        }
    </script>

            
        <script type="text/javascript">
    $(document).ready(function(){

        function insertDataAttribut() {
            var value, i, j;
            if (document.forms.length) {
                var forms = document.forms;
                for (i = 0; i < forms.length; i++) {
                    value = forms[i];
                    if (value.getAttribute('data-gtmsm360') == null) {
                        value.setAttribute('data-gtmsm360', 'conv__form');
                    }
                }
            }

            if (document.links.length) {
                var links = document.links;
                for (i = 0; i < links.length; i++) {
                    var testClass = links[i].className;

                    if (testClass.indexOf('header') >=0 && links[i].href.indexOf('tel:') >= 0) {
                        links[i].setAttribute('data-gtmsm360', 'conv__header-phone');
                    }
                    else if (testClass.indexOf('header') >= 0 && testClass.indexOf('logo') >= 0) {
                        links[i].setAttribute('data-gtmsm360', 'ux__header-logo');
                    }
                    else if ((links[i].parentElement.className.indexOf('header') >=0) && (testClass.indexOf('button') >=0 )) {
                        links[i].setAttribute('data-gtmsm360', 'ux__header-cta');
                    }
                    else if ((links[i].parentElement.className.indexOf('header') >=0) && (testClass.indexOf('btn') >=0 )) {
                        links[i].setAttribute('data-gtmsm360', 'ux__header-cta');
                    }
                    else if (testClass.indexOf("header") >= 0) {
                        links[i].setAttribute('data-gtmsm360', 'ux__main-menu');
                    }
                    else if (testClass.indexOf('footer') >= 0 && links[i].href.indexOf('tel:') >= 0) {
                        links[i].setAttribute('data-gtmsm360', 'conv__footer-phone');
                    }
                    else if (testClass.indexOf('footer') >= 0 && testClass.indexOf('address') >= 0) {
                        links[i].setAttribute('data-gtmsm360', 'conv__footer-address');
                    }
                    else if (testClass.indexOf("footer") >= 0) {
                        links[i].setAttribute('data-gtmsm360', 'ux__footer-link');
                    }
                    else if (testClass.indexOf('social') >= 0) {
                        links[i].setAttribute('data-gtmsm360', 'conv__social-media');
                    }
                    else if (testClass.indexOf('pagination') >= 0) {
                        links[i].setAttribute('data-gtmsm360', 'ux__pagination');
                    }
                    else if (testClass.indexOf('language') >= 0) {
                        links[i].setAttribute('data-gtmsm360', 'ux__language');
                    }
                    else if (links[i].parentElement.className.indexOf('header') >=0 && links[i].href.indexOf('tel:') >= 0) {
                        links[i].setAttribute('data-gtmsm360', 'conv__header-phone');
                    }
                    else if (links[i].parentElement.className.indexOf('filter-section') >=0 ) {
                        links[i].setAttribute('data-gtmsm360', 'ux__inventory-cta');
                    }
                    else if (testClass.indexOf('search-tool') >=0 ) {
                        links[i].setAttribute('data-gtmsm360', 'ux__inventory-cta');
                    }
                    else if (testClass.indexOf('inventory-search') >=0 ) {
                        links[i].setAttribute('data-gtmsm360', 'ux__inventory-cta');
                    }
                    else if (links[i].parentElement.className.indexOf('seo-section') >=0 ) {
                        links[i].setAttribute('data-gtmsm360', 'ux__contact-cta');
                    }
                    else if(links[i].hasAttribute('data-carfax-version')) {
                        links[i].setAttribute('data-gtmsm360', 'ux__body-carfax');
                    }
                    else {
                        links[i].setAttribute('data-gtmsm360', 'ux__cta');
                    }
                }
            }

            /**
             * Add data-gtmsm360 on the calculator widget input fields and all form input fields
             */
            if(document.getElementsByTagName('input').length){
                var inputs = document.getElementsByTagName('input');
                for (j = 0; j < inputs.length; j++) {
                    if(inputs[j].hasAttribute("data-calculator")){
                        inputs[j].setAttribute('data-gtmsm360', 'ux__estimate_your_payment');
                    } else if(inputs[j].getAttribute('type') !== 'hidden' && inputs[j].getAttribute('type') !== 'checkbox' && inputs[j].getAttribute('type') !== 'radio') {
                        inputs[j].setAttribute('data-gtmsm360', 'ux__form_input');
                    }
                }
            }

            /**
             * Add data-gtmsm360 on the home search tool radio button, all form radio buttons,
             * all radio and checkbox buttons in inventory filters and all form checkbox buttons
             */
            if ($('label').length>0) {
                $('label').each(function(){
                    if($(this).hasClass('radio-button__label')){
                        if($(this).prop('for').search('filter-hub') >= 0){
                            $(this).attr('data-gtmsm360', 'ux__new_used_button');
                        } else {
                            $(this).attr('data-gtmsm360', 'ux__radio-btn');
                        }
                    } else if($(this)[0].hasAttribute('class')){
                        if($(this).attr('class').search('filters-radio-button-label') >= 0){
                            $(this).attr('data-gtmsm360', 'ux__product_listing_filters');
                        }
                    } else if($(this).hasClass('filters-dropdown__checkbox-label')){
                        $(this).attr('data-gtmsm360', 'ux__product_listing_filters');
                    } else if($(this).hasClass('checkbox-label')){
                        $(this).attr('data-gtmsm360', 'ux__checkbox-btn');
                    }
                });
            }

            /**
             * Add data-gtmsm360 on the home search tool radio button
             */
            if ($('.home-filter__radio-button').length>0) {
                $('.home-filter__radio-button label').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__new_used_button');
                });
            }

            /**
             * Add data-gtmsm360 on the home search tool tabs
             */
            if ($('.page-index [data-filters]').length>0) {
                $('.page-index [data-filters]').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__new_used_button');
                });
            }

            /**
             * Add data-gtmsm360 on the home search tool dropdown
             */
            if ($('.home-filter [data-widget-dropdown-button]').length>0) {
                $('.home-filter [data-widget-dropdown-button]').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__new_used_button');
                });
            }
            if ($('.page-index [data-options] [data-widget-dropdown-button]').length>0) {
                $('.page-index [data-options] [data-widget-dropdown-button]').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__new_used_button');
                });
            }

            /**
             * Add data-gtmsm360 on the catalog listing bodystyle filter
             */
            if ($('[data-bodystyle-trigger]').length>0) {
                $('[data-bodystyle-trigger]').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__first_level_filters');
                });
            }

            /**
             * Add data-gtmsm360 on the home promo slider arrows
             */

            if ($('.promo-header-slide').length>0) {
                $('.promo-header-slide .link__slider-arrows-text').each(function(){
                    $(this).parent().attr('data-gtmsm360', 'ux__home-caroussel_arrow');
                });
            }
            if ($('[class^="promo-header-"] .slick-arrow').length>0) {
                $('[class^="promo-header-"] .slick-arrow').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__home-caroussel_arrow');
                    $(this).find('i').attr('data-gtmsm360', 'ux__home-caroussel_arrow');
                });
            }

            var arrows = $('[data-promo-banner-prev], [data-promo-banner-next]');
            if (arrows.length>0) {
                arrows.each(function(){
                    $(this).attr('data-gtmsm360', 'ux__home-caroussel_arrow');
                });
            }

            /**
             * Add data-gtmsm360 on the home promo slider slide
             */

            if ($('[class^="promo-header-"] .slick-slide').length>0) {
                $('[class^="promo-header-"] .slick-slide').each(function(){
                    $(this).find('a').attr('data-gtmsm360', 'ux__home-caroussel');
                    $(this).find('img').attr('data-gtmsm360', 'ux__home-caroussel');
                });
            }

            var promoCarrossel = $('[data-promo-banner-image], [data-promo-banner-link]');
            if (promoCarrossel.length>0) {
                promoCarrossel.each(function(){
                    $(this).attr('data-gtmsm360', 'ux__home-caroussel');
                });
            }

            /**
             * Add data-gtmsm360 on the home catalog slider arrows for bxslider and slick slider
             * and the vehicle preview links
             */
            if ($('.catalog-section').length>0) {
                $('.catalog-section .controls-btn').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__lineup_carroussel_arrow');
                });
                $('.catalog-section .link__slider-arrows-text').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__lineup_carroussel_arrow');
                    $(this).parent().attr('data-gtmsm360', 'ux__lineup_carroussel_arrow');
                });
                $('.catalog-section .bxslider a').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__lineup_carroussel');
                });
                $('.catalog-section [data-catalog-index] a').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__lineup_carroussel');
                });
                $('.catalog-section [data-catalog-vehicle] a').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__lineup_carroussel');
                });
            }

            /**
             * Add data-gtmsm360 on the catalog vdp slider arrows
             */
            if ($('.catalog-details__views-wrapper .link__slider-arrows-text').length>0) {
                $('.catalog-details__views-wrapper .link__slider-arrows-text').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__vehicle_images_arrows');
                    $(this).parent().attr('data-gtmsm360', 'ux__vehicle_images_arrows');
                    if($(this).parent().attr('class').search('next') >= 0){
                        $(this).addClass('ux__vehicle_images_arrows--next');
                        $(this).parent().addClass('ux__vehicle_images_arrows--next');
                    } else {
                        $(this).addClass('ux__vehicle_images_arrows--prev');
                        $(this).parent().addClass('ux__vehicle_images_arrows--prev');
                    }
                });
            }
            if ($('.catalog-details__content-images__control').length>0) {
                $('.catalog-details__content-images__control .link__slider').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__vehicle_images_arrows');
                    $(this).find('i').attr('data-gtmsm360', 'ux__vehicle_images_arrows');
                    $(this).find('span').attr('data-gtmsm360', 'ux__vehicle_images_arrows');
                    if($(this).attr('class').search('next') >= 0){
                        $(this).addClass('ux__vehicle_images_arrows--next');
                        $(this).find('i').addClass('ux__vehicle_images_arrows--next');
                        $(this).find('span').addClass('ux__vehicle_images_arrows--next');
                    } else {
                        $(this).addClass('ux__vehicle_images_arrows--prev');
                        $(this).find('i').addClass('ux__vehicle_images_arrows--prev');
                        $(this).find('span').addClass('ux__vehicle_images_arrows--prev');
                    }
                });
            }

            /**
             * Add data-gtmsm360 on all add to compare checkbox buttons
             */
            if($('[data-comparetool-trigger]').length>0){
                $('[data-comparetool-trigger]').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__add_to_compare_option');
                    $(this).find('span').attr('data-gtmsm360', 'ux__add_to_compare_option');
                    $(this).find('i').attr('data-gtmsm360', 'ux__add_to_compare_option');
                    $(this).find('>label').attr('data-gtmsm360', 'ux__add_to_compare_option');
                });
            }

            /**
             * Add data-gtmsm360 on all form submit buttons
             */
            if($('div.submit').length>0){
                $('div.submit').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__form-submit');
                });
            }

            if($('button[type=submit]').length>0){
                $('button[type=submit]').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__form-submit');
                });
            }

            /**
             * Add data-gtmsm360 on the inventory odometer and price filter sliders
             */
            if($('[data-slider-handle]').length>0){
                $('[data-slider-handle]').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__product_listing_filters');
                });
            }
            if($('.inventory-listing__filters .page-sidebar__left').length>0){
                $('.inventory-listing__filters .page-sidebar__left a').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__product_listing_filters');
                });
            }
            if($('[data-collapsing-filters]').length>0){
                $('[data-collapsing-filters] a').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__product_listing_filters');
                });
            }

            /**
             * Add a class to the inventory image gallery links that have no class
             */
            if($('[data-gallery-image]').length > 0){
                $('[data-gallery-image] a').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__photo_gallery');
                    $(this).find('img').attr('data-gtmsm360', 'ux__photo_gallery');
                });
            }

            if($('.inventory-details__header-image').length>0){
                $('.inventory-details__header-image a').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__vehicle_images');
                    $(this).find('img').attr('data-gtmsm360', 'ux__vehicle_images');
                    $(this).find('.overlay-content').attr('data-gtmsm360', 'ux__vehicle_images');
                    $(this).find('.overlay-content i').attr('data-gtmsm360', 'ux__vehicle_images');
                    $(this).find('.overlay-content span').attr('data-gtmsm360', 'ux__vehicle_images');
                });
            }
            if($('.inventory-details__header-content').length>0){
                $('.inventory-details__header-content a').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__vehicle_images');
                    $(this).find('img').attr('data-gtmsm360', 'ux__vehicle_images');
                    $(this).find('.overlay-content').attr('data-gtmsm360', 'ux__vehicle_images');
                    $(this).find('.overlay-content i').attr('data-gtmsm360', 'ux__vehicle_images');
                    $(this).find('.overlay-content span').attr('data-gtmsm360', 'ux__vehicle_images');
                });
            }
            if($('[data-carousel-slide]').length > 0){
                $('[data-carousel-slide]').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__body-photo-gallery');
                    $(this).find('img').attr('data-gtmsm360', 'ux__body-photo-gallery');
                });
            }
            if($('.o-carouselThumbnail').length>0){
                $('.o-carouselThumbnail').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__body-photo-gallery');
                    $(this).find('img').attr('data-gtmsm360', 'ux__body-photo-gallery');
                });
            }

            /**
             * Add a class to the catalog image gallery links that have no class
             */
            if($('.catalog-details__gallery-section').length>0){
                $('.catalog-details__gallery-section a').not('.link__regular').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__photo_gallery');
                    $(this).find('img').attr('data-gtmsm360', 'ux__photo_gallery');
                    $(this).find('.overlay-content').attr('data-gtmsm360', 'ux__photo_gallery');
                });
            }
            if($('.catalog-details-premium__gallery-section').length>0){
                $('.catalog-details-premium__gallery-section a').not('.link__regular').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__photo_gallery');
                    $(this).find('img').attr('data-gtmsm360', 'ux__photo_gallery');
                    $(this).find('.overlay-content').attr('data-gtmsm360', 'ux__photo_gallery');
                });
            }
            if($('.catalog-details__content-images__slider').length>0){
                $('.catalog-details__content-images__slider a').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__vehicle_images_exterior_interior');
                    $(this).find('img').attr('data-gtmsm360', 'ux__vehicle_images_exterior_interior');
                    $(this).find('.overlay-content').attr('data-gtmsm360', 'ux__vehicle_images_exterior_interior');
                    $(this).find('.overlay-content i').attr('data-gtmsm360', 'ux__vehicle_images_exterior_interior');
                    $(this).find('.overlay-content span').attr('data-gtmsm360', 'ux__vehicle_images_exterior_interior');
                });
            }
            if($('.catalog-details-premium__content-images__slider').length>0){
                $('.catalog-details-premium__content-images__slider a').each(function(){
                    $(this).attr('data-gtmsm360', 'ux__vehicle_images_exterior_interior');
                    $(this).find('img').attr('data-gtmsm360', 'ux__vehicle_images_exterior_interior');
                    $(this).find('.overlay-content').attr('data-gtmsm360', 'ux__vehicle_images_exterior_interior');
                    $(this).find('.overlay-content i').attr('data-gtmsm360', 'ux__vehicle_images_exterior_interior');
                    $(this).find('.overlay-content span').attr('data-gtmsm360', 'ux__vehicle_images_exterior_interior');
                });
            }

            /**
             * Add a class to the promo preview image links that have no class
             */
            if($('.promotion-preview').length>0){
                $('.promotion-preview').each(function(){
                    if(!$(this).find('a').hasClass('promotion-preview__anchor')){
                        $(this).find('a').addClass('promotion-preview__anchor');
                    }
                });
            }

            const allTaggingScope = document.querySelectorAll('[data-tagging-scope]');
            if(allTaggingScope.length > 0){
                let taggingEvent = '';
                let taggingScope = '';
                let taggingPrecision = '';

                for(const scope of allTaggingScope) {
                    taggingEvent = scope.dataset.taggingEvent;
                    taggingScope = scope.dataset.taggingScope;
                    taggingPrecision = scope.dataset.taggingPrecision;
                    if(taggingScope === 'best-sellers') {
                        if(taggingPrecision === 'carouselLeft') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-lineup-carousel-left');
                        }
                        else if(taggingPrecision === 'carouselRight') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-lineup-carousel-right');
                        }
                        else if(taggingPrecision === 'cta') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-lineup-carousel-cta');
                        }
                    }
                    else if(taggingScope === 'body') {
                        if(taggingPrecision === 'ctaService') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-cta-service');
                        }
                    }
                    else if(taggingScope === 'catalog-detail') {
                        if(taggingPrecision === 'quote') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-cta-price-quote');
                        }
                        else if(taggingPrecision === 'specification') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-specs-accordion');
                        }
                        else if(taggingPrecision === 'trimChooser') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-trim');
                        }
                    }
                    else if(taggingScope === 'catalog-detail-images-interior' || taggingScope === 'catalog-detail-images-exterior') {
                        if(taggingPrecision === 'carouselLeft') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-vehicle-images-arrow-left');
                        }
                        else if(taggingPrecision === 'carouselRight') {
                            scope.setAttribute('data-gtmsm360', "ux__body-vehicle-images-arrow-right");
                        }
                        else if(taggingPrecision === 'cta') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-lineup-carrousel-cta');
                        }
                    }
                    else if(taggingScope === 'catalogDetails') {
                        if(taggingPrecision === 'colorChooser') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-vdp-colors');
                        }
                        else if(taggingPrecision === 'photoGallery') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-photo-gallery');
                        }
                        else if(taggingPrecision === 'basicAction') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-photo-gallery');
                        }
                    }
                    else if(taggingScope === 'compare') {
                        if(taggingPrecision === 'carfax') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-carfax');
                        }
                    }
                    else if(taggingScope === 'dropdown') {
                        scope.setAttribute('data-gtmsm360', 'ux__body-select-option');
                    }
                    else if(taggingScope === 'footer') {
                        if(taggingPrecision === 'address') {
                            scope.setAttribute('data-gtmsm360', 'eng__footer-address');
                        }
                        else if(taggingPrecision === 'linkContact') {
                            scope.setAttribute('data-gtmsm360', 'ux__footer-link-contact');
                        }
                        else if(taggingPrecision === 'phone') {
                            scope.setAttribute('data-gtmsm360', 'conv__footer-phone');
                        }
                        else if(taggingEvent === 'social') {
                            scope.setAttribute('data-gtmsm360', 'eng__footer-social-media-meta');
                        }
                    }
                    else if(taggingScope === 'header') {
                        if(taggingPrecision === 'address') {
                            scope.setAttribute('data-gtmsm360', 'eng__header-address');
                        }
                        else if(taggingPrecision === 'ctaService') {
                            scope.setAttribute('data-gtmsm360', 'ux__header-cta-service');
                        }
                        else if(taggingPrecision === 'phone') {
                            scope.setAttribute('data-gtmsm360', 'conv__header-phone');
                        }
                        else if(taggingEvent === 'social') {
                            scope.setAttribute('data-gtmsm360', 'eng__header-social-media-meta');
                        }
                    }
                    else if(taggingScope === 'header-menu') {
                        if(taggingPrecision === 'firstLevel') {
                            scope.setAttribute('data-gtmsm360', 'ux__header-main-menu');
                        }
                    }
                    else if(taggingScope === 'header-submenu') {
                        if(taggingPrecision === 'vehicle') {
                            scope.setAttribute('data-gtmsm360', 'ux__header-submenu-vehicle');
                        }
                    }
                    else if(taggingScope === 'home-promo') {
                        if(taggingPrecision === 'carouselLeft') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-home-carousel-left');
                        }
                        else if(taggingPrecision === 'carouselRight') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-home-carousel-right');
                        }
                    }
                    else if(taggingScope === 'inventory-detail') {
                        if(taggingPrecision === 'quote') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-cta-price-quote');
                        }
                    }
                    else if(taggingScope === 'inventoryDetails') {
                        if(taggingPrecision === 'carfax') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-carfax');
                        }
                        else if(taggingPrecision === 'photoGallery') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-photo-gallery');
                        }
                        else if(taggingPrecision === 'basicAction') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-photo-gallery');
                        }
                    }
                    else if(taggingScope === 'inventoryListing') {
                        if(taggingPrecision === 'carfax') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-carfax');
                        }
                    }
                    else if(taggingScope === 'newsletter') {
                        if(taggingEvent === 'social') {
                            scope.setAttribute('data-gtmsm360', 'eng__body-social-media-meta');
                        }
                    }
                    else if(taggingScope === 'page-contact') {
                        if(taggingEvent === 'social') {
                            scope.setAttribute('data-gtmsm360', 'eng__body-social-media-meta');
                        }
                    }
                    else if(taggingScope === 'pagination') {
                        scope.setAttribute('data-gtmsm360', 'ux__body-pagination');
                    }
                    else if(taggingScope === 'promoCard') {
                        if(taggingPrecision === 'promoCardImage') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-images-promo');
                        }
                        else if(taggingPrecision === 'promoCardLink') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-cta-promo');
                        }
                    }
                    else if(taggingScope === 'similar-vehicles') {
                        if(taggingPrecision === 'vehicleCardImage') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-vehicle-images-similar-vehicle');
                        }
                        else if(taggingPrecision === 'vehicleCardCta') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-cta-similar-vehicle');
                        }
                        else if(taggingPrecision === 'vehicleCardTitle') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-cta-similar-vehicle');
                        }
                    }
                    else if(taggingScope === 'sticky') {
                        scope.setAttribute('data-gtmsm360', 'eng__sticky-social-media');
                    }
                    else if(taggingScope === 'vehicle-card') {
                        if(taggingPrecision === 'compare') {
                            scope.setAttribute('data-gtmsm360', 'ux__body-listing-compare');
                        }
                    }
                }
            }

        }

        insertDataAttribut();
        initFidelitixTracking();
    });

</script>

        
         <script type="text/javascript">

    /**
     * This function send data (leadId) of submitted form to Fidelitix
     */
    function sendFormSubmitData(leadId) {
        var fidelObj = window.ra || "data";
        var hasFidelitix = (typeof (fidelObj) === "object");
        if (hasFidelitix) {
            ra.logEvent({
                "event": "leadFormSubmited",
                "eventCategory": "lead",
                "eventAction": "lead-form-submit",
                "eventValue": leadId
            });
        }
    }

    /**
     * This function send data of click on phone CTA to Fidelitix
     */

    function clickToCallFidelitix(phoneData, phoneNumber) {
        var fidelObj = window.ra || "data";
        var hasFidelitix = (typeof (fidelObj) === "object");
        if (hasFidelitix) {
            ra.logEvent({
                "event": "clickToCall",
                "eventCategory": phoneData,
                "eventAction": "click",
                "eventValue": phoneNumber
            });
        }
    }

    /**
     * This function add Click Event Listener to selected element
     */
    function addClicktoCall (selector, attributeName) {
         var selectorPhoneNumber = selector.href;
         var selectorPhoneData = selector.getAttribute(attributeName);
        selector.addEventListener("click", function (e) {
            clickToCallFidelitix(selectorPhoneData,selectorPhoneNumber);
        }, false);

    }

    /**
     * This function initialise phone numbers tracking
     */
    function initFidelitixTracking () {
        var i;
        var phoneNumbers = document.querySelectorAll('a[href*="tel:"]', '[data-gtmsm360]');
        if (phoneNumbers.length) {
            for (i = 0; i < phoneNumbers.length; i++) {
                addClicktoCall(phoneNumbers[i], 'data-gtmsm360')
            }
        }
    }
</script>


        <style>
      :root {
         --triggerRightPosition: 20px;
               --triggerLeftPosition: auto;--triggerTopPosition: 50%;
               --triggerBottomPosition: auto;
               --triggerTranslateY: -50%;
               --triggerMarginTop: 20px;--triggerMobileRightPosition: 20px;
               --triggerMobileLeftPosition: auto;--triggerMobileTopPosition: auto;
               --triggerMobileBottomPosition: 200px;
               --triggerMobileTranslateY: 0;
      }
   </style>

   <a class="access360-trigger access360-trigger--desktop"
            href="javascript:void(0);"
            data-acsb-custom-trigger="true"
            data-interface-color="#585a5c"
            data-interface-position="right"
            role="complementary"
         >
            

<figure class="a-image " role="none" aria-label="">
    <!-- Load this in-viewport image normally -->
            <img class="a-image__img " src="//cdn.sm360.ca/varia/img/access-360/logo-vertical-en.svg" height="110" width="85" alt="Logo Access 360" />
        </figure></a>
      

<style type="text/css"> .form-container .widget-dropdown__content { z-index: 999; } </style><script id="dealeraibot-script" type="text/javascript" src="https://webchat.dealerai.com/js/iframe-loader.js"></script> <div id="dealeraibot-root" data-dealer-id="MAYFIELD_FORD_LINCOLN"></div>

        
<script>
    function colorChooserRedirect(colorCode) {
        const currentUrl = window.location;
        const currentUrlParams = new URLSearchParams(window.location.search);
        currentUrlParams.set('extColorCode', colorCode);
        window.location = currentUrl.origin + currentUrl.pathname + '?' + currentUrlParams.toString();
    }

    document.addEventListener("DOMContentLoaded", () => {
        const chooserItem = document.querySelectorAll('[data-color-chooser-redirect="true"] [data-color-chooser-item]');
        chooserItem.forEach(item => {
            item.addEventListener('click', e => {
                e.preventDefault();
                colorChooserRedirect(item.dataset.colorChooserCode);
            })
        });
    });

</script>
    </body>
    
</html>