.frame-filter-offcanvas {
	width: min(100%, 420px);
}

@media (max-width: 767.98px) {
	.frame-filter-offcanvas .offcanvas-body>.col-12 {
		padding: 0;
	}

	.frame-filter-offcanvas .card {
		border: 0;
		box-shadow: none;
		margin-bottom: 0;
	}

	.frame-filter-offcanvas .card-body {
		padding: 1rem;
	}
}

@media (min-width: 768px) {
	.frame-filter-offcanvas {
		position: static;
		z-index: auto;
		width: auto;
		height: auto;
		visibility: visible !important;
		background-color: transparent;
		border: 0;
		transform: none !important;
		transition: none;
	}

	.frame-filter-offcanvas .offcanvas-body {
		overflow: visible;
		padding: 0;
	}
}