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

body {
}

#header_map_wrapper {
	display:none;
}
#map {
	padding-top:0px;
}
#sidebar {
	bottom: 65px
}
#sidebar_left {
	left:-420px;
	width:96% !important;
}
#sidebar_timegraph_showhide {
	display:none;
}
#sidebar_timegraph {
	height:55px;
	padding:1px;
}
#timegraph_container {
}
#timeslider_left, #timeslider_right, #timeslider_date {
	width:33%;
	text-align: center;
	padding-top:0.4em;
}
#d3_timeslider {
	visibility:hidden;
	width:0px;
}

.ol-zoom {
	left: unset;	
	right: 8px;
	top: 5px;
	background-color:transparent !important;
}
.ol-attribution {
	display:none;
}

#hamburger_menu {
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	z-index:1000;
	font-size:2em;
	background-color:rgba(255,255,255,.7);
	padding:0px 8px 0px 8px;
}
.h4arrow {
	display:none;
}
#groupIdWrapper_MyPoints_Title {
	display:none;	
}
#groupIdWrapper_MyPoints {
	display:none;		
}
.layer-info {
	display:none;
}
.list-group-item > .slider_layer {
	display:none !important;
}
.list-group-item > .fa-square {
	display:none;
}


}

/*******************************************************************************************************************************************************/

@media only screen and (max-width: 992px) {
	#extra_logos {
		position:absolute;
		top:10px;
		left:300px;
		padding-left:0px;
	}
	#extra_logos div.top_logo {
		margin-right:10px;
	}
	.top_logo img {
		width:90%;
	}
}

@media only screen and (max-width: 620px) {
	#extra_logos {
		position:absolute;
		top:10px;
		left:190px;
		padding-left:0px;
	}
	#extra_logos div.top_logo {
		margin-right:10px;
		line-height:0.5em;
	}
	#top_logo_terrasigna {
		margin-top:15px;
		width:120px;
	}
	#top_logo_incdm {
		width:60px;	
	}
	
	.navbar-brand {
		font-size:1.5em;
	}
	a.geoportal {
		width:90%;
		font-size:1.4em;
	}
}

@media only screen and (max-width: 435px) {
	#extra_logos {
		position:absolute;
		top:10px;
		left:140px;
		padding-left:0px;
	}
	#extra_logos div.top_logo {
		margin-right:10px;
		line-height:0.5em;
	}
	#top_logo_terrasigna {
		margin-top:20px;
		width:70px;
	}
	#top_logo_incdm {
		margin-top:10px;		
		width:40px;	
	}
	
	.navbar-brand {
		font-size:1.2em;
	}
	.minimize table td {
		font-size:0.9em;
		max-width: 100px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	
}