@media only screen and (min-width: 320px) and (max-width:480px) {


    /**************************************************   HOME PAGE CSS   **********************************************/
    #hp-master-container {
        /*Início Home Page Master Container*/
        border: 1px transparent solid;
        height: 70vh;
    }

    #hph-master-container {
        height: 220px;
    }

    /*Fim Home Page Master Container*/

    .home-page-background {
        /*Início Background Home Page*/
        height: 70vh !important;
    }

    .lang {
        /*Início Idiomas Link Topo Home Page*/
        padding: 6px 10px 6px 10px;
        top: -7px !important;
    }

    .hph-container {
        display: block;
    }

    /*------------------------------------------------------INÍCIO SOCIAL MEDIA HOME PAGE*/

    .hph-sm-content {
        /*Início Conteúdo Redes Sociais Cabeçalho Home Page*/
        margin: 0 auto !important;
        width: 72%;
        margin-top: 30px !important;
        float: none;
    }

    /*IFim Conteúdo Redes Sociais Cabeçalho Home Page*/

    /*------------------------------------------------------FIM SOCIAL MEDIA HOME PAGE*/

    /*------------------------------------------------------INÍCIO LOGO E NAVBAR HOME PAGE MASTER CONTAINER*/

    /*Início Page Header Logo e Nav Container*/

    .logo {
        /*Início Logo Container*/
        float: none;
        margin: 0 auto;
        margin-top: 40px;
        margin-top: 2%;
    }

    .globe {
        margin-left: 13%;
    }


    /*Fim Logo Container*/

    .hph-main-nav {
        /*Início Menu Principal*/
        display: none;
    }

    #responsive-nav{
        width: 40px;
        float:none;
        display: block;
        position: relative;
        margin:0 auto;
        top:20px;
        margin-top:0px;
        right:0px;
        font-size: 45px !important;
        z-index: 0;
    }

    /*Fim Menu Principal*/

    /*------------------------------------------------------FIM LOGO E NAVBAR HOME PAGE MASTER CONTAINER*/

    /*------------------------------------------------------INÍCIO TITULO PRINCIPAL DA HOME PAGE MASTER CONTAINER*/


    /*Fim Conteúdo Principal / Main Master Container*/

    .cb-slideshow {
        width: 100%;
        height: 70vh !important;
        margin-top:200px;

    }

    /*Fim Conteúdo Home Page Principal da Esquerda*/

    .cb-slideshow li div {
        z-index: 1000;
        position: absolute;
        bottom: 50%;
        left: 0px;
        width: 100%;
    }

    .cb-slideshow li div h3 {
        font-size: 16pt;
        padding: 0;
        line-height: 1;
    }

    .cb-slideshow li div p {
        font-size: 12pt;
        padding: 0;
        line-height: 1;
        margin-top: 30px;
    }

    .hm-btn {
        margin-top: 35% !important;
        top: 75% !important;
        width: 60% !important;
    }

    .hpm-rgt-content {
        /*Início Conteúdo da Direita BOTÃO HOME PAGE VAMOS ORGANIZAR*/
        width: auto;
        float: none;
        margin: 0 auto;
        margin-top: 100px;
        margin-right: 00px;
    }

    .btn-link {
        /*Início  CONFIG BOTÃO BOTÃO BRANCO*/
        padding: 15px 30px 15px 30px !important;
        font-size: 8pt;
        width: 250px;
        margin: 0 auto;
    }

    /*FIM Conteúdo da Direita BOTÃO HOME PAGE VAMOS ORGANIZAR*/



    /* FIM RODAPÉ HOME PAGE LINKS SERVIÇOS*/

    .hpf-master-container>h2 {
        /*INICIO HOME PAGE TITULO RODAPE*/
        width: 70%;
        margin: 0 auto;
        display: none;
    }

    /*FIM HOME PAGE TITULO RODAPE*/

    .hpf-master-container>h2:before,
    .hpf-master-container>h2:after {
        width: 5%;
    }

    .hpf-master-container>h2:before {
        right: 1.5em;
    }

    .hpf-master-container>h2:after {
        left: 1.5em;
    }

    .hpf-master-container>ul {
        /*INICIO HOME PAGE COLUNA LINKS RODAPE*/
        height: 103px;
        margin: 0 auto;
        display: none;
    }

    /*FIM HOME PAGE COLUNA LINKS RODAPE*/

    .hpf-master-container>ul>li {
        /*INÍCIO LINK RODAPÉ SERVIÇOS*/
        width: 20%;
        float: left;
    }

    .hpf-master-container>ul>li>a {
        font-size: 6pt;
        padding: 45px 0px 45px 0px;
        color: white;
    }

    /*FIM LINK RODAPÉ SERVIÇOS*/

    /*------------------------------------------------------FIM TITULO PRINCIPAL DA HOME PAGE MASTER CONTAINER*/


    /**************************************************   SOBRE NÓS PAGE CSS   **********************************************/

    #ab-master-container {
        /*Início Sessão Sobre Nós Conteúdo Mestre*/
        height: auto;
        margin-top: 250px;
        margin-bottom: 50px;
    }

    /*Fim Sessão Sobre Nós Conteúdo Mestre*/


    /*------------------------------------------------------INÍCIO CONTEUDO DA ESQUERDA SOBRE NÓS*/
    .ab-lft-content {
        /* Início Conteúdo da Esquerda */
        width: 100%;
        height: auto;
        float: none;
        margin: 0 auto;
        margin-top: 30px;
    }

    /* Fim Conteúdo da Esquerda */

    .ab-lft-content>.ab-title {
        /* Início Titulo Sobre Nós */
        font-size: 10pt !important;
    }

    /* Fim Titulo Sobre Nós */



    .ab-lft-content>.ab-subtext {
        /* Início Subtext Config. Texto Sobre Nós */
        font-size: 38pt;

    }

    /* Fim Subtext Config. Texto */
    .ab-lft-content>p {
        /* Início Configuração SUBTEXTO Contéudo da Esquerda */
        width: 100%;
        height: auto;
    }

    /* Fim Configuração SUBTEXTO Contéudo da Esquerda */

    .ab-lft-content>h3 {
        /* Início Titulo da Esquerda SObre a Organizze */
        padding: 10px 0px 10px 0px;
    }

    /* FIm Titulo da Esquerda SObre a Organizze */

    .ab-lft-content>.ab-text {
        /* Início Texto Sobre Nós */
        width: 90%;
        padding-left: 0px;
        margin-top: 25px;
    }

    /* Fim Texto Sobre Nós */

    .light-btn-link {
        /*Início  CONFIG BOTÃO AZUL CLARO*/
        padding: 20px 20px 20px 20px !important;
        font-size: 8pt;
        width: 220px;
        margin-top: 30px;

    }

    /*FIM  CONFIG BOTÃO AZUL CLARO*/
    /*------------------------------------------------------FIM CONTEUDO DA ESQUERDA SOBRE NÓS*/


    /*------------------------------------------------------INÍCIO CONTEUDO DA DIREITA SOBRE NÓS*/
    .ab-rgt-content {
        /* Início Conteudo da direit Sobre Nós */
        width: 100%;
        float: none;
    }

    /* Fim Conteudo da direit Sobre Nós */

    .ab-rgt-content>.ab-img-group {
        /* Início Grupo de Imagens Sobre Nós */
        float: none;
    }

    /* Fim Grupo de Imagens Sobre Nós*/

    .ab-img-group>img:nth-child(1) {
        /* Início de Imagem NTH CHILD IMAGEM 1 da Esquerda */
        float: none;
        margin: 0 auto !important;
        margin-right: 5px;
        padding-bottom: 50px;
        margin-top: 0px;
        padding-top: 0px;
        width: 60%;
    }

    /* Fim de Imagem NTH CHILD IMAGEM 1 da Esquerda */

    .ab-img-group>img:nth-child(1n+2) {
        /* Início de Imagem NTH CHILD IMAGEM 2 da Esquerda */
        float: none;
        margin: 0 auto !important;
        margin-right: auto !important;
        padding-bottom: 50px;
        margin-top: 0px;
        padding-top: 0px;
        width: 60% !important;
    }

    /* Fim de Imagem NTH CHILD IMAGEM 2 da Esquerda */
    /*------------------------------------------------------FIM CONTEUDO DA DIREITA SOBRE NÓS*/


    /**************************************************   ADS MUDANÇAS  **********************************************/


    .ads-background {
        height: 70vh;
    }

    #ads-master-container {
        height: 70vh;
        border: 1px transparent solid;
    }

    #ads-master-container>.ads-text-container {
        margin: 0 auto;
        width: 80%;
        margin-top: 160px;
        text-align: center;
        margin-bottom: 30px;
    }

    .ads-text-container>.span-ads-text {
        margin-left: 0px;
        line-height: 0;
    }

    #ads-master-container>p {
        font-size: 16pt;
    }

    /**************************************************Início SERVIÇOS DE ORGANIZAÇÃO********************************/

    #svc-master-container {
        /*Início Serviços Portfolio*/
        margin-top: 50px;
    }

    /*Fim Serviços Portfolio*/

    #svc-master-container>h4 {
        /*Início Titulo Serviços*/
        width: 100%;
        margin: 0 auto;

    }

    /*Fim Titulo Serviços*/

    .svc-title {
        /*Início Titulo Serviços*/
        font-size: 12pt;
    }

    .svc-subtitle {
        font-size: 36pt;
    }

    /*Fim Titulo Serviços*/

    .left-col {
        /*Início Coluna Esquerda Serviços*/
        float: none;
    }

    /*Início Coluna Esquerda Serviços*/

    .md-col {
        /*Início Coluna Esquerda Serviços*/
        display: block;
        float: none;
        margin-left: 0%;
    }

    /*Início Coluna Esquerda Serviços*/

    .rgt-col {
        /*Início Coluna Esquerda Serviços*/
        display: block;
        float: none;
    }

    /*Início Coluna Esquerda Serviços*/

    .svc-article {
        /*Início Artigos Serviços*/
        padding: 40px 0px 20px 0px;
    }

    /*Fim Artigos Serviços*/

    /*Início Coluna Esquerda Serviços*/

    .svc-article {
        /*Início Artigos Serviços*/
        display: block;
        position: relative;
        padding: 5% 20% 5% 20%;
    }

    .art-2>.col-1-hd>img {
        float: none !important;
        margin: 0 auto !important;
    }

    .art-4>.col-2-hd>img {
        float: none !important;

    }

    .col-svc-hd>img {
        /*Início Imagem Cabeçalho Coluna Serviços*/
        display: block;
        width: 100% !important;
        margin: 0 auto !important;
        float: none !important;
    }

    /**************************************************Início Seccção Frmulário Vamos Conversar********************************/
    /*-------------------------------Início Conteudo LT Lets Talk Container-----------------------------*/
    #lt-container {
        /*Início Lets Talk Container*/
        float: none;
        margin-top: 100px;
    }

    /*Fim Lets Talk Container*/

    /*-------------------------------Início Artigo LT Lets Talk------------------------------------*/
    .lt-article {
        /*Início Lets Talk Artigo*/
        display: block;
        position: relative;
        width: 100%;
    }

    /*Fim Lets Talk Artigo*/

    /*-------------------------------Início Conteúdo da esquerda LT Lets Talk-------------------------*/
    .lt-left-content {
        /*Início Lets Talk Conteúdo da Esquerda*/
        display: block;
        position: relative;
        width: 70%;
        float: none;
        margin: 0 auto;
    }

    .lt-left-content>img {
        /*Início Lets Talk Imagem*/
        display: block;
        position: relative;
        width: 100%;
    }

    /*Fim Lets Talk Conteúdo da Esquerda e Imagem*/

    /*-------------------------------Início Conteúdo da Direita LT Lets Talk-------------------------*/
    .lt-rgt-content {
        /*Início Lets Talk Conteúdo da Direita*/
        float: none;
        width: 100%;
        margin-top: 10%;
    }

    .lt-rgt-content>h2 {
        /*Início Lets Talk Titulo da Direita*/
        width: 90%;
        text-align: center;
    }

    /*Fim Lets Talk Titulo da Direita*/

    .lt-form {
        /*Início Formulário Lets Talk Direita*/
        width: 100%;
        margin-top: 30px;
    }

    .rb-zeplin-ruller {
        display: none;
    }

    /*Fim Lets Talk Conteúdo da Direita*/

    /*Fim Formulário Lets Talk Input*/

    .lt-form>textarea {
        /*Início Formulário Lets Talk Textarea*/
        width: 100%;
    }

    /*Fim Formulário Lets Talk Textarea*/

    .send-btn {
        /*Início Formulário Lets Talk Send Btn*/
        width: 25% !important;
        float: none;
        display: block;
        margin: 0 auto !important;
        padding: 20px 100px 20px 30px !important;
        margin-top: 30px !important;
    }

    /*Fim Formulário Lets Talk Direita*/
    /**************************************************Início Rodapé Main Page********************************/

    /*----------------------------------Início Newsletter Rodapé---------------------------------*/
    #ft-master-container {
        height: auto;
        margin-top: 80px !important;
        padding-bottom: 150px;
    }

    /*----------------------------------InícioContactos e Links Rodapé---------------------------------*/

    .ft-ctc-section {
        width: 100%;
        margin: 0 auto;
    }

    .col-1-ctc {
        margin: 0 auto;
        width: 90%;
        float: none;
        margin-top: 60px;
    }

    .col-1-ctc>img {
        width: 150px;
        margin: 0 auto;
    }

    .col-1-ctc>.ft-ctc-social {
        width: 140px;
        margin: 0 auto;
    }

    .col-1-ctc>.ft-ctc-social>a {
        float: none;
    }

    .col-1-ctc>.ft-ctc-social>a:nth-child(1n + 4) {
        float: none;
        margin-left: 20px;
    }


    .col-1-ctc>.ft-ctc-social>a:nth-child(2n + 3) {
        float: none;
        margin-left: 20px;
    }


    /*---------------Colunas-----------------------*/

    .col-2-ctc,
    .col-3-ctc,
    .col-4-ctc {
        width: 100%;
        top: 70px;
        float: none;
        margin-left: 0px;
    }

    .col-4-ctc,
    .col-3-ctc {
        float: none;
        margin-top: 80px;
        padding-bottom: 40px;
    }

    .ft-title {
        text-align: center;
    }

    .aside-nav>ul>li>a {
        display: block;
        text-align: center !important;
    }

    .ctc-text {
        text-align: center;
    }


    #reserved {
        padding-bottom: 100px;
        padding-top: 100px;
    }

    .reserved-text {
        width: 80%;
        font-size: 7pt;
    }





    /* Pagina Sobre Nós*/

    /**************************************INÍCIO SOBRE NÓS PÁGINA***********************************************/

    /*Início About Master Container*/

    #ab-page-master-container {
        /*Início Página Sobre Nós Conteúdo Mestre*/
        height: 73vh;
    }

    /*Fim Página Sobre Nós Conteúdo Mestre*/

    .sobre-nos-bckg {
        /*Início Fundo Página Sobre Nos*/
        height: 73vh;
        margin-top:200px;
    }

    .portfolio-bckg{
        margin-top:200px;
    }

    .abt-subtext {
        /*Início Texto principal Sobre Nós*/
        display: block !important;
        position: absolute !important;
        top: 35% !important;
        left: 6% !important;
        /*Fim Texto principal Sobre Nós*/
    }

    .mid-text-container {
        width: 90%;
        bottom: 5em;
        margin-top: 5em !important;
        text-align: center;
    }

    .mid-text-title {
        width: 90%;
    }


    #ab-page-master-container {
        /*Início Página Sobre Nós Conteúdo Mestre*/
        height: 73vh;
    }

    /*Fim Página Sobre Nós Conteúdo Mestre*/

    .fotografia-bckg {
        /*Início Fundo Página Sobre Nos*/
        height: 73vh;
    }




/*------------------------------------------------------------Início página fotografia---------------------------------------*/


/**************************************************Início Seccção Trabalhos Recentes********************************/

#rw-container {
    /*Início Conteúdo RW RECENT WORKS */
    display: block;
    position: relative;
    height: auto;
    margin-top: 0px !important;
}

/*Fim Conteúdo RW RECENT WORKS */

/*----------------------------------------------Início Artigo e Header da Página-----------------------------------------*/
.rw-article {
    /*Início Artigos RW RECENT WORKS */
    display: block;
    position: relative;
}

/*Fim Artigos RW RECENT WORKS */

/*----------------------------------------------Fim Artigo e Header da Página-----------------------------------------*/

/*----------------------------------------------Início Demonstração de Fotografias-----------------------------------------*/
.rw-article-ft {
    /*Início Rodapé Artigos Slideshow*/
    display: inline-table;
    position: relative;
    width:100%;
}

/*Fim Rodapé Artigos Slideshow*/

.rw-article-ft>figure {
    /*Início Rodapé Artigos Figura Slideshow*/
    display: inline-table;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto !important;
}

/*Fim Rodapé Artigos Figura Slideshow*/

.rw-article-ft>figure>a>img {
    /*Início Rodapé Artigos Imagem Slideshow*/
    display: inline-block;
    position: relative;
    width: 23.90%;
    height: 20%;
    margin-top: 20px;
}

/*Fim Rodapé Artigos Imagem Slideshow*/

}
























@media screen and (min-width: 375px) and (max-width: 375px) {
    .hph-sm-content {
        margin: 0 auto !important;
        width: 65%;
        margin-top: 30px !important;
        float: none;
    }

    .abt-subtext {
        display: block !important;
        position: absolute !important;
        top: 35% !important;
        left: 9% !important;
    }
}
@media screen and (min-width: 425px) and (max-width: 425px) {
    .hph-sm-content {
        margin: 0 auto !important;
        width: 60%;
        margin-top: 30px !important;
        float: none;
    }
    .abt-subtext {
        display: block !important;
        position: absolute !important;
        top: 35% !important;
        left: 16% !important;
    }
}













@media only screen and (min-width: 481px) and (max-width:768px) {

    /**************************************************   HOME PAGE CSS   **********************************************/
    #hp-master-container {
        /*Início Home Page Master Container*/
        border: 1px transparent solid;
        height: 70vh !important;
    }

    #hph-master-container {
        height: 200px;
    }

    /*Fim Home Page Master Container*/

    .home-page-background {
        /*Início Background Home Page*/
        height: 70vh !important;
    }

    .lang {
        /*Início Idiomas Link Topo Home Page*/
        padding: 6px 10px 6px 10px;
        top: -7px !important;
    }

    /*------------------------------------------------------INÍCIO SOCIAL MEDIA HOME PAGE*/

    .hph-sm-content {
        /*Início Conteúdo Redes Sociais Cabeçalho Home Page*/
        margin: 0 auto !important;
        width: 194px;
        margin-top: 30px !important;
        float: none;
    }

    /*IFim Conteúdo Redes Sociais Cabeçalho Home Page*/

    /*------------------------------------------------------FIM SOCIAL MEDIA HOME PAGE*/

    /*------------------------------------------------------INÍCIO LOGO E NAVBAR HOME PAGE MASTER CONTAINER*/

    /*Início Page Header Logo e Nav Container*/

    .hph-container {
        display: block;
        justify-content: space-around;
        height: 100%;
        width: 80%;
        margin: 0 auto;
    }

    .logo {
        /*Início Logo Container*/
        float: none;
        width: 70px !important;
        margin: 0 auto;
        margin-top: 40px;
    }

    /*Fim Logo Container*/

    .hph-main-nav {
        /*Início Menu Principal*/
        display: none;
    }


    #responsive-nav{
        width: 40px;
        float:right;
        display: block;
        position: absolute;
        margin:0 auto;
        top:20px;
        margin-top:40px;
        right:50px;
        font-size: 45px !important;
        z-index: 99999;
    }

    /*Fim Menu Principal*/

    /*------------------------------------------------------FIM LOGO E NAVBAR HOME PAGE MASTER CONTAINER*/

    /*------------------------------------------------------INÍCIO TITULO PRINCIPAL DA HOME PAGE MASTER CONTAINER*/


    /*Fim Conteúdo Principal / Main Master Container*/

    .cb-slideshow {
        width: 100%;
        height: 70vh !important;
        margin-top: 200px;

    }

    /*Fim Conteúdo Home Page Principal da Esquerda*/

    .cb-slideshow li div {
        z-index: 1000;
        position: absolute;
        bottom: 55%;
        left: 0px;
        width: 100%;
    }

    .cb-slideshow li div h3 {
        font-size: 22pt;
        padding: 0;
        line-height: 1;
    }

    .cb-slideshow li div p {
        font-size: 16pt;
        padding: 0;
        line-height: 1;
        margin-top: 30px;
    }

    .hm-btn {
        margin-top: 30% !important;
        top: 70% !important;
        width: 250px !important;
    }

    .hpm-rgt-content {
        /*Início Conteúdo da Direita BOTÃO HOME PAGE VAMOS ORGANIZAR*/
        width: auto;
        float: none;
        margin: 0 auto;
        margin-top: 100px;
        margin-right: 00px;
    }

    .btn-link {
        /*Início  CONFIG BOTÃO BOTÃO BRANCO*/
        padding: 15px 30px 15px 30px !important;
        font-size: 8pt;
        width: 200px !important;
        margin: 0 auto;
    }

    /*FIM Conteúdo da Direita BOTÃO HOME PAGE VAMOS ORGANIZAR*/



    /* FIM RODAPÉ HOME PAGE LINKS SERVIÇOS*/

    .hpf-master-container>h2 {
        /*INICIO HOME PAGE TITULO RODAPE*/
        width: 70%;
        margin: 0 auto;
        display: none;
    }

    /*FIM HOME PAGE TITULO RODAPE*/

    .hpf-master-container>h2:before,
    .hpf-master-container>h2:after {
        width: 5%;
    }

    .hpf-master-container>h2:before {
        right: 1.5em;
    }

    .hpf-master-container>h2:after {
        left: 1.5em;
    }

    .hpf-master-container>ul {
        /*INICIO HOME PAGE COLUNA LINKS RODAPE*/
        height: 103px;
        margin: 0 auto;
        display: none;
    }

    /*FIM HOME PAGE COLUNA LINKS RODAPE*/

    .hpf-master-container>ul>li {
        /*INÍCIO LINK RODAPÉ SERVIÇOS*/
        width: 20%;
        float: left;
    }

    .hpf-master-container>ul>li>a {
        font-size: 6pt;
        padding: 45px 0px 45px 0px;
        color: white;
    }

    /*FIM LINK RODAPÉ SERVIÇOS*/

    /*------------------------------------------------------FIM TITULO PRINCIPAL DA HOME PAGE MASTER CONTAINER*/

    /**************************************************   SOBRE NÓS PAGE CSS   **********************************************/

    #ab-master-container {
        /*Início Sessão Sobre Nós Conteúdo Mestre*/
        height: auto;
        margin-top: 250px;
        margin-bottom: 50px;
    }

    /*Fim Sessão Sobre Nós Conteúdo Mestre*/


    /*------------------------------------------------------INÍCIO CONTEUDO DA ESQUERDA SOBRE NÓS*/
    .ab-lft-content {
        /* Início Conteúdo da Esquerda */
        width: 100%;
        height: auto;
        float: none;
        margin: 0 auto;
        margin-top: 30px;
    }

    /* Fim Conteúdo da Esquerda */

    .ab-lft-content>.ab-title {
        /* Início Titulo Sobre Nós */
        font-size: 10pt !important;
    }

    /* Fim Titulo Sobre Nós */



    .ab-lft-content>.ab-subtext {
        /* Início Subtext Config. Texto Sobre Nós */
        font-size: 38pt;

    }

    /* Fim Subtext Config. Texto */
    .ab-lft-content>p {
        /* Início Configuração SUBTEXTO Contéudo da Esquerda */
        width: 100%;
        height: auto;
    }

    /* Fim Configuração SUBTEXTO Contéudo da Esquerda */

    .ab-lft-content>h3 {
        /* Início Titulo da Esquerda SObre a Organizze */
        padding: 10px 0px 10px 0px;
    }

    /* FIm Titulo da Esquerda SObre a Organizze */

    .ab-lft-content>.ab-text {
        /* Início Texto Sobre Nós */
        width: 90%;
        padding-left: 0px;
        margin-top: 25px;
    }

    /* Fim Texto Sobre Nós */

    .light-btn-link {
        /*Início  CONFIG BOTÃO AZUL CLARO*/
        padding: 20px 20px 20px 20px !important;
        font-size: 8pt;
        width: 220px;
        margin-top: 30px;

    }

    /*FIM  CONFIG BOTÃO AZUL CLARO*/
    /*------------------------------------------------------FIM CONTEUDO DA ESQUERDA SOBRE NÓS*/

    /**************************************************   ADS MUDANÇAS  **********************************************/


    .ads-background {
        height: 50vh;
    }

    #ads-master-container {
        height: 50vh;
        border: 1px transparent solid;
    }

    #ads-master-container>.ads-text-container {
        margin: 0 auto;
        width: 80%;
        margin-top: 23%;
        text-align: center;
        margin-bottom: 30px;
    }

    .ads-text-container>.span-ads-text {
        margin-left: 0px;
        line-height: 0;
    }

    #ads-master-container>p {
        font-size: 16pt;
    }

    /*------------------------------------------------------INÍCIO CONTEUDO DA DIREITA SOBRE NÓS*/
    .ab-rgt-content {
        /* Início Conteudo da direit Sobre Nós */
        width: 100%;
        float: none;
    }

    /* Fim Conteudo da direit Sobre Nós */

    .ab-rgt-content>.ab-img-group {
        /* Início Grupo de Imagens Sobre Nós */
        float: none;
    }

    /* Fim Grupo de Imagens Sobre Nós*/

    .ab-img-group>img:nth-child(1) {
        /* Início de Imagem NTH CHILD IMAGEM 1 da Esquerda */
        float: none;
        margin: 0 auto !important;
        margin-right: 50px;
        padding-bottom: 50px;
        margin-top: 0px;
        padding-top: 0px;
        width: 30%;
    }

    /* Fim de Imagem NTH CHILD IMAGEM 1 da Esquerda */

    .ab-img-group>img:nth-child(1n+2) {
        /* Início de Imagem NTH CHILD IMAGEM 2 da Esquerda */
        float: none;
        margin: 0 auto !important;
        margin-right: auto !important;
        padding-bottom: 50px;
        margin-top: 0px;
        padding-top: 0px;
        width: 30% !important;
    }

    /* Fim de Imagem NTH CHILD IMAGEM 2 da Esquerda */
    /*------------------------------------------------------FIM CONTEUDO DA DIREITA SOBRE NÓS*/
    /**************************************************Início SERVIÇOS DE ORGANIZAÇÃO********************************/

    #svc-master-container {
        /*Início Serviços Portfolio*/
        margin-top: 50px;
    }

    /*Fim Serviços Portfolio*/

    #svc-master-container>h4 {
        /*Início Titulo Serviços*/
        width: 100%;
        margin: 0 auto;

    }

    /*Fim Titulo Serviços*/

    .svc-title {
        /*Início Titulo Serviços*/
        font-size: 12pt;
    }

    .svc-subtitle {
        font-size: 36pt;
    }

    /*Fim Titulo Serviços*/

    .left-col {
        /*Início Coluna Esquerda Serviços*/
        float: none;
    }

    /*Início Coluna Esquerda Serviços*/

    .md-col {
        /*Início Coluna Esquerda Serviços*/
        display: block;
        float: none;
        margin-left: 0%;
    }

    /*Início Coluna Esquerda Serviços*/

    .rgt-col {
        /*Início Coluna Esquerda Serviços*/
        display: block;
        float: none;
    }

    /*Início Coluna Esquerda Serviços*/

    .svc-article {
        /*Início Artigos Serviços*/
        padding: 40px 0px 20px 0px;
    }

    /*Fim Artigos Serviços*/

    /*Início Coluna Esquerda Serviços*/

    .svc-article {
        /*Início Artigos Serviços*/
        display: block;
        position: relative;
        padding: 5% 20% 5% 20%;
    }

    .art-2>.col-1-hd>img {
        float: none !important;
        margin: 0 auto !important;
    }

    .art-4>.col-2-hd>img {
        float: none !important;

    }

    .col-svc-hd>img {
        /*Início Imagem Cabeçalho Coluna Serviços*/
        display: block;
        width: 100% !important;
        margin: 0 auto !important;
        float: none !important;
    }

    /**************************************************Início Seccção Frmulário Vamos Conversar********************************/
    /*-------------------------------Início Conteudo LT Lets Talk Container-----------------------------*/
    #lt-container {
        /*Início Lets Talk Container*/
        float: none;
        margin-top: 100px;
    }

    /*Fim Lets Talk Container*/

    /*-------------------------------Início Artigo LT Lets Talk------------------------------------*/
    .lt-article {
        /*Início Lets Talk Artigo*/
        display: block;
        position: relative;
        width: 100%;
    }

    /*Fim Lets Talk Artigo*/

    /*-------------------------------Início Conteúdo da esquerda LT Lets Talk-------------------------*/
    .lt-left-content {
        /*Início Lets Talk Conteúdo da Esquerda*/
        display: block;
        position: relative;
        width: 70%;
        float: none;
        margin: 0 auto;
    }

    .lt-left-content>img {
        /*Início Lets Talk Imagem*/
        display: block;
        position: relative;
        width: 100%;
    }

    /*Fim Lets Talk Conteúdo da Esquerda e Imagem*/

    /*-------------------------------Início Conteúdo da Direita LT Lets Talk-------------------------*/
    .lt-rgt-content {
        /*Início Lets Talk Conteúdo da Direita*/
        float: none;
        width: 100%;
        margin-top: 10%;
    }

    .lt-rgt-content>h2 {
        /*Início Lets Talk Titulo da Direita*/
        width: 90%;
        text-align: center;
    }

    /*Fim Lets Talk Titulo da Direita*/

    .lt-form {
        /*Início Formulário Lets Talk Direita*/
        width: 100%;
        margin-top: 30px;
    }

    /*Fim Lets Talk Conteúdo da Direita*/

    .lt-form>input {
        /*Início Formulário Lets Talk Input*/
        width: 100%;
    }

    /*Fim Formulário Lets Talk Input*/

    .lt-form>textarea {
        /*Início Formulário Lets Talk Textarea*/
        width: 100%;
    }

    /*Fim Formulário Lets Talk Textarea*/

    .send-btn {
        /*Início Formulário Lets Talk Send Btn*/
        width: 25% !important;
        float: none;
        display: block;
        margin: 0 auto !important;
        padding: 20px 30px 20px 30px !important;
        margin-top: 30px !important;
    }

    /*Fim Formulário Lets Talk Direita*/

    /*----------------------------------Início Newsletter Rodapé---------------------------------*/
    #ft-master-container {
        height: auto;
        margin-top: 80px !important;
        padding-bottom: 100px;
    }

    /*----------------------------------InícioContactos e Links Rodapé---------------------------------*/

    .ft-ctc-section {
        width: 100%;
        margin: 0 auto;
    }

    .col-1-ctc {
        margin: 0 auto;
        width: 90%;
        float: none;
        margin-top: 60px;
    }

    .col-1-ctc>img {
        width: 150px;
        margin: 0 auto;
    }

    .col-1-ctc>.ft-ctc-social {
        width: 140px;
        margin: 0 auto;
    }

    .col-1-ctc>.ft-ctc-social>a {
        float: none;
    }

    .col-1-ctc>.ft-ctc-social>a:nth-child(1n + 4) {
        float: none;
        margin-left: 20px;
    }


    .col-1-ctc>.ft-ctc-social>a:nth-child(2n + 3) {
        float: none;
        margin-left: 20px;
    }


    /*---------------Colunas-----------------------*/

    .col-2-ctc,
    .col-3-ctc,
    .col-4-ctc {
        width: 100%;
        top: 70px;
        float: none;
        margin-left: 0px;
    }

    .col-4-ctc,
    .col-3-ctc {
        float: none;
        margin-top: 80px;
        padding-bottom: 40px;
    }

    .ft-title {
        text-align: center;
    }

    .aside-nav>ul>li>a {
        display: block;
        text-align: center !important;
    }

    .ctc-text {
        text-align: center;
    }


    #reserved {
        padding-bottom: 100px;
        padding-top: 100px;
    }

    .reserved-text {
        width: 80%;
        font-size: 7pt;
    }



    /**************************************INÍCIO SOBRE NÓS PÁGINA***********************************************/

    /*Início About Master Container*/

    #ab-page-master-container {
        /*Início Página Sobre Nós Conteúdo Mestre*/
        height: 73vh;
    }

    /*Fim Página Sobre Nós Conteúdo Mestre*/

    .sobre-nos-bckg {
        /*Início Fundo Página Sobre Nos*/
        height: 73vh;
        margin-top:200px;
    }

    .portfolio-bckg{
        margin-top:200px;
    }
 

    .abt-subtext {
        /*Início Texto principal Sobre Nós*/
        display: block !important;
        position: absolute !important;
        top: 35% !important;
        left: 32% !important;
        /*Fim Texto principal Sobre Nós*/
    }

    .mid-text-container {
        width: 90%;
        bottom: 5em;
        margin-top: 5em !important;
        text-align: center;
    }

    .mid-text-title {
        width: 90%;
    }


    #ab-page-master-container {
        /*Início Página Sobre Nós Conteúdo Mestre*/
        height: 73vh;
    }

    /*Fim Página Sobre Nós Conteúdo Mestre*/

    .fotografia-bckg {
        /*Início Fundo Página Sobre Nos*/
        height: 73vh;
    }


    /*------------------------------------------------------------Início página fotografia---------------------------------------*/


/**************************************************Início Seccção Trabalhos Recentes********************************/

#rw-container {
    /*Início Conteúdo RW RECENT WORKS */
    display: block;
    position: relative;
    height: auto;
    margin-top: 0px !important;
}

/*Fim Conteúdo RW RECENT WORKS */

/*----------------------------------------------Início Artigo e Header da Página-----------------------------------------*/
.rw-article {
    /*Início Artigos RW RECENT WORKS */
    display: block;
    position: relative;
}

/*Fim Artigos RW RECENT WORKS */

/*----------------------------------------------Fim Artigo e Header da Página-----------------------------------------*/

/*----------------------------------------------Início Demonstração de Fotografias-----------------------------------------*/
.rw-article-ft {
    /*Início Rodapé Artigos Slideshow*/
    display: block;
    position: relative;
    width:100%;
}

/*Fim Rodapé Artigos Slideshow*/

.rw-article-ft>figure {
    /*Início Rodapé Artigos Figura Slideshow*/
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto !important;
}

/*Fim Rodapé Artigos Figura Slideshow*/

.rw-article-ft>figure>a>img {
    /*Início Rodapé Artigos Imagem Slideshow*/
    display: inline-block;
    position: relative;
    width: 23.90%;
    height: 20%;
    margin-top: 20px;
}

/*Fim Rodapé Artigos Imagem Slideshow*/

}





































/*--------------------Início Responsivo min 769px e max 967px--------------------------*/

@media only screen and (min-width: 769px) and (max-width:967px) {


    /**************************************************   HOME PAGE CSS   **********************************************/
    #hp-master-container {
        /*Início Home Page Master Container*/
        border: 1px transparent solid;
        height: 82vh !important;
    }

    #hph-master-container {
        height: 200px;
    }

    /*Fim Home Page Master Container*/

    .home-page-background {
        /*Início Background Home Page*/
        height: 82vh !important;
    }

    .lang {
        /*Início Idiomas Link Topo Home Page*/
        padding: 6px 10px 6px 10px;
        top: -7px !important;
    }

    /*------------------------------------------------------INÍCIO SOCIAL MEDIA HOME PAGE*/

    .hph-sm-content {
        /*Início Conteúdo Redes Sociais Cabeçalho Home Page*/
        margin: 0 auto !important;
        width: 220px;
        margin-top: 30px !important;
        float: none;
    }

    /*IFim Conteúdo Redes Sociais Cabeçalho Home Page*/

    /*------------------------------------------------------FIM SOCIAL MEDIA HOME PAGE*/

    /*------------------------------------------------------INÍCIO LOGO E NAVBAR HOME PAGE MASTER CONTAINER*/

    /*Início Page Header Logo e Nav Container*/

    .logo {
        /*Início Logo Container*/
        float: none;
        width: 200px !important;
        margin: 0 auto;
        margin-top: 40px;
    }

    /*Fim Logo Container*/

    .hph-main-nav {
        /*Início Menu Principal*/
        display: none;
    }

    #responsive-nav{
        width: 40px;
        float:right;
        display: block;
        position: absolute;
        margin:0 auto;
        top:20px;
        margin-top:40px;
        right:50px;
        font-size: 45px !important;
        z-index: 99999;
    }

    /*Fim Menu Principal*/

    /*------------------------------------------------------FIM LOGO E NAVBAR HOME PAGE MASTER CONTAINER*/

    /*------------------------------------------------------INÍCIO TITULO PRINCIPAL DA HOME PAGE MASTER CONTAINER*/


    /*Fim Conteúdo Principal / Main Master Container*/

    .cb-slideshow {
        width: 100%;
        height: 70vh !important;

    }

    /*Fim Conteúdo Home Page Principal da Esquerda*/

    .cb-slideshow li div {
        z-index: 1000;
        position: absolute;
        bottom: 45% !important; 
        left: 0px;
        width: 100%;
    }

    .cb-slideshow li div h3 {
        font-size: 22pt;
        padding: 0;
        line-height: 1;
    }

    .cb-slideshow li div p {
        font-size: 16pt;
        padding: 0;
        line-height: 1;
        margin-top: 30px;
    }

    .hm-btn {
        margin-top: 30% !important;
        top: 30% !important;
        width: 220px !important;
    }

    .hpm-rgt-content {
        /*Início Conteúdo da Direita BOTÃO HOME PAGE VAMOS ORGANIZAR*/
        width: auto;
        float: none;
        margin: 0 auto;
        margin-top: 100px;
        margin-right: 00px;
    }

    .btn-link {
        /*Início  CONFIG BOTÃO BOTÃO BRANCO*/
        padding: 15px 30px 15px 30px !important;
        font-size: 8pt;
        width: 200px !important;
        margin: 0 auto;
    }

    /*FIM Conteúdo da Direita BOTÃO HOME PAGE VAMOS ORGANIZAR*/

    /**************************************************   SOBRE NÓS PAGE CSS   **********************************************/

    #ab-master-container {
        /*Início Sessão Sobre Nós Conteúdo Mestre*/
        height: auto;
        margin-top: 50px;
        margin-bottom: 50px;
    }

    /*Fim Sessão Sobre Nós Conteúdo Mestre*/


    /*------------------------------------------------------INÍCIO CONTEUDO DA ESQUERDA SOBRE NÓS*/
    .ab-lft-content {
        /* Início Conteúdo da Esquerda */
        width: 100%;
        height: auto;
        float: none;
        margin: 0 auto;
        margin-top: 30px;
    }

    /* Fim Conteúdo da Esquerda */

    .ab-lft-content>.ab-title {
        /* Início Titulo Sobre Nós */
        font-size: 10pt !important;
    }

    /* Fim Titulo Sobre Nós */



    .ab-lft-content>.ab-subtext {
        /* Início Subtext Config. Texto Sobre Nós */
        font-size: 38pt;

    }

    /* Fim Subtext Config. Texto */
    .ab-lft-content>p {
        /* Início Configuração SUBTEXTO Contéudo da Esquerda */
        width: 100%;
        height: auto;
    }

    /* Fim Configuração SUBTEXTO Contéudo da Esquerda */

    .ab-lft-content>h3 {
        /* Início Titulo da Esquerda SObre a Organizze */
        padding: 10px 0px 10px 0px;
    }

    /* FIm Titulo da Esquerda SObre a Organizze */

    .ab-lft-content>.ab-text {
        /* Início Texto Sobre Nós */
        width: 90%;
        padding-left: 0px;
        margin-top: 25px;
    }

    /* Fim Texto Sobre Nós */

    .light-btn-link {
        /*Início  CONFIG BOTÃO AZUL CLARO*/
        padding: 20px 20px 20px 20px !important;
        font-size: 8pt;
        width: 220px;
        margin-top: 30px;

    }

    /*FIM  CONFIG BOTÃO AZUL CLARO*/
    /*------------------------------------------------------FIM CONTEUDO DA ESQUERDA SOBRE NÓS*/


    /*------------------------------------------------------INÍCIO CONTEUDO DA DIREITA SOBRE NÓS*/
    .ab-rgt-content {
        /* Início Conteudo da direit Sobre Nós */
        width: 100%;
        float: none;
    }

    /* Fim Conteudo da direit Sobre Nós */

    .ab-rgt-content>.ab-img-group {
        /* Início Grupo de Imagens Sobre Nós */
        float: none;
    }

    /* Fim Grupo de Imagens Sobre Nós*/

    .ab-img-group>img:nth-child(1) {
        /* Início de Imagem NTH CHILD IMAGEM 1 da Esquerda */
        float: none;
        margin: 0 auto !important;
        margin-right: 50px;
        padding-bottom: 50px;
        margin-top: 0px;
        padding-top: 0px;
        width: 30%;
    }

    /* Fim de Imagem NTH CHILD IMAGEM 1 da Esquerda */

    .ab-img-group>img:nth-child(1n+2) {
        /* Início de Imagem NTH CHILD IMAGEM 2 da Esquerda */
        float: none;
        margin: 0 auto !important;
        margin-right: auto !important;
        padding-bottom: 50px;
        margin-top: 0px;
        padding-top: 0px;
        width: 30% !important;
    }

    /* Fim de Imagem NTH CHILD IMAGEM 2 da Esquerda */
    /*------------------------------------------------------FIM CONTEUDO DA DIREITA SOBRE NÓS*/

    /**************************************************   ADS MUDANÇAS  **********************************************/


    .ads-background {
        height: 50vh;
    }

    #ads-master-container {
        height: 50vh;
        border: 1px transparent solid;
    }

    #ads-master-container>.ads-text-container {
        margin: 0 auto;
        width: 80%;
        margin-top: 30%;
        text-align: center;
        margin-bottom: 30px;
    }

    .ads-text-container>.span-ads-text {
        margin-left: 0px;
        line-height: 0;
    }

    #ads-master-container>p {
        font-size: 16pt;
    }



    /**************************************************Início SERVIÇOS DE ORGANIZAÇÃO********************************/

    #svc-master-container {
        /*Início Serviços Portfolio*/
        margin-top: 50px;
    }

    /*Fim Serviços Portfolio*/

    #svc-master-container>h4 {
        /*Início Titulo Serviços*/
        width: 100%;
        margin: 0 auto;

    }

    /*Fim Titulo Serviços*/

    .svc-title {
        /*Início Titulo Serviços*/
        font-size: 12pt;
    }

    .svc-subtitle {
        font-size: 36pt;
    }

    /*Fim Titulo Serviços*/

    .left-col {
        /*Início Coluna Esquerda Serviços*/
        float: none;
    }

    /*Início Coluna Esquerda Serviços*/

    .md-col {
        /*Início Coluna Esquerda Serviços*/
        display: block;
        float: none;
        margin-left: 0%;
    }

    /*Início Coluna Esquerda Serviços*/

    .rgt-col {
        /*Início Coluna Esquerda Serviços*/
        display: block;
        float: none;
    }

    /*Início Coluna Esquerda Serviços*/

    .svc-article {
        /*Início Artigos Serviços*/
        padding: 40px 0px 20px 0px;
    }

    /*Fim Artigos Serviços*/

    /*Início Coluna Esquerda Serviços*/

    .svc-article {
        /*Início Artigos Serviços*/
        display: block;
        position: relative;
        padding: 5% 20% 5% 20%;
    }

    .art-2>.col-1-hd>img {
        float: none !important;
        margin: 0 auto !important;
    }

    .art-4>.col-2-hd>img {
        float: none !important;

    }

    .col-svc-hd>img {
        /*Início Imagem Cabeçalho Coluna Serviços*/
        display: block;
        width: 100% !important;
        margin: 0 auto !important;
        float: none !important;
    }

    /**************************************************Início Seccção Frmulário Vamos Conversar********************************/
    /*-------------------------------Início Conteudo LT Lets Talk Container-----------------------------*/
    #lt-container {
        /*Início Lets Talk Container*/
        float: none;
        margin-top: 100px;
    }

    /*Fim Lets Talk Container*/

    /*-------------------------------Início Artigo LT Lets Talk------------------------------------*/
    .lt-article {
        /*Início Lets Talk Artigo*/
        display: block;
        position: relative;
        width: 100%;
    }

    /*Fim Lets Talk Artigo*/

    /*-------------------------------Início Conteúdo da esquerda LT Lets Talk-------------------------*/
    .lt-left-content {
        /*Início Lets Talk Conteúdo da Esquerda*/
        display: block;
        position: relative;
        width: 70%;
        float: none;
        margin: 0 auto;
    }

    .lt-left-content>img {
        /*Início Lets Talk Imagem*/
        display: block;
        position: relative;
        width: 100%;
    }

    /*Fim Lets Talk Conteúdo da Esquerda e Imagem*/

    /*-------------------------------Início Conteúdo da Direita LT Lets Talk-------------------------*/
    .lt-rgt-content {
        /*Início Lets Talk Conteúdo da Direita*/
        float: none;
        width: 100%;
        margin-top: 10%;
    }

    .lt-rgt-content>h2 {
        /*Início Lets Talk Titulo da Direita*/
        width: 90%;
        text-align: center;
    }

    /*Fim Lets Talk Titulo da Direita*/

    .lt-form {
        /*Início Formulário Lets Talk Direita*/
        width: 100%;
        margin-top: 30px;
    }

    /*Fim Lets Talk Conteúdo da Direita*/

    .lt-form>input {
        /*Início Formulário Lets Talk Input*/
        width: 100%;
    }

    /*Fim Formulário Lets Talk Input*/

    .lt-form>textarea {
        /*Início Formulário Lets Talk Textarea*/
        width: 100%;
    }

    /*Fim Formulário Lets Talk Textarea*/

    .send-btn {
        /*Início Formulário Lets Talk Send Btn*/
        width: 25% !important;
        float: none;
        display: block;
        margin: 0 auto !important;
        padding: 20px 30px 20px 30px !important;
        margin-top: 30px !important;
    }

    /*Fim Formulário Lets Talk Direita*/

    /*----------------------------------Início Newsletter Rodapé---------------------------------*/
    #ft-master-container {
        height: auto;
        margin-top: 80px !important;
        padding-bottom: 100px;
    }

    /*----------------------------------InícioContactos e Links Rodapé---------------------------------*/

    .ft-ctc-section {
        width: 100%;
        margin: 0 auto;
    }

    .col-1-ctc {
        margin: 0 auto;
        width: 90%;
        float: none;
        margin-top: 60px;
    }

    .col-1-ctc>img {
        width: 150px;
        margin: 0 auto;
    }

    .col-1-ctc>.ft-ctc-social {
        width: 140px;
        margin: 0 auto;
    }

    .col-1-ctc>.ft-ctc-social>a {
        float: none;
    }

    .col-1-ctc>.ft-ctc-social>a:nth-child(1n + 4) {
        float: none;
        margin-left: 20px;
    }


    .col-1-ctc>.ft-ctc-social>a:nth-child(2n + 3) {
        float: none;
        margin-left: 20px;
    }


    /*---------------Colunas-----------------------*/

    .col-2-ctc,
    .col-3-ctc,
    .col-4-ctc {
        width: 100%;
        top: 70px;
        float: none;
        margin-left: 0px;
    }

    .col-4-ctc,
    .col-3-ctc {
        float: none;
        margin-top: 80px;
        padding-bottom: 40px;
    }

    .ft-title {
        text-align: center;
    }

    .aside-nav>ul>li>a {
        display: block;
        text-align: center !important;
    }

    .ctc-text {
        text-align: center;
    }


    #reserved {
        padding-bottom: 100px;
        padding-top: 100px;
    }

    .reserved-text {
        width: 80%;
        font-size: 7pt;
    }

    /**************************************INÍCIO SOBRE NÓS PÁGINA***********************************************/

    /*Início About Master Container*/

    #ab-page-master-container {
        /*Início Página Sobre Nós Conteúdo Mestre*/
        height: 73vh;
    }

    /*Fim Página Sobre Nós Conteúdo Mestre*/

    .sobre-nos-bckg {
        /*Início Fundo Página Sobre Nos*/
        height: 73vh;
    }

    .abt-subtext {
        /*Início Texto principal Sobre Nós*/
        display: block !important;
        position: absolute !important;
        top: 40% !important;
        left: 35% !important;
        /*Fim Texto principal Sobre Nós*/
    }

    .mid-text-container {
        width: 90%;
        bottom: 5em;
        margin-top: 5em !important;
        text-align: center;
    }

    .mid-text-title {
        width: 90%;
    }

    #ab-page-master-container {
        /*Início Página Sobre Nós Conteúdo Mestre*/
        height: 73vh;
    }

    /*Fim Página Sobre Nós Conteúdo Mestre*/

    .fotografia-bckg {
        /*Início Fundo Página Sobre Nos*/
        height: 73vh;

    }



    /*------------------------------------------------------------Início página fotografia---------------------------------------*/


/**************************************************Início Seccção Trabalhos Recentes********************************/

#rw-container {
    /*Início Conteúdo RW RECENT WORKS */
    display: block;
    position: relative;
    height: auto;
    margin-top: 0px !important;
}

/*Fim Conteúdo RW RECENT WORKS */

/*----------------------------------------------Início Artigo e Header da Página-----------------------------------------*/
.rw-article {
    /*Início Artigos RW RECENT WORKS */
    display: block;
    position: relative;
}

/*Fim Artigos RW RECENT WORKS */

/*----------------------------------------------Fim Artigo e Header da Página-----------------------------------------*/

/*----------------------------------------------Início Demonstração de Fotografias-----------------------------------------*/
.rw-article-ft {
    /*Início Rodapé Artigos Slideshow*/
    display: block;
    position: relative;
    width:100%;
}

/*Fim Rodapé Artigos Slideshow*/

.rw-article-ft>figure {
    /*Início Rodapé Artigos Figura Slideshow*/
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto !important;
}

/*Fim Rodapé Artigos Figura Slideshow*/

.rw-article-ft>figure>a>img {
    /*Início Rodapé Artigos Imagem Slideshow*/
    display: inline-block;
    position: relative;
    width: 23.90%;
    height: 20%;
    margin-top: 20px;
}

/*Fim Rodapé Artigos Imagem Slideshow*/

}







































@media only screen and (min-width: 968px) and (max-width:1024px) {

    /**************************************************   HOME PAGE CSS   **********************************************/
    #hp-master-container {
        /*Início Home Page Master Container*/
        border: 1px transparent solid;
        height: 81vh !important;
    }

    #hph-master-container {
        height: 130px;
    }

    /*Fim Home Page Master Container*/

    .home-page-background {
        /*Início Background Home Page*/
        height: 81vh !important;
    }

    .lang {
        /*Início Idiomas Link Topo Home Page*/
        padding: 6px 10px 6px 10px;
        top: -7px !important;
    }

    /*------------------------------------------------------INÍCIO SOCIAL MEDIA HOME PAGE*/

    .hph-sm-content {
        /*Início Conteúdo Redes Sociais Cabeçalho Home Page*/
        margin: 0 auto !important;
        width: 220px;
        margin-top: 50px !important;
        float: right;
    }

    /*IFim Conteúdo Redes Sociais Cabeçalho Home Page*/

    /*------------------------------------------------------FIM SOCIAL MEDIA HOME PAGE*/

    /*------------------------------------------------------INÍCIO LOGO E NAVBAR HOME PAGE MASTER CONTAINER*/

    /*Início Page Header Logo e Nav Container*/

    .logo {
        /*Início Logo Container*/
        float: left;
        width: 70px !important;
        margin: 0 auto;
        margin-top: 40px;
    }

    .hph-container {
        display: block;
        justify-content: space-around;
        height: 100%;
        width: 80%;
        margin: 0 auto;
    }

    /*Fim Logo Container*/

    .hph-main-nav {
        /*Início Menu Principal*/
        display: none;
    }

    #responsive-nav{
        width: 40px;
        float:right;
        display: block;
        position: absolute;
        margin:0 auto;
        top:20px;
        margin-top:17px;
        right:330px;
        font-size: 45px !important;
        z-index: 99999;
    }

    /*Fim Menu Principal*/

    /*------------------------------------------------------FIM LOGO E NAVBAR HOME PAGE MASTER CONTAINER*/

    /*------------------------------------------------------INÍCIO TITULO PRINCIPAL DA HOME PAGE MASTER CONTAINER*/


    /*Fim Conteúdo Principal / Main Master Container*/

    .cb-slideshow {
        width: 100%;
        height: 81vh !important;

    }

    /*Fim Conteúdo Home Page Principal da Esquerda*/

    .cb-slideshow li div {
        z-index: 1000;
        position: absolute;
        bottom: 55%;
        left: 0px;
        width: 100%;
    }

    .cb-slideshow li div h3 {
        font-size: 22pt;
        padding: 0;
        line-height: 1;
    }

    .cb-slideshow li div p {
        font-size: 16pt;
        padding: 0;
        line-height: 1;
        margin-top: 30px;
    }

    .hm-btn {
        margin-top: 35% !important;
        top: 20% !important;
        width: 220px !important;
    }

    .hpm-rgt-content {
        /*Início Conteúdo da Direita BOTÃO HOME PAGE VAMOS ORGANIZAR*/
        width: auto;
        float: none;
        margin: 0 auto;
        margin-top: 100px;
        margin-right: 00px;
    }

    .btn-link {
        /*Início  CONFIG BOTÃO BOTÃO BRANCO*/
        padding: 15px 30px 15px 30px !important;
        font-size: 8pt;
        width: 200px !important;
        margin: 0 auto;
    }



    /*FIM Conteúdo da Direita BOTÃO HOME PAGE VAMOS ORGANIZAR*/
    /**************************************************   SOBRE NÓS PAGE CSS   **********************************************/

    #ab-master-container {
        /*Início Sessão Sobre Nós Conteúdo Mestre*/
        height: auto;
        margin-top: 100px;
    }

    /*Fim Sessão Sobre Nós Conteúdo Mestre*/


    /*------------------------------------------------------INÍCIO CONTEUDO DA ESQUERDA SOBRE NÓS*/
    .ab-lft-content {
        /* Início Conteúdo da Esquerda */
        width: 50%;
        height: auto;
        float: left;
        margin: 0 auto;
        margin-top: 30px;
    }

    /* Fim Conteúdo da Esquerda */

    .ab-lft-content>.ab-title {
        /* Início Titulo Sobre Nós */
        font-size: 14pt !important;
    }

    /* Fim Titulo Sobre Nós */



    .ab-lft-content>.ab-subtext {
        /* Início Subtext Config. Texto Sobre Nós */
        font-size: 48pt;

    }

    /* Fim Subtext Config. Texto */
    .ab-lft-content>p {
        /* Início Configuração SUBTEXTO Contéudo da Esquerda */
        width: 100%;
        height: auto;
    }

    /* Fim Configuração SUBTEXTO Contéudo da Esquerda */

    .ab-lft-content>h3 {
        /* Início Titulo da Esquerda SObre a Organizze */
        padding: 10px 0px 10px 0px;
    }

    /* FIm Titulo da Esquerda SObre a Organizze */

    .ab-lft-content>.ab-text {
        /* Início Texto Sobre Nós */
        width: 90%;
        padding-left: 0px;
        margin-top: 25px;
    }

    /* Fim Texto Sobre Nós */

    .light-btn-link {
        /*Início  CONFIG BOTÃO AZUL CLARO*/
        padding: 20px 20px 20px 20px !important;
        font-size: 8pt;
        width: 220px;
        margin-top: 30px;
    }

    /*FIM  CONFIG BOTÃO AZUL CLARO*/
    /*------------------------------------------------------FIM CONTEUDO DA ESQUERDA SOBRE NÓS*/


    /*------------------------------------------------------INÍCIO CONTEUDO DA DIREITA SOBRE NÓS*/
    .ab-rgt-content {
        /* Início Conteudo da direit Sobre Nós */
        width: 40%;
        float: right;
    }

    /* Fim Conteudo da direit Sobre Nós */

    .ab-rgt-content>.ab-img-group {
        /* Início Grupo de Imagens Sobre Nós */
        float: none;
    }

    /* Fim Grupo de Imagens Sobre Nós*/

    .ab-img-group>img:nth-child(1) {
        /* Início de Imagem NTH CHILD IMAGEM 1 da Esquerda */
        float: left;
        margin: 0 auto !important;
        margin-right: 50px;
        padding-bottom: 150px;
        margin-top: 100px !important;
        padding-top: 0px;
        width: 40%;
    }

    /* Fim de Imagem NTH CHILD IMAGEM 1 da Esquerda */

    .ab-img-group>img:nth-child(1n+2) {
        /* Início de Imagem NTH CHILD IMAGEM 2 da Esquerda */
        float: right;
        margin: 0 auto !important;
        margin-right: auto !important;
        padding-bottom: 50px;
        margin-top: 0px;
        padding-top: 0px;
        width: 40% !important;
    }

    /* Fim de Imagem NTH CHILD IMAGEM 2 da Esquerda */
    /*------------------------------------------------------FIM CONTEUDO DA DIREITA SOBRE NÓS*/



    /**************************************************   ADS MUDANÇAS  **********************************************/


    .ads-background {
        height: 400px;
    }

    #ads-master-container {
        height: 400px;
        border: 1px transparent solid;
    }

    #ads-master-container>.ads-text-container {
        margin: 0 auto;
        width: 80%;
        margin-top: 15%;
        text-align: center;
        margin-bottom: 30px;
    }

    .ads-text-container>.span-ads-text {
        margin-left: 0px;
        line-height: 0;
    }

    #ads-master-container>p {
        font-size: 16pt;
    }

    /**************************************************Início SERVIÇOS DE ORGANIZAÇÃO********************************/

    #svc-master-container {
        /*Início Serviços Portfolio*/
        margin-top: 50px;
    }

    /*Fim Serviços Portfolio*/

    #svc-master-container>h4 {
        /*Início Titulo Serviços*/
        width: 100%;
        margin: 0 auto;

    }

    /*Fim Titulo Serviços*/

    .svc-title {
        /*Início Titulo Serviços*/
        font-size: 12pt;
    }

    .svc-subtitle {
        font-size: 36pt;
    }

    /*Fim Titulo Serviços*/

    .left-col {
        /*Início Coluna Esquerda Serviços*/
        float: none;
    }

    /*Início Coluna Esquerda Serviços*/

    .md-col {
        /*Início Coluna Esquerda Serviços*/
        display: block;
        float: none;
        margin-left: 0%;
    }

    /*Início Coluna Esquerda Serviços*/

    .rgt-col {
        /*Início Coluna Esquerda Serviços*/
        display: block;
        float: none;
    }

    /*Início Coluna Esquerda Serviços*/

    .svc-article {
        /*Início Artigos Serviços*/
        padding: 40px 0px 20px 0px;
    }

    /*Fim Artigos Serviços*/

    /*Início Coluna Esquerda Serviços*/

    .svc-article {
        /*Início Artigos Serviços*/
        display: block;
        position: relative;
        padding: 5% 20% 5% 20%;
    }

    .art-2>.col-1-hd>img {
        float: none !important;
        margin: 0 auto !important;
    }

    .art-4>.col-2-hd>img {
        float: none !important;

    }

    .col-svc-hd>img {
        /*Início Imagem Cabeçalho Coluna Serviços*/
        display: block;
        width: 100% !important;
        margin: 0 auto !important;
        float: none !important;
    }

    /**************************************************Início Seccção Frmulário Vamos Conversar********************************/
    /*-------------------------------Início Conteudo LT Lets Talk Container-----------------------------*/


    /**************************************************Início Seccção Frmulário Vamos Conversar********************************/
    /*-------------------------------Início Conteudo LT Lets Talk Container-----------------------------*/
    #lt-container {
        /*Início Lets Talk Container*/
        float: none;
        margin-top: 0px;
        top: -100px !important;

    }

    /*Fim Lets Talk Container*/

    /*-------------------------------Início Artigo LT Lets Talk------------------------------------*/
    .lt-article {
        /*Início Lets Talk Artigo*/
        display: block;
        position: relative;
        width: 100%;
    }

    /*Fim Lets Talk Artigo*/

    /*-------------------------------Início Conteúdo da esquerda LT Lets Talk-------------------------*/
    .lt-left-content {
        /*Início Lets Talk Conteúdo da Esquerda*/
        display: block;
        position: relative;
        width: 70%;
        float: none;
        margin: 0 auto;
    }

    .lt-left-content>img {
        /*Início Lets Talk Imagem*/
        display: block;
        position: relative;
        width: 100%;
    }

    /*Fim Lets Talk Conteúdo da Esquerda e Imagem*/

    /*-------------------------------Início Conteúdo da Direita LT Lets Talk-------------------------*/
    .lt-rgt-content {
        /*Início Lets Talk Conteúdo da Direita*/
        float: none;
        width: 100%;
        margin-top: 10%;
    }

    .lt-rgt-content>h2 {
        /*Início Lets Talk Titulo da Direita*/
        width: 90%;
        text-align: center;
    }

    /*Fim Lets Talk Titulo da Direita*/

    .lt-form {
        /*Início Formulário Lets Talk Direita*/
        width: 100%;
        margin-top: 30px;
    }

    /*Fim Lets Talk Conteúdo da Direita*/

    .lt-form>input {
        /*Início Formulário Lets Talk Input*/
        width: 100%;
    }

    /*Fim Formulário Lets Talk Input*/

    .lt-form>textarea {
        /*Início Formulário Lets Talk Textarea*/
        width: 100%;
    }

    /*Fim Formulário Lets Talk Textarea*/

    .send-btn {
        /*Início Formulário Lets Talk Send Btn*/
        width: 25% !important;
        float: none;
        display: block;
        margin: 0 auto !important;
        padding: 20px 30px 20px 30px !important;
        margin-top: 30px !important;
    }

    /*Fim Formulário Lets Talk Direita*/

    /**************************************************Início Seccção Frmulário Vamos Conversar********************************/
    /*-------------------------------Início Conteudo LT Lets Talk Container-----------------------------*/
    #lt-container {
        /*Início Lets Talk Container*/
        float: none;
        margin-top: 100px;
    }

    /*Fim Lets Talk Container*/

    /*-------------------------------Início Artigo LT Lets Talk------------------------------------*/
    .lt-article {
        /*Início Lets Talk Artigo*/
        display: block;
        position: relative;
        width: 100%;
    }

    /*Fim Lets Talk Artigo*/

    /*-------------------------------Início Conteúdo da esquerda LT Lets Talk-------------------------*/
    .lt-left-content {
        /*Início Lets Talk Conteúdo da Esquerda*/
        display: block;
        position: relative;
        width: 70%;
        float: none;
        margin: 0 auto;
    }

    .lt-left-content>img {
        /*Início Lets Talk Imagem*/
        display: block;
        position: relative;
        width: 100%;
    }

    /*Fim Lets Talk Conteúdo da Esquerda e Imagem*/

    /*-------------------------------Início Conteúdo da Direita LT Lets Talk-------------------------*/
    .lt-rgt-content {
        /*Início Lets Talk Conteúdo da Direita*/
        float: none;
        width: 100%;
        margin-top: 10%;
    }

    .lt-rgt-content>h2 {
        /*Início Lets Talk Titulo da Direita*/
        width: 90%;
        text-align: center;
    }

    /*Fim Lets Talk Titulo da Direita*/

    .lt-form {
        /*Início Formulário Lets Talk Direita*/
        width: 100%;
        margin-top: 30px;
    }

    /*Fim Lets Talk Conteúdo da Direita*/

    .lt-form>input {
        /*Início Formulário Lets Talk Input*/
        width: 100%;
    }

    /*Fim Formulário Lets Talk Input*/

    .lt-form>textarea {
        /*Início Formulário Lets Talk Textarea*/
        width: 100%;
    }

    /*Fim Formulário Lets Talk Textarea*/

    .send-btn {
        /*Início Formulário Lets Talk Send Btn*/
        width: 25% !important;
        float: none;
        display: block;
        margin: 0 auto !important;
        padding: 20px 30px 20px 30px !important;
        margin-top: 30px !important;
    }

    /*Fim Formulário Lets Talk Direita*/

    /**************************************************Início Rodapé Main Page********************************/

    /*----------------------------------Início Newsletter Rodapé---------------------------------*/


    /*----------------------------------InícioContactos e Links Rodapé---------------------------------*/
    #ft-master-container {
        height: 300px;
        padding-top: 30px;
    }

    .ft-ctc-section {
        width: 700px;
        margin: 0 auto;
    }

    .col-1-ctc {
        width: 160px;
        float: left;
    }

    .col-1-ctc>img {
        display: block;
        position: relative;
        margin: 0 auto;
        width: 100px;
    }

    .col-1-ctc>.ft-ctc-social {
        display: block;
        position: relative;
        width: 80%;
        margin: 0 auto;
    }

    .col-1-ctc>.ft-ctc-social>a {
        float: left;
    }

    .col-1-ctc>.ft-ctc-social>a:nth-child(1n + 4) {
        float: right;
    }

    .col-1-ctc>.ft-ctc-social>a:nth-child(2n + 3) {
        float: right;
        margin-left: 20px;
    }


    /*---------------Colunas-----------------------*/

    .col-2-ctc,
    .col-3-ctc,
    .col-4-ctc {
        width: 20%;
        top: 40px;
        float: left;
        margin-left: 40px;
    }

    .col-4-ctc,
    .col-3-ctc {
        float: right;
    }

    .ctc-text {
        font-size: 8pt;
        letter-spacing: 1px;
    }

    .aside-nav>ul>li>a {
        font-size: 8pt;
        font-weight: 400;
        letter-spacing: 1px;
    }

    /*Todos os direitos Reservados A Creative Studio / Johnstons Technologies e Petterson Johnston*/

    #reserved {
        width: 100%;
        display: block;
        padding-bottom: 100px;
        position: relative;
    }

    .reserved-text {
        width: 30%;
        margin: 0 auto;
    }

    /**************************************INÍCIO SOBRE NÓS PÁGINA***********************************************/

    /*Início About Master Container*/

    #ab-page-master-container {
        /*Início Página Sobre Nós Conteúdo Mestre*/
        height: 73vh;
    }

    .ab-lft-content {
        float: none;
        width: 90%;
    }

    .ab-rgt-content {
        float: none;
        margin: 0 auto;
    }

    .ab-img-group>img:nth-child(1) {
        /* Início de Imagem NTH CHILD IMAGEM 1 da Esquerda */
        float: none;
        margin-right: 0px;
        margin-top: 0px;
        padding-top: 0px;
        width: 300px;
    }

    /* Fim de Imagem NTH CHILD IMAGEM 1 da Esquerda */

    .ab-img-group>img:nth-child(1n+2) {
        /* Início de Imagem NTH CHILD IMAGEM 2 da Esquerda */
        float: none;
        margin-right: 0px;
        width: 300px !important;
    }

    /*Fim Página Sobre Nós Conteúdo Mestre*/

    .sobre-nos-bckg {
        /*Início Fundo Página Sobre Nos*/
        height: 73vh;
    }

    .abt-subtext {
        /*Início Texto principal Sobre Nós*/
        display: block !important;
        position: absolute !important;
        top: 38% !important;
        left: 38% !important;
        /*Fim Texto principal Sobre Nós*/
    }

    .mid-text-container {
        width: 90%;
        bottom: 80px;
        margin-top: 0px !important;
        text-align: center;
    }

    .mid-text-title {
        width: 90%;
        text-align: center !important;
        display: block !important;
        width: 400px;
        left: 0px !important;
        margin: 0 auto;
    }


    #ab-page-master-container {
        /*Início Página Sobre Nós Conteúdo Mestre*/
        height: 73vh;
    }

    /*Fim Página Sobre Nós Conteúdo Mestre*/

    .fotografia-bckg {
        /*Início Fundo Página Sobre Nos*/
        height: 73vh;
    }



    /*------------------------------------------------------------Início página fotografia---------------------------------------*/


/**************************************************Início Seccção Trabalhos Recentes********************************/

#rw-container {
    /*Início Conteúdo RW RECENT WORKS */
    display: block;
    position: relative;
    height: auto;
    margin-top: 0px !important;
}

/*Fim Conteúdo RW RECENT WORKS */

/*----------------------------------------------Início Artigo e Header da Página-----------------------------------------*/
.rw-article {
    /*Início Artigos RW RECENT WORKS */
    display: block;
    position: relative;
}

/*Fim Artigos RW RECENT WORKS */

/*----------------------------------------------Fim Artigo e Header da Página-----------------------------------------*/

/*----------------------------------------------Início Demonstração de Fotografias-----------------------------------------*/
.rw-article-ft {
    /*Início Rodapé Artigos Slideshow*/
    display: block;
    position: relative;
    width:100%;
}

/*Fim Rodapé Artigos Slideshow*/

.rw-article-ft>figure {
    /*Início Rodapé Artigos Figura Slideshow*/
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto !important;
}

/*Fim Rodapé Artigos Figura Slideshow*/

.rw-article-ft>figure>a>img {
    /*Início Rodapé Artigos Imagem Slideshow*/
    display: inline-block;
    position: relative;
    width: 23.90%;
    height: 20%;
    margin-top: 20px;
}

/*Fim Rodapé Artigos Imagem Slideshow*/

}

















































@media only screen and (min-width: 1025px) and (max-width:1280px) {


    /**************************************************   HOME PAGE CSS   **********************************************/
    #hp-master-container {
        /*Início Home Page Master Container*/
        border: 1px transparent solid;
        height: 86vh !important;
    }

    #hph-master-container {
        height: 130px;
    }

    /*Fim Home Page Master Container*/

    .home-page-background {
        /*Início Background Home Page*/
        height: 86vh !important;
    }

    .lang {
        /*Início Idiomas Link Topo Home Page*/
        padding: 6px 10px 6px 10px;
        top: -7px !important;
    }

    /*------------------------------------------------------INÍCIO SOCIAL MEDIA HOME PAGE*/

    .hph-sm-content {
        /*Início Conteúdo Redes Sociais Cabeçalho Home Page*/
        margin: 0 auto !important;
        width: 220px;
        margin-top: 50px !important;
        float: right;
    }

    /*IFim Conteúdo Redes Sociais Cabeçalho Home Page*/

    /*------------------------------------------------------FIM SOCIAL MEDIA HOME PAGE*/

    /*------------------------------------------------------INÍCIO LOGO E NAVBAR HOME PAGE MASTER CONTAINER*/

    /*Início Page Header Logo e Nav Container*/

    .logo {
        /*Início Logo Container*/
        float: left;
        width: 200px !important;
        margin: 0 auto;
        margin-top: 40px;
    }

    /*Fim Logo Container*/

    .hph-main-nav {
        /*Início Menu Principal*/
        display: none;
    }

    #responsive-nav{
        width: 40px;
        float:right;
        display: block;
        position: absolute;
        margin:0 auto;
        top:20px;
        margin-top:17px;
        right:43vh;
        font-size: 45px !important;
        z-index: 99999;
    }

    /*Fim Menu Principal*/

    /*------------------------------------------------------FIM LOGO E NAVBAR HOME PAGE MASTER CONTAINER*/

    /*------------------------------------------------------INÍCIO TITULO PRINCIPAL DA HOME PAGE MASTER CONTAINER*/


    /*Fim Conteúdo Principal / Main Master Container*/

    .cb-slideshow {
        width: 100%;
        height: 86vh !important;

    }

    /*Fim Conteúdo Home Page Principal da Esquerda*/

    .cb-slideshow li div {
        z-index: 1000;
        position: absolute;
        bottom: 55%;
        left: 0px;
        width: 100%;
    }

    .cb-slideshow li div h3 {
        font-size: 22pt;
        padding: 0;
        line-height: 1;
    }

    .cb-slideshow li div p {
        font-size: 16pt;
        padding: 0;
        line-height: 1;
        margin-top: 30px;
    }

    .hm-btn {
        margin-top: 25% !important;
        top: 30% !important;
        width: 220px !important;
    }

    .hpm-rgt-content {
        /*Início Conteúdo da Direita BOTÃO HOME PAGE VAMOS ORGANIZAR*/
        width: auto;
        float: none;
        margin: 0 auto;
        margin-top: 100px;
        margin-right: 00px;
    }

    .btn-link {
        /*Início  CONFIG BOTÃO BOTÃO BRANCO*/
        padding: 15px 30px 15px 30px !important;
        font-size: 8pt;
        width: 200px !important;
        margin: 0 auto;
    }

    /*FIM Conteúdo da Direita BOTÃO HOME PAGE VAMOS ORGANIZAR*/


    /**************************************************   SOBRE NÓS PAGE CSS   **********************************************/

    #ab-master-container {
        /*Início Sessão Sobre Nós Conteúdo Mestre*/
        height: auto;
        margin-top: 100px;
    }

    /*Fim Sessão Sobre Nós Conteúdo Mestre*/


    /*------------------------------------------------------INÍCIO CONTEUDO DA ESQUERDA SOBRE NÓS*/
    .ab-lft-content {
        /* Início Conteúdo da Esquerda */
        width: 50%;
        height: auto;
        float: left;
        margin: 0 auto;
        margin-top: 30px;
    }

    /* Fim Conteúdo da Esquerda */

    .ab-lft-content>.ab-title {
        /* Início Titulo Sobre Nós */
        font-size: 14pt !important;
    }

    /* Fim Titulo Sobre Nós */



    .ab-lft-content>.ab-subtext {
        /* Início Subtext Config. Texto Sobre Nós */
        font-size: 48pt;

    }

    /* Fim Subtext Config. Texto */
    .ab-lft-content>p {
        /* Início Configuração SUBTEXTO Contéudo da Esquerda */
        width: 100%;
        height: auto;
    }

    /* Fim Configuração SUBTEXTO Contéudo da Esquerda */

    .ab-lft-content>h3 {
        /* Início Titulo da Esquerda SObre a Organizze */
        padding: 10px 0px 10px 0px;
    }

    /* FIm Titulo da Esquerda SObre a Organizze */

    .ab-lft-content>.ab-text {
        /* Início Texto Sobre Nós */
        width: 90%;
        padding-left: 0px;
        margin-top: 25px;
    }

    /* Fim Texto Sobre Nós */

    .light-btn-link {
        /*Início  CONFIG BOTÃO AZUL CLARO*/
        padding: 20px 20px 20px 20px !important;
        font-size: 8pt;
        width: 220px;
        margin-top: 30px;
    }

    /*FIM  CONFIG BOTÃO AZUL CLARO*/
    /*------------------------------------------------------FIM CONTEUDO DA ESQUERDA SOBRE NÓS*/


    /*------------------------------------------------------INÍCIO CONTEUDO DA DIREITA SOBRE NÓS*/
    .ab-rgt-content {
        /* Início Conteudo da direit Sobre Nós */
        width: 40%;
        float: right;
    }

    /* Fim Conteudo da direit Sobre Nós */

    .ab-rgt-content>.ab-img-group {
        /* Início Grupo de Imagens Sobre Nós */
        float: none;
    }

    /* Fim Grupo de Imagens Sobre Nós*/

    .ab-img-group>img:nth-child(1) {
        /* Início de Imagem NTH CHILD IMAGEM 1 da Esquerda */
        float: left;
        margin: 0 auto !important;
        margin-right: 50px;
        padding-bottom: 150px;
        margin-top: 100px !important;
        padding-top: 0px;
        width: 40%;
    }

    /* Fim de Imagem NTH CHILD IMAGEM 1 da Esquerda */

    .ab-img-group>img:nth-child(1n+2) {
        /* Início de Imagem NTH CHILD IMAGEM 2 da Esquerda */
        float: right;
        margin: 0 auto !important;
        margin-right: auto !important;
        padding-bottom: 50px;
        margin-top: 0px;
        padding-top: 0px;
        width: 40% !important;
    }

    /* Fim de Imagem NTH CHILD IMAGEM 2 da Esquerda */
    /*------------------------------------------------------FIM CONTEUDO DA DIREITA SOBRE NÓS*/


    /**************************************************   ADS MUDANÇAS  **********************************************/


    .ads-background {
        height: 400px;
    }

    #ads-master-container {
        height: 400px;
        border: 1px transparent solid;
    }

    #ads-master-container>.ads-text-container {
        margin: 0 auto;
        width: 80%;
        margin-top: 130px;
        text-align: center;
        margin-bottom: 30px;
    }

    .ads-text-container>.span-ads-text {
        margin-left: 0px;
        line-height: 0;
    }

    #ads-master-container>p {
        font-size: 16pt;
    }

    /**************************************************Início SERVIÇOS DE ORGANIZAÇÃO********************************/

    #svc-master-container {
        /*Início Serviços Portfolio*/
        margin-top: 50px;
    }

    /*Fim Serviços Portfolio*/

    #svc-master-container>h4 {
        /*Início Titulo Serviços*/
        width: 100%;
        margin: 0 auto;

    }

    /*Fim Titulo Serviços*/

    .svc-title {
        /*Início Titulo Serviços*/
        font-size: 12pt;
    }

    .svc-subtitle {
        font-size: 36pt;
    }

    /*Fim Titulo Serviços*/

    .left-col {
        /*Início Coluna Esquerda Serviços*/
        float: none;
    }

    /*Início Coluna Esquerda Serviços*/

    .md-col {
        /*Início Coluna Esquerda Serviços*/
        display: block;
        float: none;
        margin-left: 0%;
    }

    /*Início Coluna Esquerda Serviços*/

    .rgt-col {
        /*Início Coluna Esquerda Serviços*/
        display: block;
        float: none;
    }

    /*Início Coluna Esquerda Serviços*/

    .svc-article {
        /*Início Artigos Serviços*/
        padding: 40px 0px 20px 0px;
    }

    /*Fim Artigos Serviços*/

    /*Início Coluna Esquerda Serviços*/

    .svc-article {
        /*Início Artigos Serviços*/
        display: block;
        position: relative;
        padding: 5% 20% 5% 20%;
    }

    .art-2>.col-1-hd>img {
        float: none !important;
        margin: 0 auto !important;
    }

    .art-4>.col-2-hd>img {
        float: none !important;

    }

    .col-svc-hd>img {
        /*Início Imagem Cabeçalho Coluna Serviços*/
        display: block;
        width: 100% !important;
        margin: 0 auto !important;
        float: none !important;
    }

    /**************************************************Início Seccção Frmulário Vamos Conversar********************************/
    /*-------------------------------Início Conteudo LT Lets Talk Container-----------------------------*/
    #lt-container {
        /*Início Lets Talk Container*/
        float: none;
        margin-top: 0px;
    }

    /*Fim Lets Talk Container*/

    /*-------------------------------Início Artigo LT Lets Talk------------------------------------*/
    .lt-article {
        /*Início Lets Talk Artigo*/
        display: block;
        position: relative;
        width: 100%;
    }

    /*Fim Lets Talk Artigo*/

    /*-------------------------------Início Conteúdo da esquerda LT Lets Talk-------------------------*/
    .lt-left-content {
        /*Início Lets Talk Conteúdo da Esquerda*/
        display: block;
        position: relative;
        width: 55%;
        float: left;
        margin: 0 auto;
    }

    .lt-left-content>img {
        /*Início Lets Talk Imagem*/
        display: block;
        position: relative;
        width: 500px;
    }

    /*Fim Lets Talk Conteúdo da Esquerda e Imagem*/

    /*-------------------------------Início Conteúdo da Direita LT Lets Talk-------------------------*/
    .lt-rgt-content {
        /*Início Lets Talk Conteúdo da Direita*/
        float: right;
        width: 40%;
        margin-top: -10%;
    }

    .lt-rgt-content>h2 {
        /*Início Lets Talk Titulo da Direita*/
        width: 90%;
        text-align: center;
    }

    /*Fim Lets Talk Titulo da Direita*/

    .lt-form {
        /*Início Formulário Lets Talk Direita*/
        width: 100%;
        margin-top: 30px;
    }

    /*Fim Lets Talk Conteúdo da Direita*/

    .lt-form>input {
        /*Início Formulário Lets Talk Input*/
        width: 100%;
    }

    /*Fim Formulário Lets Talk Input*/

    .lt-form>textarea {
        /*Início Formulário Lets Talk Textarea*/
        width: 100%;
    }

    /*Fim Formulário Lets Talk Textarea*/

    .send-btn {
        /*Início Formulário Lets Talk Send Btn*/
        width: 25% !important;
        float: none;
        display: block;
        margin: 0 auto !important;
        padding: 20px 100px 20px 30px !important;
        margin-top: 30px !important;
    }

    /*Fim Formulário Lets Talk Direita*/
    /*----------------------------------Início Newsletter Rodapé---------------------------------*/

    .ft-nl-section {
        border-bottom: 1px white solid;
        width: 70%;
    }

    .ft-nl-section>h2 {
        width: 55%;
    }

    .ft-btn-link {
        padding: 20px 40px 20px 40px !important;
        float: right;
        width: 230px;
        margin-right: 3%;
    }

    /*----------------------------------InícioContactos e Links Rodapé---------------------------------*/
    #ft-master-container {
        height: 400px;
        padding-top: 30px;
    }

    .ft-ctc-section {
        width: 800px;
        margin: 0 auto;
    }

    .col-1-ctc {
        width: 160px;
        float: left;
        margin-top: 100px;
    }

    .col-1-ctc>img {
        display: block;
        position: relative;
        margin: 0 auto;
        width: 100px;
    }

    .col-1-ctc>.ft-ctc-social {
        display: block;
        position: relative;
        width: 80%;
        margin: 0 auto;
    }

    .col-1-ctc>.ft-ctc-social>a {
        float: left;
    }

    .col-1-ctc>.ft-ctc-social>a:nth-child(1n + 4) {
        float: right;
    }

    .col-1-ctc>.ft-ctc-social>a:nth-child(2n + 3) {
        float: right;
        margin-left: 20px;
    }


    /*---------------Colunas-----------------------*/

    .col-2-ctc,
    .col-3-ctc,
    .col-4-ctc {
        width: 20%;
        top: 100px !important;
        float: left;
        margin-left: 40px;
    }

    .col-4-ctc,
    .col-3-ctc {
        float: right;
    }

    .ctc-text {
        font-size: 8pt;
        letter-spacing: 1px;
    }

    .aside-nav>ul>li>a {
        font-size: 8pt;
        font-weight: 400;
        letter-spacing: 1px;
    }

    /*Todos os direitos Reservados A Creative Studio / Johnstons Technologies e Petterson Johnston*/

    #reserved {
        width: 100%;
        display: block;
        padding-bottom: 100px;
        position: relative;
    }

    .reserved-text {
        width: 30%;
        margin: 0 auto;

    }

    /**************************************INÍCIO SOBRE NÓS PÁGINA***********************************************/

    /*Início About Master Container*/

    #ab-page-master-container {
        /*Início Página Sobre Nós Conteúdo Mestre*/
        height: 73vh;
    }

    .ab-lft-content {
        float: none;
        width: 90%;
    }

    .ab-rgt-content {
        float: none;
        margin: 0 auto;
    }

    .ab-img-group>img:nth-child(1) {
        /* Início de Imagem NTH CHILD IMAGEM 1 da Esquerda */
        float: none;
        margin-right: 0px;
        margin-top: 0px;
        padding-top: 0px;
        width: 300px;
    }

    /* Fim de Imagem NTH CHILD IMAGEM 1 da Esquerda */

    .ab-img-group>img:nth-child(1n+2) {
        /* Início de Imagem NTH CHILD IMAGEM 2 da Esquerda */
        float: none;
        margin-right: 0px;
        width: 300px !important;
    }

    /*Fim Página Sobre Nós Conteúdo Mestre*/

    .sobre-nos-bckg {
        /*Início Fundo Página Sobre Nos*/
        height: 73vh;
    }

    .abt-subtext {
        /*Início Texto principal Sobre Nós*/
        display: block !important;
        position: absolute !important;
        top: 38% !important;
        left: 38% !important;
        /*Fim Texto principal Sobre Nós*/
    }

    .mid-text-container {
        width: 90%;
        bottom: 80px;
        margin-top: 0px !important;
        text-align: center;
    }

    .mid-text-title {
        width: 90%;
        text-align: center !important;
        display: block !important;
        width: 400px;
        left: 0px !important;
        margin: 0 auto;
    }


    #ab-page-master-container {
        /*Início Página Sobre Nós Conteúdo Mestre*/
        height: 73vh;
    }

    /*Fim Página Sobre Nós Conteúdo Mestre*/

    .fotografia-bckg {
        /*Início Fundo Página Sobre Nos*/
        height: 73vh;
    }


    /*------------------------------------------------------------Início página fotografia---------------------------------------*/


/**************************************************Início Seccção Trabalhos Recentes********************************/

#rw-container {
    /*Início Conteúdo RW RECENT WORKS */
    display: block;
    position: relative;
    height: auto;
    margin-top: 0px !important;
}

/*Fim Conteúdo RW RECENT WORKS */

/*----------------------------------------------Início Artigo e Header da Página-----------------------------------------*/
.rw-article {
    /*Início Artigos RW RECENT WORKS */
    display: block;
    position: relative;
}

/*Fim Artigos RW RECENT WORKS */

/*----------------------------------------------Fim Artigo e Header da Página-----------------------------------------*/

/*----------------------------------------------Início Demonstração de Fotografias-----------------------------------------*/
.rw-article-ft {
    /*Início Rodapé Artigos Slideshow*/
    display: block;
    position: relative;
    width:100%;
}

/*Fim Rodapé Artigos Slideshow*/

.rw-article-ft>figure {
    /*Início Rodapé Artigos Figura Slideshow*/
    display: block;
    position: relative;
    width: 75%;
    height: auto;
    margin: 0 auto !important;
}

/*Fim Rodapé Artigos Figura Slideshow*/

.rw-article-ft>figure>a>img {
    /*Início Rodapé Artigos Imagem Slideshow*/
    display: inline-block;
    position: relative;
    width: 23.90%;
    height: 20%;
    margin-top: 20px;
}

/*Fim Rodapé Artigos Imagem Slideshow*/

    
}










































@media only screen and (min-width: 1281px) and (max-width:1680px) {

    /**************************************************   HOME PAGE CSS   **********************************************/
    #hp-master-container {
        /*Início Home Page Master Container*/
        border: 1px transparent solid;
        height: 86vh !important;
    }

    #hph-master-container {
        height: 130px;
    }

    /*Fim Home Page Master Container*/

    .home-page-background {
        /*Início Background Home Page*/
        height: 86vh !important;
    }

    .lang {
        /*Início Idiomas Link Topo Home Page*/
        padding: 6px 10px 6px 10px;
        top: -7px !important;
    }

    /*------------------------------------------------------INÍCIO SOCIAL MEDIA HOME PAGE*/

    .hph-sm-content {
        /*Início Conteúdo Redes Sociais Cabeçalho Home Page*/
        margin: 0 auto !important;
        width: 220px;
        margin-top: 50px !important;
        float: right;
    }

    /*IFim Conteúdo Redes Sociais Cabeçalho Home Page*/

    /*------------------------------------------------------FIM SOCIAL MEDIA HOME PAGE*/

    /*------------------------------------------------------INÍCIO LOGO E NAVBAR HOME PAGE MASTER CONTAINER*/

    /*Início Page Header Logo e Nav Container*/

    .logo {
        /*Início Logo Container*/
        float: left;
        width: 70px !important;
        margin: 0 auto;
        margin-top: 40px;
    }

    /*Fim Logo Container*/

    .hph-main-nav {
        /*Início Menu Principal*/
        display: block;
        width:55% !important;
        margin:0 auto !important;
        margin-left:5vh!important;
        margin-top:50px !important;
    }

    .hph-main-nav > ul {
        width:100%;
    }

    .hph-main-nav > ul > li {
        display: inline;
        margin-left:5% !important;
    }

    .hph-main-nav > ul > li > a {
       font-size: 8pt;
    }

    #responsive-nav{
        width: 30px;
        float:right;
        display: none;
        position: absolute;
        margin:0 auto;
        top:25px;
        margin-top:17px;
        right:58vh;
        font-size: 32px !important;
        z-index: 99999;
    }
    /*Fim Menu Principal*/

    /*------------------------------------------------------FIM LOGO E NAVBAR HOME PAGE MASTER CONTAINER*/

    /*------------------------------------------------------INÍCIO TITULO PRINCIPAL DA HOME PAGE MASTER CONTAINER*/


    /*Fim Conteúdo Principal / Main Master Container*/

    .cb-slideshow {
        width: 100%;
        height: 86vh !important;

    }

    /*Fim Conteúdo Home Page Principal da Esquerda*/

    .cb-slideshow li div {
        z-index: 1000;
        position: absolute;
        bottom: 55%;
        left: 0px;
        width: 100%;
    }

    .cb-slideshow li div h3 {
        font-size: 22pt;
        padding: 0;
        line-height: 1;
    }

    .cb-slideshow li div p {
        font-size: 16pt;
        padding: 0;
        line-height: 1;
        margin-top: 30px;
    }

    .hm-btn {
        margin-top: 20% !important;
        top: 15% !important;
        width: 250px !important;
    }

    .hpm-rgt-content {
        /*Início Conteúdo da Direita BOTÃO HOME PAGE VAMOS ORGANIZAR*/
        width: auto;
        float: none;
        margin: 0 auto;
        margin-top: 100px;
        margin-right: 00px;
    }

    .btn-link {
        /*Início  CONFIG BOTÃO BOTÃO BRANCO*/
        padding: 15px 30px 15px 30px !important;
        font-size: 8pt;
        width: 200px !important;
        margin: 0 auto;
    }

    /*FIM Conteúdo da Direita BOTÃO HOME PAGE VAMOS ORGANIZAR*/


    /**************************************************   SOBRE NÓS PAGE CSS   **********************************************/

    #ab-master-container {
        /*Início Sessão Sobre Nós Conteúdo Mestre*/
        height: auto;
        margin-top: 100px;
    }

    /*Fim Sessão Sobre Nós Conteúdo Mestre*/


    /*------------------------------------------------------INÍCIO CONTEUDO DA ESQUERDA SOBRE NÓS*/
    .ab-lft-content {
        /* Início Conteúdo da Esquerda */
        width: 50%;
        height: auto;
        float: left;
        margin: 0 auto;
        margin-top: 30px;
    }

    /* Fim Conteúdo da Esquerda */

    .ab-lft-content>.ab-title {
        /* Início Titulo Sobre Nós */
        font-size: 14pt !important;
    }

    /* Fim Titulo Sobre Nós */



    .ab-lft-content>.ab-subtext {
        /* Início Subtext Config. Texto Sobre Nós */
        font-size: 48pt;

    }

    /* Fim Subtext Config. Texto */
    .ab-lft-content>p {
        /* Início Configuração SUBTEXTO Contéudo da Esquerda */
        width: 100%;
        height: auto;
    }

    /* Fim Configuração SUBTEXTO Contéudo da Esquerda */

    .ab-lft-content>h3 {
        /* Início Titulo da Esquerda SObre a Organizze */
        padding: 10px 0px 10px 0px;
    }

    /* FIm Titulo da Esquerda SObre a Organizze */

    .ab-lft-content>.ab-text {
        /* Início Texto Sobre Nós */
        width: 90%;
        padding-left: 0px;
        margin-top: 25px;
    }

    /* Fim Texto Sobre Nós */

    .light-btn-link {
        /*Início  CONFIG BOTÃO AZUL CLARO*/
        padding: 20px 20px 20px 20px !important;
        font-size: 8pt;
        width: 220px;
        margin-top: 30px;
    }

    /*FIM  CONFIG BOTÃO AZUL CLARO*/
    /*------------------------------------------------------FIM CONTEUDO DA ESQUERDA SOBRE NÓS*/


    /*------------------------------------------------------INÍCIO CONTEUDO DA DIREITA SOBRE NÓS*/
    .ab-rgt-content {
        /* Início Conteudo da direit Sobre Nós */
        width: 40%;
        float: right;
    }

    /* Fim Conteudo da direit Sobre Nós */

    .ab-rgt-content>.ab-img-group {
        /* Início Grupo de Imagens Sobre Nós */
        float: none;
    }

    /* Fim Grupo de Imagens Sobre Nós*/

    .ab-img-group>img:nth-child(1) {
        /* Início de Imagem NTH CHILD IMAGEM 1 da Esquerda */
        float: left;
        margin: 0 auto !important;
        margin-right: 50px;
        padding-bottom: 150px;
        margin-top: 100px !important;
        padding-top: 0px;
        width: 40%;
    }

    /* Fim de Imagem NTH CHILD IMAGEM 1 da Esquerda */

    .ab-img-group>img:nth-child(1n+2) {
        /* Início de Imagem NTH CHILD IMAGEM 2 da Esquerda */
        float: right;
        margin: 0 auto !important;
        margin-right: auto !important;
        padding-bottom: 50px;
        margin-top: 0px;
        padding-top: 0px;
        width: 40% !important;
    }

    /* Fim de Imagem NTH CHILD IMAGEM 2 da Esquerda */
    /*------------------------------------------------------FIM CONTEUDO DA DIREITA SOBRE NÓS*/


    /**************************************************   ADS MUDANÇAS  **********************************************/


    .ads-background {
        height: 400px;
    }

    #ads-master-container {
        height: 400px;
        border: 1px transparent solid;
    }

    #ads-master-container>.ads-text-container {
        margin: 0 auto;
        width: 80%;
        margin-top: 12%;
        text-align: center;
        margin-bottom: 30px;
    }

    .ads-text-container>.span-ads-text {
        margin-left: 0px;
        line-height: 0;
    }

    #ads-master-container>p {
        font-size: 16pt;
    }

    /**************************************************Início SERVIÇOS DE ORGANIZAÇÃO********************************/

    #svc-master-container {
        /*Início Serviços Portfolio*/
        display: block;
        position: relative;
        margin-top: 100px;
        height: auto;
    }

    /*Fim Serviços Portfolio*/

    #svc-master-container>h2 {
        /*Início Titulo Serviços*/
        display: none;
        width: 42%;
        margin: 0 auto;
    }

    /*Fim Titulo Serviços*/

    .left-col {
        /*Início Coluna Esquerda Serviços*/
        display: inline;
        position: relative;
        float: none;
        clear: both !important;
    }

    /*Início Coluna Esquerda Serviços*/

    .md-col {
        /*Início Coluna Esquerda Serviços*/
        display: inline;
        position: relative;
        float: none;
        margin-left: 6%;
    }

    /*Início Coluna Esquerda Serviços*/

    .rgt-col {
        /*Início Coluna Esquerda Serviços*/
        display: none;
        position: relative;
        float: none;
    }

    /*Início Coluna Esquerda Serviços*/

    .svc-article {
        /*Início Artigos Serviços*/
        display: block;
        position: relative;
        padding: 100px 10px 100px 0px;
    }

    .art-2>.col-1-hd>img {
        float: left !important;
        margin-left: 0px !important;
        margin-right: 0px;
    }

    .art-4>.col-2-hd>img {
        float: left !important;
        margin-left: 0px !important;
        margin-right: 0px;
    }

    /*Fim Artigos Serviços*/

    .col-svc-hd {
        /*Início Cabeçalho Coluna Serviços*/
        display: block;
        position: relative;
    }

    /*Fim Cabeçalho Coluna Serviços*/

    .col-svc-hd>img {
        /*Início Imagem Cabeçalho Coluna Serviços*/
        display: block;
        width: 460px;
        position: relative;
        margin: 0 auto;
        margin-left: 100px !important;
        margin-top: 0px;
        float: right !important;
    }

    /*Fim Imagem Cabeçalho Coluna Serviços*/

    /**************************************************Início Seccção Frmulário Vamos Conversar********************************/
    /*-------------------------------Início Conteudo LT Lets Talk Container-----------------------------*/
    #lt-container {
        /*Início Lets Talk Container*/
        float: none;
        margin-top: -100px;
    }

    /*Fim Lets Talk Container*/

    /*-------------------------------Início Artigo LT Lets Talk------------------------------------*/
    .lt-article {
        /*Início Lets Talk Artigo*/
        display: block;
        position: relative;
        width: 100%;
    }

    /*Fim Lets Talk Artigo*/

    /*-------------------------------Início Conteúdo da esquerda LT Lets Talk-------------------------*/
    .lt-left-content {
        /*Início Lets Talk Conteúdo da Esquerda*/
        display: block;
        position: relative;
        width: 55%;
        float: left;
        margin: 0 auto;
    }

    .lt-left-content>img {
        /*Início Lets Talk Imagem*/
        display: block;
        position: relative;
        width: 600px;
    }

    /*Fim Lets Talk Conteúdo da Esquerda e Imagem*/

    /*-------------------------------Início Conteúdo da Direita LT Lets Talk-------------------------*/
    .lt-rgt-content {
        /*Início Lets Talk Conteúdo da Direita*/
        float: right;
        width: 45%;
        margin-top: 0%;
    }

    .lt-rgt-content>h2 {
        /*Início Lets Talk Titulo da Direita*/
        width: 90%;
        text-align: center;
    }

    /*Fim Lets Talk Titulo da Direita*/

    .lt-form {
        /*Início Formulário Lets Talk Direita*/
        width: 100%;
        margin-top: 30px;
    }

    /*Fim Lets Talk Conteúdo da Direita*/

    .lt-form>input {
        /*Início Formulário Lets Talk Input*/
        width: 100%;
    }

    /*Fim Formulário Lets Talk Input*/

    .lt-form>textarea {
        /*Início Formulário Lets Talk Textarea*/
        width: 100%;
    }

    /*Fim Formulário Lets Talk Textarea*/

    .send-btn {
        /*Início Formulário Lets Talk Send Btn*/
        width: 25% !important;
        float: none;
        display: block;
        margin: 0 auto !important;
        padding: 20px 30px 20px 30px !important;
        margin-top: 30px !important;
    }

    /*Fim Formulário Lets Talk Direita*/
    /*----------------------------------Início Newsletter Rodapé---------------------------------*/

    .ft-nl-section {
        border-bottom: 1px white solid;
        width: 70%;
    }

    .ft-nl-section>h2 {
        width: 55%;
    }

    .ft-btn-link {
        padding: 20px 40px 20px 40px !important;
        float: right;
        width: 230px;
        margin-right: 3%;
    }

    /*----------------------------------InícioContactos e Links Rodapé---------------------------------*/
    #ft-master-container {
        height: 400px;
        padding-top: 25px;
    }

    .ft-ctc-section {
        width: 800px;
        margin: 0 auto;
    }

    .col-1-ctc {
        width: 160px;
        float: left;
        margin-top: 100px;
    }

    .col-1-ctc>img {
        display: block;
        position: relative;
        margin: 0 auto;
        width: 100px;
    }

    .col-1-ctc>.ft-ctc-social {
        display: block;
        position: relative;
        width: 80%;
        margin: 0 auto;
    }

    .col-1-ctc>.ft-ctc-social>a {
        float: left;
    }

    .col-1-ctc>.ft-ctc-social>a:nth-child(1n + 4) {
        float: right;
    }

    .col-1-ctc>.ft-ctc-social>a:nth-child(2n + 3) {
        float: right;
        margin-left: 20px;
    }


    /*---------------Colunas-----------------------*/

    .col-2-ctc,
    .col-3-ctc,
    .col-4-ctc {
        width: 20%;
        top: 100px !important;
        float: left;
        margin-left: 40px;
    }

    .col-4-ctc,
    .col-3-ctc {
        float: right;
    }

    .ctc-text {
        font-size: 8pt;
        letter-spacing: 1px;
    }

    .aside-nav>ul>li>a {
        font-size: 8pt;
        font-weight: 400;
        letter-spacing: 1px;
    }

    /*Todos os direitos Reservados A Creative Studio / Johnstons Technologies e Petterson Johnston*/

    #reserved {
        width: 100%;
        display: block;
        padding-bottom: 100px;
        position: relative;
    }

    .reserved-text {
        width: 30%;
        margin: 0 auto;

    }

        /**************************************INÍCIO SOBRE NÓS PÁGINA***********************************************/

    /*Início About Master Container*/

    #ab-page-master-container {
        /*Início Página Sobre Nós Conteúdo Mestre*/
        height: 73vh;
    }

    .ab-lft-content {
        float: left;
        width: 50%;
    }

    .ab-rgt-content {
        float: none;
        margin: 0 auto;
        float:right;
        width:45%;
    }

    .ab-img-group>img:nth-child(1) {
        /* Início de Imagem NTH CHILD IMAGEM 1 da Esquerda */
        float: left;
        margin-right: 0px;
        margin-top: 0px;
        padding-top: 100px;
        width: 200px;
    }

    /* Fim de Imagem NTH CHILD IMAGEM 1 da Esquerda */

    .ab-img-group>img:nth-child(1n+2) {
        /* Início de Imagem NTH CHILD IMAGEM 2 da Esquerda */
        float: right;
        margin-right: 0px;
        width: 200px !important;
    }

    /*Fim Página Sobre Nós Conteúdo Mestre*/

    .sobre-nos-bckg {
        /*Início Fundo Página Sobre Nos*/
        height: 73vh;
    }

    .abt-subtext {
        /*Início Texto principal Sobre Nós*/
        display: block !important;
        position: absolute !important;
        top: 38% !important;
        left: 38% !important;
        /*Fim Texto principal Sobre Nós*/
    }

    .mid-text-container {
        width: 90%;
        bottom: 0px;
        display: block;
        position: relative;
        height:400px;
        clear:both;
        margin-top: 950px !important;
        text-align: center;
    }

    .mid-text-title {
        width: 90%;
        text-align: center !important;
        display: block !important;
        width: 400px;
        left: 0px !important;
        margin: 0 auto;
    }


    #ab-page-master-container {
        /*Início Página Sobre Nós Conteúdo Mestre*/
        height: 73vh;
    }

    /*Fim Página Sobre Nós Conteúdo Mestre*/

    .fotografia-bckg {
        /*Início Fundo Página Sobre Nos*/
        height: 73vh;
    }

        /*------------------------------------------------------------Início página fotografia---------------------------------------*/


/**************************************************Início Seccção Trabalhos Recentes********************************/

#rw-container {
    /*Início Conteúdo RW RECENT WORKS */
    display: block;
    position: relative;
    height: auto;
    margin-top: 0px !important;
}

/*Fim Conteúdo RW RECENT WORKS */

/*----------------------------------------------Início Artigo e Header da Página-----------------------------------------*/
.rw-article {
    /*Início Artigos RW RECENT WORKS */
    display: block;
    position: relative;
}

/*Fim Artigos RW RECENT WORKS */

/*----------------------------------------------Fim Artigo e Header da Página-----------------------------------------*/

/*----------------------------------------------Início Demonstração de Fotografias-----------------------------------------*/
.rw-article-ft {
    /*Início Rodapé Artigos Slideshow*/
    display: block;
    position: relative;
    width:100%;
}

/*Fim Rodapé Artigos Slideshow*/

.rw-article-ft>figure {
    /*Início Rodapé Artigos Figura Slideshow*/
    display: block;
    position: relative;
    width: 75%;
    height: auto;
    margin: 0 auto !important;
}

/*Fim Rodapé Artigos Figura Slideshow*/

.rw-article-ft>figure>a>img {
    /*Início Rodapé Artigos Imagem Slideshow*/
    display: inline-block;
    position: relative;
    width: 23.90%;
    height: 20%;
    margin-top: 20px;
}

/*Fim Rodapé Artigos Imagem Slideshow*/

}