<!DOCTYPE HTML>
<html lang="en">
    

<head>
        <!--=============== basic  ===============-->
        <meta charset="UTF-8">
        <title>Monolit   - Responsive  Architecture Template</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
        <meta name="robots" content="index, follow"/>
        <meta name="keywords" content=""/>
        <meta name="description" content=""/>
        <!--=============== css  ===============-->	
        <link type="text/css" rel="stylesheet" href="css/reset.css">
        <link type="text/css" rel="stylesheet" href="css/plugins.css">
        <link type="text/css" rel="stylesheet" href="css/style.css">
		<link type="text/css" rel="stylesheet" href="css/ionicons.min.css">
		<link type="text/css" rel="stylesheet" href="css/linearicons.css">
        <!--=============== favicons ===============-->
        <link rel="shortcut icon" href="images/favicon.ico">
		 <link type="text/css" rel="stylesheet" href="assets/css/global.css">
    </head>
    <body>
	

	
	
	    <section class="breadcrumbs-v5 bg-position-fixed breadcrumbs-v5-bg-img-v4" style="visibility:hidden;">
        <div class="container">
           
        </div>
    </section>
        <!-- loader -->
        <div class="loader">
            <div id="movingBallG">
                <div class="movingBallLineG"></div>
                <div id="movingBallG_1" class="movingBallG"></div>
            </div>
        </div>
        <!-- loader end -->
        <!--================= main start ================-->
        <div id="main">
            <!--=============== header ===============-->	
 <?php include 'header.html'; ?>
             <!--=============== wrapper ===============-->	
            <div id="wrapper">
                <!-- content-holder  -->
                <div class="content-holder">
                    <!-- Page title -->
                    <div class="dynamic-title">About us</div>
                    <!-- Page title  end--> 
                    <!-- content  -->
                    <div class="content">
                        <section class="parallax-section" style="padding:200px;">
                            <div class="parallax-inner">
                                <div class="bg" data-bg="images/bg/1.jpg" data-top-bottom="transform: translateY(300px);" data-bottom-top="transform: translateY(-300px);"></div>
                                <div class="overlay"></div>
                            </div>
                            <div class="container">
                                <div class="page-title">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <h2>About our <strong> company </strong></h2>
                                        </div>
                                        <div class="col-md-6">
                                            <ul class="creat-list">
                                                <li><a href="index.html">Home</a></li>
                                                <li><a href="about.html">About</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </section>
                    </div>
                    <!-- content end -->
                    <!-- content  -->
                    <div class="content">
                        <section id="sec1">
                            <div class="sect-subtitle right-align-dec" data-top-bottom="transform: translateY(200px);" data-bottom-top="transform: translateY(-200px);"><span>01</span></div>
                            <div class="container">
                                <div class="row">
                                    <div class="col-md-8">
                                        <h2 class="section-title">Our Awesome <strong> Story</strong></h2>
                                        <p>After 30 years of experience working with date palm tissue culture & operating with both the government institutions (National Institute of Agronomic Research / INRA / Morocco, United Arab Emirates University / UAEU) and the international organizations (Food & Agriculture Organization / FAO, United Nations Development Program / UNDP, United Nations Oce for project Services / UNOPS), Marrakech Date Palm Project has opened its doors for business.</p>
                                        <p>This private laboratory was then established to contribute to satisfying the large demand of Morocco in the propagation of date palm plant material.</p>
                                      
                                    </div>
                                    <div class="col-md-4">
                                        <div class="parallax-box">
                                            <img src="images/service2.jpg" style="width:70%;opacity:1;" class="respimg" alt="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </section>
                    </div>
                    <!-- content end -->
					
					                <!-- content  -->
                    <div class="content">
                        <section id="sec1">
                            <div class="sect-subtitle left-align-dec" style="z-index:2222;" data-top-bottom="transform: translateY(200px);" data-bottom-top="transform: translateY(-200px);"><span>02</span></div>
                            <div class="container">
                                <div class="row">
								  <div class="col-md-4">
                                        <div class="parallax-box">
                                            <img src="images/about2.jpg" style="opacity:1;" class="respimg" alt="">
                                        </div>
                                    </div>
                                    <div class="col-md-8">
                                        <h2 class="section-title">IN – VITRO <strong> TECHNOLOGY</strong></h2>
                                        <p>MDPP uses organogenesis as the main in-vitro technique to mass propagate date palm. Organogenesis ensures true-to-typeness of the produced date palm material & consists of four steps: explant introduction & initiation of meristematic buds (starting stage), multiple shoot formation, elongation &, rooting.</p>
                                        <p>Automation of the in vitro is in progress, we will be launching a Beta 2024.</p>
										<p>Breeding of specimens of healthy selected female cultivars (disease and pest-free), Bayoud resistant cultivars, or males having superior pollen with useful metaxenia characteristics which can easily and rapidly multiplied;</p>
                                        <div class="process-box">
                                           <table id="data_tbl">
												<tr>
												<td class="td"><i class="fa fa-bullseye"></i></td>
												<td>Large scale multiplication by means of an accelarted method of organogensis and variants;</td>
												</tr>
												<tr height="15"></tr>
												<tr>
												<td class="td"><i class="fa fa-bullseye"></i></td>
												<td>No seasonal effect on plants because they can be multiplied under controlled conditions in the laboratory throughout the year;</td>
												</tr>
												<tr height="15"></tr>
												<tr>
												<td class="td"><i class="fa fa-bullseye"></i></td>
												<td>Production of genetically uniform plants;</td>
												</tr>
												<tr height="15"></tr>
												<tr>
												<td class="td"><i class="fa fa-bullseye"></i></td>
												<td>Clones to be propagated from elite cultivars already in existence, or from F1 hybrids of previous selections, landraces or chosen unique phenotypes, and seed-only originated palms;</td>
												</tr>
												<tr height="15"></tr>
												<tr>
												<td class="td"><i class="fa fa-bullseye"></i></td>
												<td>Ensure an easy and fast exchange of plant material between different regions of a country or between nations without any risk of the spread of diseases and pests;</td>
												</tr>
												<tr height="15"></tr>
												<tr>
												<td class="td"><i class="fa fa-bullseye"></i></td>
												<td>Economically reliable when large production is required breaching the monocuture barrier by encorporating a basal structure which allows for micrecostystems to flourish at a 3 level oasis effect structure.</td>
												</tr>
										   </table>
                                        </div>
                                    </div>
                                  
                                </div>
                            </div>
                        </section>
                    </div>
                    <!-- content end -->
					
					
					
					
					
					
					
					                <!-- content  -->
                    <div class="content">
                        <section id="sec1">
                            <div class="sect-subtitle right-align-dec" data-top-bottom="transform: translateY(200px);" data-bottom-top="transform: translateY(-200px);"><span>03</span></div>
                            <div class="container">
                                <div class="row">
								
                                    <div class="col-md-8">
                                        <h2 class="section-title" style="font-size:30px;margin-bottom:15px;"><strong>DATE PALM TISSUE CULTURE PLANTS</strong></h2>
										<h4 class="section-title" style="font-size:20px;line-height:20px;">ADVANTAGEOUS FEATURES</h4>
                                      <div class="process-box">
                                           <table id="data_tbl">
												<tr>
												<td class="td"><i class="fa fa-bullseye"></i></td>
												<td>Disease & pest–free</td>
												</tr>
												<tr height="15"></tr>
												<tr>
												<td class="td"><i class="fa fa-bullseye"></i></td>
												<td>100 % survival rate at eld transplanting</td>
												</tr>
												<tr height="15"></tr>
												<tr>
												<td class="td"><i class="fa fa-bullseye"></i></td>
												<td>Rapid growth & early ripening</td>
												</tr>
												<tr height="15"></tr>
												<tr>
												<td class="td"><i class="fa fa-bullseye"></i></td>
												<td>Requiring less water than oshoots due to well established root systems</td>
												</tr>
												<tr height="15"></tr>
												<tr>
												<td class="td"><i class="fa fa-bullseye"></i></td>
												<td>Easy transport thanks to smaller sizes & weight</td>
												</tr>
												<tr height="15"></tr>
												<tr>
												<td class="td"><i class="fa fa-bullseye"></i></td>
												<td>Low sale price compared to oshoots, mainly for high quality date varieties.</td>
												</tr>
										   </table>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="parallax-box">
                                            <img src="images/about1.jpg" style="opacity:1;" class="respimg" alt="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </section>
                    </div>
                    <!-- content end -->
					
					
					
					<!-- content  -->
                    <div class="content dark-bg">
                        <div class="sect-subtitle left-align-dec" data-top-bottom="transform: translateY(-200px);" data-bottom-top="transform: translateY(200px);"><span>04</span></div>
						<!-- parallax image  -->
                        <div class="parallax-inner">
                            <div class="bg"  data-top-bottom="transform: translateY(300px);" data-bottom-top="transform: translateY(-300px);"></div>
                            <div class="overlay"></div>
                        </div>
						<!-- parallax image  end -->
                        <section>
                            <div class="container">
                                <div class="row">
                                    <div class="col-md-4">
                                        <h2 class="section-title">Our<strong> Skills</strong></h2>
                                    </div>
                                    <div class="col-md-8">
                                        <p>Our team takes over everything, from an idea and concept development to realization. We believe in traditions and incorporate them within our innovations. All our projects incorporate a unique functional solutions. Client is the soul of the project. Our main goal is to achieve his/hers goals.</p>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-4"></div>
                                    <div class="col-md-8">
                                        <!-- skills  -->
                                        <div class="piechart-holder animaper" data-skcolor="rgba(255,255,255,0.31)">
                                            <div class="row">
                                                <!-- 1  -->
                                                <div class="piechart col-md-4" >
                                                    <span class="chart" data-percent="85">
                                                    <span class="percent"></span>
                                                    </span>
                                                    <div class="clearfix"></div>
                                                    <div class="skills-description">
                                                        <h4>Skillset 1</h4>
                                                    </div>
                                                </div>
                                                <!-- 1 end -->
                                                <!-- 2  -->
                                                <div class="piechart col-md-4">
                                                    <span class="chart" data-percent="95">
                                                    <span class="percent"></span>
                                                    </span>
                                                    <div class="clearfix"></div>
                                                    <div class="skills-description">
                                                        <h4>Skillset 2</h4>
                                                    </div>
                                                </div>
                                                <!-- 2 end  -->
                                                <!-- 3  -->
                                                <div class="piechart col-md-4">
                                                    <span class="chart" data-percent="80">
                                                    <span class="percent"></span>
                                                    </span>
                                                    <div class="clearfix"></div>
                                                    <div class="skills-description">
                                                        <h4>Skillset 3</h4>
                                                    </div>
                                                </div>
                                                <!-- 3  end-->																
                                            </div>
                                        </div>
                                        <!-- skills  end-->
                                    </div>
                                </div>
                            </div>
                        </section>
                    </div>
                    <!-- content  end-->   
                    <!-- content  -->         
                    			<div class="content">
                        <section>
                            <div class="sect-subtitle right-align-dec skrollable skrollable-between" data-top-bottom="transform: translateY(200px);" data-bottom-top="transform: translateY(-200px);" style="transform: translateY(3.8623px);"><span>05</span></div>
                            <div class="container">
                                <div class="row">
                                    <div class="col-md-12">
                                        <h2 class="section-title  dec-title"><span>Meet the <strong> Talents</strong></span></h2>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <!-- team -->
                                        <ul class="team-holder">
                                            <!-- 1 -->
                                            <li>
                                                <div class="team-box skrollable skrollable-after" data-top-bottom="transform: translateY(-50px);" data-bottom-top="transform: translateY(50px);" style="transform: translateY(-50px);">
                                                    <div class="team-photo">
                                                        <div class="overlay"></div>
                                                        <ul class="team-social" style="margin-top: -15.5px; display: block;">
                                                            <li><a href="#" target="_blank" style="opacity: 0; top: 50px;"><i class="fa fa-facebook"></i></a></li>
                                                            <li><a href="#" target="_blank" style="opacity: 0; top: 50px;"><i class="fa fa-twitter"></i></a></li>
                                                            <li><a href="#" target="_blank" style="opacity: 0; top: 50px;"><i class="fa fa-linkedin"></i></a></li>
                                                    
                                                        </ul>
                                                        <img src="images/team2.jpg" alt="" class="respimg">
                                                    </div>
                                                    <div class="team-info">
                                                        <h3><a href="team-single.html">Dr. Abdelouahhab Zaïd Prof.</a></h3>
                                                        <h4>General Director</h4>
                                                    </div>
                                                </div>
                                            </li>
                                            <!-- 1 end  -->
                                            <!-- 2 -->
                                            <li>
                                                <div class="team-box skrollable skrollable-after" data-top-bottom="transform: translateY(100px);" data-bottom-top="transform: translateY(-100px);" style="transform: translateY(100px);">
                                                    <div class="team-photo">
                                                        <div class="overlay"></div>
                                                        <ul class="team-social" style="margin-top: -15.5px; display: block;">
                                                                    <li><a href="#" target="_blank" style="opacity: 0; top: 50px;"><i class="fa fa-facebook"></i></a></li>
                                                            <li><a href="#" target="_blank" style="opacity: 0; top: 50px;"><i class="fa fa-twitter"></i></a></li>
                                                            <li><a href="#" target="_blank" style="opacity: 0; top: 50px;"><i class="fa fa-linkedin"></i></a></li>
                                                        </ul>
                                                        <img src="images/team1.jpg" alt="" class="respimg">
                                                    </div>
                                                    <div class="team-info">
                                                        <h3><a href="team-single.html">Dr. Salah E. Zaïd</a></h3>
                                                        <h4>Technical & Financial Director</h4>
                                                    </div>
                                                </div>
                                            </li>
                                            <!-- 2 end  -->
                                            <!-- 3 -->
                                            <li>
                                                <div class="team-box skrollable skrollable-after" data-top-bottom="transform: translateY(-50px);" data-bottom-top="transform: translateY(50px);" style="transform: translateY(-50px);">
                                                    <div class="team-photo">
                                                        <div class="overlay"></div>
                                                        <ul class="team-social" style="margin-top: -15.5px; display: block;">
                                                                        <li><a href="#" target="_blank" style="opacity: 0; top: 50px;"><i class="fa fa-facebook"></i></a></li>
                                                            <li><a href="#" target="_blank" style="opacity: 0; top: 50px;"><i class="fa fa-twitter"></i></a></li>
                                                            <li><a href="#" target="_blank" style="opacity: 0; top: 50px;"><i class="fa fa-linkedin"></i></a></li>
                                                        </ul>
                                                        <img src="images/team3.jpg" alt="" class="respimg">
                                                    </div>
                                                    <div class="team-info">
                                                        <h3><a href="team-single.html">Ms. Limouna Zaïd</a></h3>
                                                        <h4>Administrative Director</h4>
                                                    </div>
                                                </div>
                                            </li>
                                            <!-- 3 end  -->
                                 
                                        </ul>
                                        <!-- team end  -->
                                    </div>
                                </div>
                            </div>
                        </section>
                    </div>
                    <!-- content  end-->	                				
                     <!-- content  -->
                    <div class="content dark-bg">
                        <div class="sect-subtitle left-align-dec" data-top-bottom="transform: translateY(-200px);" style="color: rgba(255, 255, 255, 0.34);" data-bottom-top="transform: translateY(200px);"><span>06</span></div>
						<!-- parallax image  -->
                        <div class="parallax-inner">
                            <div class="bg" data-bg="images/bg33.jpg" data-top-bottom="transform: translateY(300px);" data-bottom-top="transform: translateY(-300px);"></div>
                            <div class="overlay"></div>
                        </div>
						<!-- parallax image  end-->
                        <section>
                            <div class="container">
                                <div class="row">
                                    <div class="col-md-4">
                                        <h2 class="section-title">Testimonials</h2>
                                    </div>
                                    <div class="col-md-8">
                                        <div class="testimon-slider-holder">
                                            <div class="testimon-slider">
                                                <!-- 1 -->
                                                <div class="item">
                                                    <h3>Client 1</h3>
                                                    <p style="color:#fff;">"Testimonial goes here, describing the quality of the products and services.Testimonial goes here, describing the quality of the products and services.Testimonial goes here, describing the quality of the products and services."</p>
                                                    <a href="#" class="text-link" target="_blank">Via Twitter</a>
                                                </div>
                                                <!-- 1 end-->
                                                <!-- 2 -->
                                                <div class="item">
                                                    <h3>Client 2</h3>
                                                    <p style="color:#fff;">"Testimonial goes here, describing the quality of the products and services.Testimonial goes here, describing the quality of the products and services.Testimonial goes here, describing the quality of the products and services.Testimonial goes here, describing the quality of the products and services."</p>
                                                    <a href="#" class="text-link" target="_blank">Via Facebook</a>
                                                </div>
                                                <!-- 2 end-->
                                                <!-- 3 -->
                                                <div class="item">
                                                    <h3>Client 3</h3>
                                                    <p style="color:#fff;">"Testimonial goes here, describing the quality of the products and services.Testimonial goes here, describing the quality of the products and services."</p>
                                                    <a href="#" class="text-link" target="_blank">Via Myspace</a>
                                                </div>
                                                <!-- 3 end-->
                                            </div>
                                            <div class="customNavigation">
                                                <a class="prev-slide transition"><i class="fa fa-angle-left"></i></a>
                                                <a class="next-slide transition"><i class="fa fa-angle-right"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </section>
                    </div>
                    <!-- content end -->              				
                    <!-- content-->							
                    <div class="content">
                        <section>
                            <div class="sect-subtitle right-align-dec" data-top-bottom="transform: translateY(200px);" data-bottom-top="transform: translateY(-200px);"><span>07</span></div>
                            <div class="container">
                                <div class="row">
                                    <div class="col-md-8">
                                        <h2 class="section-title  dec-title"><span>Our   <strong> Timeline</strong></span></h2>
                                        <p>Since 2000 we have understood the growing part that science plays in everyday life as we continually build on our heritage with sustainability and innovation central to our thinking, turning exciting, often groundbreaking ideas into practical solutions. </p>
                                    </div>
                                </div>
                                <div class="custom-inner-holder">
											<ul class="timeline">
  <!-- Item 1 -->
  <li>
    <div class="direction-r">
      <div class="flag-wrapper">
        <span class="hexa"></span>
        <span class="flag">Title goes here</span>
        <span class="time-wrapper"><span class="time">Nov 2015</span></span>
      </div>
      <div class="desc">description goes here.description goes here.description goes here.description goes here.description goes here.description goes here.</div>
    </div>
  </li>

  <!-- Item 2 -->
  <li>
    <div class="direction-l">
      <div class="flag-wrapper">
        <span class="hexa"></span>
        <span class="flag">Title goes here</span>
        <span class="time-wrapper"><span class="time">Dec 2016</span></span>
      </div>
      <div class="desc">description goes here.description goes here.description goes here.</div>
    </div>
  </li>

  <!-- Item 3 -->
  <li>
    <div class="direction-r">
      <div class="flag-wrapper">
        <span class="hexa"></span>
        <span class="flag">Title goes here</span>
        <span class="time-wrapper"><span class="time">July 2018</span></span>
      </div>
      <div class="desc">description goes here.description goes here.description goes here.description goes here.description goes here.description goes here.description goes here.description goes here.</div>
    </div>
  </li>
  
    <!-- Item 4 -->
  <li>
    <div class="direction-l">
      <div class="flag-wrapper">
        <span class="hexa"></span>
        <span class="flag">Title goes here</span>
        <span class="time-wrapper"><span class="time">July 2019</span></span>
      </div>
      <div class="desc">description goes here.description goes here.description goes here.</div>
    </div>
  </li>
</ul>
                                </div>
                                <div class="custom-link-holder">
                                    <a href="contact" class="btn anim-button"  data-top-bottom="transform: translateY(-50px);" data-bottom-top="transform: translateY(50px);"><span>Get in Touch</span><i class="fa fa-long-arrow-right"></i></a>	
                                </div>
                            </div>
                        </section>
                    </div>
                    <!-- content  end-->	                				
                    <!-- content footer-->
                    <div class="height-emulator"></div>
                            <footer class="content-footer">
                        <!--  container  --> 
                        <div class="container">
                            <div class="row">
                                <div class="col-md-6">
                                    <!-- Footer logo --> 
                                    <div class="footer-item footer-logo">
                                        <a href="index.html" class="ajax"><img src="images/bg2.png" style="width: 150px;" alt=""></a>
                                        <p>After 30 years of experience working with date palm tissue culture & operating with both the government institutions (National Institute of Agronomic Research / INRA / Morocco, United Arab Emirates University / UAEU) and the international organizations...</p>
                                    </div>
                                    <!-- Footer logo end --> 
                                </div>
                                <!-- Footer info --> 
                                <div class="col-md-2">
                                    <div class="footer-item">
                                        <h4 class="text-link">Call</h4>
                                        <ul>
                                            <li><a href="tel:+212 660 203 604">+212  660  203  604</a></li>
                                            <li><a href="tel:+1  970  581  6890">+1  970  581  6890</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <!-- Footer info end--> 
                                <!-- Footer info --> 
                                <div class="col-md-2">
                                    <div class="footer-item">
                                        <h4 class="text-link">Write</h4>
                                        <ul>
                                            <li><a href="#">info@mdpp.co</a></li>
                                            <li><a href="#">admin@mdpp.co</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <!-- Footer info-->
                                <!-- Footer info end--> 
                                <div class="col-md-2">
                                    <div class="footer-item">
                                        <h4 class="text-link">Visit</h4>
                                        <ul>
                                            <li><span>Résidence Marrakech Plaza Immeuble B5, Apt. No. B Marrakech, Morocco</span></li>
                                            <li> <a href="#" target="_blank">View on map</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <!-- Footer info end--> 
                            </div>
                            <!-- Footer copyright -->
                            <div class="row">
                                <div class="col-md-6"></div>
                                <div class="col-md-6">
                                    <div class="footer-wrap">
                                        <span class="copyright">  &#169; MDPP 2019.  All rights reserved.  
                                        </span>
                                        <span class="to-top">To Top</span>
                                    </div>
                                </div>
                            </div>
                            <!-- Footer copyright end -->
                        </div>
                        <!--  container  end --> 
                        <!-- Hover animation  -->
                        <canvas class="particular"></canvas>
                        <!-- Hover animation  end -->
                    </footer>
                    <!-- content footer end -->
                    <!-- content footer end -->
                    <!-- share  -->
                    <div class="share-inner">
                        <div class="share-container  isShare"  data-share="['facebook','googleplus','twitter','linkedin']"></div>
                        <div class="close-share"></div>
                    </div>
                    <!-- share end -->
                </div>
                <!-- content-holder  end-->
            </div>
            <!-- wrapper end -->
 
        </div>
        <!-- Main end -->
        <!--=============== scripts  ===============-->
        <script type="text/javascript" src="js/jquery.min.js"></script>
        <script type="text/javascript" src="js/plugins.js"></script>
        <script type="text/javascript" src="js/scripts.js"></script>
	<script type="text/javascript" src="js/jquery.smooth-scroll.js"></script>
	<script type="text/javascript">
	
	$(document).ready(function(){
	
		/*-------------------------------------------------------------------------------
	  Menu
	-------------------------------------------------------------------------------*/



	$('.navbar-toggle').on('click',function(){
		$('body').removeClass('menu-is-closed').addClass('menu-is-opened');
	});

	$('.close-menu, .click-capture').on('click', function(){
		$('body').removeClass('menu-is-opened').addClass('menu-is-closed');
		$('.menu-list ul').slideUp(300);
	});
	
	});
		
		var Menu = {
  
  el: {
    ham: $('.menu'),
    menuTop: $('.menu-top'),
    menuMiddle: $('.menu-middle'),
    menuBottom: $('.menu-bottom')
  },
  
  init: function() {
    Menu.bindUIactions();
  },
  
  bindUIactions: function() {
    Menu.el.ham
        .on(
          'click',
        function(event) {
        Menu.activateMenu(event);
        event.preventDefault();
      }
    );
  },
  
  activateMenu: function() {
    Menu.el.menuTop.toggleClass('menu-top-click');
    Menu.el.menuMiddle.toggleClass('menu-middle-click');
    Menu.el.menuBottom.toggleClass('menu-bottom-click'); 
  }
};

Menu.init();
	
	</script>
		<script type="text/javascript">
					
					$(document).ready(function(){
					
					 var isMobile = window.matchMedia("only screen and (max-width: 760px)").matches;

    if (isMobile) {
		$('.logo-holder').css({"width":"60px","transition":"ease-in-out 0.3s"});			
							 $(window).scroll(function (event) {
    var scroll = $(window).scrollTop();
    // Do something
		
	if(scroll > 10){	
		
		
	
		$('.navbar-toggle').css({"margin-top":"30px","transition":"ease-in-out 0.3s"});
		
	}
			 
	if(scroll < 10){
		
	
	
		$('.navbar-toggle').css({"margin-top":"50px","transition":"ease-in-out 0.3s"});
	}
			 
		 
			 
});

}
					
					});
					
					</script>
    </body>


</html>