/*
https://www.chiefofdesign.com.br/media-queries-css-introducao-a-diferentes-resolucoes-de-tela/
*/



/*############### TOPO E SLIDER ###############*/
@media (max-width: 1070px) {

    .header-topo-logo img{width: 50%!important;}
    
    .header-topo .header-btn-idoc {
        margin: 0px 0 0 0%;
        float: left;
        padding: 3px 20px;
        background: #015eaa;
        font-size: 1.1em !important;
        font-family: 'Nunito Sans', sans-serif;
    }
    .header-topo nav a {
        margin-right: 10px;
        background: #39a961;
        font-size: 1.1em !important;
        font-family: 'Nunito Sans', sans-serif;
        transition: 1s;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        -o-transition: 1s;
    }
    #quem-somos p {
        font-family: 'Montserrat', sans-serif;
        padding-bottom: 10px !important;
        font-size: 1.4em !important;
        text-align: center;
        line-height: 31px;
        letter-spacing: 0px;
        font-weight: 100;
        width: 90%;
        clear: both;
        margin: 0 auto;
    }
    #abrir-empresa .btn {
        color: #FFF;
        font-family: 'Montserrat', sans-serif;
        font-size: 2.15em !important;
        background-color: #39a961;
        /* padding: 36px 46px; */
        margin-top: 25px;
        width: 75%;
        padding: 2%;
    }
    #abrir-empresa .tem_duvida a {
        color: #fff;
        font-size: 1em;
    }
    #simulacao p {
        font-family: 'Montserrat', sans-serif;
        color: #fff;
        font-size: 2em !important;
        width: 80%;
        clear: both;
        margin: 0 auto;
        text-align: center;
        line-height: 30px;
        /* font-weight: bold; */
        padding-top: 1%;
        padding-bottom: 1%;
    }
    #abrir-empresa p {
        font-family: 'Montserrat', sans-serif;
        color: #fff;
        font-size: 2em !important;
        width: 80%;
        clear: both;
        margin: 0 auto;
        text-align: center;
        line-height: 30px;
        /* font-weight: bold; */
        padding-top: 1%;
        padding-bottom: 2%;
    }
    #abrir-empresa h2 {
        color: #ffffff;
        font-family: 'Nunito Sans', sans-serif;
        font-size: 3.4em !important;
        padding-top: 1%;
        letter-spacing: -1px;
        line-height: 53px;
        padding-bottom: 2%;
        width: 80%;
        clear: both;
        margin: 0 auto;
        text-align: center;
    }
    #ferramentas .ferramenta-contabel h2 {
        color: #39a961;
        font-family: 'Nunito Sans', sans-serif;
        font-size: 3.5em !important;
        letter-spacing: -2px;
        line-height: 47px;
        padding-bottom: 4%;
        width: 90%;
        clear: both;
        margin: 0 auto;
        text-align: center;
    }
    #ferramentas .ferramenta-contabel h2 {
        color: #39a961;
        font-family: 'Nunito Sans', sans-serif;
        font-size: 3.15em !important;
        letter-spacing: -2px;
        line-height: 45px;
        padding-bottom: 4%;
        width: 90%;
        clear: both;
        margin: 0 auto;
        text-align: center;
    }
    #ferramentas .ferramenta-contabel {
        color: #015eaa;
        text-align: center;
        background: #fff;
        padding: 7% 0% 7% 0%;
        height: 740px;
    }
    #ferramentas .ferramenta-contabel h3 {
        font-family: 'Nunito Sans', sans-serif;
        color: #015eaa;
        font-size: 1.65em !important;
        line-height: 21px;
    }
    #ferramentas .ferramenta-contabel a {
        display: inline-block;
        color: #39a961;
        font-family: 'Nunito Sans', sans-serif;
        font-size: 1.4em !important;
        font-weight: bold;
    }
    .box-social-flutuante-depoimento {
        position: relative;
        top: 270px;
        right: -50px;
        text-align: center;
    }
    #galerias h2 {
        color: #ffffff;
        font-family: 'Nunito Sans', sans-serif;
        font-size: 2.8em !important;
        padding-top: 0%;
        letter-spacing: -1px;
        line-height: 53px;
        padding-bottom: 4%;
        width: 64%;
        clear: both;
        margin: 0 auto;
        text-align: center;
    }
    #parceiroshome h2 {
        color: #39a961;
        font-family: 'Nunito Sans', sans-serif;
        font-size: 2.8em !important;
        letter-spacing: -2px;
        line-height: 52px;
        padding-bottom: 1%;
        width: 49%;
        clear: both;
        margin: 0 auto;
        text-align: center;
    }
       
}

@media (max-width: 768px) { 

    #contato .bg-session {
        padding-top: 60px;
        color: #FFF;
        text-align: left;
        background: url(../img/contato/contato.jpg);
        min-height: 500px;
        background-repeat: no-repeat;
        background-size: 100%;
        overflow: auto;
        background-size: cover;
    }

    .header-topo-logo img{width: 40%!important;}
    #layerslider h2{letter-spacing: 0px!important;}

    .header-topo-menu {
        position: absolute;
        margin-top: 5%;
        left: 0%;
        width: 100%;
    }
    
    #quem-somos .contador-box span {
        font-size: 2.85rem !important;
        border: 5px solid #4ad67c;
        border-radius: 180px;
        display: inline-block;
        width: 110px;
        height: 110px;
        text-align: center;
        line-height: 100px;
        padding-top: 0px;
    }
    #quem-somos p {
        font-family: 'Montserrat', sans-serif;
        padding-bottom: 10px !important;
        font-size: 1.2em !important;
        text-align: center;
        line-height: 31px;
        letter-spacing: 0px;
        font-weight: 100;
        width: 100%;
        clear: both;
        margin: 0 auto;
    }
    #quem-somos {
        padding: 6% 4% 0% 4%;
        height: 770px;
    }
    .solucoes .solucao-list-box {
        height: 100px;
        padding: 4%;
    }
    .solucoes {
        color: #39a961;
        background: #fff;
        padding: 0% 0% 13% 0%;
    }
    #abrir-empresa h2 {
        color: #ffffff;
        font-family: 'Nunito Sans', sans-serif;
        font-size: 3em !important;
        padding-top: 1%;
        letter-spacing: -1px;
        line-height: 45px;
        padding-bottom: 2%;
        width: 80%;
        clear: both;
        margin: 0 auto;
        text-align: center;
    }
    #abrir-empresa .btn {
        color: #FFF;
        font-family: 'Montserrat', sans-serif;
        font-size: 2.15em !important;
        background-color: #39a961;
        margin-top: 25px;
        width: 100%;
        padding: 4%;
    }
}


@media (max-width: 580px) {

    #ferramentas .ferramenta-contabel h2 {
        color: #39a961;
        font-family: 'Nunito Sans', sans-serif;
        font-size: 2.258em !important;
        letter-spacing: -1px;
        line-height: 33px;
        padding-bottom: 4%;
        width: 90%;
        clear: both;
        margin: 0 auto;
        text-align: center;
    }

    #simulacao p {
        font-family: 'Montserrat', sans-serif;
        color: #fff;
        font-size: 1.25em !important;
        width: 95%;
        clear: both;
        margin: 0 auto;
        text-align: center;
        line-height: 26px;
        font-weight: bold;
        padding-top: 5%;
        padding-bottom: 1%;
    }

    #abrir-empresa p {
        font-family: 'Montserrat', sans-serif;
        color: #fff;
        font-size: 1.45em !important;
        width: 80%;
        clear: both;
        margin: 0 auto;
        text-align: center;
        line-height: 24px;
        /* font-weight: bold; */
        padding-top: 1%;
        padding-bottom: 2%;
    }

    #abrir-empresa h2 {
        color: #ffffff;
        font-family: 'Nunito Sans', sans-serif;
        font-size: 2.25em !important;
        padding-top: 1%;
        letter-spacing: 0px;
        line-height: 33px;
        padding-bottom: 6%;
        width: 88%;
        clear: both;
        margin: 0 auto;
        text-align: center;
        padding-top: 7%;
    }

    .solucoes .solucoes-list p {
        font-family: Calibri;
        font-size: 1.25em;
        line-height: 18px;
        text-align: left;
        color: #738492;
    }

    .solucoes .solucoes-list h2 {
        color: #39a961;
        font-family: 'Nunito Sans', sans-serif;
        font-size: 3em !important;
        padding-top: 10%;
        letter-spacing: -2px;
        line-height: 41px;
        padding-bottom: 4%;
    }

    .solucoes .solucoes-list h3 {
        font-family: 'Nunito Sans', sans-serif;
        color: #015eaa;
        font-size: 1.45em !important;
        line-height: 7px;
        text-align: left;
    }

    #quem-somos h2 {
        font-family: 'Nunito Sans', sans-serif;
        font-size: 2.8em !important;
        text-align: center;
        letter-spacing: -2px;
        font-weight: 100;
        color: #4cb571;
        padding-bottom: 3%;
    }

    #contato .bg-session h2 {
        font-family: 'Nunito Sans', sans-serif;
        font-size: 4.5em !important;
        padding-top: 20%;
        padding-bottom: 35px;
        text-align: left;
        letter-spacing: -2px;
        font-weight: 100;
        line-height: 54px;
    }

    #parceiroshome h2 {
        color: #39a961;
        font-family: 'Nunito Sans', sans-serif;
        font-size: 2.8em !important;
        letter-spacing: -2px;
        line-height: 33px;
        padding-bottom: 1%;
        width: 49%;
        clear: both;
        margin: 0 auto;
        text-align: center;
        padding-top: 9%;
    }

    #galerias .button {
        color: #FFF;
        font-family: 'Montserrat', sans-serif !important;
        font-size: 1.45em !important;
        background-color: #39a961;
        padding: 10px 30px;
        margin-top: 25px;
    }

    #galerias h2 {
        color: #ffffff;
        font-family: 'Nunito Sans', sans-serif;
        font-size: 2.25em !important;
        padding-top: 0%;
        letter-spacing: -1px;
        line-height: 33px;
        padding-bottom: 9%;
        width: 64%;
        clear: both;
        margin: 0 auto;
        text-align: center;
    }

    #depoimentos h2 {
        color: #39a961;
        font-family: 'Nunito Sans', sans-serif;
        font-size: 3em !important;
        letter-spacing: -2px;
        line-height: 43px;
        padding-bottom: 4%;
        width: 100%;
        clear: both;
        margin: 0 auto;
        text-align: center;
    }

    #noticias .noticia-list {
        padding: 14% 0% 14% 0%;
    }

    #ferramentas .ferramenta-contabel {
        color: #015eaa;
        text-align: center;
        background: #fff;
        padding: 15% 0% 14% 0%;
        height: 999px;
    }

    #simulacao a {
        display: inline-block;
        color: #FFF;
        font-family: 'Montserrat', sans-serif;
        font-size: 2.15rem !important;
        background-color: #015eaa;
        padding: 20px 30px;
        margin-top: 25px;
        border-radius: 2px;
        border: 3px solid #39a961;
    }

    #abrir-empresa .btn {
        color: #FFF;
        font-family: 'Montserrat', sans-serif;
        font-size: 2.25rem !important;
        background-color: #39a961;
        margin-top: 25px;
        width: 100%;
        padding: 4%;
    }
    #quem-somos .contador-box span {
        font-size: 2.4rem !important;
        border: 5px solid #4ad67c;
        border-radius: 180px;
        display: inline-block;
        width: 90px;
        height: 90px;
        text-align: center;
        line-height: 78px;
        padding-top: 0px;
    }
    .contador-box {
        padding: 3% 0% 0% 0%;
        width: 90%;
        clear: both;
        margin: 0 auto;
        text-align: center;
        height: 310px;
    }
    #quem-somos {
        padding: 10% 4% 0% 4%;
        height: 1000px;
    }
}

@media (max-width: 450px) {

    .header-topo-logo {
        position: absolute;
        margin-top: 16%;
        left: -20px;
        width: 82%;
    }

    #contato .bg-session h2 {
        font-family: 'Nunito Sans', sans-serif;
        font-size: 3.5em !important;
        padding-top: 34%;
        padding-bottom: 20px;
        text-align: left;
        letter-spacing: -2px;
        font-weight: 100;
        line-height: 43px;
    }

    #contato .bg-session p {
        font-family: 'Montserrat', sans-serif !important;
        padding-bottom: 10px !important;
        font-size: 1.35em !important;
        text-align: left;
        line-height: 24px;
        letter-spacing: 0px;
        font-weight: bold;
    }

    #contato .contato-list .contato-box p, a {
        line-height: 27px;
        font-family: 'Montserrat', sans-serif !important;
        font-size: 1.35em;
        /* font-weight: bold; */
        letter-spacing: 0px;
    }

    #contato .contato-list {
        padding-top: 8%;
        padding-bottom: 72px;
        background: #015eaa;
        height: 950px;
    }

    #depoimentos h2 {
        color: #39a961;
        font-family: 'Nunito Sans', sans-serif;
        font-size: 2.5em !important;
        letter-spacing: -1px;
        line-height: 37px;
        padding-bottom: 13%;
        width: 100%;
        clear: both;
        margin: 0 auto;
        text-align: center;
    }

    #noticias h2 {
        color: #39a961;
        font-family: 'Nunito Sans', sans-serif;
        font-size: 2.5em !important;
        letter-spacing: -1px;
        line-height: 41px;
        padding-bottom: 3%;
    }
    #abrir-empresa .btn {
        color: #FFF;
        font-family: 'Montserrat', sans-serif;
        font-size: 2rem !important;
        background-color: #39a961;
        margin-top: 25px;
        width: 100%;
        padding: 4%;
    }
    #ferramentas .ferramenta-contabel {
        color: #015eaa;
        text-align: center;
        background: #fff;
        padding: 15% 0% 14% 0%;
        height: 1599px;
    }
    .box-social-flutuante-depoimento {
        position: relative;
        top: 199px;
        right: -33px;
        text-align: center;
    }
    #noticias .noticia-list .news a p, .article a p {
        font-family: 'Montserrat', sans-serif;
        color: #ffffff;
        font-size: 0.765em !important;
        line-height: 21px;
    }
    #noticias .noticia-list .news a span, .article a span {
        color: #39a961;
        font-family: Calibri;
        font-size: 0.65em;
    }
    #ferramentas .ferramenta-contabel .col-xs-6 { width: 80%; margin: 0 10%; min-height: 150px !important; }
}

@media (max-width: 380px) {
    .header-topo-logo img {
        width: 45%!important;
    }
    .header-topo .menu-mobile {
        padding: 0 !important;
        /* border: 0 !important; */
        font-size: 0.5em !important;
        border-radius: 0px !important;
        background: #212f8d00 !important;
        padding: 10px 4px !important;
        margin-right: -2px !important;
        -webkit-border-radius: 0px !important;
        -moz-border-radius: 4px !important;
        -ms-border-radius: 4px !important;
        -o-border-radius: 4px !important;
        border: 1px solid #fff;
    }
    #quem-somos h2 {
        font-family: 'Nunito Sans', sans-serif;
        font-size: 2.3em !important;
        text-align: center;
        letter-spacing: -2px;
        font-weight: 100;
        color: #4cb571;
        padding-bottom: 3%;
    }
    #quem-somos {
        padding: 10% 0% 0% 0%;
        height: 820px;
    }
    #quem-somos .contador-box span {
        font-size: 2.4rem !important;
        border: 5px solid #4ad67c;
        border-radius: 180px;
        display: inline-block;
        width: 80px;
        height: 80px;
        text-align: center;
        line-height: 70px;
        padding-top: 0px;
    }
    .contador-box {
        padding: 3% 0% 0% 0%;
        width: 100%;
        clear: both;
        margin: 0 auto;
        text-align: center;
        height: 310px;
    }
    #quem-somos p {
        font-family: 'Montserrat', sans-serif;
        padding-bottom: 10px !important;
        font-size: 1.1em !important;
        text-align: center;
        line-height: 31px;
        letter-spacing: 0px;
        font-weight: 100;
        width: 100%;
        clear: both;
        margin: 0 auto;
        line-height: 22px!important;
    }
    .solucoes .solucoes-list h2 {
        color: #39a961;
        font-family: 'Nunito Sans', sans-serif;
        font-size: 2.5em !important;
        padding-top: 10%;
        letter-spacing: -1px;
        line-height: 37px;
        padding-bottom: 4%;
    }
    .solucoes .solucoes-list h3 {
        font-family: 'Nunito Sans', sans-serif;
        color: #015eaa;
        font-size: 1.4em !important;
        line-height: 21px;
        text-align: left;
    }
    .solucoes .solucao-list-box {
        height: 128px;
        padding: 4%;
    }
    #abrir-empresa h2 {
        color: #ffffff;
        font-family: 'Nunito Sans', sans-serif;
        font-size: 2em !important;
        padding-top: 11%;
        letter-spacing: -1px;
        line-height: 31px;
        padding-bottom: 9%;
        width: 100%;
        clear: both;
        margin: 0 auto;
        text-align: center;
    }
    #abrir-empresa p {
        font-family: 'Montserrat', sans-serif;
        color: #fff;
        font-size: 1.4em !important;
        width: 80%;
        clear: both;
        margin: 0 auto;
        text-align: center;
        line-height: 23px;
        /* font-weight: bold; */
        padding-top: 1%;
        padding-bottom: 2%;
    }
    #abrir-empresa .btn {
        color: #FFF;
        font-family: 'Montserrat', sans-serif;
        font-size: 1.45rem !important;
        background-color: #39a961;
        margin-top: 25px;
        width: 100%;
        padding: 4%;
    }
    #simulacao p {
        font-family: 'Montserrat', sans-serif;
        color: #fff;
        font-size: 1.6em !important;
        width: 89%;
        clear: both;
        margin: 0 auto;
        text-align: center;
        line-height: 30px;
        /* font-weight: bold; */
        padding-top: 1%;
        padding-bottom: 1%;
    }
    #ferramentas .ferramenta-contabel h2 {
        color: #39a961;
        font-family: 'Nunito Sans', sans-serif;
        font-size: 2.25em !important;
        letter-spacing: -1px;
        line-height: 32px;
        padding-bottom: 0%;
        width: 95%;
        clear: both;
        margin: 0 auto;
        text-align: center;
    }
    #depoimentos h2 {
        color: #39a961;
        font-family: 'Nunito Sans', sans-serif;
        font-size: 2.5em !important;
        letter-spacing: -2px;
        line-height: 36px;
        padding-bottom: 4%;
        width: 100%;
        clear: both;
        margin: 0 auto;
        text-align: center;
    }
    #depoimentos {
        background: #fff;
        padding: 2% 0% 0% 0%;
    }
    #depoimentos ol, ul {
        margin-top: 0;
        margin-bottom: 10px;
        margin-left: -38px;
    }
    #depoimentos .depoimento-list p {
        padding-bottom: 0px !important;
        font-size: 1.2em !important;
        line-height: 27px;
        color: #015eaa;
        font-family: 'Montserrat', sans-serif;
        letter-spacing: 0px;
        text-align: justify;
        font-weight: bold;
    }
    #galerias h2 {
        color: #ffffff;
        font-family: 'Nunito Sans', sans-serif;
        font-size: 2em !important;
        padding-top: 0%;
        letter-spacing: -1px;
        line-height: 27px;
        padding-bottom: 5%;
        width: 90%;
        clear: both;
        margin: 0 auto;
        text-align: center;
    }
    .box-social-flutuante-depoimento{display: none;}
    #contato .contato-list .contato-box p, a {
        line-height: 27px;
        font-family: 'Montserrat', sans-serif !important;
        font-size: 1.35em;
        letter-spacing: 0px;
    }
    #contato .contato-list {
        padding-top: 8%;
        padding-bottom: 72px;
        background: #015eaa;
        height: 928px;
    }
    .side-menu-wrapper>ul>li>a {
        display: block;
        border-bottom: 1px solid #ffffff;
        padding: 6px 4px 6px 4px;
        color: #ffffff;
        transition: 0.3s;
        text-decoration: none;
        font-size: 0.85em;
        line-height: 56px;
    }
}