.medi {
    float: left;
    font-size: 0;
    height: 50px;
    line-height: 0;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    position: relative;
    text-align: right;
    z-index: 999;
}

.header{
	
	height:60px;
	padding-top:30px;
	
	
}

.medi li{		
			position:relative;
			display: inline-block;
			float: left;
			font-size: 16px;
			line-height: 50px;
			text-align: left;
			font-weight: 400; 
			padding:0px;
			overflow:hidden;
			border:none !important;


}	
.medi li a{ 	
			text-decoration: none;
			height:50px;
			display:block;
			padding:0px 15px;
}

.medi li:first-child i{ 
			font-size:25px; 
			vertical-align:middle; 
			line-height:50px; 
			color:#8697a8; 
			margin:0}
.medi li i{ 
			vertical-align:middle; 
			line-height:50px; 
			margin-left:10px;}
.medi li:last-child { 
			float:right}

.btn{
			overflow:hidden;
			-webkit-transition	: all 0.5s;
			-moz-transition	: all 0.5s;
			-o-transition	: all 0.5s;
}

.btn a span{
			position:relative;
			display:inline-block;
			-webkit-transition:all 0.5s;
			-moz-transition:all 0.5s;
			-o-transition:all 0.5s;
			text-transform:uppercase;
}

.btn:hover span {

			-webkit-transform: translateY(-111px);
			-moz-transform: translateY(-111px);
			-o-transform: translateY(-111px);
			transform: translateY(-111px);
}
.btn span div{
			margin-top:60px;
			text-align:center;
			font-size:26px;
			line-height:50px;
			vertical-align:middle;
			height:50px
}

.medi li a i {
			display:inline-block;
			-webkit-transition:all 0.5s;
			-moz-transition:all 0.5s;
			-o-transition:all 0.5s;
}

/* Landscape phone to portrait tablet */
@media screen and (min-width: 481px) and (max-width: 766px)
{ 
.medi{
			width:95%;}
.medi li{
			font-size: 13px;}	
.btn span div{
			font-size:20px;}

}

/* Landscape phones and down */
@media screen and (min-width: 0px) and (max-width: 480px)
{ 
.medi{
			width:100%;}
.medi li{		
			display:block;
			font-size: 16px;
			width:100%;				
}	
.medi li:last-child { 
			border:none;}
.btn span div{
			text-align:left;}
}