@media (max-width: 560px) {

    #descricao-section .row.descricao .esquerda h2{

        margin-top: 45px;

        font-size: 30px;

    }

    #veja-section h2{

        font-size: 24px;

        padding: 0 10px;

    }

    #headerfoo p.text-right{

        display: none;

    }

    #menu{

        display: none;

    }

    #hero-section{

        height: auto;

        padding-bottom: 10px;

    }

    #hero-section h1, #hero-section h2{

        font-size: 24px;

        text-align: center;

        padding-bottom: 20px;

    }

    #hero-section h3{

        font-size: 22px;

        text-align: center;

    }

    #hero-section p{

        font-size: 18px;

    }

}







@media (min-width: 10px) {

    #menu{

        display: none;

    }

    #tel{

        display: none;

    }

    #tel-2{

        display: block;

    }

    .fone-texto{

        color: white;

    }

    /* MENU */

    .in-blk.fone-icon{

        display: none;

    }

    .in-blk {

        margin-bottom: 30px;

    }

    #headerfoo p.text-right{

        font-size: 15px;

        transform: translate(-5px, -5px);

    }

    #headerfoo p.text-left{

        transform: translateY(-10px);

    }



    #tel-2{

        position: relative;

        background: url(../img/detetive-particular-4.jpg);

        background-size: cover;

        background-repeat: no-repeat;

        width: 100%;

        padding: 30px 0;

    }

    #tel-2 h3{

        font-size: 29px;

    }

    .nav-item.fone-back .in-blk span:first-child{

        color: #FFDC00;

        font-size: 20px;

        font-weight: normal;

        padding-bottom: 10px !important;

    }

    .nav-item.fone-back .in-blk span:nth-child(3){

        font-size: 24px;

        padding-bottom: 50px !important;

    }



    #tel-2:before {

        content: "";

        position: absolute;

        left: 0; right: 0;

        top: 0; bottom: 0;

        background: rgba(0, 0, 0, 0.72);

        z-index: 1;

    }

    .nav-item.fone-back{

        display: block;

        margin: 0;

        z-index: 2;

        position: relative;

        width: 100%;

        background-color: transparent;

    }

    .nav.nav-fone{

        text-align: center;

    }

    #titulo-fones{

        z-index: 2;

        position: relative;

        color: #ffffff;

        font-size: 37px;

        font-weight: bolder;

        text-align: center;

        text-transform: uppercase;

        padding-bottom: 20px;

    }



    /* HERO */



    #texto-hero{

        padding-top: 20px;

    }



    /* ADULTERIO */

    #adulterio-section h2{

        font-size: 28px;

    }

    #adulterio-section p{

        display: none;

    }

    #video-adulterio{

        transform: translate(0px);

        margin: 0 auto 20px auto;

    }

    #video-adulterio iframe{

        max-width: 90%;

    }

    /* DESCRIÇÃO */

    #descricao-section .row.descricao .esquerda{

        height: 200px;

    }

    #descricao-section .row.descricao .esquerda h2{

        padding-top: 0.4em;

        text-align: center;

    }

    #rastreador-img{

        width: 100%;

        height: auto;

    }



    #veja-section .veja-linha{

        padding: 40px 5%;

    }

    #descricao-section .row.descricao .direita{

        padding-top: 40px;

    }



    /* COMPROVAMOS */

    #compr-section{

        height: auto;

        text-align: center;

    }

    .esquerda-compr{

        padding: 50px 50px 0 20px;

    }

    .esquerda-compr p {

        text-align: center;

    }

    .direita-compr{

        padding: 30px 20px 0 20px;

    }



    /* VOTOS */

    #votos-section{

        height: auto;

    }

    #votos-section h2{

        font-size: 22px;

    }

    #votos-section .row .esquerda{

        padding: 0 0 0 20px;

        font-size: 20px

    }

    .video-container {

        position: static;

        padding-bottom: 0;

        padding-top: 0;

        height: auto;

    }



    .video-container iframe, .video-container object, .video-container embed {

        position: relative;

        top: 0;

        left: 0;

        width: auto;

    }

    #video-votos{

        margin: 0 auto 20px auto;

    }

    #video-votos iframe{

        width: 90%;

        height: 250px

    }

    #ligue-agora{

        margin-top: 0;

    }

    #votos-section .row .direita p{

        padding-left: 0;

    }



    /* CONTRATAR */

    #contratar-section .row.d-flex.justify-content-center{

        padding: 0 10px;

    }

    .tracado-div-1, .tracado-div-2{

        max-width: 100%;

    }









    #descricao-section .row.descricao .direita{

        height: auto;

    }



    #servicos-section .container .row .d-flex .card{

        width: 100% !important

    }



    #sobre-section img{

        margin-top: 5px;

        margin-bottom: 20px;

        margin-left: auto;

        margin-right: auto;

        width: 90%;

    }

    #sobre-section .linha-p:before {

        content: " ";

        border: 2px solid #FF0000;

        margin-top: 15px;

        margin-bottom: 15px;

        display: block;

        max-width: 100px;

    }

}





/* Dispositivos large (desktops com 992px ou mais) */

@media (min-width: 992px) {

    #menu{

        display: block;

    }

    #hero-section{

        height: auto;

        padding-bottom: 30px;

    }



    /* SECTION COMPROVAMOS */

    #compr-section{

        padding: 0;

        margin: 0;

        width: 100%;

        background-color: #F4F4F4;

        height: 344px;

        word-wrap: break-word;

    }

    .esquerda-compr{

        padding: 100px 50px 0 200px;

    }

    .esquerda-compr p{

        font-size: 21px;

        text-align: right;

    }

    .direita-compr{

        padding: 70px 0 0;

    }

    .direita-compr p{

        display: inline-block;

        background-color: red;

        padding: 12px 24px;

        border-radius: 5px;

        color: white;

    }

    #descricao-section .row.descricao .direita {

        padding-top: 0px;

    }

    #descricao-section .row.descricao .esquerda {

        height: auto;

    }

    #descricao-section .row.descricao .esquerda h2 {

        padding-top: 220px;

    }

    .direita-compr {

        padding: 30px 10px 0;

    }

    .esquerda-compr {

        padding: 70px 50px 0 200px;

    }

    #votos-section h2 {

        padding: 0 50px;

    }



    /* SECTION CONTRATAR */

    #contratar-section{

        position: relative;

        padding: 50px 0 50px;

    }

    #contratar-section h2{

        z-index: 2;

        position: relative;

        color: #000000;

        font-size: 37px;

        font-weight: bolder;

        text-align: center;

        text-transform: uppercase;

        padding-bottom: 20px;

        z-index: 2;

    }

    .container.ctn{

        max-width: 90% !important;

    }

    .tracado-div-1, .tracado-div-2{

        max-width: 20%;

        min-width: 15%;

        border: 1px dashed #6a6a6a;

        padding: 25px;

        margin: 10px;

    }

    .tracado-div-1 p, .tracado-div-2 p{

        font-size: 18px;

    }

    .tracado-div-1 .fa-check, .tracado-div-2 .fa-check{

        color: #21B5E8;

        font-size: 30px;

        border: 2px #21B5E8 solid;

        border-radius: 30px;

        padding: 12px;

    }

    #servicos-section .container .row .d-flex .card.last-card{

        width: 277.98px !important;

    }



    #sobre-section .col-lg-6 img{

        width: 500px;

        padding-top: 80px;

    }

    #sobre-section .col-lg-6:nth-child(2){

        transform: translateX(35px);

    }

    #sobre-section .col-lg-6 hr{

        margin-right: 85px;

    }



    #sobre-section .col-lg-6:nth-child(1){

        transform: translateX(-20px);

    }



}







/* Dispositivos extra large (desktops grandes com 1200px ou mais) */

@media (min-width: 1200px) {

    #tel{

        display: block;

    }

    #tel-2{

        display: none;

    }

    html{

        width: 100vw;

        box-sizing: content-box;

    }

    body{

        font-family: 'Roboto', sans-serif;

    }

    .row{

        margin: 0;

    }



    .in-blk{

        display: inline-block;

    }



    /* DESCRIÇÃO E REDES SOCIAIS */

    #headerfoo{

        background-color: black;

        color: white;

        height: 55px;

        width: 100%;

        font-size: 19px;

    }



    /* NAV DA LOGO E TELEFONES */

    #logo{

        max-height: 100px;

        max-width: 230px;

        margin: 10px 0;

    }

    .fone-back{

        background-color: #6C2020;

        color: white;

        font-size: 12px;

        padding: 0 20px 0px;

        border-radius: 6px;

        font-weight: 900;

    }



    .fone-icon{

        font-size: 35px;

        margin-right: 20px;

    }

    .nav-fone li{

        margin: 35px 10px;

    }



    /* NAV DOS MENUS */



    .menu-nav{

        background-color: #EDE2CD;

        height: 36px;

    }



    /* texto do menu */

    .menu-nav li{

        padding: 8px 20px;

        font-size: 14px;

        text-transform: uppercase;

        letter-spacing: 2px;

        color: #555;

    }



    .nav-item.dropdown a{

        color: #555;

    }



    /* traçado no submenu*/

    .dropdown-menu.show{

        margin-top: -1px;

        padding: 0;

        border-top: 3px #13AFF0 solid;

        border-radius: 0;

        width: 52px;

    }

    .dropdown-menu.dropsub-show{

        margin-top: -1px;

        padding: 0;

        border-top: 3px #13AFF0 solid;

        border-radius: 0;

        line-height: 1.1;

        width: 200px;

    }

    .dropdown-menu.dropsub-show li a{

        color: #171717

    }

    .dropdown-item, .dropdown-menu.dropsub-show .drop-itm{

        font-size: 14px;

        padding: 10px 20px;

        text-transform: capitalize;

        text-align: left;

        line-height: 1;

        border-bottom: 1px solid #ededed;

    }

    .drop-itm a{

        text-transform: capitalize;

    }

    .drop-itm a:hover{

        color: #555;

        text-decoration: none;

    }

    .drop-itm:hover{

        background-color: #F8F9FA;

    }



    .dropdown-submenu {

        position: relative;

    }



    .dropdown-submenu .dropdown-menu {

        top: 0;

        left: 100%;

        margin-top: -3px;

        margin-left: 5px;

    }



    /* HERO SECTION */



    #hero-section{

        height: 542px; 

        background: url(../img/private-detective-brazil-rio-de-janeiro.jpg);

        position: relative;

    }

    #hero-section:before {

        content: "";

        position: absolute;

        left: 0; right: 0;

        top: 0; bottom: 0;

        background: rgba(0, 0, 0, 0.72);

        z-index: 1;

    }

    #hero-section h1{

        z-index: 2;

        position: relative;

        color: #FFC300;

        font-size: 44px;

        text-align: center;

        text-transform: uppercase;

        padding-bottom: 50px;

    }

    #hero-section h2{

        z-index: 2;

        position: relative;

        color: #efefef;

        font-size: 37px;

        text-align: center;

        text-transform: uppercase;

        padding-bottom: 20px;

    }

    #hero-section h3{

        z-index: 2;

        position: relative;

        color: #efefef;

        font-size: 34px;

        text-align: center;

        text-transform: uppercase;

        padding-bottom: 20px;

    }

    #hero-section p{

        z-index: 2;

        position: relative;

        color: #efefef;

        font-size: 34px;

        text-align: center;

    }

    #texto-hero{

        padding-top: 80px;

    }



    /* SECTION ADULTERIO */

    #adulterio-section{

        padding-top: 50px;

    }

    #adulterio-section h2{

        z-index: 2;

        position: relative;

        color: #000000;

        font-size: 37px;

        font-weight: bolder;

        text-align: center;

        text-transform: uppercase;

        padding-bottom: 20px;

    }

    #adulterio-section h3{

        z-index: 2;

        position: relative;

        color: #FF1D00;

        font-weight: bolder;

        font-size: 37px;

        text-align: center;

        padding-bottom: 20px;

    }

    #adulterio-section p{

        z-index: 2;

        position: relative;

        color: #FF1D00;

        font-size: 21px;

        text-align: center;

        padding-bottom: 20px;

    }

    .linha-hr {

        position: relative;

        border: 2px solid red;

        width: 180px;

        margin-bottom: 50px;

        z-index: 2;

    }



    #video-adulterio{

        display: block;

        margin-left: 50%;

        margin-right: auto;

        transform: translateX(-50%);

    }



    /* SECTION DESCRIÇÃO */

    #descricao-section .row.descricao{

        width: 100%;

    }

    #descricao-section .row.descricao .esquerda h2{

        font-size: 47px;

        z-index: 2;

        position: relative;

        color: white;

        text-align: right;

        padding-top: 300px;

    }

    #descricao-section .row.descricao .esquerda{

        background-color: red;

        height: 650px;

        background: url(../img/investigator-rio-de-janeiro.jpg);

        background-position: center;

        background-repeat: no-repeat;

        background-size: cover;

        position: relative;

    }

    #descricao-section .row.descricao .esquerda:before {

        content: "";

        position: absolute;

        left: 0; right: 0;

        top: 0; bottom: 0;

        background: rgba(0, 0, 0, 0.72);

        z-index: 1;

    }

    #descricao-section .row.descricao .direita p{

        font-size: 23px;

        z-index: 2;

        color: black;

        text-align: left;

        padding: 20px 0 20px 25px;

    }

    #descricao-section .row.descricao .direita{

        padding-top: 130px;

        height: 650px;

        background-color: #B7B7B7;

        font-weight: bold;

    }



    /* SECTION VEJA */

    #veja-section{

        padding-top: 50px;

        padding-bottom: 50px;

    }



    #veja-section h2{

        z-index: 2;

        position: relative;

        color: #000000;

        font-size: 37px;

        font-weight: bolder;

        text-align: center;

        text-transform: uppercase;

        padding-bottom: 20px;

    }

    #veja-section .veja-linha{

        width: 99%;

        padding: 40px 20%;

    }

    #veja-section .veja-linha .col-lg-6 img{

        box-shadow: 6px 6px #FF9400;

    }

    .veja-p div p{

        padding-bottom: 10px;

        text-align: left;

        font-size: 19px;

        font-weight: 500;

    }

    #rastreador-img{

        width: 500px;

        height: 300px;

    }

    .fas.fa-chevron-right{

        color: #FF1900;

    }



    /* SECTION COMPROVAMOS */

    #compr-section{

        padding: 0;

        margin: 0;

        width: 100%;

        background-color: #F4F4F4;

        height: 344px;

        word-wrap: break-word;

    }

    .esquerda-compr{

        padding: 100px 50px 0 200px;

    }

    .esquerda-compr p{

        font-size: 21px;

        text-align: right;

    }

    .direita-compr{

        padding: 70px 0 0;

    }

    .direita-compr p{

        display: inline-block;

        background-color: red;

        padding: 12px 24px;

        border-radius: 5px;

        color: white;

    }



    /* SECTION VOTOS */

    #votos-section{

        position: relative;

        padding: 50px 0;

        background: url(../img/investigator-in-belo-horizonte.jpg);

        background-repeat: no-repeat;

        background-size: cover

    }

    #votos-section:before {

        content: "";

        position: absolute;

        left: 0; right: 0;

        top: 0; bottom: 0;

        background: rgba(0, 0, 0, 0.85);

        z-index: 1;

    }

    #votos-section h2{

        z-index: 2;

        position: relative;

        color: #ffffff;

        font-size: 37px;

        font-weight: bolder;

        text-align: center;

        text-transform: uppercase;

        padding-bottom: 20px;

    }

    #votos-section .row .esquerda{

        position: relative;

        z-index: 2;

        padding-left: 350px;

        font-size: 25px;

        color: #ffffff;

    }

    #votos-section .row .esquerda .fa-chevron-circle-right{

        color: #FFA500;

        padding-right: 12px;

    }

    #votos-section .row .direita{

        position: relative;

        z-index: 2;

        color: #ffffff;

        font-size: 17px;

    }

    #ligue-agora {

        position: relative;

        z-index: 2;

        transform: translateY(-40px);

    }

    .video-container {

        position: relative;

        padding-bottom: 56.25%;

        padding-top: 30px; height: 0; overflow: hidden;

    }



    .video-container iframe, .video-container object, .video-container embed {

        position: absolute;

        top: 0;

        left: 0;

        width: 55%;

        height: 55%;

    }

    #ligue-agora{

        text-align: center;

    }

    #ligue-agora p{

        z-index: 2;

        position: relative;

        color: #ffffff;

        z-index: 2;

    }

    #ligue-agora p:first-child{

        font-size: 21px;

    }

    #ligue-agora p:nth-child(2){

        font-size: 26px;

        font-weight: bold;

        text-transform: uppercase;

        padding-bottom: 20px;

    }

    #ligue-agora p:nth-child(3){

        display: inline;

        padding: 12px 24px;

        text-transform: uppercase;

        font-size: 24px;

        font-weight: bolder;

        color: black;

        background-color: #FF9400;

        border-radius: 5px;

    }



    /* SECTION CONTRATAR */

    #contratar-section{

        position: relative;

        padding: 50px 0 50px;

    }

    #contratar-section h2{

        z-index: 2;

        position: relative;

        color: #000000;

        font-size: 37px;

        font-weight: bolder;

        text-align: center;

        text-transform: uppercase;

        padding-bottom: 20px;

        z-index: 2;

    }

    .container.ctn{

        max-width: 90% !important;

    }

    .tracado-div-1, .tracado-div-2{

        max-width: 20%;

        min-width: 15%;

        border: 1px dashed #6a6a6a;

        padding: 25px;

        margin: 10px;

    }

    .tracado-div-1 p, .tracado-div-2 p{

        font-size: 18px;

    }

    .tracado-div-1 .fa-check, .tracado-div-2 .fa-check{

        color: #21B5E8;

        font-size: 30px;

        border: 2px #21B5E8 solid;

        border-radius: 30px;

        padding: 12px;

    }



    /* SECTION SERVIÇOS */

    #servicos-section .container .row .d-flex .card.last-card{

        width: 338px !important;

    }



    #servicos-section{

        background-color: #F7F7F7;

        position: relative;

        padding: 50px 0;

        min-height: 800px;

    }

    #servicos-section h2{

        z-index: 2;

        position: relative;

        color: #000000;

        font-size: 37px;

        font-weight: bolder;

        text-align: center;

        text-transform: uppercase;

        padding-bottom: 20px;

        z-index: 2;

    }

    #servicos-section .container .row .d-flex{

        padding-bottom: 20px;

    }

    #servicos-section .container .row .d-flex .card{

        border-radius: 0;

        box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.47);

        width: 350px !important;

    }

    #servicos-section .container .row .d-flex .card .card-img-top{

        padding: 10px;

    }

    #servicos-section .container .row .d-flex .card .card-title{

        font-size: 17px;

        font-weight: bold;

        color: #FF1900;

    }

    /* SECTION SOBRE */

    #sobre-section{

        background-color: #001D3A;

        position: relative;

        padding: 50px 0 10px;

    }

    #sobre-section h2{

        position: relative;

        color: #fff;

        font-size: 37px;

        font-weight: bolder;

        text-transform: uppercase;

    }

    #sobre-section hr{

        position: relative;

        border: 2px solid red;

        width: 180px;

        margin-bottom: 10px;

        transform: translateX(-90%);

    }

    #sobre-section p{

        position: relative;

        color: #fff;

        font-size: 16px;

    }

    #sobre-section img{

        margin-top: 13%;

        margin-bottom: 13%;

    }

    #sobre-section hr {

        margin-right: 175px !important;

    }



    #sobre-section .col-lg-6:nth-child(1) {

        transform: translateX(0px);

        transform: translateY(-60px);

    }



}