/*--------------------------------------Barra media Querys----------------------------------------------------------*/
@media (max-width: 870px) {
    
    .container2 {
        margin-top: 27px;
        justify-content: space-between;
        padding: 10px 20px;
        top: 0;
    }

    .logo img {
        width: 140px;
        height: auto;
        margin-left: 0;
    }

    .nav-links {
        display: none; 
    }

    .hamburger-menu {
        display: block;
        cursor: pointer;
        font-size: 25px;
    }
}

@media (max-width: 425px) {
    .container2 {
        flex-direction: column;
        align-items: flex-start;
    }

    .logo img {
        width: 120px;
    }

    .hamburger-menu {
        align-self: flex-end;
    }
}

/*-----------------Medias para modal------------------*/

@media (max-width: 800px) {
    .modal__container {
        width: 90%; 
        padding: 1.5em;
    }
}


@media (min-width: 576px) {
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
/*-----------------Medias para contenidos en general del sitio-------------------*/
@media (max-width: 1440px){
    .separador {
        margin-top: 15%;
    }
}

@media (max-width: 1060px) {
    .separador {
        margin-top: 20%;
    }
}
/*-----------------Medias para Texto a la izquierda e imagenes a la derecha-------------------*/
    /* XL: 1550px y mayores */
    @media (min-width: 1550px) {
        .estatic-textizq {
            padding-left: 90px;
            padding-right: 90px;
        }

        .estatic-img-cen {
            grid-area: 1 / 2 / 2 / 3;
            padding-left: 50px;
        }
        
        .estatic-img-der {
            grid-area: 1 / 3 / 2 / 4;
            padding-right: 50px;
        }
    }

    @media (max-width: 1440px) {
        .estatic-textizq {
            padding-left: 50px;
            padding-right: 50px;
        }
    }

    /* G: menor a 1360px */
    @media (max-width: 1360px) {
        .estatic-textizq {
            padding-top: 100px;
            padding-left: 20px;
            padding-right: 20px;
        }
        .estatic-img-cen img{
            width: 318px;
            height: 289px;
        }
        .estatic-img-der img{
            width: 318px;
            height: 289px;
        }

        .btns-reizq {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            gap: 10px; 
        }
    }

    /* C: menor a 425px */
    @media (max-width: 1060px) {
        .estatic-textizq {
            padding-top: 20px;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-template-rows: auto 1fr;
            grid-column-gap: 10px;
            grid-row-gap: 0px;
            padding-left: 20px;
            padding-right: 20px;
        }
    
        .estatic-text-izq {
            grid-area: 1 / 1 / 2 / 3;
        }
    
        .estatic-img-cen {
            grid-area: 2 / 1 / 3 / 2; 
            justify-self: center;
            padding-top: 20px;
        }
        
        .estatic-img-der {
            grid-area: 2 / 2 / 3 / 3;
            justify-self: center;
            padding-top: 20px;
        }
    
        .estatic-img-cen img, .estatic-img-der img {
            width: 100%;
            height: auto;
        }

        .btns-reizq {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            gap: 10px; 
        }
    }

/*-----------------Medias para Texto a la derecha e imagenes a la izquierda-------------------*/

    /* XL: 1550px y mayores */
    @media (min-width: 1550px) {
        .estatic-textder {
            padding-left: 120px;
            padding-right: 90px;
        }

        .estatic-img-cent {
            grid-area: 1 / 2 / 2 / 3;
            padding-left: 50px;
        }
    
        .estatic-img-izq {
            grid-area: 1 / 1 / 2 / 2;
            padding-right: 50px;
        }
    }

    @media (max-width: 1440px) {
        .estatic-textder {
            padding-left: 50px;
            padding-right: 50px;
        }
    }

    /* G: menor a 1360px */
    @media (max-width: 1360px) {
        .estatic-textder {
            padding-left: 50px;
            padding-right: 20px;
        }
        .estatic-img-cent img{
            width: 318px;
            height: 289px;
        }
        .estatic-img-izq img{
            width: 318px;
            height: 289px;
        }

        .btns-reder {
            display: flex;
            flex-direction: row;
            align-items: flex-end;
            gap: 10px; 
        }
    }

    /* C: menor a 425px */
    @media (max-width: 1060px) {
    .estatic-textder {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto 1fr;
        grid-column-gap: 10px;
        grid-row-gap: 0px;
        padding-left: 20px;
        padding-right: 20px;
    }
            
    .estatic-text-der {
        grid-area: 1 / 1 / 2 / 3;
        }
            
    .estatic-img-cent {
        grid-area: 2 / 1 / 3 / 2; 
        justify-self: center;
        padding-top: 20px;
        }
                
    .estatic-img-izq {
        grid-area: 2 / 2 / 3 / 3;
        justify-self: center;
        padding-top: 20px;
        }
    
    .estatic-img-cent img, .estatic-img-izq img {
        width: 100%;
        height: auto;
        }
    
    .btns-reder {
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        justify-content: flex-end;
        gap: 10px; 
        }
    }

/*-----------------Medias para slider a la derecha y texto a la izquierda-------------------*/

@media screen  and (max-width: 1000px){
    .carousel7 img {
        height: 310px;
        width: 100%;
    }
}  

@media (max-width: 1100px) {
    .desli-textizq {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto, 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .sli-text-izq {
        grid-area: 1 / 1 / 2 / 2;
    }

    .desli-sli-der {
        grid-area: 2 / 1 / 3 / 2;
    }

    .btns-sli-reizq
    {
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        gap: 10px; 
    }
}

/*-----------------Medias para slider a la izquierda y texto a la derecha-------------------*/

@media screen  and (max-width: 1000px){
    .carousel3 img {
        width: 100%;
        height: 310px;
    }
}

@media (max-width: 1100px) {
    .desli-textder {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto, 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .sli-text-der {
        grid-area: 1 / 1 / 2 / 2;
        text-align: right;
    }

    .desli-sli-izq {
        grid-area: 2 / 1 / 3 / 2;
    }

    .btns-sli-reder
    {
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        justify-content: flex-end;
        gap: 10px; 
    }
}

@media screen  and (max-width: 1000px){
    .carousel5 img {
        height: 310px;
        width: 100%;
    }
}


/*-----------------Medias para stprage img tipo banner-------------------*/

@media screen  and (max-width: 1200px){
    .storage-grid-im img {
        width: 550px;
    }
}

@media screen  and (max-width: 1000px){
    .storage-grid-title {
        padding-left: 20px;
    }
    .storage-grid-im {
        text-align: center;
    }
    .storage-grid-im img{
        width: 433px;
    }
}

/*-----------------Medias para contenedores con una imagen y texto al lado-------------------*/

@media screen and (max-width:1200px){ 
    .hutches-im img {
        width: 370px;
        height: 240px;
    }
}
@media screen and (max-width: 1000px){
    .hutches-grid {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto, 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .hutches-info { 
        grid-area: 1 / 1 / 2 / 2; 
        text-align: right;
    }
    .hutches-im  { grid-area: 2 / 1 / 3 / 2; }
    .hutches-im img {
        width: 433px;
        height: 300px;
    }
    
}

/*-----------------Medias para la vista About Us-------------------*/

@media screen  and (max-width:1400px){
    .abous-grid-im img {
        width: 650px;
        height: 420px;
    }
}

@media screen  and (max-width:1200px){
    .abous-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }
    .abous-grid-txt{
        grid-area: 1 / 1 / 2 / 2;
    }
    .abous-grid-im {
        grid-area: 1 / 2 / 2 / 3;  
    }
    .abous-grid-im img {
        width: 450px;
        height: 320px;
    }
}

@media screen  and (max-width:1000px){
    .abous-grid  {
        margin-top: 150px;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 0px; 
    }
    .abous-grid-txt {
        grid-area: 1 / 1 / 2 / 2;  
        text-align: center;
    }
    .abous-grid-im{
        text-align: center;
        grid-area: 2 / 1 / 3 / 2;
    }
    .abous-grid-im img {
        width: 400px;
        height: 320px;
    }
}

@media screen  and (max-width:1000px){
    .abous-vidcor {
        text-align: center;
        padding-top: 50px;
        position: relative;
        width: 320px;
        height: 350px;
        margin: 0 auto;
    }
}
@media screen  and (max-width:1000px){
    .meth-img img {
        width: 400px;
    }
}

@media screen  and (max-width:500px){
    .meth-img img {
        width: 320px;
    }
    .methodology {
        margin-left: 20px;
        margin-right: 20px;
    }
}


/*----------------------------Medias para vista Events----------------------------------*/

@media screen  and (max-width:1000px){
    .where-find {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(4, auto);
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        }
        
        .where-find-inf{ grid-area: 1 / 1 / 2 / 3; }
        .where-find-hdx{ 
            grid-area: 2 / 1 / 3 / 3; 
            background-color: #FFFFFF;
            justify-content: center;
        }
        .where-find-neo { 
            grid-area: 3 / 1 / 4 / 3; 
            background-color: #FFFFFF;
            justify-content: center;
        }
        .where-find-map { grid-area: 4 / 1 / 5 / 3; }

        .where-find-map iframe {
            height: 400px;
        }
    }

/*----------------------------Medias para vista Catalogs----------------------------------*/

@media screen  and (max-width:1400px) {
    .catalog-item {
        width: calc(30% - 30px);
    }
}

@media screen  and (max-width:1200px) {
    .catalog-item {
        width: calc(30% - 10px);
    }
}

@media screen  and (max-width:1100px) {
    .catalog-item {
        width: calc(40% - 10px);
    }
}

@media screen  and (max-width:900px) {
    .catalog-item {
        width: calc(50% - 20px);
    }
}

@media screen  and (max-width:800px) {
    .catalog-item {
        width: calc(70%);
        margin-left: 30px;
        margin-right: 210px;
    }
}

@media screen  and (max-width:596px) {
    .catalog-item {
        width: calc(100%);
    }
}

/*----------------------------Medias para vista Textiles----------------------------------*/

@media screen  and (max-width:1400px) {
    .materials {
        margin-top: 16%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 450px;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        margin-right: 20px;
        margin-left: 1px;
    }

    .materials-imag img{
        width: 700px;
        height: 450px;

    }
    .materials-imag {
        grid-area: 1 / 2 / 2 / 3;
        display: flex;
        justify-content: center;
        align-items: center;
        
    }
    .materials-info{
        grid-area: 1 / 1 / 2 / 2;
        padding-top: 80px;
    }
    .materials-info p{
        font-size: 15px;
    }
}

@media screen  and (max-width:1000px) {
    .materials{
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 200px 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }
    .materials-imag {
        grid-area: 2 / 1 / 3 / 2;
    }
    .materials-imag img {
       width: 100%;
       height: auto;
    }
    .materials-info {
        text-align: center;
        grid-area: 1 / 1 / 2 / 2;
        margin: 0;
       
    }
}

@media screen  and (max-width:700px){
    .materials-imag img {
        width: 100%;
        height: auto;
    }
}

@media (max-width: 700px) {
    .tabs-container {
        width: 93%;
        flex-direction: column; 
        height: auto; 
    }

    .tabs {
        flex-direction: row; 
        width: 100%; 
        border-right: none; 
        border-bottom: 1px solid #ddd; 
        overflow-x: auto; 
    }

    .tab-content {
        width: 100%; 
    }
}

/*----------------------------Medias para vista Top covers----------------------------------*/

@media (max-width: 700px) {
    .tabs-containers {
        width: 93%;
        flex-direction: column; 
        height: auto; 
    }

    .tabss {
        flex-direction: row; 
        width: 100%; 
        border-right: none; 
        border-bottom: 1px solid #ddd; 
        overflow-x: auto; 
    }

    .tab-contenido {
        width: 100%; 
    }
}

/*----------------------------Medias para footer----------------------------------*/

@media (max-width: 1000px) {
    .foot-desk {
      display: none;
    }
    
    .footer-mov {
      display: block;
    }
  }

@media (max-width: 1000px){
    .container9a {
        display: none;
    }
    .conect-wius-mov{
        display: block;
    }
    .news-static{
        display: none;
    }
    .news-desl {
        display: block;
    }
}

@media (max-width: 1024px) {
    .container8 {
        display: flex;
        overflow-x: scroll;
        scroll-behavior: smooth;
    }

    .card1, .card2, .card3 {
        min-width: 50%;
        flex-shrink: 0;
    }

    .prev21, .next21 {
        display: block;
        position: fixed;
        top: 50%;
        transform: translateY(-50%);
        background-color: rgba(0, 0, 0, 0.5);
        color: white;
        border: none;
        padding: 10px;
        cursor: pointer;
        z-index: 10;
    }

    .prev21 {
        left: 10px;
    }

    .next21 {
        right: 10px;
    }
}


@media screen  and (max-width: 1000px){
    .carousel20 img {
        height: 320px;
        width: 100%;
    }
    .carousel-text {
        height: 320px;
        width: 100%;
    }
}  

@media  screen and  (max-width: 1024px) {
    .container6 .BHDA p{
        text-align: center;
        padding-left: 0;
    }
}

/*----------------------------Medias para Banner----------------------------------*/

@media screen and  (min-width: 1600px){
    .slider .list .item .content{
        width: 1100px;
        left: 28%;
        padding-right: 20%;
    }
    .nextPrevArrows {
        right: 83%;
    }
    
}

@media  screen and  (max-width: 1200px){

    .container4 {
        padding-top:70px;
    }
    
    .slider .list .item .content{
        width: 1000px;
        left: 38%;
        padding-right: 10%;
    }
    .nextPrevArrows {
        top: 88%;
        right: 71%;
    }
    .slider .list .item .content .title {
        font-size: 40px;
    }
    .slider .list .item .content .description{
        font-size: 17px;
    }
}

@media (max-width: 1000px) {
    .container4 {
        padding-top: 80px;
    }

    .slider .list .item .content{
        width: 900px;
        left: 38%;
        padding-right: 10%;
    }

    .nextPrevArrows {
        top: 88%;
        right: 68%;
    }
}

@media (max-width: 500px) {
   .container4one {
    display: none;
   }
   .container4sec {
    display: block;
   }
}

/*----------------------------Medias para product----------------------------------*/

@media screen and (max-width:800px){
    .ch-galvis-desk {
        display: none;
    }
    .ch-galvis-mov {
        display: block;
    }
    .gall-mov-cont button {
        margin-left: 280px;
    }
}

@media (max-width: 799px) and (min-width: 600px){
    .gall-mov-cont button {
        margin-left: 250px;
    }
}

@media (max-width: 600px) and (min-width: 510px){
    .gall-mov-cont button {
        margin-left: 167px;
    }
}

@media (max-width: 500px) {
    .gall-mov-cont button {
        margin-left: 119px;
    }
}


@media (max-width: 1328px) {
    .slider4 {
        max-width: 1000px;
    }
}

@media (max-width: 1150px) {
    .slider4 {
        width: 700px;
    }
}

@media (max-width: 1000px) {
    .slider4 {
        width: 500px;
    }
}

@media (max-width: 700px) {
    .slider4 {
        width: 100%;
    }
    .slider4 i:first-child {
        left: -45px;
    }
    
    .slider4 i:last-child {
        right: -45px;
    }
}

@media (max-width: 1500px) {
    .p-buscador {
        margin-left: 20px;
    }
}

@media (max-width: 1400px) {
    .prueba-prod {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: 100px 500px 500px 500px 500px 100px;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        }
        
        .p-buscador { 
            grid-area: 1 / 1 / 2 / 2;
            margin-left: 20px;
        }
        .p-breadcrums { grid-area: 1 / 2 / 2 / 6; }
        .p-filtros { grid-area: 2 / 1 / 7 / 2; }
        .p-cards { grid-area: 2 / 2 / 6 / 5; }
        .p-paginas { grid-area: 6 / 2 / 7 / 5; }

        .p-cards {
            grid-template-columns: repeat(3, 1fr);
        }
}

@media (max-width: 1100px) {
    .prueba-prod {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 100px 500px 500px 500px 500px 500px 500px 100px;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        }
        
        .p-buscador  { 
            grid-area: 1 / 1 / 2 / 2;
            margin-left: 20px;
        }
        .p-breadcrums { grid-area: 1 / 2 / 2 / 6; }
        .p-filtros { grid-area: 2 / 1 / 9 / 2; }
        .p-cards { grid-area: 2 / 2 / 8 / 4; }
        .p-paginas  { grid-area: 8 / 2 / 9 / 4; }

    .p-cards {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 850px){
    .p-filtros {
        display: none;
    }
    .p-buscador{
        display: none;
    }

    .retractil {
        display: block;
    }

    .prueba-prod {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 100px 1fr 1fr 1fr 1fr 1fr 1fr 100px;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        padding-left: 5px;
        padding-right: 10px;
        }

    .p-breadcrums { grid-area: 1 / 1 / 2 / 3; }
    .p-cards { 
        grid-area: 2 / 1 / 8 / 3; 
    }

    .product-card-grid {
        height: 300px; 
    }

    .product-card-grid img {
        width: 150px;
        height: 153px;
    }
    .p-paginas { grid-area: 8 / 1 / 9 / 3; }

    
}

@media (max-width: 1024px) and (min-width: 770px) {
    .desks-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(5, 1fr);
        grid-row-gap: 150px; 
        padding-left: 60px;  
        padding-right: 60px; 
    }
}


/*-------Lineas de producto--------*/
@media (max-width: 599px) {
    .large-image {
        display: none;  
    }
    
    .container5 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        margin-left: 10px;
        margin-right: 10px;
    }
    
    .small-image {
        display: block; 
        max-width: 100%; 
        height: auto; 
        margin: auto; 
        }
    }


/*-------Barra productos destacados--------*/
@media (max-width: 599px) {
    .BHDA p {
        text-align: center; 
        padding-left: 0;  
        padding-right: 0; 
    }

    .BHDA strong {
        padding-right: 0;
    }
}

/*---------------Cards de producto------------*/
@media (max-width: 1024px) {
    .container7 {
        grid-template-columns: repeat(2, 1fr);
    }
    .div1 { grid-area: 1 / 1 / 2 / 2; }
    .div2 { grid-area: 1 / 2 / 2 / 3; }
    .div3 { grid-area: 2 / 1 / 3 / 2; }
    .div4 { grid-area: 2 / 2 / 3 / 3; }
    .div5 { grid-area: 3 / 1 / 4 / 2; }
    .div6 { grid-area: 3 / 2 / 4 / 3; }
    .div7 { grid-area: 4 / 1 / 5 / 2; }
    .div8 { grid-area: 4 / 2 / 5 / 3; }
    .div9 { grid-area: 5 / 1 / 6 / 3; }
}

@media (max-width: 800px) {
    .prev-izq-pro, .next-der-pro {
        display: block;
    }

    .container7 {
        display: flex;
        overflow-x: auto;  
        scroll-snap-type: x mandatory;
        width: 100%;
    }

    .div1, .div2, .div3, .div4, .div5, .div6, .div7, .div8, .div9 {
        flex: 0 0 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        scroll-snap-align: center;
    }

    .container7 img {
        max-width: 100%;  
        height: auto;  
    }
}

/*-------Empresas aliadas--------*/

/*-------Contenedor de blog--------*/


/*-------Newsleter--------------------------------*/
@media (min-width: 600px) and (max-width: 1400px) {
    .container12 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto; 
    }

    .Fvc {
        grid-column: 1 / 2; 
        grid-row: 2 / 3;
    }

    .Frs {
        grid-column: 2 / 3;
        grid-row: 2 / 3;
    }

    .Frs ul {
        justify-content: center;
    }
}


@media (max-width: 599px) {
    .container12 {
        grid-template-columns: 1fr; 
        grid-template-rows: auto auto auto;  
        padding-left: 10px;
        background-color: #FFFFFF;  
    }

    .Fib, .Fvc, .Frs {
        grid-column: 1 / 2; 
    }

    .Fib {
        grid-row: 1 / 2;  
    }

    .Fvc {
        grid-row: 2 / 3;  
    }

    .Frs {
        grid-row: 3 / 4;  
    }

    .Frs ul {
        padding-left: 0; 
        justify-content: center;  
    }
}

/*-------Links--------------------------------*/
@media (max-width: 768px) {
    .container13 {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto auto auto;
        grid-column-gap: 0px;
        grid-row-gap: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .F1, .F2, .F3, .F4, .F5 {
        grid-column: 1; 
        grid-row: auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .container13 ul li {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .F5 {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

/*Cards de producto ambientado*/
@media all and (max-width: 500px) {
    .CDIPA  {
      flex-direction: column;
    }
  }

/*Cards de fichas de producto*/
  @media screen and (max-width: 767px) {
    .Ficha{
      margin-left: 2.8%;
      margin-top: 3%;
      width: 46%;
    }
  
    .FCH {
      height: 285px;
    }
  
    .Ficha:last-child {
      margin-bottom: 3%;
    }
  }
  
  @media screen and (max-width: 480px) {
    .Ficha {
      width: 94.5%;
      height: 290px;
    }
  }

  @media screen  and (max-width: 1000px){
    .carousel3 img {
        width: 100%;
    }
}
@media screen  and (max-width: 1000px){
    .carousel12 img {
        width: 100%;
    }
}

@media screen  and (max-width: 1000px){
    .carousel13 img {
        width: 100%;
        }
    }