﻿@media screen and (max-width: 800px) {

    .xmenu {width:180px;float:left}
    .xbody {margin-left:190px;}

    .header-panel {display:none}

    .menu { padding: 0; margin: 0; top:0px; left:0px; min-height:350px}
    .menu, .menu * { -webkit-user-select: none; -moz-user-select: none; user-select: none; }
    .menu ul { padding: 0; margin: 5px; }
    .menu ul li { list-style: none; padding: 0px; font-size: 15px; font-weight: normal; cursor: pointer; }
    .menu ul li.active { background-color: #dedede; position: relative; }
    .menu ul li a { color: rgb(51, 51, 51); text-decoration: none; }
    .menu ul.nav a:hover { color: brown !important; }
    
    #mnRss {display:none}
    #menuAd {display:none}

    .pages { position: relative; left:0px;}
    .pages > div { padding-top: 10px; }
    .pages .header { color: rgb(82, 101, 162); font-size: 24px; font-weight: normal; margin-top: 5px; margin-bottom: 15px; letter-spacing: 1.20000004768372px; }
    .page { transform: translateY(1080px); transition: transform 0 linear; display: none; opacity: 0; font-size: 16px; }
    .page.active { transform: translateY(0px); transition: all 0.3s ease-out; display: block; opacity: 1; }

    .toolitem {min-height:320px;height:auto;overflow-x:hidden}

    .list-group .list-group-item .row-content {
        display: inline-block;
        width: 100% !important;
        min-height: 66px;
    }
}

@media only screen and (max-width: 550px) {
    .xmenu {width:100px; float:none; display:inline;}
    .xbody {margin-left:0;}
    .pages { position: relative; left:0px; width: 100% !important}
    .pages > div:first-child {width: 100% !important}
    .pages > div:nth-child(2) {display:none}
}