@media (max-width: 860px) {
    .margin-top{ margin-top: 72px }
    .voltar {margin: 0 auto; margin-top: 40px}
    #header{ height: auto; background-color: white!important }
    #header .menu{ display: none; width: 100%; position: relative; float: left; }
    #header #logo-box{ width: 240px; }
    #nav-icon{ display: block; }

    #header #mail-to{ color: #d2a809!important; text-align: center }
    #header #mail-to span{ display: none }

    #header #nav{ display: block; border: none; padding: 0 }
    #header #nav li{ display: block; width: 100%; text-align: center; padding: 7px 0!important; font-size: 1.2em }
    #header #nav li a{ display: block; width: 100% }
    #header #nav li span{ display: none; padding: 0 }
    #header #nav .no-padding{ padding: 0!important }

    .breadcrumb{ display: none }

    /* Home page */
    #banner-home{ background-attachment: scroll }

    /* Dobra Serviços */
    #dobra-servicos .grid-servicos{ width: calc(50% - 31px); }
    #dobra-servicos .grid-servicos:nth-child(2), #dobra-servicos .grid-servicos:nth-child(4){ border: none }
    #dobra-servicos .grid-servicos:nth-child(3), #dobra-servicos .grid-servicos:nth-child(4){ margin-top: 25px }

    /* Dobra Clientes */
    #dobra-clientes #logo-clientes {text-align: center; margin-top: 20px}
    #dobra-clientes {padding: 0 5%}
    #dobra-clientes header {padding: 0 5%}

    /* Página interna - Serviços */
    #servicos header .title{ font-size: 2.8em; margin-top: 60px }
    #servicos header p{ font-size: .9em }
    #servicos header { background-size: cover}
    #servicos header { background-repeat: no-repeat }
    #servicos header { background-position: center center }
    

    .detalhes-servico .title{ font-size: 1.5em!important }


    /* Página interna - Qualidade */
    #qualidade #text .descriptions{ max-width: 100% }
    #qualidade #text #certificado { float: none; clear: both;  padding: 0; max-width: 80%; display: block; margin: 0 auto }
    
    
    /* Dobra Qualidade */
    
    .wrap-certificados-home #cert {margin: 0 auto; margin-bottom: 20px; float: none!important}
    

    /* CSS para grid de produtos - reutilizável */
    .grid .servicos{ min-height: 550px }
    .grid figure{ height: 200px }
    .grid figcaption{ font-size: 1.1em; line-height: 1.4 }
    .servico-titulo{ font-size: 1.2em }
    .grid .cta-grid img{ max-width: 140px }

    /* Página interna - Contato */
    #contato #formulario{ float: left; padding: 0 20px; width: 100%; padding: 0; height: auto; margin: 0px }
    #contato #formulario .form-input, textarea{ font-size: 1em; padding: 10px 0 }
    #contato #formulario textarea{ height: 150px }
    #contato #formulario .center-cta{ position: static }
    #contato #nav-contato {width: 100%; margin-bottom: 20px}
    #contato #nav-contato ul li {width: 99%; float: none; margin-bottom: 4px}

    /* Footer */
    #footer{ height: auto; }
    #footer .centralizar{ width: 100% }

    #footer #map-footer{ width: 100%; height: 230px; background-size: 100%; display: block; margin-top: 5px }

    #footer #sobre{ width: 100% }
    #footer #sobre #footer-logo img{ max-width: 40% !important }
}

@media (max-width: 640px){
    .descriptions{ font-size: 1em!important }
    .title{ font-size: 1.4em !important }

    /*Home page*/
    #banner-home .infos-banner p{ font-size: 1em }
    #banner-home .center-cta a{ font-size: 1.1em }

    /* Página interna - A Empresa */
    #empresa #empresa-qualidade .descriptions{ max-width: 100%; text-align: normal }
    #empresa #certificado-iso{ float: none; clear: both; width: 70%; display: block; margin: 0 auto }

    /* Página interna - Serviços */
    #servicos header .title{ font-size: 2.4em; margin-top: 60px }
    #servicos header p{ font-size: .9em }
    #servicos #text{ padding: 0px }
    #servicos #cortes .border-out{ width: 355px; left: -180px }

    .detalhes-servico .title{ font-size: 1.2em!important }

    /* CSS para grid de produtos - reutilizável */
    .w50{ max-width: calc(100% - 42px)  }
    .grid{ padding: 20px 0 }
    .grid .servicos{ border: none!important; min-height: auto; margin-top: 45px; }
    .grid .servicos:first-child{ margin-top: 0 }
    .grid .center-cta{ position: static; }
    .grid figure{ width: 80%; display: block; margin: 0 auto }

    /* Página interna - detalhes de serviços */
    .especi-servico{ padding: 0px }
    .especi-servico ul h2{ font-size: 1.2em; padding: 10px 0 }
    .especi-servico ul li{ font-size: .875em; padding: 5px 0 }
    .especi-servico .center-cta .cta{ font-size: 1em }

    /* Footer */
    #footer #nav-footer{ width: 100%; text-align: center; }
    #footer #sobre { float: left; width: 100%; }
    #footer #sobre #footer-logo img{ width: 90% !important }
    #footer #sobre p{ text-align: center; padding-top: 25px }
    #footer #qg7-logo{ bottom: 0px }
    #footer #qg7-logo img{ width: 25px }

}

@media (min-width: 481px) and (max-width: 980px){
    #banner-home .infos-banner{ top: 25% }
    #banner-home .infos-banner h1{ font-size: 2.3em }
    #banner-home .infos-banner h2{ font-size: 1.8em; max-width: 600 }
}

@media (max-width: 480px){
    #header #logo-box{ width: 180px !important }
    #nav-icon{ top: -29px }

    #banner-home{ height: 500px }
    #banner-home .infos-banner{ top: 20% }
    #banner-home .infos-banner h1{ font-size: 1.6em }
    #banner-home .infos-banner p{ font-size: .8em }
    #banner-home .center-cta a{ font-size: 1em }

    /*Dobra Serviços*/
    #dobra-servicos{ padding-bottom: 0 }
    #dobra-servicos ul{ padding: 0 }
    #dobra-servicos .title{ margin-bottom: 15px }
    #dobra-servicos .grid-servicos{ width: calc(100% - 31px); border: none; padding-top: 25px; margin: 0 !important; float: none; min-height: auto!important }
    #dobra-servicos .grid-servicos:first-child{ padding-top: 0 }
    #dobra-servicos .grid-servicos .center-cta{ position: static }
    #dobra-servicos .photo-grid-servicos img{ width: 70%!important; display: block; margin: 0 auto; float: none!important }
    #dobra-servicos .grid-servicos h3{ padding: 15px 0 }
    #dobra-servicos .grid-servicos p{ padding-bottom: 15px; }

    /*Dobra Qualidade*/
    #dobra-qualidade .descriptions{ padding: 20px 0 }
    #dobra-qualidade a{ width: 120px !important; }

    /*Página interna - A empresa*/
    #empresa #certificado-iso{ width: 100%}
    #empresa #empresa-cta .cta{ font-size: .8em }

    /* Página interna - Serviços */
    #servicos header .title{ font-size: 1.8em; margin-top: 60px }
    #servicos header p{ font-size: .9em }
    /*#servicos #cortes .border-out{ width: 430px; left: -180px }*/

    /* Página interna - Qualidade */
    /*#qualidade #text #certificado { max-width: 90%; }*/

    /* CSS para grid de produtos - reutilizável */
    .w50{ max-width: calc(100% - 42px)  }
    .grid .servicos{ border: none!important; min-height: auto; margin-top: 45px; }
    .grid .servicos:first-child{ margin-top: 0 }
    .grid .center-cta{ position: static; }
    .grid figure{ width: 95%; }
    .grid figcaption{ font-size: 1em; line-height: 1.6 }
    .servico-titulo{ font-size: 1.2em; padding: 20px 0 }

    /* Página interna - Contato */
    #contato #formulario{ height: auto; margin: 0px }
    #contato #formulario .form-input, textarea{ font-size: 1em; padding: 10px 0 }
    #contato #formulario textarea{ height: 150px }

    #contato #contato-sobre{ margin: 0px }

    #dobra-clientes #logo-clientes img{ width: 98% }

    /* Footer */
    #footer #map-footer{ width: 100%; height: 200px; background-size: cover; margin-top: 5px }

    #footer #sobre{ width: 100% }
    #footer #sobre #footer-logo img{ max-width: 70% !important }


}

@media (max-width: 360px){

    #dobra-qualidade #cert{ width: 200px !important; height: 250px!important }

    /* Página interna - Serviços */
    #servicos header{ height: 200px }
    #servicos header .title{ margin-top: 60px }

    .especi-servico ul{ width: 100% }

    /*Footer*/
    #footer{ display: flex; justify-content: center; align-items: center }
    #footer #sobre{ display: block; margin: 0 auto }
    #footer #sobre #footer-logo img{ width: 100% }
    #footer #sobre p{ font-size: .9em!important; text-align: center!important; width: auto }

}
@media (min-width: 1024px){
    #banner-home {background-position-y: 100px }
    .infos-banner {position: relative; margin-top: 130px;}
    .voltar {width: 65px; height: 25px; line-height: 25px; font-size: .875em}
    #dobra-qualidade .wrap-certificados-home {width: 550px}
    #dobra-qualidade .wrap-certificados-home a:nth-of-type(1) {margin-right: 40px}
    
}