
/********************************AJUSTANDO RESOLUÇÃO PARA DISPOSITIVOS DE ATÉ 1920X ******************************************/
@media only screen and (max-width: 2560px) {

    ul.nav.navbar-nav{

        margin-left: 38%;

    }

    .boxquemsomos{
        margin-left: 8%;        
    }

    .box{
        margin-left: 10%;        
    }

    #faixa1 {

        height: 535px;

    }
    


/********************************AJUSTANDO RESOLUÇÃO PARA DISPOSITIVOS DE ATÉ 1920X ******************************************/
@media only screen and (max-width: 1920px) {

    ul.nav.navbar-nav{

        margin-left: 34%;

    }


    .boxquemsomos{
        margin-left: 5%;        
    }

    .box{
        margin-left: 5%;        
    }

    #faixa1 {

        height: 435px;

    }


    /********************************AJUSTANDO RESOLUÇÃO PARA DISPOSITIVOS DE ATÉ 1920X ******************************************/
@media only screen and (max-width: 1440px) {

    ul.nav.navbar-nav{

        margin-left: 34%;

    }


    .boxquemsomos{
        margin-left: -1%;        
    }

    .box{
        margin-left: -2%;        
    }

    #faixa1 {

        height: 350px;

    }
    
    
/********************************AJUSTANDO RESOLUÇÃO PARA DISPOSITIVOS DE ATÉ 1366PX ******************************************/
@media only screen and (max-width: 1366px) {


    /* QUEM SOMOS */
    #quemsomos{
        left: 10px;
    }
    
    .boxquemsomos{
        margin-left: -15px;        
    }
    
    ul.efeito-boxquemsomos li{
        width: 280px;
        height: 280px;
    }

    .conteudoquemsomos i{

        margin-left: -200px;

    }

    .conteudoquemsomos p{

        margin-top: 0px;
        margin-left: -5px;
    }

    /* FIM QUEM SOMOS */
    
    
    /* SERVIÇOS */

    .box{
        margin-left: -32px;
    }

     /* FIM SERVIÇOS */

     #faixa1 {

        height: 350px;

    }

}



/*****************************************************************************************************************************/
/********************************AJUSTANDO RESOLUÇÃO PARA DISPOSITIVOS DE ATÉ 1280PX ********************************************/
@media only screen and (max-width: 1280px) {

    header #logo{
        
        left: 10px;

    }

    ul.nav.navbar-nav{
        margin-left: 31%;
    }
    
   
    /* QUEM SOMOS */
    #quemsomos{
        left: 10px;
    }
    
    .boxquemsomos{
        margin-left: -37px;        
    }
    
    ul.efeito-boxquemsomos li{
        width: 280px;
        height: 280px;
    }

    .conteudoquemsomos i{

        margin-left: -200px;

    }

    .conteudoquemsomos p{

        margin-top: 0px;
        margin-left: -5px;
    }

    /* FIM QUEM SOMOS */
    
    
    /* SERVIÇOS */

    .box{
        margin-left: -5%;
    }

    #faixa1 {

        height: 350px;

    }

     /* FIM SERVIÇOS */

     .fotter #logorodape{
        
        z-index: 800;
    }
}

/*****************************************************************************************************************************/
/********************************AJUSTANDO RESOLUÇÃO PARA DISPOSITIVOS DE ATÉ 1024PX ********************************************/
@media only screen and (max-width: 1024px) {

    header .topo{
        width: 104%;
    }

    header #logo{
        
        left: 38%;   
   
     }
    

    /* reduzindo o tamanho do body para a ajustar a tela */
    
    body{
      width: 95%;  
    }

    .pull-right{

        display: none;

    }
    
    /* ajustando menu no modo responsivo */

    nav.navbar.navbar-inverse{
        width: 104%;
        height: 200px!important;
    }

    ul.nav.navbar-nav{
        margin-left: -9px;
        font-size: 17px;
        margin-top: 150px;
        margin-left: 150px;
    }

    /* ajustando o tamanho do slide */
    .callbacks_container {
        
        width: 105%;
  
    }

    /* QUEM SOMOS */
    #quemsomos{
        left: 50px;
    }
    

    .boxquemsomos{
        margin-left: 58px;        
    }


    /* ajustando o tamnho da div responsavel pelas noticias */
    /* titulo */
    #noticias{ 
       margin-left: 25px;
    }

    /* conteudo */
    .corpo-noticias { 
       width: 106%;
    }

    /* ajustando produtos.php e informacoes empresa.php */
       /* conteudo */
    .corpo-produto { 
    width: 106%;
    }


    /* Box Serviços */

   .box{
        left: 18px;
        margin-left: -90px;        
    }
    
    ul.efeito-box li{
        width: 305px;
   
    }

    .conteudo i{
        margin-left: -250px;
    }
    /*Fim do Box Serviços */


    .conteudo h4{

        padding-left: 30px;

    }

    #servicos{

        left: -16px;
        width: 105%;
    }

    #servicos h2{
        
        margin-left: 20px;
    }

    #servicos hr{
        
        left: 15px;
    }

    #escritorio h2{

        margin-left: 20px;
    }

    #escritorio hr{
        
        left: 15px;
    }

    #faixa1{
        width: 105%;

    }

    #fotos{
        padding-top: 54px;
        margin-left: 54px;
    }

    #faleconosco hr{
        
        left: 15px;
    }


    /* Reduzindo o Tamanho do Google Maps para Caber na tela */
    .tamanhomap {
        width: 730px;
    }

    /* ajustando o captcha - fale conosco */
    img#captcha{
        width: 20%;
    }

    /* ajustando o footer - rodape */

    footer .row-linha1{

        width: 105%;
        margin-left: 0px;

    }


    footer .col-rsociais{

        margin-left: 165px;

    }

    footer #logorodape{

        margin-left: -16px;
        z-index: 800;
    }

    .busca{
        width:  106%;

    }

    .botao-whatsapp {

        top: 0%;
        

    }

    .botao-whatsapp{

        top: -9px; 
        margin-top: 5px;
        width: 116px;
        padding-left: 15px;
 
      }
 
      .fb-share-button{
 
         top: -9px!important; 
 
      }



}

/*****************************************************************************************************************************/
/********************************AJUSTANDO RESOLUÇÃO PARA DISPOSITIVOS DE ATÉ 960PX ********************************************/
@media only screen and (max-width: 960px) {


   header #logo{
        
    left: 259px;
  
 
   }

    /* ajustando menu no modo responsivo */

    ul.nav.navbar-nav{
        margin-left: 105px;
        font-size:15px;
       
       
    }

    nav.navbar.navbar-inverse{       
        top: -144px;
    }



    #quemsomos{

        margin-left: -17px;

    }

    .boxquemsomos{
        margin-left: 46px;        
    }

    
    /* ajustando o tamnho da div responsavel pelas noticias */

    #noticias h2{

    left: -144px

    }

    #noticias hr{

        left: -144px
    }


    #noticias{ 
        margin-left: 95px;
     }

     /* conteudo */
     .corpo-noticias { 
        width: 100%;
     }
 
     /* ajustando produtos.php e informacoes empresa.php */
        /* conteudo */
    .corpo-produto { 
        width: 100%;
     }



    #faleconosco .googlemaps{

        margin-top: -273px

    }
 

    /* Box Serviços */

   .box{
        left: 18px;
        margin-left: -100px;        
    }

    ul.efeito-box li{
        width: 295px;

    }

    .conteudo i{
        margin-left: -240px;
    } 


    .conteudo h4{
        font-size: 20px;
        padding-left: 30px;

    }

    /* fim do box servicos */

    #faixa1{

    height: 402px;

    }

    /* Reduzindo o Tamanho do Google Maps para Caber na tela */
    .tamanhomap {
        margin-top: 18px;  
        width: 492px;
        height: 248px;
        margin-left: 15px;
    }       

    /*Fim do Box Serviços */

    /* ajustando o captcha - fale conosco */
    img#captcha{
        width: 27%;
    }

    
    /* ocultando a div responsável pelas fotos no quem somos */ 

    .pessoas-quemsomos{
        
      display:none;
        
    }

    /* Ajustando o Rodape */

    footer .row-linha1{
        height: 570px;
    }



    footer #logorodape{
      position: absolute;
      margin-left: -97px;
      margin-top: 130px;  
      z-index: 800;
    }

    footer .col-rodape-centro{ 
        margin-top: 29px; 
        margin-left: 212px;
    }


    footer .col-rsociais{ 
        margin-top: 20px; 
        margin-left: 212px;
    }

    .btnpergunta {

       margin-left: -63px;

    }




}

/*****************************************************************************************************************************/
/********************************AJUSTANDO RESOLUÇÃO PARA DISPOSITIVOS DE ATÉ 812PX -IPHONE X WIDSCREEN************************/

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

    header #logo{
        
      left: 272px;
      width: 25%;
 
   }

       /* ajustando menu no modo responsivo */

       ul.nav.navbar-nav{
        margin-left: 249px;
        font-size:15px;
       
    }

    nav.navbar.navbar-inverse{       
        height: 154px!important;
    }

    /* ajustando menu no modo responsivo */

    nav.navbar.navbar-inverse{
        top: -105px;
    }


    ul.nav.navbar-nav{
        margin-left: 22px;
        margin-top: 112px;
        
    
      
    }


    #quemsomos{
        
        margin-left: -43px;
        
    }

    .boxquemsomos{
        margin-left: 14px;        
    }

    .busca{
        width:  107%;

    }

    /* ajustando o tamnho da div responsavel pelas noticias */

    #noticias{ 
        margin-left: 24px;
    }   

    #noticias h2{

        left: 0px
    
        }
    
        #noticias hr{
    
            left: 0px
        }
    

    /* Box Serviços */

    .box{
        left: -214px;
        margin-left: 356px;        
    }

    /* fim do box servicos */

        
    /* noticias.php */

    #noticias.row.text-center.noticias{

        margin-left: -40px;

    }

    .corpo-noticias{

        margin-right: -40px;           
        width: 107%;
     

    }

    .corpo-produto{

        width: 106%;

    }

    #fotos{
        padding-top: 30px;
        margin-left: 40px;
    }

    #faixa1{
        height: 324px;
    }

    /* titulo empresa.php / produto.php */

    h2.tituloproduto{

        top: 6px!important;

    }

    hr.tituloproduto {
        
        top: 6px!important;

    }       


    /* Reduzindo o Tamanho do Google Maps para Caber na tela */
    .tamanhomap {
        margin-top: 18px;  
        width: 490px;
        height: 243px;
        margin-left: 15px;
    }
    
    footer .row-linha1{

        height: 750px;

    }
        
    footer #logorodape{
        position: absolute;
        margin-left: 227px;
        margin-top: 29px; 
        width: 31%;
        z-index: 800;

    }

    footer .col-rodape-centro{

        margin-top: 200px;
        margin-left: 7px;
    } 

    footer .col-rsociais{
                     
        margin-left: 7px;
    } 

}




/*****************************************************************************************************************************/
/********************************AJUSTANDO RESOLUÇÃO PARA DISPOSITIVOS DE ATÉ 800PX  - NEXUS 10********************************/
@media only screen and (max-width: 800px) {

    header #logo{
        
      left: 272px;
      width: 25%;
 
   }

    /* ajustando menu no modo responsivo */

    nav.navbar.navbar-inverse{
        top: -105px;
    }


    ul.nav.navbar-nav{
        margin-left: 13px;
        font-size: 15px;
        margin-top: 112px;     
    }


    #quemsomos{
        
        margin-left: -43px;
        
    }

    .boxquemsomos{
        margin-left: 14px;        
    }

    /* ajustando o tamnho da div responsavel pelas noticias */

    #noticias{ 
        margin-left: 24px;
    }   
    

    /* Box Serviços */

    .box{
        left: -214px;
        margin-left: 356px;        
    }

    /* fim do box servicos */

        
    /* noticias.php */

    #noticias.row.text-center.noticias{

        margin-left: -40px;

    }

    .corpo-noticias{

        margin-right: -40px;           
        width: 107%;
     

    }

    .corpo-produto{

        width: 106%;

    }

    #fotos{
        padding-top: 30px;
        margin-left: 40px;
    }

    #faixa1{
        height: 324px;
    }

    /* titulo empresa.php / produto.php */

    h2.tituloproduto{

        top: 6px!important;

    }

    hr.tituloproduto {
        
        top: 6px!important;

    }       


    /* Reduzindo o Tamanho do Google Maps para Caber na tela */
    .tamanhomap {
        margin-top: 18px;  
        width: 490px;
        height: 243px;
        margin-left: 15px;
    }
    
    footer .row-linha1{

        height: 750px;

    }
        
    footer #logorodape{
        position: absolute;
        margin-left: 227px;
        margin-top: 29px; 
        width: 31%;
        z-index: 800;
    }

    footer .col-rodape-centro{

        margin-top: 200px;
        margin-left: 7px;
    } 

    footer .col-rsociais{
                     
        margin-left: 7px;
    } 

}

/*****************************************************************************************************************************/
/********************************AJUSTANDO RESOLUÇÃO PARA DISPOSITIVOS DE ATÉ 768PX ********************************************/
@media only screen and (max-width: 768px) {

    ul.nav.navbar-nav{
        margin-left: -9px;
        font-size: 14px;
        margin-top: 112px!important;
        
    }

    #quemsomos{
        
        margin-left: -17px;
        
    }

    .boxquemsomos{

        margin-left: -18px; 

    }

    /* ajustando o tamnho da div responsavel pelas noticias */

    #noticias{ 
        margin-left: 10px;
    }   

    /* noticias.php */
   
    .corpo-noticias{

        margin-right: -20px;
        width: 103%;

    }


    /* ajustando a caixa produtos.php empresa.php */

    .corpo-produto{

        margin-left: -12px;
    }


    .box{

        left: -237px;
    }

    #fotos{    
        margin-left: 39px;
    }

    footer #logorodape{
        position: absolute;
        margin-left: 227px;
        margin-top: 29px; 
        width: 31%;
        z-index: 800;
    }

    .busca{
        width:  103%;
    }

}

/*****************************************************************************************************************************/
/********************************AJUSTANDO RESOLUÇÃO PARA DISPOSITIVOS DE ATÉ 399PX ********************************************/
@media only screen and (max-width: 757px) {

    header .topo{
        position: fixed;
        z-index: 813; 
 
     }
 
     header #logo{
         
       left: 208px;
       width: 35%;
       z-index: 813;
       top: 56px;
  
    }
 
     /* desabilitando a barra responsavel pelas redes sociais no header */
 
     header .pull-left,
     header .pull-right{
 
         display: none;
 
     }
     /* ajustando menu no modo responsivo */   
     
     nav.navbar.navbar-inverse{
         top: -86x;
         z-index: 812;
         
     }
 
     ul.nav.navbar-nav{
         display: none;
     }
 
     /* adicionando o menu responsivo */
 
     header #menu-responsivo {
         position: fixed;
         top: 50px;
         background-color: #fff;
         width: 70%;
         height: 100%;
         left: -90%;
         z-index: 813;
     }
     header.open-menu #logo {
         display:none;
         position: fixed;
         top: 47px;
         height: 95px;
         left: 14%;
         z-index: 2000;
         width: 19%;
         height: 19%;
         /* transform: rotate(360deg);*/
     }
     header.open-menu #menu-responsivo {
         left: 0;
         text-align: center;
         border-top: #CCC 1px solid;
         border-bottom: #CCC 1px solid;
         margin: 20px 20px 20px 0px;
         transition: 1s;
         top: 30px;
         height: 100%!important;
     }
     header.open-menu #menu-responsivo ul {
         padding-top: 0px;
     }
     header.open-menu #menu-responsivo li {
         text-align: center;
         border-top: #CCC 1px solid;
         margin: 0px;
         padding: 9px;
     }
     header.open-menu #menu-responsivo li:last-child {
         border-bottom: #CCC 1px solid;
          padding: 9px;
     }
     header.open-menu #menu-responsivo li a {
         color: black;
         font-family: 'OpenSans';
         font-size: 16px;
         padding: 10px;
     }
    /* header.open-menu .menu-close {
         position: fixed;
         height: 50px;
         bottom: 0px;
         transition-property: transform;
         background-color: rgba(0, 77, 122, 0.9); 
         width: 70%; 
     }*/
     
     /*header.open-menu .menu-close .btn-close {
         background: none;
         border: none;
         color: white;
         font-size: 35px;
     }*/
 
 
     .menu-close {
 
         display:none;
 
     }
     header.open-menu #menu-responsivo-transparencia {
         position: fixed;
         height: 100%;
         background-color: rgba(0, 0, 0, .5);
         top: 0;
         left: 0;
         z-index: 813;
         width: 100%;
     }
     header #busca-mobile {
         transition: 1s;
         top: -30px;
         position: fixed;
         width: 77%;
         left: 11%;
         background-color: #000;
         height: 30px;
         color: #fff;
         border: none;
         outline: 0;
     }
     header.open-search #busca-mobile {
         top: 15px;
         position: relative;
     }
 
     
     /*************************/
     #btn-menu,
     #btn-busca {
         background: none;
         border: none;
         color: #fff;
         font-size: 22px;
         position: fixed;
         top: 15px;
         display: block;
     }
     #btn-menu {
         position: fixed;
         left: 5px;
         top: 1px;
         z-index: 1800;
     }
     #btn-busca {
         display:none;
         right: 5px;
     }

     .botao-whatsapp{

       top: -9px; 
       margin-top: 5px;
       width: 116px;
       padding-left: 15px;

     }

     .fb-share-button{

        top: -9px!important; 

     }

}


/*****************************************************************************************************************************/
/********************************AJUSTANDO RESOLUÇÃO PARA DISPOSITIVOS DE ATÉ 736PX ********************************************/
@media only screen and (max-width: 736px) {

    header .topo{
       position: fixed;
       z-index: 813; 

    }

    header #logo{
        
      left: 208px;
      width: 35%;
      z-index: 813;
      top: 56px;
 
   }

    /* desabilitando a barra responsavel pelas redes sociais no header */

    header .pull-left,
    header .pull-right{

        display: none;

    }
    /* ajustando menu no modo responsivo */   
    
    nav.navbar.navbar-inverse{
        top: -86x;
        z-index: 812;
        
    }

    ul.nav.navbar-nav{
        display: none;
    }

    /* adicionando o menu responsivo */

    header #menu-responsivo {
        position: fixed;
        top: 50px;
        background-color: #fff;
        width: 70%;
        height: 100%;
        left: -90%;
        z-index: 813;
    }
    header.open-menu #logo {
        display:none;
        position: fixed;
        top: 47px;
        height: 95px;
        left: 14%;
        z-index: 2000;
        width: 19%;
        height: 19%;
        /* transform: rotate(360deg);*/
    }
    header.open-menu #menu-responsivo {
        left: 0;
        text-align: center;
        border-top: #CCC 1px solid;
        border-bottom: #CCC 1px solid;
        margin: 20px 20px 20px 0px;
        transition: 1s;
        top: 30px;
        height: 100%!important;
    }
    header.open-menu #menu-responsivo ul {
        padding-top: 0px;
    }
    header.open-menu #menu-responsivo li {
        text-align: center;
        border-top: #CCC 1px solid;
        margin: 0px;
        padding: 9px;
    }
    header.open-menu #menu-responsivo li:last-child {
        border-bottom: #CCC 1px solid;
         padding: 9px;
    }
    header.open-menu #menu-responsivo li a {
        color: black;
        font-family: 'OpenSans';
        font-size: 16px;
        padding: 10px;
    }
   /* header.open-menu .menu-close {
        position: fixed;
        height: 50px;
        bottom: 0px;
        transition-property: transform;
        background-color: rgba(0, 77, 122, 0.9); 
        width: 70%; 
    }*/
    
    /*header.open-menu .menu-close .btn-close {
        background: none;
        border: none;
        color: white;
        font-size: 35px;
    }*/


    .menu-close {

        display:none;

    }
    header.open-menu #menu-responsivo-transparencia {
        position: fixed;
        height: 100%;
        background-color: rgba(0, 0, 0, .5);
        top: 0;
        left: 0;
        z-index: 813;
        width: 100%;
    }
    header #busca-mobile {
        transition: 1s;
        top: -30px;
        position: fixed;
        width: 77%;
        left: 11%;
        background-color: #000;
        height: 30px;
        color: #fff;
        border: none;
        outline: 0;
    }
    header.open-search #busca-mobile {
        top: 15px;
        position: relative;
    }

    
    /*************************/
    #btn-menu,
    #btn-busca {
        background: none;
        border: none;
        color: #fff;
        font-size: 22px;
        position: fixed;
        top: 15px;
        display: block;
    }
    #btn-menu {
        position: fixed;
        left: 5px;
        top: 1px;
        z-index: 1800;
    }
    #btn-busca {
        display:none;
        right: 5px;
    }

    /* ajustando o tamanho do slide */
    .callbacks img{
        
        margin-top: 106px;
    }


    #quemsomos{
        
        margin-left: -36px; 
        
    }

    .boxquemsomos{
        
        margin-left: -17px; 
        
    }

    /* ajustando o tamnho da div responsavel pelas noticias */

    #noticias{

        margin-left: 10px;
    }   

    .owl-carousel.owl-theme.owl-loaded.owl-drag{
        margin-left: 11px;
    }

    /* noticias.php */

    /* titulo */
    #noticias.row.text-center.noticias{    
        margin-left: 15px;  
    }

    /* noticiasview.php */

    h2.titulonoticias{        
        margin-top: 39px;
    }        


     /* titulo empresa.php / produto.php */

     h2.tituloproduto{

      top: -6px!important;
      margin-left: 35px;

    }
        
    hr.tituloproduto {
        
        top: -6px!important;
        margin-left: 269px!important;

    }    
    
    .corpo-produto{

        margin-left:-2px;

    }

    .box{
        
        margin-left: 341px; 
        
    }

    #fotos{    
        margin-left: 27px;
    }

    #faleconosco .googlemaps{
        display: none;
    }

    #showGoogleMaps.panel-body{

        padding-left: 65px;

    }

    /* ajustando o captcha - fale conosco */
    img#captcha{
        width: 30%;
    }

    footer #logorodape{
        position: absolute;
        margin-left: 227px;
        margin-top: 29px; 
        width: 31%;
        z-index: 800;
    }

}

/*****************************************************************************************************************************/
/********************************AJUSTANDO RESOLUÇÃO PARA DISPOSITIVOS DE ATÉ 732PX ********************************************/
@media only screen and (max-width: 732px) {


    .boxquemsomos{
        
        margin-left: -33px; 
        
    }

    .box{
        
        margin-left: 306px; 
        
    }

        /* ajustando o titulo de quem somos pagina empresa e produto.php */
        h2.tituloproduto{       
            
            top: 8px!important;
            
        }
      
      
        hr.tituloproduto{
    
            top: 6px!important;    

        }

        .corpo-produto{
            
            margin-left: 0px;
            
        }

        footer #logorodape{
        
            margin-left: 199px;
            z-index: 800;

        }

}

/*****************************************************************************************************************************/
/********************************AJUSTANDO RESOLUÇÃO PARA DISPOSITIVOS DE ATÉ 667PX ********************************************/ 
@media only screen and (max-width: 667px) {

    header .topo{

        height: 62px;

    }

    
    header #logo{
        
      left: 200px;
      top: 75px;  
 
   }

    /* ajustando menu no modo responsivo */   
    
    nav.navbar.navbar-inverse{
        top: -76px;
        margin-top: 12px;
    }

    #btn-menu {
        top: 5px;
    }

    #menu-responsivo.visible-xs{

        top: 42px!important;

    }

    .boxquemsomos{
        
        margin-left: -34px; 
        
    }

    #noticias{

        margin-left: 1px;


    }

    /* ajustando o tamanho do slide */
    .callbacks img{
        
        margin-top: 119px;
    }

    #quemsomos{
        margin-left: -30px;
    }

    .boxquemsomos{
        margin-left: -43px;
    }

    .box{
        margin-left: 310px;
    }

    	
    #showGoogleMaps.panel-body{
        
      padding-left: 35px;
        
    }


    /* ajustando o captcha - fale conosco */
    img#captcha{
        width: 34%;
    }

    .corpo-noticias-resumo{

        padding-left: 9%;
        padding-right: 10%;

    }

}

/*****************************************************************************************************************************/
/********************************AJUSTANDO RESOLUÇÃO PARA DISPOSITIVOS DE ATÉ 640PX ********************************************/
@media only screen and (max-width: 640px) {

    header #logo{        
        left : 185px;   
        top: 73px;     
    }

    
    /* ajustando menu no modo responsivo */   
    
    nav.navbar.navbar-inverse{
        top: -68px;
        margin-top: 12px;
    }

    #quemsomos{
        margin-left: -36px;
    }

    .boxquemsomos{
        margin-left: -46px;
    }

    .box{
        margin-left: 293px;
    }

    /* ajustando o captcha - fale conosco */
    img#captcha{
        width: 35%;
    }

    #fotos{    
        margin-left: 27px;
    }

    #faixa1{

        height: 272px;
    }


    /* ajustado o titulo de noticiasview.php */

    hr.titulonoticias{
        
     margin-bottom: 35px!important;
        
    }

    #showGoogleMaps.panel-body{
        
      padding-left: 15px;

    }

    footer #logorodape{
         margin-left: 194px;        
         z-index: 800;
    }


    /* ajustando o titulo de quem somos pagina empresa e produto.php */
    h2.tituloproduto{       
        
        top: 8px!important;
        
    }
  
  
    hr.tituloproduto{

        top: 6px!important;
        margin-left: 218px!important;

    }

}

/*****************************************************************************************************************************/
/********************************AJUSTANDO RESOLUÇÃO PARA DISPOSITIVOS DE ATÉ 600PX ********************************************/
@media only screen and (max-width: 600px) {

    header #logo{
        
        left : 176px;
        top: 80px;
        
    }

    /* ajustando menu no modo responsivo */   
    
    nav.navbar.navbar-inverse{
        top: -62px;
        margin-top: 12px;
    }

    /* ajustando o tamanho do slide */
    .callbacks img{

        margin-top: 132px;
    }

    #quemsomos{
        margin-left: -36px;
    }

    .boxquemsomos{
        margin-left: 70px;
    }

    .box{
        margin-left: 272px;
    }

    /* ajustando o captcha - fale conosco */
    img#captcha{
        width: 38%;
    }

    #fotos{    
        margin-left: 27px;
    }

    #faixa1{
        height: 255px;
    }

    .corpo-produto{
        
        margin-left: 1px;
        
    }

    /* ajustando a linha de empresas.php, quemsomos.php*/
    hr.tituloproduto {
        
        top: 11px!important;
        margin-left: 205px!important;

    }    

    #showGoogleMaps.panel-body{
        
        padding-left: 0px;
        
    }

}

/**********************************************************SMARTPHONES*************************************************************/
/********************************************************************************************************************************/
/**********************************AJUSTANDO RESOLUÇÃO PARA DISPOSITIVOS DE ATÉ 568PX ********************************************/
@media only screen and (max-width: 568px) {

    header #logo{

        left : 170px;

    }

    /* ajustando menu no modo responsivo */      
    nav.navbar.navbar-inverse{
        top: -181px;
        margin-top: 139px;
    }

    /* ajustando o tamanho do slide */
    .callbacks img{
    
        margin-top: 11px;
    }

    .busca{

        margin-bottom: 15px;
    }
                

    .boxquemsomos{

        margin-left: 57px;

    }

    .box{
        margin-left: 255px;
    }

    #fotos{    
        margin-left: 18px;
        padding-top: 46px;
    }

    #faixa1{        
        height: 285px;
    }

    /* ajustando o captcha - fale conosco */
    img#captcha{
        width: 40%;
    }

    #showGoogleMaps.panel-body{
        
        display:none;
        
    }

    .fb-share-button{

        top: -5px!important; 

     }


}
/******************************************************************************************************************************/
/********************************AJUSTANDO RESOLUÇÃO PARA DISPOSITIVOS DE ATÉ 533PX ********************************************/
@media only screen and (max-width: 533px) {

    header #logo{        
        left : 159px;
        top: 90px;
    }


    /* ajustando o tamanho do slide */
    .callbacks img{
        
        margin-top: 33px;
    }

    /* ajustando menu no modo responsivo */      
    nav.navbar.navbar-inverse{
        top: -159px;
        margin-top: 124px;
    }

  
    .boxquemsomos{        
        margin-left: 44px;        
    }

    .box{
        margin-left: 243px;
    }

    .btnpergunta {

        margin-left: -79px; 
     }
 

    /* ajustando o captcha - fale conosco */
    img#captcha{
        width: 43%;
    }

    #faixa1{        
        height: 275px;
    }

        
   
    #escritorio hr{
        
        left: 6px;

    }

    #faleconosco hr{

        left: 6px;

    }

    /* rodape  logo*/
    footer #logorodape{
        position: absolute;
        margin-left: 145px;
        margin-top: 38px; 
        width: 37%;
        z-index: 800;
      }

    /* ajustando a linha de empresas.php, quemsomos.php*/
    h2.tituloproduto {
        
        top: 11px!important;
        margin-left: 91px!important;
        left: -13px;
    }  
    

    /* ajustando a linha de empresas.php, quemsomos.php*/
    hr.tituloproduto {
        
        top: 11px!important;
        margin-left: 189px!important;

    }  
    

}

/**********************************************************SMARTPHONES*************************************************************/
/********************************************************************************************************************************/
/**********************************AJUSTANDO RESOLUÇÃO PARA DISPOSITIVOS DE ATÉ 480PX ********************************************/
@media only screen and (max-width: 480px) {

    header #logo{        
        left : 149px;
        top: 88px;
    }   
        

    /* ajustando menu no modo responsivo */      
    nav.navbar.navbar-inverse{
        top: -123px;
        margin-top: 98px;
    }

    /* ajustando o tamanho do slide */
    .callbacks_container{
        
        margin-top: -282px;
    }

    /* ajustando o tamanho do slide */
    .callbacks img{
        
        margin-top: 61px;
    }

    .boxquemsomos{        
        margin-left: 15px;        
    }

    .box{
        margin-left: 214px;
    }


    /* ajustando o captcha - fale conosco */
    img#captcha{
        width: 48%;
    }

    
    footer #logorodape{
        position: absolute;
        margin-left: 135px;
        margin-top: 50px; 
        width: 37%;
        z-index: 800;
      }

    footer .col-rodape-centro {
        margin-left: 5px;
    }

    /* ajustando a linha de empresas.php, quemsomos.php*/
    h2.tituloproduto {
        
        top: 11px!important;
        margin-left: 81px!important;
        left: -13px;
    }  
        


    /* ajustando a linha de empresas.php, quemsomos.php*/
    hr.tituloproduto {
        
        top: 11px!important;
        margin-left: 155px!important;

    }  

    .busca {

        height: 120px;

    }

    .btnpergunta {

       margin-left:-204px;
       margin-top: 51px;
    }

}

/*****************************************************************************************************************************/
/********************************AJUSTANDO RESOLUÇÃO PARA DISPOSITIVOS DE ATÉ 414PX ********************************************/
@media only screen and (max-width: 414px) {


    header #logo{        
        left : 124px;
        top: 96px;
    }
        

    /* ajustando menu no modo responsivo */      
    nav.navbar.navbar-inverse{
        top: -88px;
        margin-top: 74px;
    }

    /* ajustando o tamanho do slide */
    .callbacks img{
    
    margin-top: 106px;
    }

    .boxquemsomos{
        margin-left: -15px;
    }

    .box{
        margin-left: 185px;
    }

    .corpo-produto{
        
        margin-left: 3px;
        
    }

    hr.tituloproduto{
        
        margin-left: 131px!important;

    }

    #fotos{    
        margin-left: 10px;
        padding-top: 78px;
    }

    /* ajustando o captcha - fale conosco */
    img#captcha{
        width: 57%;
    }

    /* Ajustando o Rodape */

    footer .row-linha1{
        height: 700px;
    }


    footer #logorodape{
      position: absolute;
      margin-left: 113px;
      margin-top: 15px; 
      z-index: 800; 
    }

    footer .col-rodape-centro{ 
        margin-top: 132px; 
        margin-left: 4px;
    }


    footer .col-rsociais{ 
        margin-top: 20px; 
        margin-left: 4px;
    }

    .btnpergunta {

        margin-left:-180px;
        margin-top: 51px;
     }



}


/*****************************************************************************************************************************/
/********************************AJUSTANDO RESOLUÇÃO PARA DISPOSITIVOS DE ATÉ 399PX ********************************************/
@media only screen and (max-width: 399px) {

    #faixa1{
        height: 300px;

    }


    #fotos{    
        margin-left: 10px;
        padding-top: 10px;
    }

}

/*****************************************************************************************************************************/
/********************************AJUSTANDO RESOLUÇÃO PARA DISPOSITIVOS DE ATÉ 384PX ********************************************/
@media only screen and (max-width: 384px) {


    header #logo{        
        left : 115px;
        top: 100px;
    }
        

    /* ajustando menu no modo responsivo */      
    nav.navbar.navbar-inverse{
        top: -66px;
        margin-top: 60px;
    }

    .cycle-slideshow { 
         top: -6px;     
    }

    /* ajustando o tamanho do slide */
    .callbacks img{
        
        margin-top: 126px;
        }

    #quemsomos{

        margin-left: -46px;

    }

    .boxquemsomos{
        margin-left: -26px;
    }

    .box{
        margin-left: 171px;
    }

    .corpo-produto{
        
        margin-left: 0px;
        
            }

    #fotos{    
        margin-left: 10px;
        padding-top: 78px;
    }

    /* ajustando o captcha - fale conosco */
    img#captcha{
        width: 63%;
    }

    /* Ajustando o logo Rodape */

   footer #logorodape{
      position: absolute;
      margin-left: 100px;
      margin-top: 15px;  
      z-index: 800;
    }

    #faixa1{        
        height: 359px;
    }


    #fotos{

        padding-top: 51px;

    }

     
    hr.tituloproduto{

        margin-left: 109px!important;

    }
  
}

/*****************************************************************************************************************************/
/********************************AJUSTANDO RESOLUÇÃO PARA DISPOSITIVOS DE ATÉ 375PX ********************************************/
@media only screen and (max-width: 375px) {

    header #logo{        
        left : 100px;
        top: 92px;
        width: 40%;
    }      
       

    /* ajustando menu no modo responsivo */      
    nav.navbar.navbar-inverse{
        top: -60px;
        margin-top: 46px;
    }

    /* ajustando o tamanho do slide */
    .callbacks img{
        
        margin-top: 132px;
    }

    /* ajustando o captcha - fale conosco */
    img#captcha{
        width: 65%;
    }
    
    #noticias {        
        margin-left: 0px;        
    }

    /* ajustando a linha de empresas.php, quemsomos.php*/
    h2.tituloproduto {
        
        top: 11px!important;
        margin-left: 65px!important;
        left: -13px;
    }  
        


    /* ajustando a linha de empresas.php, quemsomos.php*/
    hr.tituloproduto {
        
        top: 11px!important;
        margin-left: 109px!important;

    } 
    
    .busca{

        width: 107%;
    }

}

/*****************************************************************************************************************************/
/********************************AJUSTANDO RESOLUÇÃO PARA DISPOSITIVOS DE ATÉ 360PX ********************************************/
@media only screen and (max-width: 360px) {

    header #logo{        
        left : 92px;
        top: 96px;
        width: 40%;
    }      

    /* ajustando menu no modo responsivo */      
    nav.navbar.navbar-inverse{
        top: -50px;
        margin-top: 39px;
    }

    
    /* ajustando o tamanho do slide */
    .callbacks_container{
        
        margin-top: -274px;
    }


    /* ajustando o tamanho do slide */
    .callbacks img{
        
        margin-top: 142px;
    }

    .boxquemsomos{
        margin-left: -35px;
    }

    /* ajustando o captcha - fale conosco */
    img#captcha{
        width: 68%;
    }


    #noticias {
        
        margin-left: 0px;
        
    }

    .box{

        margin-left: 162px;

    }

    #fotos{    
        margin-left: 7px;
        padding-top: 36px;
    }
    #faixa1{        
        height: 300px;
    }

    
    /* ajustando a linha de empresas.php, quemsomos.php*/
    h2.tituloproduto {
        
        top: 11px!important;
        margin-left: 64px!important;
        left: -13px;
    }         


    /* ajustando a linha de empresas.php, quemsomos.php*/
    hr.tituloproduto {
        
        top: 11px!important;
        margin-left: 99px!important;

    }  

    .corpo-noticias{

        width: 107%;

    }

    
        /* Ajustando o logo Rodape */

        footer #logorodape{
           
            margin-left: 89px;
            z-index: 800;
        }


}

/**********************************************************************************************************************************/
/***********************************AJUSTANDO RESOLUÇÃO PARA DISPOSITIVOS DE ATÉ 320PX ********************************************/
/**********************************************************************************************************************************/
@media only screen and (max-width: 320px) {

        header #logo{        
            left : 87px;
            top: 100px;
            width: 40%;
        }      
       

        /* ajustando menu no modo responsivo */      
        nav.navbar.navbar-inverse{
            top: -25px;
            margin-top: 22px;
        }

        /* ajustando o tamanho do slide */
        .callbacks_container{
            
            margin-top: -250px;
        }


        /* ajustando o tamanho do slide */
        .callbacks img{
            
            margin-top: 168px;
        }
    
        .boxquemsomos{
            margin-left: -54px;
        }
    
        /* ajustando o captcha - fale conosco */
        img#captcha{
            width: 68%;
        }
    
    
        #noticias {
            
            margin-left: -4px;
            
        }
    
        .box{
    
            margin-left: 141px;
    
        }

        #fotos{    
            margin-left: 7px;
            padding-top: 46px;
        }
    
        #faixa1{        
            height: 300px;
        }

        /* ajustando o captcha - fale conosco */
        img#captcha{
            width: 78%;
        }

        /* Ajustando o logo Rodape */

        footer #logorodape{
            position: absolute;
            margin-left: 79px;
            margin-top: 26px;  
            z-index: 800;
        }

        /* ajustando a linha de empresas.php, quemsomos.php*/
        h2.tituloproduto {
            
            top: 11px!important;
            margin-left:26px!important;
            left: 8px;
        }         


        /* ajustando a linha de empresas.php, quemsomos.php*/
        hr.tituloproduto {
            
            top: 11px!important;
            margin-left: 80px!important;

    }  

        .corpo-produto{

            margin-left: 2px;


        }


}    