.rightpanel .subdir{display:none}
.leftpanel .catalog a{padding:0;margin:0;background:none;line-height:normal;width:auto;height:auto;white-space:normal;text-overflow:normal;overflow:visible}
.leftpanel .catalog a.title{float:left;padding-left:45px;width:185px;height:40px;line-height:40px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background:url(../images/line.jpg) no-repeat 25px bottom}
.leftpanel .catalog a.last{background:none}
.leftpanel .catalog a.title span{margin-left:3px;color:#d3d3d3}
.leftpanel .catalog a.title:hover,.leftpanel .catalog a.title.current{float:left;color:#fff;text-decoration:none;background:#6babe5 url(../images/o.png) no-repeat 27px 15px}
.leftpanel .catalog a.title:hover span,.leftpanel .catalog a.title.current span{color:#fff}
.leftpanel .catalog .list{float:left;padding-left:45px;width:160px;padding-bottom:5px;background:url(../images/line.jpg) no-repeat 25px bottom;display:none}
.leftpanel .catalog .list a{float:left;width:100%;padding:7px 0;line-height:normal}
.leftpanel .catalog .list a:hover,.leftpanel .catalog .list a.current{color:#6babe5;background:none}

@media(max-width:768px)
{
.leftpanel{position:relative;}
.leftpanel .catalog > a,.leftpanel .catalog > a.last{float:none; margin-right:3px; width:auto; padding:0 15px; border-radius:5px; background:#eee; display:inline-block;}
.leftpanel .catalog a.title{ padding-left:18px; padding-right:25px; width:auto; background:#eee; position:relative;}
.leftpanel .catalog a.title:after{position:absolute; right:7px; top:10px; content:""; width:16px; height:16px; background:url('../images/icon_arrow_01.png') no-repeat center center;}
.leftpanel .catalog .list{display:none !important; float:none; position:absolute; left:0; top:40px; padding:5px 15px; width:100%; box-sizing:border-box; background:#6babe5; z-index:100;}
.leftpanel .active{ display:block;}
.leftpanel .catalog a.title:hover, .leftpanel .catalog a.title.current{ background:#6babe5;}
}