@media only screen and (min-width: 1400px){
    #empresa .empresa-derecha-2 > .row > .col-12,
    #empresa .empresa-izquierda-1 > .row > .col-12{ max-width: 80%; }
}

@media only screen and (max-width: 1400px){
    #empresa .empresa-derecha-2{ padding: 30px 15px !important; }
    #empresa .empresa-izquierda-1{ padding: 30px 15px !important; }

    .item-list.Projectes:not(.swiper) .special-item .item-details .item-title{font-size: 18px;}
    .item-list.Projectes:not(.swiper) .special-item .item-details .item-summary p{font-size: 14px;}
    .item-list.Projectes:not(.swiper) .item:not(.special-item) .item-details,
    .item-list.Projectes:not(.swiper) .special-item .item-details{padding: 20px;}
}

@media only screen and (min-width: 991px){
    #index .basic-header  { border-bottom: 1px solid color-mix(in srgb, var(--main-color-2), rgba(255, 255, 255, 52%)); }
    #index .basic-header .cbp-af-header-shrink,
    #index .basic-header  { border-bottom: 1px solid color-mix(in srgb, var(--main-color-2), rgba(255, 255, 255, 52%)); }
    #index .basic-header  .main-navigation { /* padding: 0 45px;  */align-items: end; }
    #index .basic-header  .main-navigation .navbar-nav { margin-right: auto; }
    #index .basic-header  .main-navigation .navbar-brand { margin: 20px 0; }
    #index .basic-header .nav-link:not(.dropdown-item) { padding-bottom: 10px; }
    #index .basic-header .nav-link:not(.dropdown-item)::before { height: 11px; top: unset; bottom: -5.5px; z-index: 1; width: 100%; transform: translateY(2px); }
    #index .basic-header .nav-link.active:not(.dropdown-item)::before,
    #index .basic-header .nav-link:hover:not(.dropdown-item)::before { transform: translateY(0); }
    #index .basic-header .languages { padding: 0; }

    /* HEADER HOME */
    #index{ --header-bg-color: transparent; }
    #index main{margin-top: 0 !important;}
    #index .navigation-wrap:not(.cbp-af-header-shrink){border-bottom: none;}
    #index .item-list-wrapper.Projectes .swiper-wrapper{padding-top: 0;}
    .navigation-wrap .custom-header {
        margin-bottom: 20px;
        --header-navbar-logo-height: 150px;
        --header-menu-color-hover: #fff;
        --header-menu-color: #fff;
        --header-menu-active-bg-color: #fff;
        --header-menu-item-margin-right: 30px;
        --header-menu-item-margin-left: 30px;
        --header-menu-item-padding-bottom: 5px;
        --header-menu-item-padding-top: 5px;
        --header-a-color: #fff;
        --header-a-hover-color: #fff;
    }
    .hero-service > .hero-service-inner::after { content: ""; background: var(--bg-image); background-repeat: no-repeat; display: block; width: 100%; height: 100%; position: absolute; top: 0; right: calc(50% + 15px); left: 45px; padding: 30px; width: auto; pointer-events: none; filter: brightness(0) saturate(100%) invert(94%) sepia(2%) saturate(3178%) hue-rotate(175deg) brightness(87%) contrast(97%); background-size: cover; z-index: -1; }
    .item-list.Blog {margin-left: -30px; margin-right: -30px;}
}

@media only screen and (min-width: 1199px){
    .navigation-wrap.cbp-af-header-shrink .custom-header,
    .navigation-wrap:not(.cbp-af-header-shrink) .basic-header{display: none;}
}

@media only screen and (max-width: 1199px){
    header .nav-item{
        --header-menu-item-margin-right: 30px;
        --header-menu-item-margin-left: 30px;
    }

    
    #index .custom-header{display: none;}
}

@media only screen and (max-width: 991px){
    .basic-header .navigation-wrap .main-navigation{align-items: center;}

    .fondo-gradiente-home .title {max-width: unset; min-width: unset;}
    .fondo-gradiente-home { position: static; bottom: unset; left: unset; right: unset; padding: 30px 15px; }
    .fondo-gradiente-home .title { max-width: unset; min-width: unset; --content-heading-color: var(--main-color-6); }
    .parallax-content{padding: 30px;}

    .individualbanner2 .banner-content{left: 50px; right: 50px;}
    :root{
        --header-menu-item-margin-bottom: 20px;
    }
    .filter-box .filter-field{ justify-content: left; overflow: scroll; padding-bottom: 10px; }

    /* FICHA PROYECTOS */
    .bloque-separador{order: 1;}
    .bloque-galeria{order: 3;}
    .bloque-contenido{order: 2;}
    .filter-wrapper-mix.portfolio-1400.isotope{display: flex; flex-wrap: wrap; height: unset !important;}
    .mix{position: static !important; transform: unset !important;}
    .mix.mix-3-col{width: 50%; padding: 0 15px !important;}

    .item-list.Projectes:not(.swiper) {padding: 0 7.5px;}
    .item-list.Projectes:not(.swiper) .item{padding: 0 7.5px; margin-bottom: 15px;}

    .basic-header .navigation-wrap .main-navigation{padding: 0 15px;}

    :root{
        --header-navbar-logo-height: 50px;
        --header-shrink-navbar-logo-height: 50px;
    }
    .hero-service--left-column{padding-right: 15px;}
    .hero-service--right-column{padding-left: 15px;}

    .item-list.Blog .item{padding-left: 15px; padding-right: 15px;}

    
        header .nav-item {
            --header-menu-item-margin-top: 10px;
            --header-menu-item-margin-bottom: 10px;
            --header-menu-item-margin-right: 0px;
            --header-menu-item-margin-left: 0px;
        }
    .basic-header .languages{margin: 10px 0; justify-content: start;}
    .basic-header .languages .lang-item a{padding: 0 !important;}

    #parallax-home-main.parallax-pro{min-height: calc(100vh - 70px) !important; min-height: 300px !important;}
    #parallax-home-main .title{min-width: unset; max-width: unset;}

    
    #empresa .individualbanner2 { --content-p-font-size: clamp(16px, 15.135px + 0.270vw, 19px); flex-direction: column; gap: 30px; }
    #empresa .individualbanner2 .portfolio-thumb img { min-height: 0; object-fit: cover; }
    #empresa .banner.absolute .banner-content{position: static;}

    #parallax-home-main .title{--content-h2-font-size: 28px !important;}


    .hero-service--left-column{text-align: left;}
    .hero-service--left-column .hero-service--title{margin-left: 0;}

    .swiper.Blog .swiper-button-next,
    .swiper.Blog .swiper-button-prev{top: 10% !important;}

    #parallax-2711 .parallax-pro__image{display: none;}
    
    .basic-header .navbar-brand img{max-width: 260px;}
}

@media only screen and (max-width: 576px){
    .list.cta-1 .item img{aspect-ratio: 1; object-fit: cover; object-position: left;}
    .individualbanner2 .banner-content{left: 25px; right: 25px;}
    .mix.mix-3-col{width: 100%;}

    .item-list.Projectes:not(.swiper) .special-item .item-details .item-title{font-size: 16px;}
    .item-list.Projectes:not(.swiper) .special-item .item-details .item-summary p{font-size: 12px;}
    .item-list.Projectes:not(.swiper) .item:not(.special-item) .item-details,
    .item-list.Projectes:not(.swiper) .special-item .item-details{padding: 15px;}
    .item-list.Projectes:not(.swiper) .item:not(.special-item) .item-details .item-heading .item-title-link .item-title{--content-h3-font-size: 14px;}

    .item-list-wrapper.Blog .item-list-box,
    .item-list.Blog .item{padding-left: 0; padding-right: 0;}
}

@media only screen and (max-width: 440px){
    /* .item-list.Projectes:not(.swiper) .item{max-width: 100%; flex: 0 0 100%;} */
}

@media only screen and (min-width: 576px){
    .max-half { max-width: 991px; min-width: 576px; }
    .Blog.fitxa .max-half { max-width: 768px; min-width: 576px; }
}