

<!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.vwmidtowntoronto.com/en/humberview-group-dealers">
        
        
        <title>Humberview Group Dealers - Volkswagen MidTown Toronto</title>
<meta name="description" content="The Humberview Group represents several ON car dealers, including Volkswagen MidTown serving Greater Toronto Area. Find out more about HG locations!">


<meta property="og:type" content="website"/>
<meta property="og:title" content="Humberview Group Dealers - Volkswagen MidTown Toronto"/>
<meta property="og:description" content="The Humberview Group represents several ON car dealers, including Volkswagen MidTown serving Greater Toronto Area. Find out more about HG locations!"/>
<meta property="og:site_name" content="Volkswagen MidTown Toronto"/>
<meta property="og:url" content="/en/our-dealerships"/>
<meta property="og:image" content="https://img.sm360.ca/images/web/humberviewgroup-941/4006/vw-hg-logo-toronto1687457223897.svg"/>


<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Humberview Group Dealers - Volkswagen MidTown Toronto">
<meta name="twitter:description" content="The Humberview Group represents several ON car dealers, including Volkswagen MidTown serving Greater Toronto Area. Find out more about HG locations!">


    <meta name="twitter:image" content="https://img.sm360.ca/images/web/humberviewgroup-941/4006/vw-hg-logo-toronto1687457223897.svg">


<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=091902704" type="text/css" rel="stylesheet"/>
<style>
        :root {
            
                --secondary5: #3C484D;
            
                --secondary4: #6A767D;
            
                --secondary7: #00437A;
            
                --secondary6: #0082D6;
            
                --primary1: #00B0F0;
            
                --semantic4-warning: #00E6E6;
            
                --secondary9: #5B08A4;
            
                --semantic3-focus: #FFD100;
            
                --secondary8: #0040c5;
            
                --transparent: transparent;
            
                --secondary1: #DFE4E8;
            
                --primary2: #001E50;
            
                --secondary3: #96A3A8;
            
                --semantic2-completed: #029640;
            
                --secondary2: #C2CACF;
            
                --neutral4: #F8F9FB;
            
                --neutral3: #CCCCCC;
            
                --semantic1-error: #E4002C;
            
                --neutral2: #000000;
            
                --neutral1: #FFFFFF;
            
        }
    </style>
<link rel="stylesheet" href="https://cdn.icomoon.io/78355/manufacturer-volkswagen/style-svg.css?ltnjiy">
<link rel="stylesheet" href="https://cdn.icomoon.io/78355/manufacturer-volkswagen/style.css?9a0usp">


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


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


<link href="/css/theme/humberview-2023/website/vwmidtowntoronto1/vwmidtowntoronto1.css?v=091902704" 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/4006/favicon1686058422784.png">
        <link rel="apple-touch-icon-precomposed" href="https://img.sm360.ca/images/web/humberviewgroup-941/4006/vw_nbdlogo_reg_darkblue_digital_srgb_100px1686058779731.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=073751499" 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-T5N5J3');</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": "Volkswagen MidTown Toronto",
            
        });
    }
</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": "Volkswagen MidTown Toronto",
            
        });
    }
</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": "Volkswagen MidTown Toronto",
            
        });
    }
</script>


        <script type="text/javascript">
        dataLayer = [{
            "isLoggedIn": "false",
            "hasVehicleInGarage": "false",
            "page404": "no",
            "dealership": "Volkswagen MidTown Toronto",
            "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-P9WQGXRK');</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=6LeMtGIpAAAAAAXwTI_mWOIytCJEjuebtg7-xKbT"></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('6LeMtGIpAAAAAAXwTI_mWOIytCJEjuebtg7-xKbT', { action: 'homepage' })
                        .then((token) => {
                            resolve(token);
                        })
                        .catch((error) => {
                            reject(error);
                        });
                });
            });
        }
    </script>


<script type="text/javascript">
    function offerEvent(offerId, offerName, departmentId, offerUrl, offerExpire) {
        // departmentId 15 is the Service department
        if(departmentId === '2' || departmentId === '3' || departmentId === '14' || departmentId === '15') {
            var data = {
                serviceOfferClick: {
                    offerId: offerId,
                    offerName: offerName
                },
                events: 'serviceOfferClick'
            };
            if(offerExpire) data.serviceOfferClick.offerExpire = offerExpire;
            sd('dataLayer', data);

            sd('send', 'event', 'serviceOfferClick', {
                hitCallback: function() {
                    window.location.href = offerUrl;
                }
            });
        }
        else {
            sd('dataLayer', {
                offerClick: {
                    offerId: offerId,
                    offerName: offerName
                },
                events: 'offerClick'
            });

            sd('send', 'event', 'offerClick', {
                hitCallback: function() {
                    window.location.href = offerUrl;
                }
            });
        }
    }
</script>

<script type="text/javascript">
    function couponEvent(offerId,offerName){
        sd('dataLayer', {
            couponClick: {
                couponId: offerId,
                couponName: offerName
            },
            events: 'couponClick'
        });
        sd('send');
    }
</script>

<script type="text/javascript">
    function carouselEvent(assetPosition,assetName){
        sd('dataLayer', {
            carouselClick: {
                assetPosition: assetPosition,
                assetName: assetName
            },
            events: 'carouselClick'
        });
        sd('send');
    };
</script>

<script type="text/javascript">
    function clickToCallEvent(clickToCallDepartment){
        sd('dataLayer', {
            clickToCallDepartment: clickToCallDepartment,
            events: 'clickToCall',
        });
        sd('send');
    }
</script>

<script type="text/javascript">
    function searchSubmitEvent(typeSearch){
        sd('dataLayer', {
            typedSearchContent: typeSearch,
            events: 'typedSearch'
        });
        sd('send');
    }
</script>

<script type="text/javascript">
    /**
     * Retrieve useful data from a form for Shift Digital.
     * @param formId
     * @return {{formDisplayType: String, formType: String, formElement: Element, optInValue: (String|undefined)}}
     */
    function getFormData(formId) {
        var formElement = getFormElement(formId);
        var optInValue = getOptInValue(formElement);
        var formDisplayType = getFormDisplayType(formElement);
        var formType = getFormType('Get a Quote=1,Finance=2,Test Drive=3,Trade In=4,Schedule Service=5,General Contact=6,Request More Info=7,Trade In=8,Trade In=9,Finance=10,Get a Quote=11,Other=12,Other=13,Request More Info=14,Parts=15,Request More Info=16,Get a Quote=17,Test Drive=18,General Contact=19,General Contact=20,Request More Info=21,Get a Quote=22,General Contact=23,Request More Info=24,Request More Info=25,Specials=26,Request More Info=27,Get a Quote=28,General Contact=29,Specials=30,Request More Info=31,Dealer Custom=32,Specials=33,General Contact=34,Request More Info=35,Test Drive=36,Specials=37,Specials=38,Specials=39,Get a Quote=40,Dealer Custom=41,Trade In=42,Employment=43,Get a Quote=44,Get a Quote=45,Get a Quote=46,Schedule Service=47,Get a Quote=48,Specials=49,Get a Quote=50,Get a Quote=51,Test Drive=52,Request More Info=53,Request More Info=54,Specials=55,Get a Quote=56,Trade In=57,Specials=58,Test Drive=59,Employment=60,Employment=61,Schedule Service=62,Schedule Service=63,Request More Info=64,Request More Info=65,Specials=66,Get a Quote=67,Trade In=68,Trade In=69,Specials=70,Specials=71,Get a Quote=72,Test Drive=73,Request More Info=74,Specials=75,Specials=76,Specials=77,Specials=78,Employment=79,General Contact=80,Trade In=81,Finance=82,Request More Info=83,Dealer Custom=84,Specials=85,Get a Quote=86,Get a Quote=87,Request More Info=88,Trade In=89,Specials=91,Request More Info=92,Specials=93,General Contact=94,Specials=95,Schedule Service=96,General Contact=97,General Contact=98,Finance=99,Finance=100,Request More Info=101,Employment=102,Schedule Service=103,Other=104,Email Register=900, Accessories=107', formId);

        return {
            formElement: formElement,
            optInValue: optInValue,
            formDisplayType: formDisplayType,
            formType: formType
        };
    }

    /**
     * Get whether the form is displayed in a modal or inside a page.
     * @param { Element } formElement - DOM element for the form.
     * @return { String }
     */
    function getFormDisplayType(formElement) {
        function getLegacyFormDisplay() {
            return formElement.closest('[data-ninjabox]') !== null;
        }
        function getRecentFormDisplay() {
            return formElement.closest('[data-modal]') !== null;
        }
        function getFoundationFormDisplay() {
            return formElement.closest('[data-reveal]') !== null;
        }

        if(formElement && (getRecentFormDisplay() || getFoundationFormDisplay() || getLegacyFormDisplay())) return 'modal';
        else return 'in-page';
    }

    /**
     * Target and return a form element using its id.
     * @param { String } formId - DOM element for the form.
     * @return { Element }
     */
    function getFormElement(formId) {
        function getLegacyForm() {
            return document.querySelector('[datashiftdigitalformid="' + formId + '"]');
        }

        function getRecentForm() {
            return document.querySelector('[data-shift-digital-form-id="' + formId + '"]');
        }

        function getShowroomForm() {
            return document.querySelector('[name="formTypeId"][value="' + formId + '"]') && document.querySelector('[name="formTypeId"][value="' + formId + '"]').closest("form");
        }

        return getRecentForm() || getLegacyForm() || getShowroomForm();
    }

    /**
     * Return the type of a form using its id and a defined list of form types paired with form ids.
     * @param { String } formTypeList - A defined list of form types paired with form ids.
     * @param { String } formId - A form id.
     * @return { String }
     */
    function getFormType(formTypeList, formId) {
        var formType = '';
        var formTypeListArray = formTypeList.split(",");

        for (var i = 0; i < formTypeListArray.length; i++) {
            var formTypeData = formTypeListArray[i].split("=");
            if (formTypeData.length === 2 && formTypeData[1] === formId) {
                formType = formTypeData[0];
                break;
            }
        }

        return formType;
    }

    /**
     * Get whether the user as opted in for the newsletter/marketing checkbox.
     * @param { Element } formElement - DOM element for the form.
     * @return { String|undefined }
     */
    function getOptInValue(formElement) {
        try {
            var optInCheckBox = formElement.querySelector('[name="newsletter|marketing|service"][type="checkbox"]'); // Support for old projects
            return optInCheckBox && optInCheckBox.checked ? 'in-explicit' : 'out';
        }
        catch (e) {
            return undefined;
        }
    }

    /**
     * Extract the value of the "make" input inside a form element.
     * @param { Element } formElement - DOM element for the form.
     * @return {undefined|*}
     */
    function getTradeInMake(formElement) {
        try {
            return formElement.querySelector('input[name="make"]').value;
        }
        catch (e) {
            return undefined;
        }
    }

    /**
     * Extract the value of the "model" input inside a form element.
     * @param { Element } formElement - DOM element for the form.
     * @return {undefined|*}
     */
    function getTradeInModel(formElement) {
        try {
            return formElement.querySelector('input[name="model"]').value;
        }
        catch (e) {
            return undefined;
        }
    }

    /**
     * Extract values for the traded vehicle from a trade in form.
     * @param { Element } formElement - DOM element for the form.
     * @return {undefined|*}
     */
    function getTradeInProperties(formElement) {
        var tradeInProperties = {};
        var tradeInMake = getTradeInMake(formElement);
        var tradeInModel = getTradeInModel(formElement);
        var tradeInYear = getTradeInYear(formElement);

        if(tradeInMake) tradeInProperties.make = tradeInMake;
        if(tradeInModel) tradeInProperties.model = tradeInModel;
        if(tradeInYear) tradeInProperties.year = tradeInYear;

        return tradeInProperties;
    }

    /**
     * Extract the value of the "year" input inside a form element.
     * @param { Element } formElement - DOM element for the form.
     * @return {undefined|*}
     */
    function getTradeInYear(formElement) {
        try {
            return formElement.querySelector('input[name="year"]').value;
        }
        catch (e) {
            return undefined;
        }
    }

</script>

<script type="text/javascript">
            function sendForSubmitEvent(leadId, formId, eventName) {
                var formData = getFormData(formId);

                sd('dataLayer', {
                    displayType: formData.formDisplayType,
                    leadId: leadId,
                    leadType: 'lead',
                    formType: formData.formType,
                    formOptIn: formData.optInValue,
                    events: eventName
                });
            }

            function sendFormInitEvent(formId) {
                var formData = getFormData(formId);

                if (action == 1) {
                    sd('dataLayer', {
                        displayType: formData.formDisplayType,
                        formType: formData.formType,
                        events: 'formInitiation'
                    });
                    sd('send');
                    action = 2;
                }
            }

            function sendFormShowEvent(formId) {
                var formData = getFormData(formId);

                sd('dataLayer', {
                    displayType: formData.formDisplayType,
                    formType: formData.formType,
                    events: 'formShown'
                });
                sd('send');
            }
        </script>
    
<script type="text/javascript">
    window.addEventListener('DOMContentLoaded', () => {
        initScheduleServiceClick()
    })

    /**
     * Initial Schedule Service Click ()
     */
    function initScheduleServiceClick (){
        // const ctas = document.querySelectorAll("a[href$='/5'][data-gtmsm360='ux__cta'], a[href$='/5'][data-gtmsm360='ux__header-cta'], a[href$='/5'][data-gtmsm360='ux__footer-link']")
        const ctas = document.querySelectorAll('a[href$="/5"]')

        if (ctas.length > 0) {
            ctas.forEach(cta => {
                hrefMatchRegex(cta);
            })
        }
    }

    /**
     * Check if button contains form reference = 5 & Add Click Event
     */
    function hrefMatchRegex(element) {
        let regex = /\bform.*\b5\b$/;
        const regexCondition = element.href.match(regex) ? true : false;

        if(regexCondition){
            element.addEventListener("click", sendScheduleServiceClick, false);
        }
    }

    /**
     * Send Schedule Service Click Event
     */
    function sendScheduleServiceClick (e){
        const redirectTo = e.currentTarget?.href;
        if (redirectTo) {
            e.preventDefault();
        }
        sd('dataLayer', {
            events: 'scheduleServiceClick'
        });
        sd('send');

        if (redirectTo) {
            setTimeout(() => {
                window.location = redirectTo;
            }, 500);
        }
    }
</script>

<script type="text/javascript">
    window.addEventListener('DOMContentLoaded', (event) => {
        initGetDirectionsClick ()
    });

    function initGetDirectionsClick (){
        const ctas = document.querySelectorAll("[data-gtmsm360='ux__cta'],[data-tagging-precision='address']")
        for (let i = 0; i < ctas.length; i++) {
            hrefMatchMapsRegex(ctas[i]);
        }
    }
// Check url if it is for google map
    function hrefMatchMapsRegex(element) {
        const regex = /(www\.|maps\.)?google/;
        const regexCondition = element.href.match(regex);

        if(regexCondition){
            element.addEventListener("click", function (e) {
                sendGetDirectionsClick();
            }, false);
        }
    }

// Push event: 'Getdirections'
    function sendGetDirectionsClick (){
        sd('dataLayer', {
            events: 'Getdirections'
        });
        sd('send');
    }
</script>


        <script type="text/javascript">
        

    (function (i, s, o, g, r, a, m) {
        i['ShiftAnalyticsObject'] = r; i[r] = i[r] || function () {
                        (i[r].q = i[r].q || []).push(arguments)
                }, i[r].l = 1 * new Date(); a = s.createElement(o),
        m = s.getElementsByTagName(o)[0]; a.defer = 1; a.src = g;    m.parentNode.insertBefore(a, m)
    })(window, document, 'script', '//sdtagging.azureedge.net/scripts/vwca/sd.js', 'sd');

    sd('create', 'VWCA',
    '4993030', 'SM360');


        sd('dataLayer',{
            pageType: "Other",
            websiteTier: "Tier 3",
            pageBrand: "Volkswagen",
            language: "en",
            
            dealerZipCode: "M1T 3K4",
            dealerState: "ON",
            dealerCity: "Toronto",
            dealerName: "Volkswagen MidTown Toronto",
            trafficType: "Typed/Bookmarked",
            dealerBac: "",
            siteTechnologyVersion: "Banshee 2.42.0",

            
        });
        sd('send', 'pageview');
</script>


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


<script type='application/ld+json'>
{
    "@context": "http://www.schema.org",
    "@type": "AutoDealer",
    "address": {
        "@type": "PostalAddress",
        "streetAddress": "3450 Sheppard Avenue East",
        "addressLocality": "Toronto",
        "addressRegion": "ON",
        "postalCode": "M1T 3K4",
        "addressCountry": "CA"
    },
    "brand": "volkswagen",
    "description": "Volkswagen MidTown Toronto, Volkswagen dealership in Toronto",
    "email": "n/a",
    "geo": {
        "@type": "GeoCoordinates",
        "latitude": "43.77958",
        "longitude": "-79.304349"
    },
    "image": "https://img.sm360.ca/images/web/humberviewgroup-941/volkswagen_midtown_toronto1688655563403.png",
    "knowsLanguage": "en-CA",
    "logo": "https://img.sm360.ca/images/web/humberviewgroup-941/volkswagen_midtown_toronto1688655563403.png",
    "memberOf": {
        "@type": "ProgramMembership",
        "programName": "VWCA"
    },
    "name": "Volkswagen MidTown Toronto",
    "openingHours": "n/a",
    "priceRange": "5000.0-250000.0 $",
    "sameAs": [
        "https://www.facebook.com/VWMidTownToronto/",
        "",
        "https://www.youtube.com/@volkswagenmidtowntoronto81",
        "",
        "https://www.instagram.com/vwmidtowntoronto/"
    ],
    "telephone": "1-877-964-2249",
    "url": "www.vwmidtowntoronto.com"
}
</script>
    

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

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

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

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

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

    :root {
        --font-family-VWHead-bold: 'VWHead-Bold';
        --font-family-VWHead-light: 'VWHead-Light';
        --font-family-VWText-bold: 'VWText-Bold';
        --font-family-VWText-regular: 'VWText';
    }
</style>

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


<link href="/css/access-360/access-360.css?v=091902704" 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-P9WQGXRK" 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-T5N5J3

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": "Volkswagen MidTown Toronto",
  "url": "www.vwmidtowntoronto.com",
  "logo": "https://img.sm360.ca/images/manufacturer/volkswagen/volkswagen-color-128-notag.png",
  "priceRange": "5000.0-250000.0 $",
  "image": "https://img.sm360.ca/images/manufacturer/volkswagen/volkswagen-color-128-notag.png",
  "description": "Volkswagen MidTown Toronto, Volkswagen dealership in Toronto",
  "address": {
     "@type": "PostalAddress",
     "streetAddress": "3450 Sheppard Avenue East",
     "addressLocality": "Toronto",
     "addressRegion": "Ontario",
     "postalCode": "M1T 3K4",
     "addressCountry": "CA"
  },
  "geo": {
     "@type": "GeoCoordinates",
     "latitude": "43.77958",
     "longitude": "-79.304349"
  },
   "openingHours": "",
   "telephone": "1-877-964-2249"
}
</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="Volkswagen MidTown Toronto">
            

<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/4006/vw-hg-logo-toronto1687457223897.svg" height="" width="" alt="Serving you better, <br/>  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>

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


</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/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/car-net"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Car-Net</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/2023-volkswagen-id4"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Meet the new ID.4</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/2025-jetta"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                2025 Jetta</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/2025-id-buzz"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                2025 ID.Buzz</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/2025-jetta-gli"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                2025 Jetta GLI</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/2025-atlas-cross-sport"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                2025 Atlas Cross Sport</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/2025-atlas"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                2025 Atlas</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>

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


</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">
                Used Vehicles</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/certified-inventory"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Certified Pre-owned Vehicles</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">
                Demo Vehicles</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/volkswagen-certified"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Why Buy Volkswagen Certified Per-owned</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/trade-in" target="_self" class="mobile-menu-item__anchor  accordion-title "  itemprop="url">
                        <span itemprop="name">
                                     Trade In</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>

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


</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/service-parts/2"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Service & Parts</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>


<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/special-offers/department/tires/13"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Tires</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>

</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>

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


</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 A Service Appointment</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/services/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/accessories"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Volkswagen Accessories</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/services/detailing"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Detailing</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/corrosion"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Corrosion Inspection</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/services/roadside-assistance"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Roadside Assistance</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" class="mobile-menu-item__anchor accordion-title "  itemprop="url">

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

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


</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"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Financing</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/financing/volkswagen-protection-plus"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Protection Plus</span>
        </a>
    </li>
<li class="mobile-menu-submenu-item " data-theme-style="">
        <a href="/en/financing/lease-or-buy"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Lease or Buy?</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="/en/about-us" class="mobile-menu-item__anchor accordion-title "  itemprop="url">

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

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


</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">
                Careers


    <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">
                Our Team</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>
<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/why-buy-from-us"
           class="mobile-menu-submenu-item__anchor" 
           itemprop="url">
            <span itemprop="name">
                Why Buy From Us?</span>
        </a>
    </li>
</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>
        <div>
                

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


<span class="mobile-menu-compare__value" data-theme-style="mobileMenu_compareCount_bgColor mobileMenu_compareCount_fontColor" data-comparetool-count='all'>
                            0</span>
            </div>
        </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">
    Volkswagen MidTown Toronto
    
    </p>


            <a href="http://maps.google.com/?q=Volkswagen+MidTown+Toronto+3450+Sheppard+Avenue+East+M1T+3K4+Ontario+Toronto"
               class="m-linkWithIcon -headeraddress addressBravo__link"
                data-tagging-precision="address"
        
            data-tagging-event="contacts"
        
        
            data-tagging-scope="header"
                target="_blank"
                title="3450 Sheppard Avenue East, Toronto, <span>Ontario, M1T 3K4</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>


                    3450 Sheppard Avenue East, Toronto, <span>Ontario, M1T 3K4</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-930-6901"
               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-930-6901"
                
                data-shiftdigital-url="tel:1-647-930-6901"
    
        data-shiftdigital-title="Other"
    
        data-shiftdigital-event="clickToCall"
    
        data-tagging-scope="header"
               data-theme-style="link"
            >
                    1-647-930-6901
                
            </a>
        
        
</div>
<div class="phone-number-department ">
        

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


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

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


            <a href="tel:1-866-261-3104"
               class="a-link -headerphone  shiftdigital-event phone-number-department__phone"
                data-tagging-precision="phone"
        
            data-tagging-event="contacts"
        
        
            data-tagging-specificity="Parts"
                
                title="1-866-261-3104"
                
                data-shiftdigital-url="tel:1-866-261-3104"
    
        data-shiftdigital-title="Other"
    
        data-shiftdigital-event="clickToCall"
    
        data-tagging-scope="header"
               data-theme-style="link"
            >
                    1-866-261-3104
                
            </a>
        
        
</div>
</section>
<div class="social-network mobile-menu__social-media">
        

    <p class="a-typography heading3 social-network__title " data-theme-style="" role="heading" aria-level="3">
    Follow Us Online
    
    </p>

<div class="social-network__iconWrapper ">
            <a class=""
                   href="https://www.facebook.com/VWMidTownToronto/"
                   title="Facebook | Volkswagen MidTown Toronto"
                   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.youtube.com/@volkswagenmidtowntoronto81"
                   title="Youtube | Volkswagen MidTown Toronto"
                   target="_blank"
                   aria-label="Youtube - New Window"
                   data-tagging-event="social"
                   data-tagging-precision="youtube"
                   data-tagging-scope="header"
                   data-theme-style=""
                >
                    

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


</a>
            <a class=" "
                   href="https://www.instagram.com/vwmidtowntoronto/"
                   title="Instagram | Volkswagen MidTown Toronto"
                   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="footerAlpha__social-icons a-linkedin null"
       data-theme-style=""
       href="https://ca.linkedin.com/company/volkswagen-midtown-toronto"
       target="_blank"
       title="LinkedIn | Volkswagen MidTown Toronto"
       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="Volkswagen MidTown Toronto">
            

<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/images/web/humberviewgroup-941/4006/vw-hg-logo-toronto1687457223897.svg" height="" width="" alt="Serving you better, <br/>  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-alt header-mobile__phone-picto"
         role="none"
         data-theme-style="mobileHeader_phone_iconColor"
    >
        <title>phone-alt</title>
        <use xlink:href="#icon-phone-alt"></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-930-6901"
                           class="shiftdigital-event snippet-mobile-phones__item-anchor" 
                           data-shiftdigital-event="clickToCall"
                           data-shiftdigital-title=""
                           data-shiftdigital-url="tel:1-647-930-6901"
                           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-930-6901</span>
                        </a>
                    </li>
                <li class="snippet-mobile-phones__item">
                            <a href="tel:1-647-933-1032"
                               class="shiftdigital-event snippet-mobile-phones__item-anchor" 
                               data-shiftdigital-event="clickToCall"
                               data-shiftdigital-title="Service"
                               data-shiftdigital-url="tel:1-647-933-1032"
                               data-tagging-event="contacts"
                               data-tagging-precision="phone"
                               data-tagging-specificity="Service">
                                

    <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&nbsp;&nbsp;&nbsp;&nbsp;1-647-933-1032</span>
                            </a>
                        </li>
                    <li class="snippet-mobile-phones__item">
                            <a href="tel:1-866-261-3104"
                               class="shiftdigital-event snippet-mobile-phones__item-anchor" 
                               data-shiftdigital-event="clickToCall"
                               data-shiftdigital-title="Parts"
                               data-shiftdigital-url="tel:1-866-261-3104"
                               data-tagging-event="contacts"
                               data-tagging-precision="phone"
                               data-tagging-specificity="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">Parts&nbsp;&nbsp;&nbsp;&nbsp;1-866-261-3104</span>
                            </a>
                        </li>
                    </ul>
    </div>
    </div>
</div><a class="mobileHeaderAlpha__address mobileHeaderAlpha__item" href="http://maps.google.com/?q=Volkswagen+MidTown+Toronto+3450+Sheppard+Avenue+East+M1T+3K4+ON+Toronto" 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-fullWidth   headerAlpha__topBanner"
              
              
              >
    

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

<div class="l-row  "
              
              
              >
    

<figure class="a-image " role="none" aria-label="">
    <!-- Lazy-load images -->
            <img class="a-image__img lazyload " src="data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 '%2F%3E" loading="lazy" alt="Proud Member of Humberview Group" height="" width="" data-src="https://img.sm360.ca/images/web/humberviewgroup-941/4006/proud-member-1-line_black1686058178757.svg"  />
        </figure>
</div>
</div>
</div>


<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="Volkswagen MidTown Toronto">
            

<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/4006/vw-hg-logo-toronto1687457223897.svg" height="" width="" alt="Serving you better, <br/>  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-930-6901"
               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-930-6901"
                
                data-shiftdigital-url="tel:1-647-930-6901"
    
        data-shiftdigital-title="Other"
    
        data-shiftdigital-event="clickToCall"
    
        data-tagging-scope=""
               data-theme-style="link"
            >
                    1-647-930-6901
                
            </a>
        
        
    <svg class="a-icon a-icon-dropdown -iconAfter"
         role="none"
         data-theme-style=""
    >
        <title>dropdown</title>
        <use xlink:href="#icon-dropdown"></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
    
    </span>


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

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


            <a href="tel:1-866-261-3104"
               class="a-link -headerphone  shiftdigital-event phone-number-department__phone"
                data-tagging-precision="phone"
        
            data-tagging-event="contacts"
        
        
            data-tagging-specificity="Parts"
                
                title="1-866-261-3104"
                
                data-shiftdigital-url="tel:1-866-261-3104"
    
        data-shiftdigital-title="Other"
    
        data-shiftdigital-event="clickToCall"
    
        data-tagging-scope=""
               data-theme-style="link"
            >
                    1-866-261-3104
                
            </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=Volkswagen+MidTown+Toronto+3450+Sheppard+Avenue+East+M1T+3K4+Ontario+Toronto"
               class="m-linkWithIcon -headeraddress "
                data-tagging-precision="address"
        
            data-tagging-event="contacts"
        
        
            data-tagging-scope="header"
                target="_blank"
                title="3450 Sheppard Avenue East, Toronto,&nbsp;Ontario, M1T 3K4"
                
                
                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>


                    3450 Sheppard Avenue East, Toronto,&nbsp;Ontario, M1T 3K4
                
                    
    <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>
            </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/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/car-net"
                   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">
                            Car-Net
                    </span>
                    
                </a>

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

                <a href="/en/2023-volkswagen-id4"
                   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">
                            Meet the new ID.4
                    </span>
                    
                </a>

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

                <a href="/en/2025-jetta"
                   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">
                            2025 Jetta
                    </span>
                    
                </a>

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

                <a href="/en/2025-id-buzz"
                   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">
                            2025 ID.Buzz
                    </span>
                    
                </a>

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

                <a href="/en/2025-jetta-gli"
                   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">
                            2025 Jetta GLI
                    </span>
                    
                </a>

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

                <a href="/en/2025-atlas-cross-sport"
                   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">
                            2025 Atlas Cross Sport
                    </span>
                    
                </a>

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

                <a href="/en/2025-atlas"
                   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">
                            2025 Atlas
                    </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/volkswagen/2025-volkswagen-atlas-comfortline--id29830"
   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="<span> </span> Atlas" height="127" width="140" data-src="https://img.sm360.ca/ir/w140h127c/images/newcar/ca/2025/volkswagen/atlas/comfortline-/suv/main/2024_Volkswagen_WIP_Atlas_Comfortline_MAIN.png"  />
        </figure>
    

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


</a>


<a class="catalog-submenu-vehicle  "
   href="/en/new-catalog/volkswagen/2025-volkswagen-atlas-cross-sport-comfortline--id29834"
   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="<span> </span> Atlas Cross Sport" height="127" width="140" data-src="https://img.sm360.ca/ir/w140h127c/images/newcar/ca/2025/volkswagen/atlas-cross-sport/comfortline-/suv/main/2024_Volkswagen_WIP_Atlas-Cross-Sport_Comfortline_MAIN.png"  />
        </figure>
    

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


</a>


<a class="catalog-submenu-vehicle  "
   href="/en/new-catalog/volkswagen/2024-volkswagen-golf-gti-gti-7a-id26745"
   data-tagging-scope="header-submenu"
   data-tagging-precision="vehicle"
   data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenu_separator_borderColor"
   data-vehicle-filter="hatchback">
    

<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="<span> </span> Golf GTI" height="127" width="140" data-src="https://img.sm360.ca/ir/w140h127c/images/newcar/ca/2024/volkswagen/golf-gti/gti-7a/hatchback/main/2024_Volkswagen_Golf-GTI_1-GTI-7A_MAIN.png"  />
        </figure>
    

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


</a>


<a class="catalog-submenu-vehicle  "
   href="/en/new-catalog/volkswagen/2024-volkswagen-golf-r-base-manual-id26180"
   data-tagging-scope="header-submenu"
   data-tagging-precision="vehicle"
   data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenu_separator_borderColor"
   data-vehicle-filter="hatchback">
    

<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="<span> </span> Golf R" height="127" width="140" data-src="https://img.sm360.ca/ir/w140h127c/images/newcar/ca/2024/volkswagen/golf-r/base-manual/hatchback/main/2024_Volkswagen_Golf-R_Base-M_V2_MAIN--193aa6.png"  />
        </figure>
    

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


</a>


<a class="catalog-submenu-vehicle  "
   href="/en/new-catalog/volkswagen/2024-volkswagen-id-4-base-id27809"
   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="<span> </span> ID.4" height="127" width="140" data-src="https://img.sm360.ca/ir/w140h127c/images/newcar/ca/2024/volkswagen/id-4/base/suv/main/2024_volkswagen_ID4_Main.png"  />
        </figure>
    

    <span class="a-typography  catalog-submenu-vehicle__name"  role="" >
    <span> </span> ID.4
    
    </span>


</a>


<a class="catalog-submenu-vehicle  "
   href="/en/new-catalog/volkswagen/2025-volkswagen-id-buzz-1st-edition-id29481"
   data-tagging-scope="header-submenu"
   data-tagging-precision="vehicle"
   data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenu_separator_borderColor"
   data-vehicle-filter="minivan">
    

<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="<span> </span> ID.Buzz" height="127" width="140" data-src="https://img.sm360.ca/ir/w140h127c/images/newcar/ca/2025/volkswagen/id-buzz/1st-edition/minivan/main/2025_Volkswagen_ID-Buzz_1e-Edition_001_main--7d8994.png"  />
        </figure>
    

    <span class="a-typography  catalog-submenu-vehicle__name"  role="" >
    <span> </span> ID.Buzz
    
    </span>


</a>


<a class="catalog-submenu-vehicle  "
   href="/en/new-catalog/volkswagen/2025-volkswagen-jetta-trendline-id29118"
   data-tagging-scope="header-submenu"
   data-tagging-precision="vehicle"
   data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenu_separator_borderColor"
   data-vehicle-filter="sedan">
    

<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="<span> </span> Jetta" height="127" width="140" data-src="https://img.sm360.ca/ir/w140h127c/images/newcar/ca/2025/volkswagen/jetta/trendline/sedan/main/2025_VOLKSWAGEN_JETTA_1-TRENDLINE_MAIN.png"  />
        </figure>
    

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


</a>


<a class="catalog-submenu-vehicle  "
   href="/en/new-catalog/volkswagen/2025-volkswagen-jetta-gli-autobahn-id29129"
   data-tagging-scope="header-submenu"
   data-tagging-precision="vehicle"
   data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenu_separator_borderColor"
   data-vehicle-filter="sedan">
    

<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="<span> </span> Jetta GLI" height="127" width="140" data-src="https://img.sm360.ca/ir/w140h127c/images/newcar/ca/2025/volkswagen/jetta-gli/autobahn/sedan/main/2025_VOLKSWAGEN_JETTA-GLI_1-AUTOBAHN_MAIN.png"  />
        </figure>
    

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


</a>


<a class="catalog-submenu-vehicle  "
   href="/en/new-catalog/volkswagen/2025-volkswagen-taos-trendline-id29945"
   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="<span> </span> Taos" height="127" width="140" data-src="https://img.sm360.ca/ir/w140h127c/images/newcar/ca/2025/volkswagen/taos/trendline/suv/main/2025_Volkswagen_Taos_1-Trendline_MAIN--474A51.png"  />
        </figure>
    

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


</a>


<a class="catalog-submenu-vehicle  "
   href="/en/new-catalog/volkswagen/2024-volkswagen-tiguan-trendline-id26178"
   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="<span> </span> Tiguan" height="127" width="140" data-src="https://img.sm360.ca/ir/w140h127c/images/newcar/ca/2024/volkswagen/tiguan/trendline/suv/main/2024_volkswagen_tiguan_trendline_MAIN.png"  />
        </figure>
    

    <span class="a-typography  catalog-submenu-vehicle__name"  role="" >
    <span> </span> Tiguan
    
    </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>
                </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">
                Used Vehicles</span>
            </a>
    </li>
<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/certified-inventory" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Certified Pre-owned Vehicles</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">
                Demo Vehicles</span>
            </a>
    </li>
<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/volkswagen-certified" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Why Buy Volkswagen Certified Per-owned</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/trade-in"
           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">
                             Trade In</span>
                </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>
                </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/service-parts/2" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Service & Parts</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>


<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/special-offers/department/tires/13" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Tires</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></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>
                </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 A Service Appointment</span>
            </a>
    </li>
<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/services/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/accessories" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Volkswagen Accessories</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/services/detailing" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Detailing</span>
            </a>
    </li>
<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/corrosion" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Corrosion Inspection</span>
            </a>
    </li>
<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/services/roadside-assistance" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Roadside Assistance</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"
           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>
                </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" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Financing</span>
            </a>
    </li>
<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/financing/volkswagen-protection-plus" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Protection Plus</span>
            </a>
    </li>
<li class="desktop-menu-submenu-item "
        data-theme-style="desktopMenu_submenuItem_fontColor desktopMenu_submenuItem_bgColor">
        <a href="/en/financing/lease-or-buy" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Lease or Buy?</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="/en/about-us"
           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>
                </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">
                Careers</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">
                Our Team</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>
<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/why-buy-from-us" class="desktop-menu-submenu-item__anchor"  itemprop="url">
            <span itemprop="name">
                Why Buy From Us?</span>
            </a>
    </li>
</ul></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-add-car desktop-menu-compare__icon"
         role="none"
         
    >
        <title>add-car</title>
        <use xlink:href="#icon-add-car"></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/4006/our-dealerships-desktop1687444158749.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/4006/applewood16813245638631686161020602.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/4006/page-locations-instances-audimidtown16801972297031686161071870.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/4006/page-locations-instances-autopark16801972556101686161114215.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/4006/page-locations-instances-chevrolet168019730453516850427630421686161196846.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>
        
        
                            </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/4006/page-locations-instances-cooksville16801973468711686161294803.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/4006/page-locations-instances-hyundai16801973666731686161334126.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="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/4006/page-locations-instances-georgetown16801976985871686161367986.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/4006/page-locations-instances-honda16801975504581686161417383.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/4006/page-locations-instances-toyota16801977463361686161460783.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/4006/page-locations-instances-humberviewgm16801977661021686161503990.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/4006/page-locations-instances-commercial16801988435111686162035787.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/4006/page-locations-instances-leasing16801987610851686161705266.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/4006/page-locations-instances-mobility16801987760061686161897685.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/4006/page-locations-instances-motorsports16801987924681686161937436.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/4006/page-locations-instances-vw16801988704051686162084709.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/4006/mfl-new-location-assets-sept-20231695046064721.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/4006/page-locations-instances-mercedesbenzbrampton16801989037571686162130446.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/4006/page-locations-instances-oakvilletoyota16801989236791686162171113.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/4006/page-locations-instances-orangeville16801989425061686162213283.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/4006/page-locations-instances-orangevilletoyota16801989668541686162255267.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/4006/ttc-group-dealers-page1705604922969.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/4006/page-locations-instances-vwtoronto16801990136511686162327545.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/4006/page-locations-instances-woostockhyundai16801990454151686162361942.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 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/4006/cmob-logo-1-1714488061449.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>
        
</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 heading4 footerDelta__subtitle"  role="heading" aria-level="4">
    Contact Us
    
    </p>


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


            <a href="http://maps.google.com/?q=Volkswagen+MidTown+Toronto+3450+Sheppard+Avenue+East+M1T+3K4+Ontario+Toronto"
               class="a-link -footeraddress addressBravo__link"
                data-tagging-precision="address"
        
            data-tagging-event="contacts"
        
        
            data-tagging-scope="footer"
                target="_blank"
                title="3450 Sheppard Avenue East, Toronto, <span>Ontario, M1T 3K4</span>"
                
                
               data-theme-style="link"
            >
                    3450 Sheppard Avenue East, Toronto, <span>Ontario, M1T 3K4</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-416-291-6456"
               class="a-link -footerphone  shiftdigital-event phone-number-department__phone"
                data-tagging-precision="phone"
        
            data-tagging-event="contacts"
        
        
            data-tagging-specificity="Local"
                
                title="1-416-291-6456"
                
                data-shiftdigital-url="tel:1-416-291-6456"
    
        data-shiftdigital-title="Other"
    
        data-shiftdigital-event="clickToCall"
    
        data-tagging-scope="footer"
               data-theme-style="link"
            >
                    1-416-291-6456
                
            </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/VWMidTownToronto/"
                   title="Facebook | Volkswagen MidTown Toronto"
                   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.youtube.com/@volkswagenmidtowntoronto81"
                   title="Youtube | Volkswagen MidTown Toronto"
                   target="_blank"
                   aria-label="Youtube - New Window"
                   data-tagging-event="social"
                   data-tagging-precision="youtube"
                   data-tagging-scope="footer"
                   data-theme-style=""
                >
                    

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


</a>
            <a class=" "
                   href="https://www.instagram.com/vwmidtowntoronto/"
                   title="Instagram | Volkswagen MidTown Toronto"
                   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="footerAlpha__social-icons a-linkedin null"
       data-theme-style=""
       href="https://ca.linkedin.com/company/volkswagen-midtown-toronto"
       target="_blank"
       title="LinkedIn | Volkswagen MidTown Toronto"
       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 heading4 footerDelta__subtitle"  role="heading" aria-level="4">
    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"
    
>
    
                            Service
                        
</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 === 2 && '-active after:block text-primary after:bg-primary'"
    role="tab"
    id="tab-2"
    tabindex="0"
    aria-controls="panel-2"
    @click="activeTabIndex = 2"
    x-bind:aria-selected="activeTabIndex === 2 ? 'true' : 'false'"
    data-tagging-precision="hours"
        
            data-tagging-event="contacts"
        
        
            data-tagging-specificity="Parts"
    
>
    
                            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="" >
    10:00AM - 8: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="" >
    10:00AM - 8: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="" >
    10:00AM - 8: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="" >
    10:00AM - 8: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="" >
    10: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="" >
    8:00AM - 5: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="" >
    8:00AM - 5: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="" >
    8:00AM - 5: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="" >
    8:00AM - 5: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="" >
    8:00AM - 5: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="" >
    Closed
    
    </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-2"
     aria-labelledby="tab-2"
     x-show="activeTabIndex === 2"
     
>
    
                            
<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="" >
    8:00AM - 5: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="" >
    8:00AM - 5: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="" >
    8:00AM - 5: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="" >
    8:00AM - 5: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="" >
    8:00AM - 5: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="" >
    Closed
    
    </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 heading4 footerDelta__subtitle"  role="heading" aria-level="4">
    Location
    
    </p>

<a class="footerDelta__mapImage" href="http://maps.google.com/?q=Volkswagen+MidTown+Toronto+3450+Sheppard+Avenue+East+M1T+3K4+Ontario+Toronto" target="_blank" title="Volkswagen MidTown Toronto">
                

<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/4006/midtown-volkswagen-footer1687891738250.jpg" height="217" width="290" alt="Volkswagen MidTown Toronto" data-interchange="[https://img.sm360.ca/images/web/humberviewgroup-941/4006/midtown-volkswagen-footer1687891743311.jpg, small], [https://img.sm360.ca/images/web/humberviewgroup-941/4006/midtown-volkswagen-footer1687891738250.jpg, large]"/>
        </figure></a>
        </div>
                
                <div class="footerDelta__links">
                            

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


            <a href="/en/special-offers"
               class="a-link -footer gen-block"
                
                
               data-theme-style="link"
            >
                    Special Offers
                
            </a>
        
        
            <a href="/en/services"
               class="a-link -footer gen-block"
                
                
               data-theme-style="link"
            >
                    Book a Service Appointment
                
            </a>
        
        
            <a href="/en/financing"
               class="a-link -footer gen-block"
                
                
               data-theme-style="link"
            >
                    Finance with Us
                
            </a>
        
        
            <a href="/en/new-inventory"
               class="a-link -footer gen-block"
                
                
               data-theme-style="link"
            >
                    Browse New Inventory
                
            </a>
        
        
            <a href="/en/electric-new-inventory"
               class="a-link -footer gen-block"
                
                
               data-theme-style="link"
            >
                    Browse EV Inventory
                
            </a>
        
        
            <a href="/en/used-inventory"
               class="a-link -footer gen-block"
                
                
               data-theme-style="link"
            >
                    Browse Used Inventory
                
            </a>
        
        
            <a href="/en/certified-inventory"
               class="a-link -footer gen-block"
                
                
               data-theme-style="link"
            >
                    Browse VW Certified Pre-Owned
                
            </a>
        
        
            <a href="/en/new-catalog"
               class="a-link -footer gen-block"
                
                
               data-theme-style="link"
            >
                    View Model Line Up
                
            </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/VWMidTownToronto/"
                   title="Facebook | Volkswagen MidTown Toronto"
                   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.youtube.com/@volkswagenmidtowntoronto81"
                   title="Youtube | Volkswagen MidTown Toronto"
                   target="_blank"
                   aria-label="Youtube - New Window"
                   data-tagging-event="social"
                   data-tagging-precision="youtube"
                   data-tagging-scope="footer"
                   data-theme-style=""
                >
                    

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


</a>
            <a class=" "
                   href="https://www.instagram.com/vwmidtowntoronto/"
                   title="Instagram | Volkswagen MidTown Toronto"
                   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="footerAlpha__social-icons a-linkedin null"
       data-theme-style=""
       href="https://ca.linkedin.com/company/volkswagen-midtown-toronto"
       target="_blank"
       title="LinkedIn | Volkswagen MidTown Toronto"
       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/4006/logohg-footer1686857749262.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
            Volkswagen MidTown Toronto
    
    </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/shiftdigital-click-tracking.js"></script>
    

<script src="/js/manufacturers/volkswagen/volkswagen.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=091902704"></script>
<script defer src="https://cdn.icomoon.io/78355/manufacturer-volkswagen/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 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=091902704").done(function( script, textStatus ) {
                $('#cherry-popper').popper({
                    serviceUrl:"//cherry.sm360.ca/cherries",
                    websiteId: 4006,
                    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: 7378,
                    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 {
         --triggerLeftPosition: 20px;
               --triggerRightPosition: auto;--triggerTopPosition: 50%;
               --triggerBottomPosition: auto;
               --triggerTranslateY: -50%;
               --triggerMarginTop: 20px;--triggerMobileLeftPosition: 20px;
               --triggerMobileRightPosition: 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>
      

<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>