@media screen and (min-width: 481px) {
.icon-sidebar{position: fixed; right: 0; top: 30%; vertical-align: middle; padding: 0px;z-index:99999;}
.icon-sidebar > ul { margin: 0;}
.icon-sidebar li { border-bottom: 2px solid #fff; list-style-type: none; margin-bottom: 2px; transition: all 0.3s ease 0s;
    width: 54px; }
.icon-sidebar li:hover { margin-left: -9px; width: 62px; }
.icon-sidebar li i { font-size: 25px; padding:10px 13px;}
/*.icon-sidebar i.fa:hover {padding-right:20px;}*/
.icon-sidebar .close_bt { display:none;}
.icon-sidebar .sidebar-close,.hidden_sidebar { display:none;}
/*.icon-sidebar .hideside{ display: none; }*/
}
@media screen and (min-width: 481px) and (max-height: 600px) {
.icon-sidebar .hideside{ display: none; }
}
@media screen and (max-width: 480px) {
.icon-sidebar{position: fixed; bottom: 0; text-align: middle; padding: 0px; background:#777777; width:100%;opacity:0.8;z-index:9999;}
.icon-sidebar > ul { margin: 0; text-align:center;}
.icon-sidebar li { border-bottom:none; list-style-type: none; margin-bottom: 0px; display: inline-block; background:none!important; }
.icon-sidebar li i { font-size: 25px; padding:10px 13px;color:#fff !important; }
/*.icon-sidebar i.fa:hover { font-size: 25px; padding:10px 13px;}*/
.icon-sidebar li a {display: block;}
.icon-sidebar .close_bt { bottom: 12px;color: black; position: fixed; right: 5px;font-size:12px;padding:2px;}
.icon-sidebar .close_bt i.fa:hover{font-size:12px;padding:0;cursor:pointer;}
.sidebar-close { bottom: 12px;color: black; position: fixed; right: 5px;font-size:12px;padding:2px;}
.hidden_sidebar{display:none; background-color:#777777; bottom:0;color:#fff;padding: 10px;position: fixed;z-index: 9999;opacity:0.8;cursor:pointer}
.icon-sidebar .hideside{ display: inline-block; }
}
@media screen and (max-width: 330px) {
.icon-sidebar li i { padding:10px; }
}