
@media all and (max-width: 1700px){
     img#proposito{
         width: 770px;
     }

    div.conteudo{
        width: 77%;
    }

    div.txtBanner {
        width: 70%;
        right: calc(9.3% - 23.5%);
    }

    #textoFixo {
        margin-left: 16%;
    }

    .owl-buttons {
        width: 49%;
        left: 44%;
    }
}

@media all and (max-width: 1600px){
    img#proposito{
        width: 115%;
    }

    div.conteudo{
        width: 85%;
    }
    div.txtBanner {
        width: 77%;
        right: calc(9.3% - 19.5%);
    }

    .owl-theme .owl-controls{
        margin-top: 0%;
    }

    #textoFixo {
        margin-left: 12%;
    }

    #imagemDaBoa {
        padding-left: 10%;
    }

    .owl-buttons {
        width: 52%;
        top: calc(110% - 100px);
    }
}

@media all and (max-width: 1500px){
    #imagemDaBoa {
        margin-top: 1085px;
    }

    .owl-carousel .owl-wrapper-outer {
        height: 630px;
    }
}

@media all and (max-width: 1400px){
    img#proposito{
        width: 115%;
    }

    div.conteudo{
        width: 90%;
    }

    div.txtBanner {
        width: 85%;
        right: calc(9.3% - 16.5%);
    }

    #imagemDaBoa {
        padding-left: 8%;
        padding-bottom: 23%;
    }

    .owl-buttons {
        width: 53%;
        left: 47%;
    }
}

@media all and (max-width: 1350px){
    .owl-buttons {
        top: calc(110% - 150px);
    }
}

@media all and (max-width: 1300px){
    img#proposito{
        width: 105%;
    }

    div.conteudo{
        width: 100%;
    }
    div.txtBanner {
        width: 91%;
        right: calc(9.3% - 12.5%);
    }

    .owl-buttons {
        margin-top: -25%;
    }
    #textoFixo {
        margin-left: 5%;
    }

    #imagemDaBoa {
        padding-left: 3%;
    }
}

@media all and (max-width: 1280px){
    .owl-buttons {
        top: calc(110% - 155px);
        width: 52%;
        left: 48%;
    }
}

@media all and (max-width: 1220px){
    .owl-carousel .owl-wrapper-outer {
        height: 620px;
    }
}

@media all and (max-width: 1200px){
    img#proposito{
        width: 70%;
        padding-bottom: 5%;
    }

    #imagemDaBoa{
        display: none;
    }

    div.conteudo{
        width: 100%;
    }

    div.imgProposito {
        margin-top: 3%;
        padding-left: 0;
    }

    div.destaque {
        padding-top: 0;
    }
    div.laranja {
        margin-left: 0;
        margin-right: auto;
        left: 15px;
    }
    div.pessoas {
        padding-left: 2.5%;
    }

    div.boxPreta{
        padding-top: 0;
        left: 10px;
    }

    .owl-carousel .owl-wrapper-outer {
        height: 620px;
    }

    .owl-theme .owl-controls {
        padding-bottom: 0;
        margin-top: 0;
    }

    div.boxs{
        width: 25%;
        margin-left: 0;
        padding-right: 0;
        display: inline-block;
    }

    div.blocos {
        padding: 0;
        height: auto;
    }

    div.destaque {
        margin-left: 0;
        margin-top: 5%;
        padding-bottom: 0;
    }

    div.pessoas{
        width: 100%;
    }

    div.linha1{
        right: calc(45.3% - 45%);
        top: calc(45.3% - 18%);

    }

    div.linha2{
        right: calc(45.3% - 45.3%);
        top: calc(45.3% - 25%);
    }

    div.divisoria{
        display: none;
    }

    div.escondido{
        opacity: 0;
    }

    #owl-demo .item img.peoples{
        float: left;
    }

    .pull-right {
        float: left!important;

    }

    div.pessoasMin{
        display: none;
    }

    div.pessoasLarge{
        display: block;
    }

    #tf-home{
        background-color: #2C2C2C;
    }

    .owl-buttons {
        width: 101%;
        left: -1%;
    }

    .owl-pagination {
        margin-top: 4%;
    }

    .txtBanner{
        margin-top: -895px;
    }

    #textoFixo{
        width: 80%;
        margin-top: 20px;
        display: block;
        left: 10px;
    }
}

@media all and (max-width: 1199px){
    .owl-buttons {
        margin-top: -185px;
    }
}

@media all and (max-width: 850px){
    .owl-carousel .owl-wrapper-outer {
    top: 50px;}
}

@media all and (max-width: 767px) {
    div.boxPreta{
        left: 5%;
    }
    div#textoFixo {
        left: 5%;
    }
}

@media all and (max-width: 690px){
    div.boxs {
        width: 33%;
    }

    div.txtBanner {
        right: calc(9.3% - 15.5%);
    }

    div.destaque h1 {
        font-size: 50px;
    }

    .owl-buttons {
        margin-top: -35%;
    }

    .owl-carousel .owl-wrapper-outer {
        height: 685px;
        top: 50px;
    }

    div.boxPreta {
        padding-left: 0;
    }

    #textoFixo {
        margin-left: 7%;
    }
}

@media all and (max-width: 650px){
    .section-title.center {
        height: 120px;
    }

    img#proposito{
        width: 100%;
    }

    div.boxMenor{
        padding-left: 0;
        padding-right: 0;
    }

    div.imgProposito{
        padding-right: 0;
    }
}

@media all and (max-width: 600px){

    div.boxPreta{
        left: 5%;
    }
    div#textoFixo {
        left: 5%;
    }

}

@media all and (max-width: 575px){
    .owl-pagination {
        margin-top: 8%;
    }
}

@media all and (max-width: 550px){
    .panel{
        left: -1%;
    }

    #owl-demo .item img {
        width: 65%;
    }

    .owl-carousel .owl-wrapper-outer {
        height: 970px;
    }

    .owl-buttons {
        margin-top: -330px;
    }

    .owl-theme .owl-controls {
        padding-bottom: 9%;
    }

    .owl-pagination {
        margin-top: -10%;
    }

    div.computer{
        display: none;
    }

    div.txtBanner {
        margin-top: 64%;
    }
    div.laranja {
        opacity: 0.9;
        z-index: 99999;
        height: 269px;
        width: 265px;
        background-color: transparent;
        transition: all 0.5s;
        margin-right: auto;
        margin-left: auto;
        left: 60px;
        padding-top: 100px;
    }

    #instituicao2 {
        padding-bottom: 0;
    }

    p.infoPessoas{
        font-size: 15px;
        text-align: center;
        font-weight: 600;
        padding: 0;
        margin: 2% 0 0 0;
    }

    .owl-carousel {
        display: block !important;
    }

    div.destaque h1 {
        font-size: 44px;
    }

    div.boxBranca{
        margin-bottom: -30%;
    }

    div.movel{
        display: block;
    }

    div.blocks {
        width: 400px;
    }

    .stripViewer {
        height: 285px;
    }

    div.destaque h1 {
        font-size: 35px;
    }

    div.txtBanner {
        margin-top: 63%;
    }

    #textoFixo {
        margin-top: 180px;
    }
}

@media all and (max-width: 510px){
    div.m1 > .photoMin {
        width: 60px;
        margin-right: 0;
    }
}

@media all and (max-width: 500px){
    .blocks, .center {
        justify-content: center !important;
    }

    .center-thumb {
        left: 11% !important;
    }
    div.conteudo{
        padding-left: 15px;
        padding-right: 15px;
    }

    div.m1 > .photoMin {
        width: 50px;
        margin-right: 2%;
    }
    div.txtBanner {
        margin-top: 70%;
    }
}



@media all and (max-width: 480px){
    

    .col-lg-1{
        padding-left: 1%;
    }

    div.laranja{
        margin-right: auto;
        margin-left: 0;
        left: 82px;
        margin-right: 0;
        padding-top: 100px;
    }

    div.m1 > .blocks > .photoMin {
        width: 60px;
        margin-right: 5.5%;
    }

    div.blocks{
        padding-bottom: 4%;
    }

    div.destaque h1 {
        font-size: 40px;
    }

    img.imgSLide {
        right: calc(49.3% - 34%);
    }


    .owl-theme .owl-controls {
        padding-bottom: 8%;
    }
}

@media all and (max-width: 450px){
    .owl-carousel .owl-wrapper-outer {
        height: 995px;
    }

    .owl-buttons {
        margin-top: -410px;
    }
}

@media all and (max-width: 430px){

    

    div.miniaturas{
        left: 1%;
    }
    .miniaturasMobile{
        left: 35px !important;
    }
    .stripViewer .panelContainer .panel{
        left: 1.5%;
    }

    .center{
        justify-content: center !important;
        left: -1% !important;
    }

    .center-thumb {
        left: 4.5% !important;
    }
    img.imgSLide {
        right: calc(49.3% - 22%);
    }

    div.laranja {
        /*right: calc(85.3% - 64.2%);*/
        left: 32px;
    }
    #textoFixo {
        margin-top: 130px;
    }
    .panel-last{
        left: 3% !important;
    }
}

@media all and (max-width: 410px){
    img.imgSLide {
        right: calc(49.3% - 24%);
    }

    div.txtBanner {
        margin-top: 80%;
    }

    div.destaque h1 {
        font-size: 30px;
    }

    .owl-buttons {
        margin-top: -416px;
    }

}

@media all and (max-width: 400px){
    img.imgSLide {
        right: calc(49.3% - 23%);
    }

}

@media all and (max-width: 380px){
    div.miniaturas{
        margin-left: 1%;
        padding-bottom: 0;
        padding-top: 0;
    }

    div.m1 > .blocks > .photoMin {
        margin-right: 2.5%;
    }

    div.photoMin {
        margin-right: -6.5%;
    }

    img.imgSLide {
        right: calc(49.3% - 13%);
        width: 50%;
    }

    .owl-carousel .owl-wrapper-outer {
        height: 775px;
    }

    div.destaque h1 {
        font-size: 30px;
    }

    .page-wrap {
        margin: 0 auto;
    }

    .stripViewer {
        height: 250px;
    }

    .owl-pagination {
        margin-top: 0;
    }

    .owl-buttons {
        margin-top: -318px;
    }
}

@media all and (max-width: 360px){
    .owl-pagination {
        margin-top: 3%;
    }

    img.imgSLide {
        right: calc(49.3% - 11%);
    }

    div.miniaturas{
        margin-left: -3%;
    }

    #textoFixo {
        margin-top: 115px;
    }

    div.txtBanner {
        margin-top: 87%;
    }
}

@media all and (max-width: 330px){
    img.imgSLide {
        right: calc(49.3% - 8%);
    }

    div.miniaturas{
        margin-left: -7%;
    }

    .owl-pagination {
        margin-top: 7%;
    }

    div.destaque h1 {
        font-size: 25px;
    }

    .owl-buttons {
        margin-top: -113%;
    }

    div.txtBanner {
        margin-top: 97%;
    }
}

@media all and (max-width: 320px){
    img.imgSLide {
        right: calc(49.3% - 7%);
    }

    div.miniaturas{
        margin-left: -8%;
    }

    .owl-pagination {
        margin-top: 3%;
    }
}