@media screen and (width <= 1440px) {

}

@media screen and (width >= 1200px) {
    #filterbar {margin-top: 20px;}
}
@media screen and (width <= 1199px) {
    .filter #filter_1 #filterbar .cat-fields{flex-wrap: wrap;} 
    .margin-principal {margin-top: 5% !important;}
    #index .margin-principal, .Projectes.fitxa .margin-principal, .Blog.fitxa .margin-principal {margin-top: 0% !important;}
}

@media screen and (width >= 992px) {
    .onlytablet{display: none;}
}

@media screen and (max-width: 991px) {
    .main-navigation .nav-item:not(.show) .dropdown-menu{height: 0 !important; padding: 0 !important;}
    .dropdown-menu.show{}
    .main-navigation .dropdown-menu.show.mostrar{opacity: 1;        visibility: visible;        height: 100%!important;        max-height: unset;margin-bottom: 15px;pointer-events: all;}
    .main-navigation ul.sub li.nav-item:first-child {        margin-top: 0px !important;      }
    .main-navigation .nav-item.show ul.sub li.nav-item:first-child {        margin-top: 10px !important;      }
    .main-navigation .nav-item .dropdown-menu{overflow: hidden;}
    
    .main-navigation .dropdown-menu .nav-link {        margin: 0 30px 0 0 !important;      }
    .onlytablet{display: block;}
    .cbp-af-header.cbp-af-header-shrink .nav-item, .nav-item{ margin: 0 !important; padding: 0 !important; }
    .dropdown-item {        font-size: clamp(18px, 2vw, 24px) !important;}
    #navbarSupportedContent{padding: 0;}
    #navbarSupportedContent > div, #navbarSupportedContent > ul{ margin-bottom: 30px !important; margin-left: 0 !important;}
    #navbarSupportedContent ul li.nav-item{ margin: 0 0 20px 0; }
    #navbarSupportedContent ul li.nav-item a{ font-size: 30px; }
    #navbarSupportedContent ul li.nav-item:last-child{margin: 0;}
    #navbarSupportedContent .social-icons .intsocial{justify-content: start; padding: 0 15px;}
    #navbarSupportedContent .social-icons .intsocial .sociallist{ margin-bottom: 0; flex-direction: column; }
    #navbarSupportedContent .social-icons .intsocial .sociallist li{margin-right: 0;text-align: start;}
    #navbarSupportedContent .social-icons .intsocial .sociallist li a{ color: #000; font-size: 30px; }
    #navbarSupportedContent .social-icons .intsocial .sociallist li a:hover{text-decoration: underline;}
    #navbarSupportedContent .idiomes{ position: unset !important; flex-direction: column; }
    #navbarSupportedContent .idiomes li{margin-left: 0;}
    #navbarSupportedContent .idiomes li a{font-size: 30px;}
    #navbarSupportedContent .idiomes li::after{content: unset !important;}
    #navbarSupportedContent .informacion ul{ padding: 0; list-style: none; }
    
    #navbarSupportedContent ul li.nav-item a,
    #navbarSupportedContent .social-icons .intsocial .sociallist li a,
    #navbarSupportedContent .idiomes li a{ font-size: 25px; }
        
    #footer .infoBlock .bloque{ margin-bottom: 20px;}
    #footer .infoBlock .h3{ margin-bottom: 5px;}
    #footer .idiomes li{margin-left: 0;}
    
    .Projectes.fitxa .projectInfo .projectInfoList{padding: 0;}
    .social-contacto{margin-bottom: 20px;}
    
    .filter #filter_1 #filterbar .cat-fields{ grid-template-columns: repeat(5, 1fr);} 
    .espacioArribaAbajo { padding-top: 5%; padding-bottom: 5%; }
    .espacioArribaAbajo2 { padding-top: 3%; padding-bottom: 3%; }
    .espacioArriba { padding-top: 5%; }
    .espacioAbajo { padding-bottom: 8%; }
    .espacioAbajo2 { padding-bottom: 5%; }

    .main-navigation .searchcont{position: unset !important; margin: 0 20px;}
    .searchcont .icon-input.icon-input-2 {border: unset !important;position: absolute;left: unset !important;right: 220px;padding: 5px !important;width: 12px;display: block;}
    .dropdown-searchcont.active .icon-input {margin-bottom: 10px;padding: 10px 0 10px 10px;margin-right: -5px;background-color: #fff;}
    #navbarSupportedContent .buscador{margin-bottom: 0px !important;}
    .main-navigation .navbar-brand{margin-bottom: 0;}
    /* .main-navigation .navbar-toggler{margin-top: 15px;} */
    .contenedor-menu .buscador{display: none;}
    #navbarSupportedContent .buscador{display: flex;}
    
    .Projectes.fitxa .img-principal img{height: 70vh;}
    .Projectes.fitxa .sliderbanner .sliderbanner__media{height: 70vh;}

    .Projectes.fitxa .galeria-destacada .item .portfolio-wrap-columns{margin-bottom: 15px !important;}
    .Projectes.fitxa .galeria-2 .item .portfolio-wrap-columns{margin-bottom: 15px !important;}
    .Projectes.fitxa .galeria-2 .item{padding: 0 7.5px !important;}
    .Projectes.fitxa .galeria-2 .blog-content-area-wrap{padding: 0 7.5px !important;}
    
    .Projectes.fitxa .galeria-planols .item .portfolio-wrap-columns{margin-bottom: 15px !important;}
    .Projectes.fitxa .galeria-planols .item{padding: 0 7.5px !important;}
    .Projectes.fitxa .galeria-planols .blog-content-area-wrap{padding: 0 7.5px !important;}

    .cbp-af-header.cbp-af-header-shrink .navbar-brand{height: 100px;}
}

@media screen and (width <= 793px) {
    
}


@media screen and (width <= 768px) {

    .filter #filter_1 #filterbar .cat-fields{ grid-template-columns: repeat(3, 1fr);} 
}

@media screen and (width <= 700px) {

}

@media screen and (width >= 577px) {
    
}
@media screen and (width <= 576px) {

    /* .Projectes.fitxa #galeria .galeria-2 article:nth-child(even){padding-left: 0 !important;}
    .Projectes.fitxa #galeria .galeria-2 article:nth-child(odd){padding-right: 0 !important;}
    .Projectes.fitxa #galeria .galeria-planols article:nth-child(even){padding-left: 0 !important;}
    .Projectes.fitxa #galeria .galeria-planols article:nth-child(odd){padding-right: 0 !important;} */
    /* #footer .info-altura{display: none;} */
    .filter #filter_1 #filterbar .cat-fields{display: grid; grid-template-columns: repeat(2, 1fr); justify-content: space-around; width: 100%; }
    .filter #filter_1 #filterbar .cat-fields .form-check{padding: 0;}
    #contacte .faqForm{color: #000;}
    #contacte .faqForm .contact-form-wrapper form fieldset > .form-input-item textarea{ height: 90px; }
    #contacte .faqForm .contact-form-wrapper form fieldset > .form-input-item{ display: block; }
    #contacte .faqForm .contact-form-wrapper form fieldset > .form-input-item label{ width: 100%;}
    #contacte iframe{width: 100% !important;}
    
    espacioArribaAbajo { padding-top: 8% !important; padding-bottom: 8% !important; }
    .espacioArribaAbajo2 { padding-top: 6% !important; padding-bottom: 6% !important; }
    .espacioArriba { padding-top: 8% !important; }
    .espacioAbajo { padding-bottom: 10% !important; }
    .espacioAbajo2 { padding-bottom: 8% !important; }
    .filter #filter-toggle{display: block;}
    #filter_1.collapse{display: none;}
    .ordenado-1{order:0;}
    .ordenado-2{order:1;}
    .ordenado-3{order:2;}
    .ordenado-4{order:3; display: none;}
    .ordenado-5{order:4;}
    .ordenado-6{order:5;}
    #galeria .item:nth-child(even) img,.galeria .item:nth-child(even) img{width: 100%;}
    iframe{width: 100% !important;}
    .galeria-blog article{padding-left: 0 !important; padding-right: 0 !important;}
    .buscador > div{min-width: 100%;}
    .main-navigation .searchcont{margin: 0 20px 0 6px;}
    .searchcont .icon-input.icon-input-2{left: 0 !important; right: unset !important;}
    .Projectes.fitxa .img-principal img{aspect-ratio: 1 / 1;        height: auto;}
    .Projectes.fitxa .img-principal {        padding: 0;      }
    .Projectes.fitxa .sliderbanner{ max-width: 100%; padding: 0; }
    .Projectes.fitxa .sliderbanner .sliderbanner__media{ height: auto; aspect-ratio: 1 / 1; }
}

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

}

@media screen and (max-width: 480px) {
    .margin-principal .col-12 { padding: 0 15px; }
    #footer .fullwidth.bloc .container, #footer .fullwidth.bloc .col-6 {padding: 0 15px !important;}
    .sliders-2-home{padding: 0 !important;}
}
@media screen and (max-width: 420px) {

}

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

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