@media (max-width: 768px) {
    h2.banner-title {
        padding: 0;
        font-size: 2.125rem;
    }

    .col-md-6.col-lg-6.col-md-6.col-lg-6.d-flex.flex-column.justify-content-sm-center.px-md-5 {

        align-items: center;
        text-align: center;

    }

    .col-md-6.col-lg-6.d-flex.flex-column.justify-content-end.pb-5.mb-5 {

        align-items: center;
        text-align: center;
    }
    
    h2.title-vista-consejostips-home{
        width: 100%;
        font-size: 32px;
        line-height: 32px;
        padding: 3rem 0;
    }
    p.text-vista-home-consejostips{
        width: 100%;
    }

    .container.view-vista-home-consejos-y-tips-short {
        margin-top: 0px !important;
    }
    .container-consejosTips-home-view{
        .row {
            margin-left: calc(0.0 * var(--bs-gutter-x)) !important;
        }

    } 
    .swiper-button-prev.view-home-prev{
        top: 114% !important;
        left: 60% !important;
    }
    .swiper-button-next.view-home-next{
        top: 114% !important;
        right: 15% !important;
    }

    iframe.video-slide {
        height: 200px;
        width: 100%;
        border-radius: 0;
    }

    section.container-slide-videos .container {
        --bs-gutter-x: 0 rem;
    }

    .swiper-pagination.swiper-pagination-slide-videos.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: var(--swiper-pagination-bottom, -4px);
    }

    .swiper-button-prev-videos {
        top: 94% !important;
        border-radius: 0 50% 50% 0 !important;
        left: 0% !important;
        z-index: 200 !important;
    }

    .swiper-button-next-videos {
        top: 94% !important;
        border-radius: 50% 0% 0% 50% !important;
        right: 0% !important;
        z-index: 200 !important;
    }

    .swiper-button-prev-slide-cards-soluciones {
        top: 94% !important;
        left: 35% !important;
    }

    .swiper-button-next-slide-cards-soluciones {
        top: 94% !important;
        right: 35% !important;
    }

    footer .region-footer #block-blancox-footer {

        display: block;
        font-size: 18px;
        text-align: center;
    }

    footer .region-footer #block-blancox-footer .field__label {

        border-bottom: 1px solid #EEEEEE;
    }

    .logo {
        display: flex;
        flex-direction: column;
        gap: 24px;
        align-items: center;
    }

    /*proposito blancox*/

    .columna-2-img-list {
        padding: 20px;
        margin: 0;
    }

    h2.title-list {
        margin-left: 0;
        text-align: center;
        padding: 10% 0%;

    }

    section.section-list-icon.my-5.py-5 {
        padding: 8px 16px !important;

    }

    .col-12.col-md-6.col-lg-6.text-center {
        margin-bottom: 30px;
    }

    .container-title {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;

    }

    .container-description {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }

    .cotainer-ctas {
        display: flex;
        flex-direction: column;
        gap: 24px;
        align-items: center;
    }

    h2.title-infocard {
        width: 100%;

    }

    .description-infocard {
        width: 100%
    }

     .container.bg-gradient-infocardtexto {
        height: auto;
        padding: 57px 26px;
    }

    .col-12.col-md-4.col-lg-4 {
        margin-bottom: 20px;
    }

    .views-view-responsive-grid.views-view-responsive-grid--horizontal {
        --views-responsive-grid--column-count: 1 !important;
    }

    .col-12.col-md-6.p-0 {

        padding: 0 24px !important;

    }

    section.section-tabs-image {
        padding: 60px 0;
    }

    div#title-tabs {
        padding: 15px;
        text-align: center;
        margin-bottom: 20px;
        font-size: 32px !important;

    }

    button.tablinks.active {
        height: 62px;

    }

    button.tablinks {
        height: 62px !important;
    }

    .cont-list-tabs-generales.pb-0.pb-md-5 {
        align-items: center
    }

    div.container-products-consejos-tips .row {
        width: auto !important;
    }

    img.img-product-consejos-tips {
        border-radius: 15px 15px 0px 0px;

    }

    .container-consejos-tips-info {
        border-radius: 0px 0px 15px 15px;

    }

    /*blancox pro*/

    .col-12.text-center {
        display: flex;
        flex-direction: column;
        margin-top: 30px;

        h2.title-list-horizontal {
            order: 2;
            padding: 30px;
        }

        img.img-list-horizontal {
            order: 1;
            border-radius: 25px;
            height: 270px;
        }

        ul.list-container-horizontal {
            order: 3;
            display: block;
        }

        li.element-list-horizontal {
            width: 100%;
            font-size: 24px;
            text-align: left;
            margin-bottom: 30px;
        }

        img.list-market-custom {
            width: 40%;
            height: auto;
        }
    }

    h2.title-cards-soluciones-negocio {
        width: 100%;
        font-size: 37px;
        padding: 20px;

    }

    .swiper-button-prev.negocio-prev {
        left: 70%;
        top: 680px;
    }

    .swiper-button-next.negocio-next {
        right: 10%;
        top: 680px;
    }

    section.section-banner-informativo-dos {
        display: flex;
        flex-direction: column;
        background-color: darkblue;
        background-image: none;
        margin-top: 150px;
        position: relative;
        height: 670px;

    }

    .col-12.col-md-6.info-dos {
        order: 2;
        top: 232px;

        .container-infor-banner-info-dos {
            width: 80%;
            text-align: center;
            padding: 0;
            margin-top: 20px;
            gap: 20px;

            h2.title-banner-informativo-dos {
                font-size: 28px;
            }
        }

    }

    .col-12.col-md-6.img-asis {
        order: 1;
        position: absolute;
        top: -60px;
        padding: 20px;

    }

    .container-dos-catalogo-pdf {

        width: 80%;
        text-align: center;
        border-radius: 25px;

    }
    h2.title-first-cards-contact{
        font-size: 2rem;
        text-align: left;
        margin-top: 20px;
    }

    /*blancox blog productos*/

    .container.my-5.py-5.contextual-region.view.view-productos.view-id-productos.view-display-id-page_1.js-view-dom-id-fdbab34e1a2e87146cb448af6cb2183a88779e23bccdd88640eb862563d6acd4 {
        margin: 0 !important;
        padding-bottom: 0 !important;
    }

    select#edit-field-tipo-de-negocio-target-id.form-select {
        --bs-form-select-bg-img: url("/sites/default/files/2025-03/arrow-circle-down.png") !important;
        background-size: 20px 20px !important;
    }

    select#edit-field-tipo-de-producto-target-id.form-select {

        --bs-form-select-bg-img: url("/sites/default/files/2025-03/arrow-circle-down.png") !important;
        background-size: 20px 20px !important;
    }

    div#edit-actions {
        text-align: center;
        margin: 0 !important;
    }

    /*blancox interna producto*/

    section.banner-products-int {
        background: #F3F3F3;
        display: flex;
        flex-direction: column;

        .col-12.col-md-12.bread {
            order: 1;
        }

        .col-12.col-md-6.banner {
            order: 2;
        }

        .col-12.col-md-6.contenido {
            order: 4;
            margin-bottom: 40px;
        }

        .col-12.col-md-12.pt-5.miniatura {
            order: 3;
            margin-bottom: 40px;
            padding-top: 10px !important;
        }

        img.img-banner-product-2 {
            padding: 3px;
        }

        h1.title-products-int {
            width: 80%;
        }
    }

    h2.title-beneficios-product {
        text-align: center;
    }

    ul.list-container-horizontal-product {
        display: block;
    }

    li.element-list-horizontal-product {
        width: 100% !important;
        text-align: left !important;
        padding: 20px;
    }

    section.section-tres-usos {
        background: #0A1F8F;
        padding: 20px 0px 20px 12px;

        .field.field--name-field-instrucciones-de-uso.field--type-entity-reference-revisions.field--label-hidden.row {
            justify-content: center;

            .col-12.col-md-3 {
                width: 80%;
                margin-bottom: 30px;
            }
        }
    }

    .container.my-5.py-5.contextual-region.view.view-consejos-y-tips.view-id-consejos_y_tips.view-display-id-page_1.js-view-dom-id-4a62ecd164dd9f4283c0e12c77a8c017d2f5bbf52d982a35244b93a3670d9508 {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
      
      .description-card-tab {
        font-size: 14px;
        color: #333;
        margin: 0;
      }
      
}

@media (min-width: 992px) {

 /*blancox Menu principal*/

 .we-mega-menu-ul>.dropdown-menu:first-child>.we-mega-menu-submenu{
        margin-left: 20%;
        top: 60px;
 }

 .we-mega-menu-submenu.container-menu-principal{
    border-radius: 16px;
 }

 .we-mega-menu-row{
    gap: 24px;

 }

 ul.nav.nav-tabs.subul li.we-mega-menu-li:hover{
    background:#F3F3F3;
 }

 /* i.detergente-img {

    content: url(/sites/default/files/inline-images/logo-footer.png);

 }

 i.quitamanchas-img{
    content: url(/sites/default/files/inline-images/logo-footer.png);

 }
 i.lozacream-img{
    content: url(/sites/default/files/inline-images/logo-footer.png);

 }
 i.blanqueador-img{
    content: url(/sites/default/files/inline-images/logo-footer.png);
 }
 
 i.limpiadores-img{
     content: url(/sites/default/files/inline-images/logo-footer.png);
 } */

}