.sidebar {
   /* display: none;*/
}

.leaflet-control-attribution.leaflet-control {
    display: none;
}
 @media (min-width: 768px) { 
    .sidebar {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        z-index: 1000;
        display: block;
        padding: 20px;
        overflow-x: hidden;
        overflow-y: hidden;
        background-color: #f5f5f5;
        border-right: 1px solid #eee;
    }
 }

.main {
    padding: 20px;

    padding-bottom: 500px;
}
@media (min-width: 768px) {
    .main {
        padding-right: 40px;
        padding-left: 40px;
    }
}
.main .page-header {
    margin-top: 0;
}

.breakpoint-current {
    left: 0;
    margin-top: -10px;
    position: fixed;
   /* top: 33.3333%; */
    width: 3px;
    height: 3px;
    background: red;;
}



section {
    padding: 5px 10px 10px 10px;
    border-radius: 10px;
}

#map { 
	height: 100vh;
	width: 45%;
}

.map-container {
	background-color: #333;
	width: 50%;
	display: inline-block;
	
}

.content-container {
	background-color: #ddd;
	width: 50%;
	display: inline-block;
	overflow: scroll; 
	height: 600px;
}

.leaflet-control-locationlist-list {
	display: none;
}

.leaflet-marker-icon {
	z-index: 1 !important;
}

.container-fluid {
    margin-left: 10px !important;
}


@media (max-width: 600px) {
	#map {
		width: 100%;
    display: inline-block;
    vertical-align: top;
    position: fixed;
    top: 0px;
    left: 0px;
		height: 400px;
	}
}

@media (min-width: 768px) {
	.sidebar {
		position: fixed;
		top: 72px; 
		bottom: 0;
		width: 50%;
		z-index: 1000;
		display: block;
		padding: 20px;
		overflow-x: hidden;
		overflow-y: hidden;
		background-color: #f5f5f5;
		border-right: 1px solid #eee;
	}
}

.map-container {
	top:32px !important;	
}

.main {
	padding: 20px;
    padding-bottom: 500px;
}

@media (min-width: 768px) {
	.main {
		padding-right: 40px;
		padding-left: 40px;
	}
}

.main .page-header {
	margin-top: 0;
}

.breakpoint-current {
	left: 0;
	margin-top: -10px;
	position: fixed;
	width: 3px;
	height: 3px;
	background: red;;
}


section {
	padding: 5px 10px 10px 10px;
	border-radius: 10px;
}
