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

}


@media (min-width: 43em) {

    .try-modal {
        left: 10%;
        right: 10%;
        width: 640px;

    }

    .box_not {
        width: 100%;
        float: left;
        padding: 0;
        margin: 0;
    }

    .box-noticia {
        width: 30%;
        float: left;
        margin-right: 5%;
        padding: 0;
    }

    .box-noticia:nth-child(3) {
        float: right;
        margin-right: 0;
    }

    .ntcia a h1 {
        font-size: 1em;
        line-height: unset;

    }

    .boximg {
        width: 100%;
        height: 80px;
        overflow: hidden; border-radius: 5px;
    }
    .publicidade{
        margin-top: 30px;
    }
    .box_tit{
        padding-bottom: 10px;
    }

}

/*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
    }

    .icon {
        display: block
    }

    .top_views_item_desc h1 {
        width: 78%;
        float: right
    }

    .bmenu {
        width: 12%;
        margin-top: 27px;
        display: none;
    }

    .bmenu p {
        display: block;
    }

    .box_logo {
        width: 100%;
    }

    .logo {
        width: 250px;
        margin: 10px auto;
    }

    .lupa {
        line-height: 45px
    }

    .box-menu {
        display: block !important;
    }

    .box-menu {
        width: 100%;
        position: relative;
        top: 0;
        padding: 0;
        margin: 0;
        left: 0%;
        background: none;
        border: 0;
        margin: 0 auto;
        clear: both;
    }

    .menu {
        width: 900px;
        background: #397D49;
        clear: both;
        margin: 0 auto
    }

    .menu li {
        width: auto;
        position: relative;
        padding: 0;
        margin: 0;
        margin-right: 15px;
    }

    .menu li a {
        color: white;
    }

    .menu li a:hover {
        color: #666;
    }

    .box-search {
        top: 210px
    }


    .box-rede {
        width: 400px;
        padding: 0;
        margin: 0 auto;;
        float: none;
        clear: both;
        margin-bottom: 20px
    }



    .box_not {
        width: 70%; float: left;

    }
    .box_publicidade{
        width: 30%; float: right;
    }
    .publicidade{
        width: 90%; float: right;
    }
    .ntcia a h1 {
        font-size: 1.3em;
    }

}

/*tamnaho 800px*/
@media (min-width: 50em) {
    .content {
        width: 780px
    }

    .banner {
        width: 980px;
        margin: 0 auto;
    }
    .boximg {
        height: 80px ;
    }
}


@media (min-width: 56em) {
    .try-modal {
        left: 20%;
        right: 20%;
    }
    .boximg {
        height: 80px ;
    }
}
/*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-midia {
        width: 30%;
        float: right
    }

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

    .top_views_item_desc h1 {
        width: 57%;
    }

    .box-tit h1 {
        font-size: 1.5em
    }
    .boximg {
        height: 120px ;
    }
    .box-conteudo { width: 68%; float: left}
}
@media (min-width: 68em) {
    .try-modal {
        left: 25%;
        right: 25%;

    }

    /*.box-rede{ width: 200px;  padding: 0; }*/

}