@media (max-width: 530px) {
	.inner-controller {
		width: 100%;
		position: fixed;

		top: 0;
		bottom: 60px;
		height: 100%;
		margin: 0;
		min-width: auto !important;
		border-radius: 0px;
		padding: 20px;
	}

	.close-btn {
		border-radius: 20px;
		background-color: rgba(82, 82, 82, 0.418);
		height: 30px;
		width: 30px;
		z-index: 6;
		top: 10px;
		right: 10px;
		backdrop-filter: blur(5px);
	}

	.quality-item {
		width: auto;
	}

	.input-wrap {
		width: 90%;
		margin: 0 auto;
		max-width: 400px;
	}
}

@media (max-width: 320px) {
	.quality-item {
		width: 100%;
		margin-bottom: 10px;
	}

	.inner-controller {
		padding: 10px;
	}

	.quality-chooser {
		display: block;
	}
}