@media(max-width:768px){
    #header .half.bg-white{background: none;}

    #menu{height: 0vh; top: var(--header-height); width: calc(100% - var(--header-height))}
    #menu.full{height: calc(100vh - var(--header-height));}
    #menu.opened{height: 100vh;}
    #menu ul{background: rgba(255,255,255,.96)}
    #menu li a{ padding: var(--20px); font-size: 16px; color: #000; text-align: right}
    #btnmenu{
        width: calc(var(--header-height) - var(--20px));
        background: url("../icons/menu.png") center center no-repeat;
        background-size: contain;
        right: var(--10px);
    }

    #banner.semi{min-height: 200px;}
    #banner.semi.alt{min-height: 350px;}
    #slider {height: 240px; padding-top: 30px}

    #searchbox input:not([type='submit']), #searchbox select{
        margin-top: 0px;
        padding: 7px 10px;
    }

    .sidebar p.alt{font-size: 14px}


    .doc > div{min-height: unset;}
    .doc .buttons::after{display: none;}

    .doc > label{
        left: -5px;
        border-width: 1px;
    }
    .doc .thumb {
        width: 20px;
        min-width: 20px;
    }
    .thumb img{opacity: .75;}
}