/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
/*@media screen and (max-width: 600px) {
    .topnav a:not(:first-child), .dropdown .dropbtn {
        display: none !important;
    }
    .topnav a.icon {
        float: right !important;
        display: block !important;
    }
}*/


/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
/*@media screen and (max-width: 600px) {
    .topnav.responsive {position: relative !important;}
    .topnav.responsive a.icon {
        position: absolute !important;
        right: 0 !important;
        top: 0 !important;
    }
    .topnav.responsive a {
        float: none !important;
        display: block !important;
        text-align: left !important;
    }
    .topnav.responsive .dropdown {float: none !important;}
    .topnav.responsive .dropdown-content {position: relative !important;}
    .topnav.responsive .dropdown .dropbtn {
        display: block !important;
        width: 100% !important;
        text-align: left !important;
    }
}*/


/* -------------------------------------------------------------------------------------------*/
@media (max-width:1679px) { 
/* #contadores { left: 1%  !important; bottom: 0  !important; font-size: 1.1rem  !important; width: 20%  !important;	} */
#infoDistricte { 
    /* left:1% !important; */
    /* bottom:0 !important;font-size:1.4rem !important; */
    /* width:20% !important; */
    /* right: 70px;
    top: 5px; */
}
}
@media (max-width:1440px) { 
}
@media (max-width:1366px) { 
}
@media (max-width:1024px) { 

}
@media (max-width:1023px) { 

.infoLlegenda {padding-left:0px !important;left: 0px !important;} 
#graficos_de_barras{display:none !important;}
#icono_graficos_de_barras{display:none !important;}
#icono_ciudad{display:none !important;    }
.mapboxgl-ctrl-zoom-out  {display:none !important;}
.mapboxgl-ctrl-zoom-in {display:none !important;}
.map-ctrl-fit-extent {display:none !important;}
#contadores{display:none !important;}
#socialShare {bottom:50px !important; top:unset !important; right:11px !important; }
#socialGallery{top:-100px !important;}
#socialShare > * > span {font-size:19px !important;}
}

@media (max-width:768px)  { 
#iTitolLlegenda{width: 8% !important;}
#brand.v2017 .bcnbrand-mobile .bcnbrand-navs-container .bcnbrand-shortcuts form {
    height: unset !important;
}	
}
@media (max-width:575.98px)  { 
}
@media (max-width:500px)  { 
	#footer{
		padding: 0 5px !important;
	}
	footer .right li {
    	padding-left: 12px !important;
	}		
}
@media (max-width:375px)  { 
.infoLlegenda {padding-left:0px !important;left: 0px !important;} 
.infoLlegenda { width: 100% !important; padding-right:0px !important; padding-left:0px !important; left: 0px !important;  }
 }
@media (max-width:360px)  { 
 }

/* -------------------------------------------------------------------------------------------*/
@media (max-height:1080px) {
}
@media (max-height:900px) {
}
@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;}
}

@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) {
}






/*#graficos_de_barras{display:none !important;}
#icono_graficos_de_barras{display:none !important;}
#icono_ciudad{display:none !important;    }
.mapboxgl-ctrl-zoom-out  {display:none !important;}
.mapboxgl-ctrl-zoom-in {display:none !important;}
.map-ctrl-fit-extent {display:none !important;}
#contadores{display:none !important;}
#socialShare {display:none !important;   }*/
/*#graficos_de_barras{display:none !important;}
#icono_graficos_de_barras{display:none !important;}
#icono_ciudad{display:none !important;    }
.mapboxgl-ctrl-zoom-out  {display:none !important;}
.mapboxgl-ctrl-zoom-in {display:none !important;}
.map-ctrl-fit-extent {display:none !important;}
#contadores{display:none !important;}
#socialShare {display:none !important;   }*/