<!-- HEADER START -->
<header class="site-header header-style-1 ">        
    <div class="top-bar bg-secondry">
        <div class="container">
            <div class="row">
                <div class="wt-topbar-right clearfix">
                    <ul class="social-bx list-inline pull-right">
                        <li><a href="javascript:void(0);" class="fa fa-facebook"></a></li>
                        <li><a href="javascript:void(0);" class="fa fa-twitter"></a></li>
                        <li><a href="javascript:void(0);" class="fa fa-youtube"></a></li>
                        <li><a href="javascript:void(0);" class="fa fa-instagram"></a></li>
                    </ul>
                    <ul class="list-unstyled e-p-bx pull-right">
                        <li><i class="fa fa-envelope"></i>lensoid@gmail.com</li>
                        <li><i class="fa fa-phone"></i>+595 981 122452</li>
                    </ul>
                    
                </div>
            </div>
        </div>
    </div>
    
    <div class="sticky-header main-bar-wraper">
        <div class="main-bar bg-white">
            <div class="container">
                <div class="logo-header">
                    <a href="index.php">
                        <img src="images/GCRAlogo.png" alt="" />
                    </a>
                </div>
                <!-- NAV Toggle Button -->
                <button data-target=".header-nav" data-toggle="collapse" type="button" class="navbar-toggle collapsed">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                
                <!-- MAIN Vav -->
                <div class="header-nav navbar-collapse collapse ">
                    <ul class=" nav navbar-nav">
                        <li class="active"><a href="index.php">Home </a></li>
                    	<li>
                            <a href="javascript:void(0);">About<i class="fa fa-chevron-down"></i></a>
                            <ul class="sub-menu">
                                <li><a href="about.php">About Us</a></li>
                                <li><a href="mission-vision.php">Vision & Mission</a></li>
                                <li><a href="objective.php">Objectives</a></li>
                                <li><a href="members.php">Members</a></li>
                                <li><a href="constitution.php"> Constitution</a></li>
                            </ul>
                        </li>
                        <li><a href="journal.php"> GCRA Journal</a></li>
                        <li><a href="executive-board.php">Executive Board </a></li>
                        <li><a href="javascript:void(0);">Conferences <i class="fa fa-chevron-down"></i></a>
                        	<ul class="sub-menu">
                                <li><a href="upcoming-conference.php">Latest Conference</a></li>
                                <li><a href="past-conference.php">Past Conferences</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Membership<i class="fa fa-chevron-down"></i></a>
                        <ul class="sub-menu">
                                <li><a href="membership-fee.php">Membership Fee</a></li>
                                <li><a href="membership.php">Membership</a></li>
                                
                            </ul>
                        </li>
                        <li>
                            <a href="javascript:;">Gallery<i class="fa fa-chevron-down"></i></a>
                            <ul class="sub-menu">
                                <li><a href="picture-gallery.php">Photo Gallery</a></li>
                                <li><a href="video-gallery.php">Video Gallery</a></li>
                            </ul>
                        </li>
                        <li><a href="contact.php">Contact Us</a></li>
                        
                    </ul>
                </div>
            </div>
        </div>
    </div>
    
</header>
<!-- HEADER END -->