/*MIN*/
@media (min-width: 500px) {
    .site-header .site-logo-anchor img,
    .site-header .site-logo-link img,
    .site-header .custom-logo-link img {
        max-width: 210px;
    }
}

/*MAX*/
@media (max-width: 1366px) {
    .departments-menu > .dropdown-menu > li:first-child > a {
        line-height: 24px;
    }
    .departments-menu > .dropdown-menu > li > a {
        line-height: 21px;
    }
    .site-header-cart .precio_total {
        font-size: 12px;
    }
}

@media (max-width: 1200px) {
    .site-header .custom-logo-link img {
        max-width: 180px;
    }

    .departments-menu > .dropdown-menu > li > a {
        line-height: 14px;
    }

    .departments-menu > .dropdown-menu > li:first-child > a {
        line-height: 14px;
    }

    .footer-col-relleno {
        display: none;
    }

}

@media (max-width: 1199px) {
    .site-header .custom-logo-link img {
        max-width: 150px;
        margin: -10px 0 -10px 15px;
    }

    .top-bar .nav > li {
        font-size: 13px;
    }

    .i-footer-instagram {
        margin-top: 0px;
    }

    .i-footer-facebook {
        margin-top: 0px;
    }
}

@media (max-width: 1024px) {
    .site-header .custom-logo-link img {
        margin-bottom: 0;
        max-width: 120px;
    }
}

@media (max-width: 991px) {
    .footer-contact .footer-logo img{
        margin: auto;
    }
    .footer-social-icons .sm-icon-label-link{
        text-align: center;
    }
    .footer-social-icons .sm-icon-label-link i{
        float: none;
    }
    .contact-payment-wrap {
        margin-top: -6px;
    }

    .site-footer .img-footer {
        max-width: 280px;
    }

    .site-footer .search-footer {
        padding: 30px 50px 50px 0px;
    }

    .site-header .custom-logo-link img {
        margin-bottom: -10px;
    }
    .site-footer h4{
        font-size: 1.41575em;
    }
}

@media (max-width: 767px) {
    .col-banner-superior-1, .col-banner-superior-3 {
        padding-bottom: 30px;
    }
    .site-footer .search-footer {
        padding: 40px 0px 50px 0px;
    }
    .products .product .hover-area {
        display: block;
        padding-bottom: 15px; /* Añade espacio inferior dentro del hover-area */
    }
    .single-product .single-product-header {
        text-align: center;
        margin-bottom: .5em;
    }
    .single-product div[itemprop="description"],
    .single-product .ecommercepro-product-details__short-description {
        text-align: center;
    }
    .single-product .single-product-meta {
        padding-bottom: .5em;
    }
    .single-product .single-product-meta .cat-and-sku {
        margin: 0;
    }
    .single-product .product-actions .price {
        text-align: center;
    }
    .products .product .ecommercepro-loop-product__title {
        margin-bottom: 8px;
    }
}

@media (max-width: 480px) {
    .footer-contact .footer-logo img {
        margin: 0 auto;
    }

    .col-icon {
        display: none;
    }

    .contact-payment-wrap .footer-contact-info {
        text-align: center;
        width: 100%;
    }

    .footer-payment-info .icon .tm {
        display: none;
    }

    .site-footer .footer-widgets-block {
        text-align: center;
    }

    .footer-secure-by-info .footer-secured-by-icons .secure-icons-image {
        margin: 0 auto;
    }

    .footer-secured-by-icons .nav-item {
        width: 100%;
    }

    .contact-payment-wrap .footer-payment-info {
        width: 100%;
    }

    .footer-payment-info .list-payment-icons .payment-icon-image {
        max-height: 3em;
        width: 100%;
    }

    .footer-payment-info .list-payment-icons {
        text-align: center;
        margin: 0 auto;
        display: block;
    }

    .v {
        display: none;
    }

    .copyright, .credit {
        width: 100%;
        text-align: center;
    }

    .footer-payment-info .footer-payment-icons {
        margin-bottom: 0;
    }

    .footer-widgets .columns {
        flex: none;
        max-width: 100%;
        margin: 0 auto;
        width: 100%;
    }

    .social-columns-desktop {
        display: none;
    }

    .social-columns-mobile {
        display: block;
    }

    .products:not(.slick-initialized) .product {
        width: 100%;
    }

}