html,body{
    margin: 0 ;
    height:auto;
	width : 100% ;
	position : absolute ;
}

img {display:block; margin:0 auto;}
#page{
    position: relative ;
	width : 100% ;
    height : auto ;
}

.mm-page{
    position: relative ;
	width : 100% ;
   height : auto ;
}

.section{
	   position: relative ;
	   width: 100% ;
	   height : 100% ;
	   
}


.wrapper{
	    position : relative ;
		width:100%;
		margin: auto ;
		height : 100% ;
		
	}
#part6 .wrapper{
        background :  url('../phone_images/m_and_bg2.jpg') no-repeat  ;
	    background-size : 100% auto  ;
		background-position : top center ;
}	
	
	
	
	.part{
	   position: relative ;
	   width: 100% ;
	   height: 100% ; margin-top : 0 ; 
	   overflow: hidden ;
	}
	
	 .left{
         padding-top: 1px;
	  }
	  .right{
      
	  }
	  
	   .words{
	    
		width : 85% ;
		margin : auto ;
		text-align : center ;
		margin-top : 100px ;
	  }
	  .words p{
	    margin : 0 ;
          font-size: 20px;
	  }
	
	  .words h1{
	    font-size : 24px ;
		margin: 8px auto 8px auto;
	  }
	  
	  .upup{
	    -webkit-transition:  1s all ;transition:  1s all ; -webkit-transition-delay : .6s ;
	}
	
	 #part1{
	     color : white ;
	     background: url('../phone_images/m_and_bg1.jpg') ;
		 background-size : 100% 100% ;
	 }
	 
	 #hand{

         position: absolute;
         bottom: 0;
         left: 50%;
         width: 320px;
         margin-left: -152px;
		height :  500px;
		background: url('../phone_images/m_and_phone1.png') no-repeat center 115px;
		background-size : 300px ;
	
	  }
	  
	   #abutton{
		width :100% ;
	  }
	  #abutton img{
	     width : 50% ;
	  }
	  
	  #part2{
	     color : #dcdcdc ;
	     
		 background-color : #212121 ;
	 }
	 
	 #p2phone{
	   margin : 20px  auto 0 auto;
		width :  90% ;
		height :  450px;
		background: url('../phone_images/m_and_phone2.jpg') no-repeat ;
		background-size : 100% auto ;

	 }
	 
	 #p2Img{
	     
	     display : none ;
	 }
	 
	
	 .boxContainer{
	    display : none ;
	 }
	
	 .p2words{
	     
		 margin : 20px 4px 0 4px  ;
		 text-align : center ;
	 }
	 .p2words h3{
	    font-size : 20px ;
	 }
	 .p2words p{
	    font-size : 14px ;
	 }
	 
	 

	 
	 #part3{
	     color : #dcdcdc ;
	     
		 background-color : #d7e8f7 ;
	 }
	 
	 #p3phone{
	    margin : 20px  auto 0 auto;
		width :  90% ;
		height :  450px;
		background: url('../phone_images/m_and_phone3.jpg') no-repeat ;
		background-size : 100% auto ;
		
		 
	 }
	 #p3phone img{
	    display : none ;
	}
	
	 
	 #p3animate{
	    display : none ;
		
	 }
	 
	 .p3words{
	     color : #333 ;
		
	    margin : 20px 4px 0 4px  ;
		text-align : center ;
	 }
	 .p3words h1{
	    font-size : 20px ;
	 }
	 .p3words p{
	    font-size : 14px ;
	 }
	 
	
	 
	 
	 
	
	  #part4{
	     color : #dcdcdc ;
	     
		 background-color : #212121 ;
	 }
	 
	 #p4phone{
	    margin : 20px  auto 0 auto;
		width :  90% ;
		height :  450px;
		background: url('../phone_images/m_and_phone4.jpg') no-repeat ;
		background-size : 100% auto ;
	 }
	 
	 #p4show{
	    display : none ;
	 }
	 
	 
	 #rulerContainer{
	    display : none ;
	 }
	 
	 #bk{
	     display : none ;
	 }
	 
	 #arrow{
	   display : none ;
		}

	 
	  .p4words{
	     margin : 20px 4px 0 4px  ;
		 text-align : center ;
	 }
	  .p4words h3{
	    font-size : 20px ;
	 }
	 .p4words p{
	    font-size : 14px ;
	 }
	 
	 
	
	 #part5{
	     color : #333 ;
	     
		 background-color : #d7e8f7 ;
	 }	

	
	.p5words{
	     margin : 20px 4px 0 4px  ;
		 text-align : center ;
	 }
	  .p5words h1{
	    font-size : 20px ;
	 }
	 .p5words p{
	    font-size : 14px ;
	 }
	 
	 #balls{
	   display : none ;
		
	 }
	 
	 
	 
	  #p5phone{
	    margin : 20px  auto 0 auto;
		width :  90% ;
		height :  450px;
		background: url('../phone_images/m_and_phone5.jpg') no-repeat ;
		background-size : 100% auto ;
	 }
	 
	 #p5phone img{
	    display : none  ;
	 }
	 
	  #back6{
	   position: fixed  ;
	   width: 100% ;
	   height : 90% ; 
	   bottom : 0px ;
	   background :  url('../phone_images/m_and_bg2.jpg') no-repeat  ;
	   background-size : 100% auto  ;
	   background-position : top center ;
	}
	 
	
	
	#part6 h1{
	    position : relative ;
	    margin : auto ;
		top : 20% ;
		font-size : 24px ;
		text-align : center ;
		color : white ;
	}
	
	 
	.smallBox{
	   position : relative ;
	   margin : auto ;
	   top : 25% ;
	   width : 40% ;
	   height : 300px;
	}
	  
	
	  #button2{
	    position : absolute ;
	    top :0% ;
		width : 100%  ;
		height :100% ;
		background: url('../images/googleplay_button.png') no-repeat ;
		background-size : 100% auto ;
	  }
	  
	  #footer{
	    position : absolute ;
		bottom : 0 ;
		width : 100% ;
		height : 200px ;
		background-color : rgba(238,238,238,1) ;
		
	}
	
	.foot-wrap{
	   margin-top : 10px ;
	   
	}
	
	 .line{
	      
	      position : relative ;
		  top: 10px ;
		  width : 100% ;
		  height : 1px ;
		   border-top:1px solid rgb(0,0,0) ;
	 }
	 
	 .bottomLine{
	     display : none ;
	 }
	
	.menu-icon{
	    position : relative ;
		
		width : 100% ;
		height : 60px ;
		padding : 0 ;
		margin-top  : 0 ;
		margin-left : 0 ;
	}
	 
	  
	.menu{
	    position : relative ;
		float : left ;
		width : 60% ;
		height : 30px ;
		padding : 0 ;
		margin-top  : 0 ;
		margin-left : 0 ;
	}
	.sep{
	    position : relative ;
		float : left ;
		margin-top  : 0 ;
		list-style-type : none ;
		margin-right : 25px;
		margin-left : 0 ;
	}
	
	
	 .li-item-left{
	    position : relative ;
		float : left ;
		margin-top  : 0 ;
		list-style-type : none ;
		margin-right : 25px;
		margin-left : 0 ;
		color : black ;
		padding-right : 25px ;
		border-right:2px solid #bcbcbc;
		
	}
	
	.li-item-left a {
	   color : black ;
	 
	}
	.li-item-right{
	    position : relative ;
		float : right ;
		margin-top  : 0 ;
		list-style-type : none ;
		margin-right : 0px;
		margin-left : 25px ;
		
	}
	
	.footer-nav1 ul{
	    border-bottom:1px solid black;
	}
	
	.footer-nav1 .li-item-right{
	    position : relative ;
		float : left  ;
		margin-top  : 0 ;
		list-style-type : none ;
		margin-left  : 14% ;
		
		
	}
	
	.footer-nav1 .lastOne{
	    position : relative ;
	    float: right ;
		margin-left : 0  ;
		margin-right : 0  ;
	}
	
	.footer-nav1 .firstOne{
	    position : relative ;
	    float: left ;
		margin-left : 0  ;
		margin-right : 0  ;
	}
	
	#fb-icon{
	    background : url('../images/facebook_button.png') ;
		background-size : 100% 100% ;
		width : 50px ;
		height  : 50px ;
	}
	
	#tw-icon{
	    background : url('../images/twitter_button.png') ;
		background-size : 100% 100% ;
		width : 50px ;
		height  : 50px ;
	}
	#gp-icon{
	    background : url('../images/googleplus_button.png') ;
		background-size : 100% 100% ;
		width : 50px ;
		height  : 50px ;
	}
	#yt-icon{
	    background : url('../images/youtube_button.png') ;
		background-size : 100% 100% ;
		width : 50px ;
		height  : 50px ;
	}
	.clear {
  clear: both;
  }