<style>
    @media screen and (max-width: 767px) {
        #exampleModal .contact-form .container{
            flex-direction: column-reverse;
            padding: 0 20px;
        }
        #exampleModal .contact-form .section-details,
        #exampleModal .contact-form .section-message {
           width: 100%;
        }
        #exampleModal .contact-form .section-details{
            margin-top: 20px;
        }
        .contactmodal .modal-header{
            right: 20px;
            top: 20px;
        }
        .contactmodal .modal-header button.btn-close{
            font-size: 24px;
        }
    }
</style>
<footer class="footer style-full style-fourth">
                <div class="footer-inner">
                    <div class="footer-inner-wrap">
                        <div class="top-footer">
                            <div class="logo-footer">
                                <a href="https://teamgrowmax.ca/demo/">
                                    <img id="logo-footer" src="images/logo/logo-max.png" alt="images" width="px" height="px">
                                </a>
                            </div>
                            <div class="wg-social">
                                <span>Follow Us</span>
                                <ul class="list-social">
                                    <li>
                                        <a href="https://www.facebook.com/teamgrowmaxrealestate/" target="_blank">
                                         <i class="fa fa-facebook"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="https://www.instagram.com/teamgrowmaxrealestate/" target="_blank">
                                            <i class="fa fa-instagram"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="https">
                                            <i class="icon-instagram"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <i class="icon-linkedin2"></i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="center-footer">
                            <div class="footer-cl-1">
                                <div class="ft-title">Subscribe</div>
                                <form class="form-subscribe style-line-bottom">
                                    <fieldset class="email">
                                        <input type="email" placeholder="Your e-mail" class="style-1" name="email" tabindex="2" value="" aria-required="true" required="">
                                    </fieldset>
                                    <div class="button-submit style-absolute-right">
                                        <button class="tf-button-bg" type="submit">Send <i class="icon-arrow-right-add"></i></button>
                                    </div>
                                </form>
                                <div class="text">Subscribe to our newsletter to receive our weekly feed.</div>
                            </div>
                            <div class="footer-cl-2">
                                <div class="ft-title">Discover</div>
                                <ul class="navigation-menu-footer">
                                    <li><a href="#">Toronto</a></li>
                                    <li><a href="#">Brampton</a></li>
                                    <li><a href="#">Mississauga</a></li>
                                    <li><a href="#">Oakville</a></li>
                                    <li><a href="#">Burlington</a></li>
                                    <li><a href="#">Milton</a></li>
									 <li><a href="#">Hamilton</a></li>
									  <li><a href="#">Niagara Region</a></li>
                                </ul>
                            </div>
                            <div class="footer-cl-3">
                                <div class="ft-title">Quick Links</div>
                                <ul class="navigation-menu-footer">
                                    <li><a href="https://teamgrowmax.ca/demo/">Home</a></li>
                                    <li><a href="team.php">Team</a></li>
                                    <li><a href="#">Buyer</a></li>
                                    <li><a href="#">Market Exposure</a></li>
                                    <li><a href="media.php">Media</a></li>
                                    <li><a href="about.php">About</a></li>
									<li><a data-bs-toggle="modal" data-bs-target="#exampleModal">Contact Us</a></li>
                                    
                                </ul>
                            </div>
                            <div class="footer-cl-4">
                                <div class="ft-title">Contact Us</div>
                                <ul class="navigation-menu-footer">
                                    <li><div class="text">hello@teamgrowmax.ca 416-721-6984</div></li>
                                </ul>
                            </div>
                            <div class="footer-cl-5">
                                <div class="ft-title">Our Address</div>
                                <ul class="navigation-menu-footer">
                                    <li><div class="text">4145 Fairview St, Burlington, ON L7L 2A4</div></li>
                                </ul>
                            </div>
                            
                        </div>
                        <div class="bottom-footer">
                            <div class="text">Copyright © 2024. Team GrowMax Real Estate</div>
                        </div>
                    </div>
                </div>
            </footer>