/*----------------------------------------------*/


/*==========  Non-Mobile First Method  ==========*/


/* Large Devices, Wide Screens */

@media only screen and (min-width: 2001px) {

}



@media only screen and (max-width: 1600px) {
    .titulointer{
        font-size: 2em;
    }
    .subtitulointer{
        font-size: 2em;
    }
}

@media only screen and (max-width: 1280px) {
     .panelservi h5, .panelservi h6{
        line-height: normal;
    }
    .squareinter{
        margin-top: 120px;
    }
    .titulointer{
        font-size: 1.6em;
    }
    .subtitulointer{
        font-size: 1.6em;
    }
    .mapainter .maps{
        height: 420px;
    }
    .legendasquare td{
        text-align: center;
        padding: 5px;
    }
    .legendasquare .quadrado{
        height: 16px;
        width: 16px;
        margin: 5px auto;
        float: none;
        display: block;
    }
    .legendasquare td img{
        max-height: 22px;
        width: auto;
        margin: 0px auto 5px auto;
        float: none;
        display: block;
    }

}

/* Medium Devices, Desktops 

@media only screen and (max-width: 992px) 
*/


@media only screen and (max-width: 992px) {
    .escond{
        display: none;
    }
    .mostr{
        display: block;
    }

    .menu_tab{
        top: -5px !important;
    }
    .menu_tablist{
        top:70px !important;
    }
    
    .center{
        width: 100%;
        padding: 0px 10px;
    }
     .sticky2{
           background-color: rgba(241,131,32,.93) !important;
            opacity: 1 !important;
            top: -04px !important;
    }

    .main_h nav ul{
        text-align: left !important;
        margin-left: 30px;
    }
    
    .owl-nav{
        display: none;
    }
    .pad{
        padding: 0;
    }
    .operacaopanel{
        position: relative;
        bottom: auto;
        padding: 15px 0;
    }
    
    .branco,.branco2,.branco3,.branco4{
        height: auto !important;
        padding: 45px 0 !important;

    }
    .cnpj{
        text-align: center;
    }
    .cnpj span{
        font-size: 12px;
    }
    .mapa{height: auto;}

    .form-group .row{
        padding: 0 20px;
    }
    
    .portal{
        
        margin: 0 auto;
        position: relative;
        padding: 0;
        margin: 0;
        margin-bottom: 25px;
    }
    
    .portal{
        padding: 50px 0;
        margin: 0;
        width: 100%;
        box-shadow: none;
    }
    .portal .row{
        padding: 0 20px;
        margin: 0px ;
    }
    .portal .row div{
        margin-left: 0px !important;
        
    }
    .portal .row input{
        width: 100%;
    }

    .topo,.preload{
        height: 30vh;
    }

    .mapainter{
        min-height: 50vh;
    }
    .mapainter .maps{
        height: 320px;
    }

    .operacaoicone {
        width: 100%;
        padding: 4px;
    }
}

@media only screen and (max-width: 1025px) {
    .center{
        width: 100%;
        padding: 0px 20px;
    }

}


/* Small Devices, Tablets */

@media only screen and (max-width: 768px) {

    .interna{
        background-image: url('/img/int2.jpg');
        background-size: 100% 260px;
    }
    
    .mapainter{
        min-height: 40vh;
    }
    .mapainter .maps {
        height: 200px;
    }
    .squareinter {
        padding: 0px;
    }
    .galeriainter.miniaturas img {
        width: 100%;
    }
    .titulomissao {
        float: none;
        padding: 20px 0px 20px 0px;
        border-right: 0px none transparent;
        border-bottom: 6px solid #f17920;
        margin-right:0px;
        margin-bottom: 20px;
    }
    .programacaotable, .tabelaprogramacao2, .tabelasprog {
        overflow: auto;
    }

    .operacaoicone {
        width: 100%;
        padding: 4px;
    }

    .back {
        top: auto;
    }
}


@media only screen and (max-width: 480px) {
    .esconde{display: none !important;}
}
/* Extra Small Devices, Phones */

@media only screen and (max-width: 480px) {

    .mobile-pl3em {
        padding-left: 3rem;
    }
    
    .titulointer {
        margin-top: 1em;
    }

    .squareinter {
        margin-top: 3em;
    }
    
    .titulosection h3 {
        font-size: 1.6em;
    }
    
    .progvslcontent {
        width: 100%;
    }
}


/* Custom, iPhone Retina */

@media only screen and (max-width: 320px) {

}