.js-item-subitems-desktop a.nav-list-link.position-relative {
    pointer-events: none !important;
}

.stl-carousel-title {
    font-size: 25px !important;
}

.banner-manada img {
    width: 80% !important;
    margin: 0 10% !important;
}

.section-featured-home {
    border-top: none !important;
    border-top-width: 0px !important;
    border-top-style: none !important;
}

.section-title .h1, .section-title p {
    font-weight: 400;
    font-style: normal;
    color: rgb(115, 94, 89);
}

.section-title btn {
    display: table;
    padding: 15px 40px;
    border: 1px solid;
    font-size: 18px;
}

.labels {
    left: 1.5rem !important;
}

.page-header h1, .page-header .h1 {
    font-size: 20px !important;
}

.footer-logo img {
    filter: grayscale(100);
}

.section-single-product .social-share {
    display: none !important;
}

.underline {
    text-decoration: underline;
}

.hover-opacity:hover {
    opacity: .5;
    transition: all 0.4s ease;
}


@media (min-width: 678px) {

    .category-banner .category-banner-image {
        position: relative !important
    }

    .category-banner {
        height: 100% !important;
    }

    .search-container {
        width: 200px !important;
    }
}

@media (min-width: 790px) {
    .hidden-desktop {
        display: none;
    }

    .section-title .h1 {
        font-size: 40px;
    }
    /*
        .item-product .item-description {
            opacity: 0
        }

        .item-product:hover .item-description {
            opacity: 1;
            transition: all ease-in-out .2s
        }*/

    .section-video-home, .section-video-home,
    .section-featured-home {
        margin-bottom: 0px !important;
    }
}

@media screen and (max-width: 789px) {
    /**.textbanner-image img {
            height: 100vh !important;
            width: auto !important;
        }**/

    .section-title h2 {
        text-align: center !important;
        padding: 0 !important
    }

    .hidden-phone {
        display: none;
    }

    .banner-manada img {
        width: 100% !important;
        margin: 0 !important;
    }

    .home-video.embed-responsive.embed-responsive-1by1 {
        padding-bottom: 100vh !important;
    }
}

.section-banners-home .grid-item {
    padding: 0px !important;
}

.textbanner {
    margin-bottom: 0px !important;
}


.grid-item {
    padding: 0 !important;
}

.modal-cambioydevolucion {
    box-shadow: 0px 0px 20px 0px #33333352;
}


    .modal-cambioydevolucion h3 {
        margin-top: 20px;
    }

@media (min-width: 900px) {
    .modal-cambioydevolucion {
        width: 800px;
        left: calc(50% - 400px);
        height: auto;
    }
}

@media (max-width: 899px) {
    .modal-cambioydevolucion {
        width: 90%;
        left: 5%;
        height: auto;
        padding: 5% !important;
    }

    .section-video-home, .section-featured-home, .section-instafeed-home, .section-single-product, .section-products-related, .contact-page {
        margin-bottom: 0px !important
    }
}


.color-rojo,
.color-rojo svg {
    color: red !important;
    fill: red !important;
}

.lookbook {
    pointer-events: none;
}

.swiper-button-prev svg,
.swiper-button-next svg {
    background-color: #ffffffad;
    border-radius: 50px;
    width: 30px;
    height: 30px;
    padding: 5px;
    color: #000 !important;
    fill: #000 !important;
}


/*modificaciones del modal home*/
.modal-home-promotional {
    padding: 0 !important
}

    .modal-home-promotional .modal-body {
        padding: 0 !important
    }

        .modal-home-promotional .modal-body img {
            margin: 0 !important;
            width: 100%;
            max-height: none !important;
        }

    .modal-home-promotional .modal-floating-close {
        right: auto !important;
        left: 0 !important;
    }
/*fin del modal*/


.nav-item-desktop:hover .nav-item-container .nav-list-link {
    font-weight: bold !important;
}


#related-products-notification .item-image img,
#related-products-notification .item-image {
    max-height: 300px !important;
}

@media (min-width: 768px) {
    #related-products-notification.modal-centered {
        left: 25% !important;
        width: 50% !important;
    }
}