@media only screen and (min-width: 991px){
    /* .fila.fullwidth [class*="row"]{margin-left: 0; margin-right: 0;} */
    /* .fila.fullwidth div[class*="col"]{padding-left: 0; padding-right: 0;} */
}
@media only screen and (max-width: 991px){
    .main-navigation{padding-top: 15px; /* padding-bottom: 150px; */}
    /* .navbar-brand{ display: block; width: fit-content !important; margin: 0 auto; position: absolute; top: 55px; left: 0; right: 0; } */

    .main-navigation .page-info{order: 0;}
    .main-navigation .navbar-toggler{order: 1;}
    .main-navigation .navbar-brand{order: 2; width: 100% !important; display: block;}
    .main-navigation .navbar-collapse{order: 3;}
    .main-navigation ul li.nav-item{ margin: 0px 20px 20px 20px !important; text-align: center; }
    .main-navigation ul li.nav-item *,
    .main-navigation ul li.nav-item{font-size: 30px; font-weight: bold; text-transform: uppercase;}
    .mix{width: calc(50% - 0.5px) !important;}
    .mix.mix-1-col{width: 100% !important;}
    .Projectes.fitxa .padding-lateral,
    #contacte main > div .fullwidth,
    #quien-soy main > div .fullwidth{padding-left: 15px; padding-right: 15px;}
    
    .Projectes.fitxa .sticky > .row { position: sticky; top: 10px; }
    
}
@media only screen and (max-width: 768px){
}
@media only screen and (min-width: 576px){
    .product-list .Projectes .item .post-details{  opacity: 0; transition: all 0.3s ease-in-out; position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: flex; align-items: center; justify-content: center; width: fit-content; height: fit-content; color: #fff !important; margin: auto; }
    .product-list .Projectes .item:hover .post-details{ opacity: 1;}
    .product-list .Projectes .item .post-details *{color: #fff;}
}
@media only screen and (max-width: 576px){
    .product-list .Projectes .item .post-miniature{margin-bottom: 5px;}
    .main-navigation .navbar-toggler{margin-left: auto;}
    .page-info { padding-top: 15px; flex-direction: column; padding-bottom: 15px; }
    .page-info, .intsocial, .idiomes{justify-content: center !important;}
    .idiomes{margin-right: 0 !important;}
    .idiomes li{ padding: 0 5px !important; margin: 0 7px 30px !important; }
    .mix{width: 100% !important}
    .footer-title{margin-top: 15px; font-size: 16px;}
}