@media(min-width:31em){
    .content{ width: 480px}

}

/*tamnaho 768px*/
@media(min-width:48em){
    .content{ width: 700px}
    .box-tit p{display: block}
    .box-destaque:nth-child(1){ width: 50%; float: left; height: 380px}
    .box-destaque:nth-child(1) h1{ font-size: 1.8em}
    .box-destaque { width: 48%; float: right; height: 180px; overflow: hidden}
    .box-destaque h1{ font-size: 1.5em}
    .box-info{ font-size: 0.676em}
    .box-destaque:nth-child(1) img{ margin-left: -100px; width: auto}
    .ntcia img{ width: 40%; float: left; }
    .nticia_text { width:58%; float: right}
    .icon{ display: block}
    .top_views_item img{ width: 18%;
        float: left; }
    .top_views_item_desc h1{ width: 78%; float: right}
    .bmenu {
        width: 12%; margin-top: 27px;
    }
    .bmenu p {
        display: block;
    }
    .box_logo {
        width: 78%;
        float: left;
    }

    .logo {
        width: 350px; padding: 10px 0;
    }
    .lupa{ line-height: 80px}

    .midia_conteudo{   margin: 0 auto; background: red !important; clear: both; width: 60%}

}
/*tamnaho 800px*/
@media(min-width:50em){
    .box-menu{
        top: 80px; width: 300px}
    .content{ width: 780px}
}
/*tamnaho 1020px*/
@media(min-width:63em){
    .content{ width: 1100px}
    .box-destaque:nth-child(1){ height: 546px}
    .box-destaque:nth-child(1) h1{ font-size: 2em}
    .box-destaque:nth-child(1) img{ margin-left: -20px; width: auto}
    .box-destaque { height: 263px; }
    .box-noticia { width: 68%; float: left}
    .box-midia { width: 30%; float: right}
    .ntcia img{ width: 50%; float: left; }
    .nticia_text { width:48%; float: right}

    .top_views_item img{ width: 38%;
        float: left; margin-right: 10px;}
    .top_views_item_desc h1{ width: 57%; }



}