@media screen and (max-width: 767px) {
    .navbar__content--left p{
        display: none;
    }
    html{
        overflow-x: hidden;
    }
    .image img{
        width: 100%;
        /* height: 520px; */
        object-fit: cover;
    }
    .image-container{
        height: inherit;
    }
    .subastaLeft,
    .tianguisLeft{
        flex: 90;
    }
    .subastaLeft  hr,
    .tianguisLeft hr{
        width: 10%;
    }
    .subastaRight,
    .tianguisRight{
        flex: 10;
    }
    .noticiasRight,
    .geneticoRight{
        flex: 90;
    }
    .noticiasRight hr,
    .geneticoRight hr{
        width: 10%;
    }
    .noticiasLeft,
    .geneticoLeft{
    flex: 10;
    }
    .content{
        width: 80%;
    }
    .noticias-container,
    .subastaGanadera-container,
    .tianguisGanadero-container,
    .ganadoGenetico-container{
        background-size: cover;
        background-position: bottom;
    }
    .contact{
        padding: 2rem 0;
        text-align: center;
        height: auto;
        flex-direction: column;
    }
    .social-media--contact-container{
        justify-content: center;
    }
    .left-contact{
        padding-right: 0;
    }
    .right-contact div{
        width: 100%;
        align-items: center;
    }
    .info-contact{
        display: none;
    }
    .nav-buttons-main{
        bottom: 50%;
        width: 100%;
        justify-content: space-between;
        right: 0;
    }
    .nav-buttons{
        bottom: 0%;
        width: 100%;
        justify-content: space-between;
        right: 0;
    }
    .menu-central{
        flex-direction: column;
    }
    .menu-content{
        text-align: center;
        padding-top: 1rem;
    }
    .next-button{
        margin-right: 0;
    }
    .next-label{
        display: none;
    }
    .footer{
        background-size: cover;
        flex-direction: column;
        background-position-y: 0;
        padding-left:  0;
        padding-right: 0;
        height: auto;
    }
    .footer-left{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .footer-right{
        width: 100%;
        align-items: center;
    }
    .menu-central{
        gap: 0;
    }
    .input-with-border-bottom{
        width: 65%;
    }
    /*
    TODO: En esta parte va a ir el responsive de las tiendas
    */
    .banner-main,
    .banner-main-genetico, 
    .banner-main-subasta
    {
        text-align: center;
    }
    .container-tienda{
        flex-direction: column;
    }
    .filtro-container{
        width: 100%;
        margin: 3rem 0;
    }
    .card-tianguis{
        width: 93%;
    }
    .card-tianguis--normal{
        width: 93%;
    }
    .icons{
        height: 8%;
    }
    .raza,
    .card-description--footer p{
        font-size: 12px;
    }
    .card-description--info{
        height: 82%;
    }
    .publicidad-container{
        width: 100%;
    }
    /*
        TODO: En esta parte va a ir el responsive del single de products
    */
    .banner-product--tienda{
        background-position: center;
        background-size: cover;
        text-align: center;
        height: 65vh;
    }
    .route{
        padding: .5rem .5rem;
        font-size: var(--medium);
    }
    .container{
        width: 100%;
        padding: 0;
    }
    .information-product--container{
        flex-direction: column;
    }
    .information-product{
        width: 95%;
        padding: 12px 0;
    }
    .desc-left{
        display: none;
    }
    .desc-right{
        width: 100%;
        padding: 0 .5rem;
    }
    .container-desc{
        grid-template-columns: 50% 50%;
    }
    .container-desc p{
        font-size: var(--small);
    }
    .container-desc span{
        font-size: 13px;
        padding-right: 2px;
    }
    .reseña{
        padding-right: 0;
        width: 75%;
    }
    .dierecis{
        width: 25%;
    }
    .relationated-product{
        padding: 2rem .5rem;
    }
    .relationated-product-cards{
        grid-template-columns: repeat(1, 1fr);
    }
    .container-subastas{
        padding-left: 1rem;
    }
    .nav-buttons-subasta{
        margin-left: 0rem;
        width: 100vw;
        top: 40%;
    }
    .privacidad-container{
        padding: .5rem;
    }
    .privacidad-container h1{
        width: 100%;
    }
    .ofertas-time, .precios{
        flex-direction: column;
    }
    .guion{
        display: none;
    }
    .prev-button, .next-button, .prev-button-subasta, .next-button-subasta{
        margin-right: 0px;
    }
    /*Estilos para las suscripciones*/
    .container-payment{
        width: 90%;
    }
}