@media (max-width: 412px) {
	#quicklinks {
	display: none
	}
}

#quicklinks li span::before {
    width:58px;
    height:38px;
    left:-6px;
    top:8px;
    position:absolute;
    padding:0;
    font-size:280%;
    opacity: 1. !important;
}
a.quick-link {
    display:block;
}
#quicklinks li a:hover {
    text-decoration:none;
    color:#c29e00;
}
#quicklinks li a {
    padding:20px 26px 20px 80px;
    font-size:15px;
    color:#404040;
    font-weight: 600;

}
#quicklinks:hover {
    right:0;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
#quicklinks li {
    position:relative;
    border:1px solid #b4b4b4;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing:.05em;
    border-radius: 8px 0px 0px 8px;
    background: #dedede;
    opacity: .9;
    margin-bottom: 4px;
}

#quicklinks {
    top:50%;
    position:fixed;
    /*margin:0;*/
    padding:0;
    background-color:#dedede_;
    list-style: none;
    right: 58px;
    z-index: 999;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
    transition: all 500ms linear 0s;
    margin-top: -63px;
    margin-right: 12px;

}