@media only screen and (max-width: 900px) {
    .logo {
        margin-left: 2.5vw;
        height: 8vw;
        font-size: 4vw;
    }
    .boton {
        margin-right: 3vw;
    }
    .menu {
        height: 100vh;
        padding: 8vw 0;
        overflow: auto;
        box-sizing: border-box;
    }
    .menu>li:first-child>a {
        margin-top: 5vh;
    }
    .menu li a {
        height: 20vh;
        margin-bottom: 4vh;
    }
    .resultado {
        top: 8vw;
        max-height: 85vh;
        justify-content: center;
        padding-top: 4vh;
        padding-bottom: 8vh;
        box-sizing: border-box;
    }
    .resultBusq {
        height: unset;
        min-height: 12vh;
        max-height: 24vh;
        font-size: 4.5vw;
    }
    .contBuscador {
        height: 8vw;
    }
    .contBuscador>input {
        height: 13vh;
        border-radius: 10vh;
    }
    .contTitulo {
        top: 50%;
    }
    .contTitulo>h1 {
        font-size: 13vw;
    }
    .imgPort>a {
        font-size: 8vh;
        top: 80%;
    }
    .imagen_portada {
        height: 95vh;
        top: 55%;
    }
    .op {
        height: 14vh;
        width: 35vw;
    }
    .items {
        height: 90vh;
    }
    .items>img {
        width: 50vw;
    }
    h4 {
        height: 15vh;
    }
    .specs {
        height: 100vh;
        top: 0;
        z-index: 1;
    }
    .tituloC {
        font-size: 4.3vw;
        height: 12vh;
    }
    .contenedorC {
        margin-top: 15vh;
    }
    .imagenP {
        height: 90%;
    }
    .videoItems {
        width: 60vw;
        height: 85%;
    }
    .menuImg {
        position: absolute;
        top: 0;
        right: 0;
        width: 22vw;
        flex-wrap: wrap;
        height: 40vw;
        align-items: center;
        justify-content: center;
    }
    .imgSpecs {
        height: 30%;
    }
    .imgSpecs:hover {
        height: 40%;
    }
    .imgSpecs2 {
        height: 9vw;
    }
    .imgSpecs2:hover {
        height: 13vw;
    }
    .imgVideo {
        height: 7vw;
    }
    .imgVideo:hover {
        height: 10vw;
    }
    .bodyT {
        font-size: 3.5vw;
        background-color: white;
        height: 65vh;
        width: 92vw;
        overflow: auto;
    }
    .bodyT>tr:first-child {
        font-size: 4vw;
    }
    .bodyT>tr {
        min-height: 12vh;
        max-height: fit-content;
    }
    th {
        margin: 0 5vw;
    }
    tr>th {
        text-align: end;
    }
    tr>th:first-child {
        text-align: start;
    }
    .contBtnEspc {
        height: 12vh;
        top: 87vh;
    }
    .contBtnEspc>p {
        font-size: 3.5vw;
    }
    .videos {
        width: 70vw;
        height: 70vh;
    }
    .direc {
        height: 100vh;
        font-size: 3vw;
    }
    .direc>h5 {
        font-size: 4.5vw;
    }
    .botonLink {
        font-size: 5vh;
    }
    .botonLink>i {
        font-size: 4vh;
    }
}