@media (max-width:1679px) { 
    #infoDistricte { left:1% !important;bottom:0 !important;font-size:1.1rem !important;width:20% !important;}
}
@media (max-width:1440px) { 
}
@media (max-width:1366px) { 
    #menuInfoLlegenda{z-index: 9999999999 !important;top: 2.4rem !important;}
    .infoLlegenda {padding-left:2px !important;left: 0px !important;width: 475px !important;} 
    .equipaments {left: 480px !important; }
    /*#elementInfoMissatge { width: 46% !important;}*/
    #elementInfoMissatge { width: 38% !important;}
    .imgPeriode {width: 1.6rem !important;}
    /*#elementInfoValorLlegenda {font-size: 0.95rem !important; width: 10% !important;}*/
    #elementInfoValorLlegenda {font-size: 1.4rem !important; }
    #contadores{left: 480px !important;}

}
@media (max-width:1024px) { 
    .equipaments #titol{
        width: 90%;
    }
}
@media (max-width:1023px) { 
    .mobile .popupContainer {
        height: 118px !important;
        /*bottom: 43px !important;*/
        bottom: 37px !important;
        overflow-y: auto !important;
        font-size: 0.8rem !important;
        
    }
    .equipaments {
        width: 100% !important;
        left:0 !important;
        z-index: 999999999 !important;
    }
    #icono_ciudad{display:none !important;}
    #opendata-map-control{display:none !important;}
    .mapboxgl-ctrl-zoom-out  {display:none !important;}
    .mapboxgl-ctrl-zoom-in {display:none !important;}
    .map-ctrl-fit-extent {display:none !important;}
    #socialShare {bottom:50px !important; top:unset !important; right:11px !important; }
    #socialGallery{top:-100px !important;}
    #socialShare > * > span {font-size:19px !important;}
    #icono_capas {bottom: 160px !important;}
    .equipaments #titol{
        width: 96.5%;
    }
    .equipaments .iTitolEquipamentsTancar {
        width: 2%;
    }
}

@media (max-width:920px)  {
    .equipaments #titol{ width: 96.3%;}
    
} 
@media (max-width:850px)  {
    .equipaments #titol{ width: 96%;}
} 
@media (max-width:800px)  {
    .equipaments #titol{ width: 95.6%;}
} 
@media (max-width:768px)  { 
    #iTitolLlegenda{width: 8% !important;}
}
@media (max-width:700px)  {
    .equipaments #titol{ width: 95%;}
} 
@media (max-width:640px)  {
    .equipaments #titol{ width: 94.5%;}
}
@media (max-width:575.98px)  { 
    .equipaments #titol{ width: 94%;}   
}
@media (max-width:520px)  { 
    .equipaments #titol{ width: 93.5%;}   
}
@media (max-width:500px)  { 
	#footer{padding: 0 5px !important;}
	footer .right li {padding-left: 12px !important;}	
    .equipaments #titol{ width: 93%;}   
    #brand.v2017 .bcnbrand-mobile .bcnbrand-navs-container .bcnbrand-shortcuts form {height: unset !important;}	
    #elementInfoLlegendaValorLimitNO2 {margin-left: 6em; }
    #elementInfoLlegendaValorLimit_2021_OMS{margin-left: 0.5em; }
    #elementInfoLlegendaValorLimitNO2_2021_UE {margin-left: 2.5em; }
    #elementInfoLlegendaValorLimit_PM10_OMS {margin-left: 4em; }
    #elementInfoLlegendaValorLimit_PM10_UE {margin-left: 6em; }
    #elementInfoLlegendaValorLimit_PM10_2021_OMS {margin-left: 1.1em; }
    #elementInfoLlegendaValorLimit_PM10_2021_UE {margin-left: 8em; }
    #elementInfoLlegendaValorLimit_PM25_OMS  {margin-left: 3.5em; }
    #elementInfoLlegendaValorLimit_PM25_UE {margin-left: 3.5em; }
    #elementInfoLlegendaValorLimit_PM25_2021_OMS  {margin-left: 1.3em; }
    #elementInfoLlegendaValorLimit_PM25_2021_UE {margin-left: 6em; }	
}
@media (max-width:450px)  {
    .equipaments #titol{ width: 92.5%;}
}
@media (max-width:415px)  { 
    .infoLlegenda { width: 100% !important; padding-right:0px !important; padding-left:0px !important; left: 0px !important;  }
    .icobcn-info-cercle-l-light{font-size: 0.79rem !important;}
    #elementInformacio{font-size: 0.79rem !important;}
    /*#elementInfoMissatge { width: 40% !important;}*/
    #elementInfoMissatge { width: 35% !important;}
    .imgPeriode {width: 1.6rem !important;}
    /*#elementInfoValorLlegenda {font-size: 0.95rem !important; width: 10% !important;}*/
    #elementInfoValorLlegenda {font-size: 1.2rem !important; }
    .titolSubCategoria { font-size: 1rem !important;}
    .north-control button{width:27px !important;height:27px !important; }
    .north-control{top:14em !important; right: 10px !important;}
    #iNorthControl {font-size: 2em !important;}
    .ol-touch .ol-control button { font-size: 1.2em !important;}
    .ol-scale-line {top:16em !important;}
    /*#graficos_de_barras{bottom:28px !important;right:unset !important;background-color:white !important;}*/
    #graficos_de_barras{bottom:0px !important;right:unset !important;background-color:white !important;}
    /*#contadores{color:#000000 !important;position: absolute !important;top: 182px !important;display: block ;font-size: 0.9rem !important ;font-weight: bolder !important;height: 60px !important;width: 88.5% !important;background-color: rgba(255,255,255,0) !important;z-index: 600 !important;text-align: center !important; left: unset !important; line-height: 16px !important;}*/
    #contadores{padding-top:5px !important;color:#000000 !important;position: absolute !important;display: block ;font-size: 0.9rem !important ;font-weight: bolder !important;height: 50px !important;background-color: rgba(255,255,255,0) !important;z-index: 600 !important;text-align: center !important; left: unset !important; line-height: 16px !important;}
    #icono_graficos_de_barras{right: unset !important;left: calc(100% - 38px);border-radius: 0px 2px 2px 0px !important;box-shadow: 1px 1px 2px 0px rgba(0,0,0,.1) !important;bottom:314px !important;}
    .equipaments #titol{ width: 92%;}   
}
@media (max-width:360px)  { 
    /*#contadores{position: absolute !important;top: 185px !important;display: block;font-size: 0.8rem !important ;font-weight: bolder !important;height: 60px !important;width: 88.5% !important;background-color: rgba(255,255,255,0) !important;z-index: 600 !important;text-align: center !important; left: unset !important;line-height: 16px !important;}*/
    #contadores{padding-top:5px !important;position: absolute !important;display: block;font-size: 0.8rem !important ;font-weight: bolder !important;height: 50px !important;background-color: rgba(255,255,255,0) !important;z-index: 600 !important;text-align: center !important; left: unset !important;line-height: 16px !important;}
    #elementInfoMissatge { width: 32% !important;}
    .equipaments #titol{ width: 90.5%;}   
}
@media (max-width:320px)  { 
    #elementInfoMissatge { width: 24% !important;}
}
@media (max-height:1080px) {
}
@media (max-height:900px) {
    #categoria_4 {max-height: 65px;overflow-y: auto; }
    #categoria_8 {max-height: 157px;overflow-y: auto;}
}
@media (max-height:768px) {
    .collapsible-header {padding-top: 0px !important;padding-bottom: 0px !important;}
    .collapsible li {border-top: 1px solid white !important;}
    [type="checkbox"]+label {height: 17px !important;}
    #categoria_4 {max-height: 54px;overflow-y: auto;}
}

@media (max-height:667px) {
}
@media (max-height:640px) {
    [type="checkbox"]+label {    height: 14px !important; font-size: 0.9rem !important;}	
    collection .collection-item {    line-height: 0.8rem !important; }
}
@media (max-height:568px) {
}