@media (max-width:1080px){
	section.grid.three{
		grid-template-columns: repeat(auto-fit, minmax(min(49.8%, 49.8%), 1fr));
		grid-column-gap: 10px;
	}
	section.grid.three .chart-container {
		flex: 1 0 49%;
		margin: 0 0 15px 0;
		
	}
	section.grid.latest{
		grid-template-columns: repeat(auto-fit, minmax(min(100%, 100%), 1fr));
		grid-column-gap: 10px;
	}
	section.grid.latest .chart-container{
		margin: 0 0 15px 0;
	}
	section.grid {
		grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
	}
	.formpopup{
		min-width: 95vw;
		min-height: 95vh;
	}
	.dash .chart-container {
		padding: 20px 20px 10px 20px;
	}
	select{
		max-width:100%;
	}
}
@media (max-width:780px){
	input[type="submit"], input[type="button"], button {
		width:100%;
		margin-bottom:10px;
	}
	input[type="submit"]:last-child, input[type="button"]:last-child, button:last-child {
		width:100%;
		margin-bottom:0px;
	}
	.dash .chart-container {
		padding: 10px 0px 10px 0px;
	}
	section:last-child{
		margin: 0 0 0px 0;
	}
	.formpopup{
		min-width: 100vw;
		min-height: 100vh;
		border-radius:0;
	}
	.formpopup form{
		top: 10px;
		left: 10px;
		right: 10px;
		bottom: 10px;
	}
	.notificationbox{
	    min-width:auto;
	    left:0;
	    right:0;
	}
}