@media screen and (max-width: 768px) {
    #sbanner{
        display: none;
    }
    .panel-grid:first-child{margin-top: 40px}
    #menu ul#menu-menu > li > a{padding: 0 5px;font-size: 14px}
    #menu ul.social{width: 166px}
    #areaEdicoes ul li{display: none;}
    #areaEdicoes ul li:nth-child(1),
    #areaEdicoes ul li:nth-child(2),
    #areaEdicoes ul li:nth-child(3){display: block;}
    #areaEdicoes ul li:nth-child(4){border-right: }
    .wrapper{width: auto}
    #content{width: 430px}
    .horarios #content{width: auto;float: none;margin: 0 10px}
    .horarios aside{float: none;margin: auto}

    main{background: transparent;}
    #header{margin: 0}
    .panel-grid .duplo{background: transparent;}
    .h1003 img{width:100%;}
    .h2001 iframe,
    .h1004 iframe,
    .h2007 article figure iframe,
    #content .theContent iframe{width:430px;height: 242px}
    .h2007 article,
    .h2007 article:nth-child(2){float: none;width: 100%;padding: 0;border-right:0;height: auto;padding-bottom:10px;margin-bottom: 10px}
    .h2007 article:nth-child(3),
    .h2007 article:nth-child(5){padding-left: 0;border-top:1px solid #ccc;overflow: hidden;}
    .single .social .vermaisvideos{top: -30px}
    .single.videos .ouca audio{width:250px}
    ol.commentlist li .corpo-comment{width: calc(100% - 55px)}
}
@media screen and (max-width: 640px) {

    .h2001 iframe,
    .h1004 iframe{width: 340px;height: 203px}
    .h2007 article figure iframe,
    #content .theContent iframe{width: 340px;height: 203px}
    aside{float: none;width: auto;margin: 0}  
    #header .logo{float: none;width: 100%}
    #header .logo img{width: 100%}
    .wrapper{width: auto;margin: 0 10px}
    #content{float:none;width:100%;margin-left:0;margin-top: 40px}
    .homebuilder a.veredicaocompleta{top: -30px}
    main{background: transparent;}
    
    .h1004{height: auto}
    aside .pub{padding-left: 0}
    footer .topFooter{height: auto}
    footer .menuInferior li:before{margin: 0 5px}
    footer .menuInferior li{font-size: 10px}
    footer .lista-links .lista{float: none;width: 100$;margin: 0 0 10px}
    
    #top{margin-bottom: 10px;/*height: 100px;*/padding-top: 10px;}
    #top dl {
        float: none;
        padding: 0;
    }
    #top dl dt{float: none;border:0;padding: 0;margin: 0;line-height: 20px;text-align: center;}
    #top dl dd{float: none;border:0;;line-height: 20px;text-align: center;}
    #top > img{
        float: none;
        display: block;
        margin: auto;
    }
    #menu{height: auto}
    #menu:before{content: "Menu";display: block;background: #188282;color: #fff;text-align: center;line-height: 35px;padding: 0 15px;font-size: 15px;color: #fff;font-family: "PT Serif", serif;font-weight: bold;text-decoration: none;}
    #menu:hover ul#menu-menu{display: block}
    #menu ul{float: none}
    #menu ul#menu-menu > li{float: none;border:0;border-bottom: 1px solid #ccc}
    #menu ul#menu-menu{display: none;}
    #menu > ul > li ul{position: static;display: block;background: #188282}
    #menu > ul > li ul li,
    #menu > ul > li ul li a{background: #188282}
    #menu ul.social{float: none;width: 100%;text-align: center;}
    #menu ul.social li{float: none;display: inline-block;}
    #header .pub{display: none;}
    #areaEdicoes{margin: 0;height: auto;}
    #areaEdicoes:after{
        content: "";
        display: block;
        clear: both;
    }
    #areaEdicoes ul{float: none;width: 100%}
    #areaEdicoes .googlesearch,
    #areaEdicoes form{float: none;width: 100%;clear:both;padding-top: 30px;}
    .single .related div article{float: none;width: 100%;margin-right: 0;margin-bottom: 20px}
    .single .theContent p{position: static!important;}
}
@media screen and (max-width:360px) {
    
    .h2001 iframe,
    .h1004 iframe,
    .h2007 article figure iframe,
    #content .theContent iframe{width: 300px;height: 169px}
    .h2007 article,
    .h2007 article:nth-child(2){float: none;width: 100%;padding: 0;border-right:0;height: auto;padding-bottom:10px;margin-bottom: 10px}
    .h2007 article:nth-child(3),
    .h2007 article:nth-child(5){padding-left: 0;border-top:1px solid #ccc;overflow: hidden;}
    .widget.maisVistos ol li a span.full{width: 260px}
    #areaEdicoes ul li:nth-child(3),
    #areaEdicoes ul li:nth-child(4),
    #areaEdicoes ul li:nth-child(5),
    #areaEdicoes ul li:nth-child(6){display: none;}
    .widget.canaisOI li{margin-left: 7px}
}