solved bug

index.html

 					<li class="our_partners-wrap"><a  class="clear_storage " href="#our_partners-wrap">our partners</a></li>
 					<!-- <li><a href="#team-wrap">our team</a></li> -->
 					<li class="services-wrap"><a  class="clear_storage " href="#services-wrap">services</a></li>
-					<li><a data-id ="teams_wrap" class="clear_storage" href="#teams-wrap">teams</a></li>
+					<li class="teams-wrap"><a data-id ="teams_wrap" class="clear_storage" href="#teams-wrap">teams</a></li>
 					<!-- <li><a href="#gallery-wrap">gallery</a></li>
 					<li><a href="#events-wrap">events</a></li>
 					<li><a href="#stats-wrap">stats</a></li>
 			</nav><!-- end Navigation -->
 			<nav id="mobile-navigation">
 				<ul>
-					<li data-id ="intro_link" class="clear_storage active"><a href="index.html#intro-wrap">home</a></li>
-					<li><a data-id ="aboutus_link" class="clear_storage" href="index.html#about-wrap">about us</a></li>
+					<li data-id ="intro_link" class="clear_storage active"><a href="#intro-wrap">home</a></li>
+					<li><a data-id ="aboutus_link" class="clear_storage" href="about-wrap">about us</a></li>
 					<li class="our_partners-wrap"><a  class="clear_storage " href="#our_partners-wrap">our partners</a></li>
 					<!-- <li><a href="#team-wrap">our team</a></li> -->
-					<li><a data-id ="services_link" class="clear_storage" href="index.html#services-wrap">services</a></li>
-					<li><a data-id ="teams_link" class="clear_storage" href="index.html#teams-wrap">teams</a></li>
+					<li><a data-id ="services_link" class="clear_storage" href="#services-wrap">services</a></li>
+					<li><a data-id ="teams_link" class="clear_storage" href="#teams-wrap">teams</a></li>
 					<!-- <li><a href="#gallery-wrap">gallery</a></li>
 					<li><a href="#events-wrap">events</a></li>
 					<li><a href="#stats-wrap">states</a></li>
 					<li><a href="#news-wrap">news</a></li> -->
-					<li><a data-id ="contact_link" class="clear_storage" href="index.html#contact-wrap">contact</a></li>
+					<li><a data-id ="contact_link" class="clear_storage" href="#contact-wrap">contact</a></li>
 					
 					<li><a class="clear_storage" href="portfolio.html">portfolio</a></li>
 				</ul>

portfolio.html

 					<div class="hive contact-social wow swing google-plus">
 						<div class="hex outer-hex">
 							<div class="hex-in1">
-								<a href="">
+								<a href="#client-description-sra">
 									<div class="hex-in2 outer-hex">
 										<div class="hex inner-hex">
 											<div class="hex-in1">
 			</section>
 		</div><!-- end Contact -->
 		<div class="partner-descritpion">
-			<div id="client-title" class="dark"
+			<div  class="dark"
 				style="background-image: url('images/stats_bg.png'); background-repeat: no-repeat; background-position: center">
 				<section id="client-description-gbi" class="stats general-section clearfix client-description">
 					<div class="section-triangle-grey"></div>
 				</section>
 			</div>
 			<div class="services-wrap-cont">
-				<section id="services" class="services clearfix general-section">
+				<section  class="services clearfix general-section">
 					<!-- <div class="section-triangle-grey"></div> -->
 					<div class="section-title">
 						<h2>Gold Bullion International</h2>
 		</div>
 		
 		<div class="partner-descritpion">
-			<div id="client-title" class="dark"
+			<div  class="dark"
 				style="background-image: url('images/stats_bg.png'); background-repeat: no-repeat; background-position: center">
 				<section id="client-description-po" class="stats general-section clearfix client-description">
 					<div class="section-triangle-grey"></div>
 				</section>
 			</div>
 			<div class="services-wrap-cont">
-				<section id="services" class="services clearfix general-section">
+				<section  class="services clearfix general-section">
 					<div class="section-triangle-grey"></div>
 					<div class="section-title">
 						<h2>Profit Optics</h2>
 			</div>
 		</div>
 		<div class="partner-descritpion">
-			<div id="client-title" class="dark"
+			<div  class="dark"
 				style="background-image: url('images/stats_bg.png'); background-repeat: no-repeat; background-position: center">
 				<section id="client-description-badin" class="stats general-section clearfix client-description">
 					<div class="section-triangle-grey"></div>
 				</section>
 			</div>
 			<div class="services-wrap-cont">
-				<section id="services" class="services clearfix general-section">
+				<section  class="services clearfix general-section">
 					<div class="section-triangle-grey"></div>
 					<div class="section-title">
 						<h2>Badin</h2>
 		</div>
 
 		<div class="partner-descritpion">
-			<div id="client-title" class="dark"
+			<div class="dark"
 				style="background-image: url('images/stats_bg.png'); background-repeat: no-repeat; background-position: center">
 				<section id="client-description-ne" class="stats general-section clearfix client-description">
 					<div class="section-triangle-grey"></div>
 				</section>
 			</div>
 			<div class="services-wrap-cont">
-				<section id="services" class="services clearfix general-section">
+				<section  class="services clearfix general-section">
 					<div class="section-triangle-grey"></div>
 					<div class="section-title">
 						<h2>Nis Ekspres</h2>
 		</div>
 
 		<div class="partner-descritpion">
-			<div id="client-title" class="dark"
+			<div class="dark"
 				style="background-image: url('images/stats_bg.png'); background-repeat: no-repeat; background-position: center">
 				<section id="client-description-sra" class="stats general-section clearfix client-description">
 					<div class="section-triangle-grey"></div>
 				</section>
 			</div>
 			<div class="services-wrap-cont">
-				<section id="services" class="services clearfix general-section">
+				<section  class="services clearfix general-section">
 					<div class="section-triangle-grey"></div>
 					<div class="section-title">
 						<h2>SRA</h2>
 			</div>
 		</div>
 		<div class="partner-descritpion">
-			<div id="client-title" class="dark"
+			<div  class="dark"
 				style="background-image: url('images/stats_bg.png'); background-repeat: no-repeat; background-position: center">
 				<section id="client-description-mould" class="stats general-section clearfix client-description">
 					<div class="section-triangle-grey"></div>
 				</section>
 			</div>
 			<div class="services-wrap-cont">
-				<section id="services" class="services clearfix general-section">
+				<section  class="services clearfix general-section">
 					<div class="section-triangle-grey"></div>
 					<div class="section-title">
 						<h2>Mould Group China</h2>
 		</div>
 				<!--start -->
 				<div class="partner-descritpion">
-					<div id="client-title" class="dark"
+					<div  class="dark"
 						style="background-image: url('images/stats_bg.png'); background-repeat: no-repeat; background-position: center">
 						<section id="client-description-aks" class="stats general-section clearfix client-description">
 							<div class="section-triangle-grey"></div>
 						</section>
 					</div>
 					<div class="services-wrap-cont">
-						<section id="services" class="services clearfix general-section">
+						<section  class="services clearfix general-section">
 							<div class="section-triangle-grey"></div>
 							<div class="section-title">
 								<h2>AKS</h2>

scripts/custom.js

             
                 $("nav li.active").removeClass("active").find('.nav-active-mark').remove();
                 $("nav li.services-wrap").addClass("active").append('<span class="nav-active-mark"></span>'); 
-            }	
-            if( isOnScreen( $( '#contact-wrap' ) ) ) { /* Pass element id/class you want to check */
+            }	           
+            if( isOnScreen( $( '#teams-wrap' ) ) ) { /* Pass element id/class you want to check */
             
                 $("nav li.active").removeClass("active").find('.nav-active-mark').remove();
-                $("nav li.contact-wrap").addClass("active").append('<span class="nav-active-mark"></span>'); 
+                $("nav li.teams-wrap").addClass("active").append('<span class="nav-active-mark"></span>'); 
             }
-            if( isOnScreen( $( '#teams-wrap' ) ) ) { /* Pass element id/class you want to check */
+            if( isOnScreen( $( '#contact-wrap' ) ) ) { /* Pass element id/class you want to check */
             
                 $("nav li.active").removeClass("active").find('.nav-active-mark').remove();
-                $("nav li.teams-wrap").addClass("active").append('<span class="nav-active-mark"></span>'); 
+                $("nav li.contact-wrap").addClass("active").append('<span class="nav-active-mark"></span>'); 
             }
         
         }	

style.css

     margin: 0 auto;
     position: relative;
 }
-#services,
+.services,
 #gallery,
 #events,
 #stats,

styles/custom.css

 {
     position: relative;
     z-index: 1;
+    padding-bottom: 55px;
 }
 #our_partners-wrap .our_partners-cont
 {
     /*background-color: #f6f6f6;*/
     display: none;
 }
+#about-wrap
+{
+    padding-bottom: 230px;
+}
 #gallery
 {
     position: relative;

teams/teams.css

     background-color: #1d1d1d;;
     color:#ffff;
     position: relative;
+    border-bottom: 5px solid #fff;
 }
 .teams-title-cont
 {