
@media (max-width: 700px) {

    /* FOOTER */
    .aligner-item {
        width: 100%;
        text-align: center;
    }
    footer #prestige {
        margin-top: 0;
    }

    /* MENU PRINCIPAL
    **********************************/
    header {height: 85px;}

    header .navbar .container {
        padding: 0;
    }

    .navbar-fixed-top {
        position: fixed;
    }
    .navbar-brand {
        padding: 0;
    }
    .navbar-header {
        height: 85px;
    }

    .navbar-inverse {
        margin-bottom: 0;
        height: 85px;
        background-color: #fff;
        border-bottom: solid 5px #cdcdcd !important;
    }
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        background: #fff;
        border: 0;
        width: 100% !important;
        margin: 0;
        padding: 0;
        border-bottom: solid 3px #cdcdcd;
    }
    .navbar-nav {
        padding: 0;
        margin: 0;
    }
    .navbar-brand>img {
        margin-top: 5px;
        margin-left: 5%;
        width: 70%;
        float: left;
            top: 0;
    position: absolute;
    }
    .navbar-inverse .navbar-nav>li>a {
        color: $cinza-escuro;
        @include texto-maiusculo();
    }

    .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
        padding-top: 17px;
        padding-bottom: 11px;
    }
    .navbar-nav>li>a {
        padding-top: 17px;
        padding-bottom: 11px;
    }
    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: black;
    }

    .navbar-toggle {
        margin-top: 7%;
        margin-right: 11%;
    }
    .navbar-inverse .navbar-nav>li>a:hover {
        color: #000;
    }

    /* box topo */
    div.box-topo {padding: 20px 0 0 0 !important;}


    /* banner index */
    #bannerIndex .carousel-inner>.item>a>img, #bannerIndex .carousel-inner>.item>img, #bannerIndex .img-responsive, #bannerIndex .thumbnail a>img, #bannerIndex .thumbnail>img {margin-left: -31%; max-width: 170%;}


    /* carousel index */
    .owl-prev {left: 0; top: 5%;}
    .owl-next {right: 0; top: 5%;}


    /* blog index */
    section#index section#ultimasBlog h3 {font-size: 35px;}
    section#index section#ultimasBlog div.box-noticias {margin-bottom: 20px;}
    section#index section#ultimasBlog div.box-noticias div.borda {width: 100%;}
    section#index section#ultimasBlog div.box-noticias div.boxDescricao {padding: 5px;}
    section#index section#ultimasBlog div.box-noticias div.boxDescricao h4 {font-size: 14px;}
    section#index section#ultimasBlog div.box-noticias div.boxDescricao p {font-size: 12px;}
    section#index section#ultimasBlog div.box-noticias div.boxImg img {width: 100%;}

    /* PERFIL */
    section#perfil div.box-topo p {font-size: 19px;}
    section#perfil section#descricaoPerfil div.lado-esquerdo {width: 100%; padding: 15px;}
    section#perfil section#descricaoPerfil img {float: inherit; margin: 0 auto; padding-top: 30px;}
    section#perfil .lado-esquerdo:after {display: none;}

    section#perfil section#formacaoProfissional ul li {width: 100%; height: auto; margin-bottom: 10px;}


    /* SERVICOS */
    section#servicos div#boxServicos {margin-top: 30px;height: auto !important;}
    section#servicos div.box-topo p {font-size: 18px;}
    .botatoContratar {margin-top: 30px; float: inherit;}

    /* BLOG */
    section#blog div.box-topo h1 {font-size: 40px; float: inherit;}
    section#blog div.box-topo form#search {width: 100%;}
    section#blog div.box-noticias div.boxDescricao {padding: 5px;}
    section#blog div.box-noticias div.boxDescricao h4 {font-size: 16px;}
    section#blog div.box-noticias div.boxDescricao p {font-size: 12px;}

    /* BLOG ABRE*/
    section#blog-abre div.box-topo h1 {font-size: 40px; float: inherit;}
    section#blog-abre div.box-topo form#search {width: 100%;}

    section#blog-abre section.lado-esquerdo {width: 100%;}
    section#blog-abre section.lado-esquerdo h2 {font-size: 28px;}

    section#blog-abre aside.ladoDireito {width: 100%;}

    /* share buttons */
    .share-buttons a.envelope-o {padding: 4px 0px 2px 5px;}
    .share-buttons a.google-plus {padding: 5px 1px 4px 6px;}
    .share-buttons a.twitter {padding: 5px 1px 4px 6px;}
    .share-buttons a.facebook {padding: 5px 5px 4px 9px;}
    .share-buttons a.whatsapp {padding: 2px 7px 2px 6px;}

    /* DEPOIMENTOS */
    section#depoimentos div.box-topo p {font-size: 19px;}
    section#depoimentos div.boxDepoimento {margin-bottom: 25px; height: auto;}
    section#depoimentos div.boxDepoimento:last-child {border-bottom: 0;}
    section#depoimentos div.boxDepoimento div.box-texto {width: 100%; margin-right: 0;}
    section#depoimentos div.boxDepoimento div.boxFoto {width: 40%; height: auto; float: inherit; margin: 10px auto; overflow: hidden; border-radius: 50%;}

    /* CONTATO */
    section#contato form#formContato,
    section#contato form#formContato .input-menor {width: 100%;}
    section#contato div.box-topo p {font-size: 18px;}

    /* RODAPE */
    .enderecoMobile {margin-right: 0 !important;}
    footer span.endereco-rodape2,
    footer span.endereco-rodape1 {line-height: 120%;}

}
/* TABLET NA VERTICAL */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait){

    /* carousel index */
    .owl-prev {left: 0; top: 0;}
    .owl-next {right: 0; top: 0;}

    /* PERFIL */
    section#perfil section#descricaoPerfil div.lado-esquerdo {width: 60%;}
    section#perfil section#descricaoPerfil img {margin-top: 10%;}

    section#perfil section#formacaoProfissional ul li {width: 48%; height: auto; margin-bottom: 5px;}

    /* DEPOIMENTOS */
    section#depoimentos div.boxDepoimento div.boxFoto {width: 21%; height: 56%; margin-top: 7%; margin-right: 2%;}

    /* CONTATO */
    section#contato form#formContato {width: 70%;}
    section#contato form#formContato .input-menor {width: 49%;}
}

/* TABLETS NA HORIZONTAL */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape) {

}


@media (min-width: 768px) and (max-width: 991px) {


    .navbar-inverse {

      margin-top: 0;
      border-bottom: solid 1px #f9eed8;
    }
    .navbar > .container .navbar-brand {
      margin-top: 0;
    }
    .navbar-collapse.collapse.in { display: block!important; }
    .navbar-inverse .navbar-toggle .icon-bar {background-color: #737373;}
    div#navbar {
      width: 106%;
      border-bottom: solid 1px;
    }
    .navbar-header {
        float: none;
        height: 94px;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: right;
        width: 100%;
    }
    .navbar-nav>li {
        float: none;
        width: 100%;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block!important;

    }
    .collapsing {
        overflow: hidden!important;
    }
}
