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

/*############### TOPO E SLIDER ###############*/

@media (max-width: 1070px) {

    .quem-somos .bg-session {
        text-align: center;
    background-size: 100% 100%;
    min-height: auto;
    background: #942030;
    -webkit-clip-path: none;
    clip-path: none;
    width: 100%;
    padding: 4% 0% 4% 0%;
}
    .header-btn-quemsomos {
        display: none;
    }
    .header-topo nav .menu-mobile {
        margin-right: -2px;
    }
    .header-topo .header-btn-idoc {
        margin: -4px 0 0 7%;
        float: left;
        padding: 3px 20px;
        font-family: 'Sarabun', sans-serif;
        font-size: 1.1em;
        font-weight: 100;
    }
    .header-topo a {
        border: 1px solid #fff;
        padding: 5px 20px;
        color: #FFF;
        border-radius: 30px;
        font-family: 'Sarabun', sans-serif;
        font-size: 1.05em;
        font-weight: 100 !important;
    }
    #frase-efeito h2 {
        font-family: 'Sarabun', sans-serif;
        font-size: 1.65em;
        margin-top: 4px;
    }
    .quem-somos .bg-session .contador-box span {
        font-size: 2em !important;
        border: 1px solid #FFF;
        border-radius: 180px;
        display: inline-block;
        width: 100px;
        height: 100px;
        text-align: center;
        line-height: 97px;
    }
    .quem-somos .bg-session .contador-box p {
        padding: 5px 0 0 0;
        font-size: 1.25em !important;
        font-family: 'Sarabun', sans-serif;
        font-weight: 100;
        line-height: 19px;
    }
    .quem-somos .bg-session h2 {
        font-family: HorsebackSlabBold;
        font-size: 2.5em !important;
        padding-top: 0%;
        padding-bottom: 17px;
    }
    
    .solucoes .solucao-list-box {
        height: 242px;
        padding: 0;
    }
    .quem-somos .bg-session p {
        font-family: 'Sarabun', sans-serif;
        padding-bottom: 10px !important;
        font-size: 1.65em!important;
        line-height: 28px;
    }
    .quem-somos .quem-somos-content {
        color: #942030;
        text-align: justify;
        width: 100%;
    }
    #abrir-empresa h2 {
        font-family: 'Sarabun', sans-serif;
        font-size: 1.65em !important;
        color: #ffffff;
        letter-spacing: -1px;
        line-height: 25px;
        width: 80%;
        clear: both;
        margin: 0 auto;
        /* font-weight: bold; */
    }
    #abrir-empresa {
        text-align: center;
        padding: 2% 2% 8% 2%;
    }
    .solucoes {
        padding: 6% 0% 0% 0%;
    }
    #ferramentas .ferramenta-contabel h2 {
        color: #ffffff;
        font-family: HorsebackSlabBold;
        font-size: 3rem !important;
        padding-bottom: 2%;
        width: 73%;
        clear: both;
        margin: 0 auto;
        text-align: center;
    }
    .utili {
        padding: 0% 1% 3% 1%;
    }
    #contato .bg-session h2 {
        font-family: HorsebackSlabBold;
        font-size: 3rem;
        margin-bottom: 30px;
        margin-top: 28px;
    }
    #contato .bg-session p {
        font-family: 'Sarabun', sans-serif;
        font-size: 1.25em;
        margin-bottom: 50px;
        color: #656565;
    }
    #contato .bg-session h4 {
        background: #942030;
        border-radius: 90px;
        -webkit-border-radius: 90px;
        -moz-border-radius: 90px;
        -ms-border-radius: 90px;
        -o-border-radius: 90px;
        color: #fff;
        width: 55%;
        margin: 0 auto;
        padding: 3%;
    }
}

@media (max-width: 890px) {

    #abrir-empresa .btn {
        color: #FFF;
        font-family: 'Sarabun', sans-serif;
        font-size: 1.25em !important;
        background-color: #d09d2b;
        padding: 4px 25px;
        margin-top: 16px;
        border-radius: 90px;
        margin-bottom: 17px;
    }

    .b-abrir:hover {
        background: #942030;
        margin: 0px;
        padding: 3% 0%;
        width: 100%;
        -webkit-clip-path: none;
        clip-path: none;
        transition: 1s;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        -o-transition: 1s;
        margin-bottom: 10px;
    }

    #abrir-empresa h2 {
        font-family: 'Sarabun', sans-serif;
        font-size: 2em !important;
        color: #ffffff;
        letter-spacing: -1px;
        line-height: 25px;
        width: 80%;
        clear: both;
        margin: 0 auto;
        /* font-weight: bold; */
    }

    .quem-somos .bg-session p {
        font-family: 'Sarabun', sans-serif;
        padding-bottom: 10px !important;
        font-size: 1.45em!important;
        line-height: 24px;
    }

    .quem-somos .bg-session h2 {
        font-family: HorsebackSlabBold;
        font-size: 2.15em !important;
        padding-top: 0%;
        padding-bottom: 0px;
    }
    .header-btn-idoc {
        display: none;
    }
    .header-topo nav .menu-mobile {
        margin-right: -9px;
    }
    .b-abrir {
        background: #942030;
        margin: 0px;
        padding: 3% 0%;
        width: 100%;
        -webkit-clip-path: none;
        clip-path: none;
        transition: 1s;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        -o-transition: 1s;
        margin-bottom: 10px;
    }
    #ferramentas .ferramenta-contabel h2 {
        color: #ffffff;
        font-family: HorsebackSlabBold;
        font-size: 1.65em !important;
        padding-bottom: 0%;
        width: 80%;
        clear: both;
        margin: 0 auto;
        text-align: center;
    }
    #depoimentos .bg-session h2 {
        font-family: HorsebackSlabBold;
        font-size: 2em;
        margin-bottom: 50px;
        padding-top: 89%;
    }
    #depoimentos .depoimento-list {
        font-family: nillandBlack;
        font-size: 1.15em;
        padding-top: 50px;
        width: 100%;
    }
    #contato .bg-session h2 {
        font-family: HorsebackSlabBold;
        font-size: 2.1em;
        margin-bottom: 30px;
        margin-top: 35px;
        letter-spacing: -1px;
    }
    #contato .bg-session p {
        font-family: 'Sarabun', sans-serif;
        font-size: 1.3em;
        margin-bottom: 50px;
        color: #656565;
    }
    #ferramentas .ferramenta-contabel {
        background: #942030;
        padding: 6% 0% 6% 0%;
        background: url(../img/ferramentas.jpg);
        background-attachment: fixed;
        background-size: cover;
        background-repeat: no-repeat;
        height: auto;
    }
    #ferramentas .ferramenta-contabel h3 {
        font-family: 'Sarabun', sans-serif;
        color: #ffffff;
        font-size: 1.5em !important;
        letter-spacing: 0px;
    }
    #ferramentas .ferramenta-contabel a {
        display: inline-block;
        color: #FFF;
        font-family: 'Sarabun', sans-serif;
        font-size: 1.15em !important;
        background-color: #ff4e4f;
        padding: 5px 30px;
        border-radius: 90px;
        font-weight: 100;
    }
    #noticias h2 {
        color: #d09d2b;
        font-family: HorsebackSlabBold;
        font-size: 1.85em !important;
        text-align: center;
        margin: 0 auto;
        padding: 8% 0% 0% 0%;
        width: 80%;
        clear: both;
        margin: 0 auto;
    }
    #galerias h2 {
        font-family: HorsebackSlabBold;
        font-size: 2em;
        margin-bottom: 8px;
        color: #d09d2b;
    }
    #depoimentos .bg-session {
        text-align: center;
        background-size: 100% 100%;
        min-height: auto;
        background: #942030;
        -webkit-clip-path: none;
        clip-path: none;
        width: 100%;
        padding: 3% 0% 3% 0%;
    }
    #depoimentos .bg-session h2 {
        font-family: HorsebackSlabBold;
        font-size: 1.65em;
        margin-bottom: 21px;
        padding-top: 0%;
    }
    #contato .bg-session h2 {
        font-family: HorsebackSlabBold;
        font-size: 1.85em;
        margin-bottom: 25px;
        margin-top: 2px;
        letter-spacing: -1px;
        text-align: left;
    }
    #contato .bg-session p {
        font-family: 'Sarabun', sans-serif;
        font-size: 1.3em;
        margin-bottom: 50px;
        color: #656565;
        text-align: center;
    }
    #contato .socialmedia {
        text-align: center;
    }
    .header-topo-logo img {
        width: 73% !important;
        max-width: 397px !important;
        border-bottom-right-radius: 145px;
        border-top-right-radius: 145px;
    }
    .header-topo-logo {
        position: absolute;
        margin-top: 18%;
        left: -1%;
    }
    #frase-efeito h2 {
        font-family: 'Sarabun', sans-serif;
        font-size: 1.65em;
        margin-top: 4px;
        width: 60%;
        clear: both;
        margin: 0 auto;
        text-align: center;
    }
    #contato .bg-session p {
        font-family: 'Sarabun', sans-serif;
        font-size: 1.3em;
        margin-bottom: 50px;
        color: #656565;
        text-align: left;
    }
}

@media (max-width: 768px) {

    #depoimentos .bg-session p {
        font-family: 'Sarabun', sans-serif;
        padding-bottom: 10px !important;
        /* font-weight: bold; */
        font-size: 1.35em !important;
        line-height: 25px;
    }

    #depoimentos .bg-session {
        text-align: center;
        background-size: 100% 100%;
        min-height: auto;
        background: #942030;
        -webkit-clip-path: none;
        clip-path: none;
        width: 100%;
        padding: 3% 0% 3% 0%;
        height: 230px;
    }

    #ferramentas .ferramenta-contabel {
        background: #942030;
        padding: 6% 0% 6% 0%;
        background: url(../img/ferramentas.jpg);
        background-attachment: fixed;
        background-size: cover;
        background-repeat: no-repeat;
        height: 620px;
    }

    #ferramentas .box-ferramenta {
        min-height: 200px;
        width: 33%;
    }
    .header-fixed {
        display: block !important;
    }
    .header-topo {
        display: none;
    }
    .header-slider {
        margin: 0 0 0 0;
    }
    .header-slider .btn-saibamais {
        left: 55% !important;
    }
    .box-social-flutuante {
        display: none !important;
    }
}

@media (max-width: 650px) {

    #ferramentas .ferramenta-contabel {
        background: #942030;
        padding: 6% 0% 6% 0%;
        background: url(../img/ferramentas.jpg);
        background-attachment: fixed;
        background-size: cover;
        background-repeat: no-repeat;
        height: 580px;
    }

    #ferramentas .ferramenta-contabel a {
        display: inline-block;
        color: #FFF;
        font-family: 'Sarabun', sans-serif;
        font-size: 1.15em !important;
        background-color: #ff4e4f;
        padding: 2px 17px;
        border-radius: 90px;
        font-weight: 100;
    }

    #ferramentas .ferramenta-contabel h3 {
        font-family: 'Sarabun', sans-serif;
        color: #ffffff;
        font-size: 1.35em!important;
        letter-spacing: 0px;
    }

    #abrir-empresa h2 {
        font-family: 'Sarabun', sans-serif;
        font-size: 1.75em!important;
        color: #ffffff;
        letter-spacing: -1px;
        line-height: 25px;
        width: 80%;
        clear: both;
        margin: 0 auto;
        /* font-weight: bold; */
    }

    .solucoes .solucoes-list h2 {
        color: #d09d2b;
        font-family: HorsebackSlabBold;
        font-size: 2.6rem !important;
        padding-bottom: 4%;
    }

    .quem-somos .bg-session p {
        font-family: 'Sarabun', sans-serif;
        padding-bottom: 10px !important;
        font-size: 1.25em!important;
        line-height: 24px;
    }

    .quem-somos .bg-session h2 {
        font-family: HorsebackSlabBold;
        font-size: 1.65em !important;
        padding-top: 0%;
        padding-bottom: 0px;
    }

    #frase-efeito h2 {
        font-family: 'Sarabun', sans-serif;
        font-size: 1.4em;
        margin-top: 4px;
        width: 80%;
        clear: both;
        margin: 0 auto;
        text-align: center;
    }
    .header-fixed a {
        display: none;
    }
    .header-fixed .logo-mobile {
        display: block !important;
    }
    .header-fixed .menu-mobile {
        display: block !important;
    }
}

@media (max-width: 580px) {
    .solucoes .solucoes-list h3 {
        font-family: 'Sarabun', sans-serif;
        color: #942030;
        font-size: 1.3em !important;
        letter-spacing: 0px;
        font-weight: bold;
    }
    .solucoes p {
        font-family: 'Sarabun', sans-serif;
        font-size: 1.15em;
        color: #737070;
        line-height: 18px;
        width: 90%;
        clear: both;
        margin: 0 auto;
        text-align: center;
    }
    #ferramentas .ferramenta-contabel {
        background: #942030;
        padding: 14% 0% 6% 0%;
        background: url(../img/ferramentas.jpg);
        background-attachment: fixed;
        background-size: cover;
        background-repeat: no-repeat;
        height: 680px;
    }
    #ferramentas .box-ferramenta {
        min-height: 110px;
        width: 50%;
    }
    #ferramentas .ferramenta-contabel {
        background: #942030;
        padding: 14% 0% 6% 0%;
        background: url(../img/ferramentas.jpg);
        background-attachment: fixed;
        background-size: cover;
        background-repeat: no-repeat;
        height: 860px;
    }
    .header-slider {
        margin: 66px 0 0 0;
    }
    .quem-somos .bg-session p {
        font-family: 'Sarabun', sans-serif;
        padding-bottom: 10px !important;
        font-size: 1.15em!important;
        line-height: 19px;
    }
    .solucoes .solucoes-list h2 {
        color: #d09d2b;
        font-family: HorsebackSlabBold;
        font-size: 2.2rem !important;
        padding-bottom: 12%;
    }
    .b-abrir {
        background: #942030;
        margin: 0px;
        padding: 8% 0%;
        width: 100%;
        -webkit-clip-path: none;
        clip-path: none;
        transition: 1s;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        -o-transition: 1s;
        margin-bottom: 10px;
    }
    #ferramentas .ferramenta-contabel h2 {
        color: #ffffff;
        font-family: HorsebackSlabBold;
        font-size: 1.45em !important;
        padding-bottom: 0%;
        width: 90%;
        clear: both;
        margin: 0 auto;
        text-align: center;
    }
    .notic {
        padding: 0% 0% 0% 0%;
    }
    
}

@media (max-width: 440px) {
    #noticias h2 {
        color: #d09d2b;
        font-family: HorsebackSlabBold;
        font-size: 1.65em!important;
        text-align: center;
        margin: 0 auto;
        padding: 15% 0% 0% 0%;
        width: 80%;
        clear: both;
        margin: 0 auto;
    }
}

@media (max-width: 380px) {

    #layerslider h2{
        font-size: 1.8em!important;
        line-height: 25px!important;
        left: 30%!important;
    }
    #layerslider p{
        display: none!important;
    }
    #depoimentos .bg-session p {
        font-family: 'Sarabun', sans-serif;
        padding-bottom: 10px !important;
        /* font-weight: bold; */
        font-size: 1.2em !important;
        line-height: 19px;
    }
    #depoimentos .bg-session h2 {
        font-family: HorsebackSlabBold;
        font-size: 1.45em;
        margin-bottom: 21px;
        padding-top: 0%;
    }

}

@media (max-width: 340px) {

    #frase-efeito {
        font-family: HorsebackSlabBold;
        text-align: center;
        color: #93202f;
        padding: 6% 0;
    }
    #frase-efeito h2 {
        font-family: 'Sarabun', sans-serif;
        font-size: 1.25em;
        margin-top: 4px;
        width: 100%;
        clear: both;
        margin: 0 auto;
        text-align: center;
    }
    .solucao-list-box img{width: 25%!important;}
    .solucoes .solucao-list-box {
        height: 182px;
        padding: 0;
        width: 100%;
    }
    #ferramentas .ferramenta-contabel h2 {
        color: #ffffff;
        font-family: HorsebackSlabBold;
        font-size: 1.85em !important;
        padding-bottom: 0%;
        width: 100%;
        clear: both;
        margin: 0 auto;
        text-align: center;
    }
    #ferramentas .box-ferramenta {
        min-height: 95px;
        width: 100%;
    }
    #abrir-empresa h2 {
        font-family: 'Sarabun', sans-serif;
        font-size: 1.55em!important;
        color: #ffffff;
        letter-spacing: 0px;
        line-height: 25px;
        width: 80%;
        clear: both;
        margin: 0 auto;
        /* font-weight: bold; */
    }
    #ferramentas .ferramenta-contabel {
        background: #942030;
        padding: 14% 0% 6% 0%;
        background: url(../img/ferramentas.jpg);
        background-attachment: fixed;
        background-size: cover;
        background-repeat: no-repeat;
        height: 1520px;
    }
    #noticias h2 {
        color: #d09d2b;
        font-family: HorsebackSlabBold;
        font-size: 1.55em!important;
        text-align: center;
        margin: 0 auto;
        padding: 15% 0% 0% 0%;
        width: 100%;
        clear: both;
        margin: 0 auto;
    }
    #contato .bg-session h2 {
        font-family: HorsebackSlabBold;
        font-size: 1.6em;
        margin-bottom: 25px;
        margin-top: 2px;
        letter-spacing: -1px;
        text-align: left;
    }
    #depoimentos .depoimento-list p {
        margin-bottom: 5px;
        font-family: 'Sarabun', sans-serif;
        font-size: 1.15em;
        line-height: 22px;
    }
    .ligamos h3{
        font-size: 1.25em!important;
    }
    #contato .bg-session h4 {
        background: #942030;
        border-radius: 90px;
        -webkit-border-radius: 90px;
        -moz-border-radius: 90px;
        -ms-border-radius: 90px;
        -o-border-radius: 90px;
        color: #fff;
        width: 55%;
        margin: 0 auto;
        padding: 3%;
        font-size: 1em;
    }
    #contato .contato-list {
        padding-top: 8%;
        padding-bottom: 35px;
        font-size: 1.2em;
    }

}