#headerLogin {
    position:relative;
    margin-right: -20px;
    text-align: right;
}
#headerLogin .username,
#headerLogin .signin {
    position:absolute;
    top:2px;
    right:80px; 
    color:white; 
    z-index:1001; 
    display:none;
    cursor:pointer;
}
#headerLogin .accountOptions {
    display:none; 
    position:absolute; 
    z-index:1000;
    right:20px; 
    top:-1px; 
    color:#bbb; 
    background:#b6b6b6; 
    box-shadow:0 2px 2px rgba(0,0,0,0.3); 
    padding:25px 25px 20px;
}
#headerLogin .accountOptions a {
    color:#555;
    width:100px;
    text-align:center;
    transition:background-color 0.3s;
    font-size:13px;
    background-color:#e8e8e8;
    display:block;
    margin:0 0 3px;
}
#headerLogin .accountOptions a:hover {
    background:#ffffff;
    text-decoration:none;
}
#headerLogin .signin a {
    color:#ddd;
    transition:color 0.3s;
}
#headerLogin .signin a:hover {
    color:#fff;
    text-decoration:none;
}
@media only screen and (max-width: 1079px) {
	#headerLogin .signin a,
	#headerLogin .username,
	#headerLogin .signin {
	    text-align: left;
	    right: 20px;
     }
}


@media only screen and (max-width: 1024px) {
     #headerLogin .accountOptions {
     	margin-top: 20px;
     }
}

@media only screen and (max-width: 992px) {
     #headerLogin .accountOptions {
     right:16px;
     }
}

@media only screen and (min-width: 1080px) {
    #headerLogin .signin a,
    #headerLogin .username,
    #headerLogin .signin {
	   top:-19px;
	   color:#555; 
        
    }
    
    #headerLogin .accountOptions {
        width: 150px;
    }
}