@media (max-width: 720px){
    
}

@media (max-width: 540px){
    #box2 #publicacoes .panel-body .nav li a{
        font-size:14px;
        padding:0 20px 10px;
    }
    #box2 #publicacoes .post{
        padding:20px 30px;
    }
    #box2 #publicacoes .post .info li,
    #box2 #publicacoes .post .info li a{
        font-size:20px;
    }
    #box2 #publicacoes .post .info li img{
        height:20px;
    }
    #box2 #publicacoes .post h3{
        font-size:18px;
    }
    #uteis{
        border:none;
    }
    #banner, #conteudo{
        padding:0;
    }
    #lateral1 .navbar-nav .nav-item{
        padding-bottom:2px !important;
    }
    #lateral1 .navbar-nav .nav-item .nav-link{
        font-size:16px;
        padding-top:11px !important;
    }
    .mobile_invisivel{
        display:none !important;
    }
    .mobile_visivel{
        display:block !important;
    }
    body{
        line-height:1.3;
    }
    .btn{
        padding:5px;
    }
    .menu ul{
        text-align:center;
    }
    .menu ul li{
        margin:0 2px 5px 2px;
    }
    .table-responsive div.dataTables_wrapper div.dataTables_filter input{
        max-width:145px;
    }
    .table-responsive div.dataTables_wrapper div.dataTables_paginate ul.pagination{
        text-align:center;
        display:block;
        margin:10px 0;
    }
    .table-responsive div.dataTables_wrapper div.dataTables_paginate ul.pagination li{
        display:inline-block;
    }
    .btn_add{
        margin:5px 0 0;
    }
    .foto_cliente{
        width:100%;
        max-width:none;
        float:none;
        margin:0 0 10px;
    }
    #empresa.navbar-brand{
        font-size:18px;
    }
    
    #modal .box_modal{
        padding:24px 16px;
        margin: 40px 0 !important;
    }
    #modal #btn_modal_fechar{
        width:16px;
        height:16px;
        top:16px;
        right:16px;
    }
}