#quick_menu { position: fixed; right: 20px; top: 165px;  z-index: 10; opacity: 0; transition: all .3s; }
#quick_menu ul li { margin-bottom:15px;}
#quick_menu ul li a { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; }

#quick_menu .q_txt { position:relative; width: 70px; height: 30px; border-radius: 5px; text-align: center; line-height: 30px; color:#fff; background: #333333; margin-right: 15px; position: relative; transition: all 0.3s; font-size: 12px; opacity: 0; }
#quick_menu .q_txt::after { content:""; position:absolute; left: calc(100% - 1px); top: 50%; transform: translateY(-50%); width: 8px; height: 13px; background:url('../img/q_txt.png') no-repeat center; }

#quick_menu .q_icon { width: 50px; height: 50px; background: #878787; color:#fff; border-radius: 50%; text-align: center; line-height: 50px; font-size: 26px; transition: all 0.3s;}
#quick_menu .q_icon img { position:relative; top:-3px; }

#quick_menu ul li a:hover .q_icon {background:#0aa1a4;}
#quick_menu ul li a:hover .q_txt { opacity: 1; }


.scrolled #quick_menu {opacity: 1;}





@media screen and (max-width: 1420px) {

    #quick_menu { right: 5px; }

    #quick_menu .q_icon { width: 45px; height: 45px; line-height: 45px; font-size: 24px; }
    #quick_menu ul li a { flex-direction: column; }
    #quick_menu .q_txt { margin: 0 0 10px; }
    #quick_menu .q_txt::after { left:50%; top: calc(100% - 4px); transform: translateX(-50%) rotate(90deg); }


}
@media screen and (max-width: 1023px) {

    #quick_menu { right: 8px; top:calc(100% - 157px); }

    #quick_menu .q_icon { background:#0aa1a4; font-size: 22px; }
    #quick_menu .q_txt { margin: 0 0 10px; opacity: 1; }
    #quick_menu .q_txt::after { left:50%; top: calc(100% - 4px); transform: translateX(-50%) rotate(90deg); }

    #quick_menu ul li { margin-bottom: 5px; }
    #quick_menu ul li:nth-child(n+2) { display: none; }


}
@media screen and (max-width: 767px) {

    #quick_menu { right: 5px; top:calc(100% - 135px); }

    #quick_menu .q_icon { width: 40px; height: 40px; line-height: 40px; font-size: 20px; }
    #quick_menu .q_txt { width: 60px; height: 25px; line-height:23px; font-size: 11px; margin: 0 0 8px; }

}