/* For tablets & smart phones */
   /* For smartphones */
    @media (max-width: 480px) {
	
    #wrap {
        width: 99%;
      }
	
		.userimg{
		    width: 90%;
			margin-right:4px;

	  }
	  
	   #MenuPage2,#MenuPage2 ul
        {
width:100%;
margin:0px;
        }
	  #MenuPage2>li{
		    width: 32%;
margin:0px;
	  }
	  
	#header {
			width: 100%;
			padding:0px;
		 }
	 
	#header  .user_img  img{
			width:100%;
			padding:0px;
			height:100%;
			
		}
	#header  .line{
		position:relative;
			width:100%;
			padding:0px;
			height:100%;
			
		}
		
	#header  .user_img{
		width:100%;
			height:100%;
		}
	
	.user_name {	
			font-size:100%;
			color:#737270;
			letter-spacing: 5px;

			left:0px;
			padding:0px;
		 }
		 .user_menu {	
			float:left;
			left:0px;
			font-family:Helvetica,Arial,sans-serif;
			top:50px;
			width:100%;
			padding:0px;
			margin:0px;
		 }
		  #Menu-main, #Menu-main ul
       {	
	   width:100%;
	   padding:0px;
	   margin:0px;
	  margin-left:20px;
		list-style-type:none;
		direction:ltr;

		top:-40px;
		left:-20px;
       }
	   	     #Menu-main>li> a
       {

		font-size:80%;  
		font-weight:bold;
		-webkit-transition: all .4s;
		-moz-transition: all .4s;
		transition: all .4s;
		
	
       }
 #Menu-main>li
       {
margin:0px 0px;
       }
		
    }

	/* For tablets */
    @media (max-width: 777px) {
#wrap {
        width: 100%;
      }
	  #main{
		  width: 100%;
		  margin-top:0px;
		  padding:10px; 
	  }
	    #main p{
			width: 100%;
			float:left; 
	  }
	  #main .logo{  width: 100%;
		  margin: auto;
		  text-align:center;
	  }


    #MPage2{
		width:100%;
	
	 }
 #MenuPage2,#MenuPage2 ul
        {
width:100%;
        }
	  #MenuPage2>li{
		    width: 33%;
			margin:auto auto;
	  }
	  
	

	  #header {
		width: 100%;
		z-index:5;
	padding:0px;
		padding-bottom:0px;
		margin: auto;
		 }
		 
		 .user_menu {	
			float:right;
			right:0px;
			font-family:Helvetica,Arial,sans-serif;
			top:50px;
		 }
		  #Menu-main, #Menu-main ul
       {
		list-style-type:none;
		direction:ltr;
		bottom:63px;
       }
 #Menu-main>li
       {
margin:5px 5px;
       }
	   
.address{
		padding:3px 3px;
		left:0px;
	
}
.contact{
		right:3px ;
	
}
	   
	}
   
    /* For smaller displays like laptops */
    @media (min-width: 768px) and (max-width: 1199px) {

	#wrap {
        width: 100%;
		padding:2px;
      }	
       #Menu-main>li
       {
margin:5px 5px;
       }
	  	  #header {
		width: 98%;
		z-index:5;
		padding-bottom:0px;
		margin: auto;
		 }
	  
	  
    }

    /* For larger displays */
    @media (min-width: 1200px) {

      #wrap {
        width:95%;
		padding:10px;
      }
	  
	  	 
	  	  #header {
		width: 99%;
		z-index:5;
		padding-bottom:0px;
		margin: auto;
		 }
	
	  	  		  #MenuPage2>li{
width: 32%;
margin:0px;
	  } 
					
    }