nav#topo {
    position: relative;
    width: 100%;
    background-image: linear-gradient(45deg, #20CC95, #B147C6);
    color: white;
    padding: 1em 0;
}

nav#topo > div > * {
    display: inline-block;
    font-size: 1em;
    text-align: center;
    box-sizing: border-box;
    vertical-align: middle;
}

nav#topo .elem-resp {
    position: relative;
}
nav#topo .menu {
    text-align: left;
    margin-right: 2em;
}
nav#topo .titulo {
    font-size: 0.9em;
}

@media screen and (max-width: 768px) {
    .content-menu-logado {
        right: -65%;
        width: 60%;
    }

    nav#topo .busca {
        width: 55%;
        margin-left: 5%;
    }
    nav#topo .busca > label > div > input {
        width: 80%;
        padding-left: 5%;
    }
    nav#topo .busca div i {
        width: 15%;
    }
    #conteudo .container-busca ul li .li-exibe-video {
        width: 20%;
    }
    #conteudo .container-busca ul li .busca-conteudo {
        left: 20%;
        width: 73%;
    }
}

@media screen and (max-width: 425px) {
    .content-menu-logado {
        right: -100%;
        width: 95%;
    }


    nav#topo .busca {
        margin: 0;
    }

    nav#topo .busca > label > div {
        background-color: transparent;
        border: none;
        padding: 0;
    }

    nav#topo .busca div i {font-size: 1.5em;margin-right: 5%;}

    nav#topo .busca > label > div > input {
        width: 0;
    }

    nav#topo .busca > label > div.on-focus {
        position: fixed;
        top: 0;
        left: 0;
        background-color: white;
        width: 100%;
        padding: 0.6em 0;
        border-radius: 0 !important;
    }

    nav#topo .busca div.on-focus i {
        margin: 0;
        width: 10%;
        color: #6889ad;
        font-size: 1.3em;
    }

    nav#topo .busca > label > div.on-focus input {
        width: 80%;
        background-color: white;
        font-size: 1.2em;
        line-height: 1.56em;
        padding-left: 1%;
    }

    .busca-total-resultados {
        border-radius: unset;
    }


    #conteudo .container-busca ul li .li-exibe-video {
        width: 30%;
    }
    #conteudo .container-busca ul li .li-exibe-video .cont-icone {
        line-height: 120px;
    }
    #conteudo .container-busca ul li .busca-conteudo {
        left: 30%;
        width: 67%;
    }
}