@media (max-width:1024px) {
	html,
	body {
	  width: 100%;
	  height: 100%;
	  margin: 0;
	  padding: 0;
	}
	.header img {
		max-height: 40px;
		border-radius: 8px;
	}

	.layoutcontainer {
		display: flex;
		flex-direction: column;
		height: 100%;
		width: 100%;
	}

	.layoutmap {
		display: flex;
	}
	.layoutcontent>div:first-child {
		flex: 2;
	}

	.sidebar {
		height: 94%;
		width: 320px;
		position: fixed;
		z-index: 2;
		top: 6%;
		left: 0;
		background-color: white;
		overflow-x: scroll;
		border: 1px solid gray;
	}
	.sidebar .header{
		display: block;
		height: 5%;
		background-color: rgb(99 95 95);
		color: white;
	}
	
	.sidebar a {
		text-decoration: none;
		font-size: 25px;
		color: white;
		display: block;
		transition: 0.3s;
	}
	
	.sidebar a:hover {
		color: #f1f1f1;
	}
	
	/* .sidebar .closebtn {
		position: absolute;
		top: -16;
		right: 25px;
		font-size: 38px;
		margin-left: 50px;
		cursor: pointer;
	} */
	
	.sidebar .header-label {
		position: absolute;
		top: 2px;
		font-size: 21px;
		cursor: pointer;
	}
	  
	  .close-icon{
		position:absolute;
		right:6px;
		/* right:15px; */
		top:3px;
		text-decoration:none;
		font-size:1.4rem;
	  }
	  .open-icon{
		position:fixed;
		left:10px;
		top:85px;
		color:white;
		font-size:1rem;
		font-weight:200;
		padding:3px 3px;
	
		background-color: #17a2b8;
		border: 1px solid transparent;
		border-radius: 0.25rem;
		transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	  }
	
	  .open-icon:hover {
		color: #fff;
		background-color: #17a2b8;
		border-color: #17a2b8;
		
	}
	  .hide{
		transition:left 0.5s linear;
		left:-450px;
	  }
	  .show{
		transition:left 0.5s linear;
		left:0px;
	  }
	  ol-mouse-position {
		top: 8%;
		right: 15px;
		
		padding: 1px 2px;
		font-size: 10px;
		
	}
	  .ol-scale-line {
		top: 4%;
		right: 10px;
		
	}
	.searchBox {
		/* padding: 3px; */
		/* top: 130px; */
		top: 18%;
		position: absolute;
		right: 10px;
		z-index: 1;
		font-size: 10px;
		border-radius: 5px;
		outline: none;
		border: none;
		text-align: center;
		
	}
	
	.searchBoxAddress {
		/* padding: 3px; */
		top: 22%;
		position: absolute;
		right: 10px;
		z-index: 1;
		font-size: 10px;
		
	
	}
	.btn-group-sm>.btn, .btn-sm {
		padding: 0.25rem 0.5rem;
		font-size: .870rem;
		line-height: 0.8;
		border-radius: 0.2rem;
	}
	button.lightblue {
		outline: none;
		border: 1px solid #33A9B7;
		background-color: #33A9B7;
		width: 40px;
		height: 40px;
		border-radius: 25px;
	}
	.autocomplete-items {
		position: absolute;
		border-bottom: none;
		border-top: none;
		z-index: 99;
		top: 100%;
		left: 0;
		right: 0;
		max-height: 400px;
		overflow: scroll;
	}
	
	.autocomplete-items div {
		padding: 5px;
		cursor: pointer;
		border: 1px solid #0e2292;
		background-color: #e4f7cf;
		border-bottom: 1px solid #0e2292;
		font-size: 10px;
		text-align: left;
		
	}
	.ol-touch .ol-control button {
		font-size: 1em;
	}
	
	
}