/*##################################################MEDIA-QUERIES####################################################*/

/*Extra small devices (smart phones, less than 34em)*/
@media (max-width: 33.9em) { 

}

/*Small devices (phones, tablets less than 48em)*/
@media (max-width: 47.9em) {
    .topo-parallax{position: relative; width: 100%;}    
    #topo{position: relative; z-index: 0; height: auto;}
    #wrapper-home-mobile {width: 100%; z-index: -1; position: absolute;}    
    #tel-circulo{background: #FE2005; border-radius: 30px; width: 30px; height: 30px; margin: auto;}
    #menu{height: auto; margin-left: 25px; /*border: 1px solid red;*/}
    #menu a{font-size: 1.1em; position: relative; }
    #menu ul li{margin-left: 0px;}
    #menu .dropdown-menu{background-color: #474747 !important;}
    #menu .dropdown-item:hover{background-color: #474747 !important;}
    
    .contato-topo p{color:#fff; font-weight: bold; text-align: center; padding-top: 25px; font-size: 0.7em;}
    #info-home .bloco-info-home{/*border:1px solid blue;*/ height: auto; background: none !important;}    
    #info-home .texto-info-home{margin-top: 5px; text-align: center; color: #66403E; font-weight: bold; font-size: 0.8em;}
    #info-home .btn-info-home{margin:15px 0px 15px 0px;}
    #info-home .btn-info-home .btn-1 {background: #A3A3A3; color: #fff; height: 40px; position: relative; bottom: 0px; margin-left: auto; font-size: 0.9em; font-weight: bold;}
    #info-home .btn-info-home .btn-2{background: #FF2006; color: #fff; height: 40px; position: relative; bottom: 5px; font-size: 0.9em; font-weight: bold;}
    #info-home .btn-info-home .btn-3{background: #FF2006; color: #fff; height: 40px; position: relative; bottom: 0px; font-size: 0.9em; font-weight: bold;}
    #info-home .btn-info-home .btn-4{background: #A3A3A3; color: #fff; height: 40px; position: relative;top: 0px; right: 0px; font-size: 0.9em; font-weight: bold;}
    
    #servicos-home .projetos-viarios{background: #77885C; width: 100% !important; height: auto; margin-left: 0px; margin-bottom: 15px; margin-top: 15px;} 
    #servicos-home .projetos-viarios-videos{border:1px solid #ccc;background: url('../../site/img/video1.jpg') #ffffff; width: 100% !important; height: 277px; position: relative; z-index: 1; top: 0px; right: 0px;}
    #servicos-home .loteamentos{background: #68A09F; width: 100% !important; height: auto; margin-left: 0px; margin-bottom: 15px;} 
    #servicos-home .loteamentos-videos{border:1px solid #ccc;background:url('../../site/img/video2.jpg') #ffffff; width: 100% !important; height: 277px; position: relative; z-index: 1; top: 11px; right: 0px; margin-bottom: 25px;}
    #servicos-home .link-saiba-mais-loteamento{font-size: 0.8em; color: #ffffff; font-weight: bold; position: relative; left: 190px; top: -15px;}
    #servicos-home .link-saiba-mais-projetos{font-size: 0.8em; color: #ffffff; font-weight: bold; position: relative; left: 190px; top: -15px;}
    #contato-home h2{font-size: 1.2em; padding-top: 5px; font-weight: bold; text-align: center;}
    #empresa{background: none !important;}
    #info-empresa{background: none; height: auto; margin-bottom: 0px;}
    #info-empresa span{font-weight: bold; text-align: justify;}
    #projetos-viarios{background: none !important;}
    #loteamentos{background: none !important;}
    #servicos{background: none !important;}
    #info-servicos{background: none !important; height: auto; position: relative; margin-bottom: 20px; box-shadow: none !important; margin-top: 20px;}
    .titulo-servicos{font-size: 1.2em; font-weight: bold; padding-top: 20px; padding-left: 0px; text-align: center;}
    #projetos{background: none !important;}
    #info-projetos{background: none !important; height: auto; position: relative; margin-bottom:0px; box-shadow: none !important;}
    #lista-projetos{/*border:2px solid red;*/ margin-bottom: 10px;}
    #contato{background: none !important;}
    #info-contato{background: none !important; height: auto; position: relative; margin-bottom: 10px; box-shadow: none !important;}
    #info-contato .icone-contato{margin-top: 20px;}
    #info-contato p{ font-weight: bold; padding-left: 0px; font-size: 0.9em; text-align: center;}
    #info-rodape .conteudo-info-rodape p{font-size: 0.8em; text-align: center; padding-top: 5px;}
    #copyright p{font-size: 0.6em;}
    .dropdown-item{font-size: 0.9em !important; font-weight: bold !important;}
    .logo figure img{position: relative; bottom: 20px;}
    .topo-info .telefone-topo{float: left; right: -62px; padding-top: 0px; margin-bottom: 50px;}
    .rodape-redes-sociais img{margin-top: 20px; left: 50%; transform: translateX(-50%);}
    .rodape-endereco{margin-top: 20px;}
    .rodape-endereco p, .rodape-contato p{text-align: center;}
    .nav-tabs .nav-link{font-size: 14px;}
    .tab-pane img{width:100%; margin-left: 0px;}
    .contato-form{left: 0px;}
    .info-contato h3 {
    padding-left: 0px;
    padding-top: 10px;
    padding-bottom: 10px;}
    .info-contato .btn-contato {float: none;}
    .produtos a img{width: 100%; height: auto;}
    .produtos .nav-item{width: 32.5%;}
    .produtos img{width: 56px;}
    .nav-tabs .extintores, .acessorios, .alarmes{padding: 0px !important;}
    .produtos-categoria figure img {height: auto;width: 50%;}
    .titulo-padrao h2{font-size: 25px;}
    .tabela img{width: 100%;}
    
}


/*Medium devices (tablets, small laptops less than 62em)*/
@media (max-width: 61.9em) {
#servicos-home .loteamentos{margin-left: 0px !important;}
}

/*Large devices (desktops, screens less than 75em)*/
@media (max-width: 74.9em) { 

}

/*##################################################/MEDIA-QUERIES####################################################*/