#telemetry-chart {
	width: 100% !important;
	max-width: 100% !important;
}

.recharts-wrapper {
	max-width: 100% !important;
}

.recharts-layer path {
	width: 100% !important;
}

.recharts-curve {
	width: 100% !important;
}

.recharts-responsive-container {
	display: flex;
	align-items: center;
	width: 100% !important;
}

@media screen and (min-width: 768px) {
	.telemetry-panel {
		height: 650px !important;
	}
}

@media screen and (max-width: 768px) {
	.network-telemetry-container {
		display: none !important;
	}

	.robotic-image {
		height: 350px !important;
	}

	.hero-content {
		margin-top: 60px;
	}
}