/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 14/05/2018, 09:53:42
    Author     : Eduardo Sousa
*/
@media (max-width: 20em) { 
    .navbar{margin-left: 0% !important;}
    .onde-encontrar{padding-left: 10px !important;}
   .busca input{margin-left: -3% !important;}
   .lista {margin-left: -15%;}

   .secondary-banner{height: 14em !important;}

   .maquina img{margin-left: -20%;}

   .fornecedores .carousel-control {margin-top: -5% !important;}

   .contatos span{float: right; margin-top: -11%;}
   .email-rodape{margin-top: -10% !important;}


   #info-orcamento{margin-left: -14%;}
   #info-carrinho table{margin-left: -10%;}

   .contatos .email-contato {font-size: 13px; margin-left: -2%; float: left;}
   .contatos .tel-contato{margin-bottom: 9% !important;}
   .form-contato .pull-right{width: 80px !important;}
}

@media (max-width: 576px) {

    .logo-topo img{display: block; margin: auto;}    
    .rede-sociais img{margin-left: 1% !important;}
    .faixa-logo{height: auto;}
    .lista span{float: left;}

    .navbar{text-align: left; margin-left: 10%;}
    .navbar-nav{list-style: none; padding-left: 0;}

    .dropdown-menu{background-color: #006f9a;}
    .dropdown-item{color: rgba(255,255,255,.5);}

    .secondary-banner{height: 12em;}

    .norgren h2 {color: #FFFFFF;font-weight: bold;padding-top: 50px;padding-bottom: 25px;padding-left: 0em;font-size: 19px;text-align: justify;}
    
    /*###############################HOME############################################################*/
    .fornecedores h1{font-size: 1.2em !important;}
    .fornecedores .carousel-control.left, .fornecedores .carousel-control.right{height: 55px !important;}
    .fornecedores .carousel-control {top: -50% !important; }
    /*###############################/HOME############################################################*/
    
    /*###############################EMPRESA############################################################*/
    .texto-empresa h1{margin-left: -13% !important;}
    .fundo-rosa .borda-maquina{margin-left: 0px !important;}
    .fundo-rosa .carretel img {margin-left: -4px; margin-bottom: 16px;}
    /*###############################/EMPRESA############################################################*/
    
    /*##################################PRODUTO##########################################################*/
    .borda-img{width: 80%; margin: auto !important; margin-bottom: 25px !important;}
    .borda-img img{display: block; margin: auto; padding: 10px;}
    .mig-pao h5{padding: 5px; margin-right: 0px !important;}
    .lista-produtos h2{text-align: center !important;}
    .lista-produtos h3{font-size: 0.9em !important; text-align: center;}
    /*##################################/PRODUTO##########################################################*/
    
    /*##################################FORNECEDORES##########################################################*/
    .servicos-linha1 img, .servicos-linha2 img, .servicos-linha3 img{display: block; margin: auto;}
    /*##################################/FORNECEDORES##########################################################*/
    
    /*##################################CONTATO##########################################################*/
    .form-group button{width: 20% !important;}
    .contatos p{font-size: 0.7em;}
    .contatos .tel-contato{margin-bottom: 7.5% !important;}
    /*##################################/CONTATO##########################################################*/
    
    /*##################################ORÇAMENTO##########################################################*/
    .qntd{width: 55px !important;}    
     #info-orcamento{margin-left: -14%;}
    /*##################################/ORÇAMENTO##########################################################*/
    
    /*###############################RODAPE############################################################*/
    .logo-footer img{display: block; margin: auto;}
    .assinatura p{font-size: 0.5em;}
     .tel-rodape{margin-top: 8% !important;}
     .email-rodape{margin-top: -7%;}
    /*###############################/RODAPE############################################################*/
}

@media (min-width: 47em) and (max-width: 60em){

    .navbar{margin-top: -0%; margin-left: -3%;  }
    .lista span{float: none !important;}

    .norgren h2{padding-top: 35px; font-size: 23px;}

    .fundo-rosa .maquina {margin-left: 3%;}
    .fundo-rosa .maquina img{margin-left: -36%;}
    .fundo-rosa .carretel{margin-left: 6%; margin-top: 16%;}

    .carousel-parceiros{margin-left: 2% !important;}
    .fornecedores .carousel-control {margin-top: -20% !important; margin-left: 10%;}

 /*###############################EMPRESA############################################################*/
    .texto-empresa h1{margin-left: -40% !important;}
/*###############################/EMPRESA############################################################*/

/*###############################PRODUTOS############################################################*/
    .mig-pao{margin-left: 15% !important;}
    .borda-img{width: 45% !important; margin-right: 5% !important; text-align: center;}
/*###############################/PRODUTOS############################################################*/

/*###############################PRODUTO############################################################*/
    .row-imagem-produto{margin-left: 13%;}
    .info-prod{margin-right: -13%; float: right;}
    .row-orcamento{margin-left: 10%;}
    .row-orcamento .btn-block{margin-left: -168%;}
/*###############################/PRODUTO############################################################*/


 .tel-rodape{margin-top: 9% !important;}
}

@media (min-width: 61.9em) and (max-width: 74em) {

    .carousel-parceiros{margin-left: 5%;}

    .texto-empresa h1{margin-left: -55% !important;}

     .tel-rodape{margin-top: 6% !important;}
     .email-rodape{margin-top: -4%;}

/*###############################PRODUTOS############################################################*/
    .mig-pao{margin-left: 15% !important;}
    .borda-img{width: 45% !important; margin-right: 5% !important; text-align: center;}
/*###############################/PRODUTOS############################################################*/

/*###############################PRODUTO############################################################*/
    .row-imagem-produto{margin-left: 13%;}
    .info-prod{margin-right: -13%; float: right;}
    .row-orcamento{margin-left: 10%;}
    .imagem-thumb{margin-left: 5%;}
/*###############################/PRODUTO############################################################*/
}

@media (min-width: 75em) and (max-width: 99em){
    .navbar{margin-left: 4%;}

    .lista img{margin-left: 25% !important; }
    .tel-rodape{margin-top: 3% !important;}
    .email-rodape{margin-top: -4%;}





}
@media (min-width: 100em){
    .navbar{margin-left: 6%;}


    .telefone {margin-left: 0% !important;}
    .lista img{margin-left: 25% !important; }
    .fundo-rosa p{margin-left: -20%;}
    .tel-rodape{margin-top: 2%; }
    .email-rodape{margin-top: -4% ; }


  
  
}

@media (max-width: 991px){
    .faixa-logo {
        margin-top: 50px; 
    }
    
    .lista{
        font-size: 12px;
    }
   
}

@media (max-width: 767px){
    .rede-sociais, .telefone{
        text-align: center;
    }
    
    .faixa-logo {
        height: auto;
        padding: 10px 0;
        margin-top: 10px;
    }
    
    .logo-topo img {
        margin-top: 0px; 
        margin-left: 0px; 
        display: block;
        margin: auto;
    }
    
    .busca{
        text-align: center;
        margin-bottom: 10px;
    }
    
    .lista img{
        display: inline-block;
        margin: 0 !important;
    }
    
    .lista span{
        float: none;
    }
    
    .lista{
        text-align: center;
    }
}