.learnpress-related-package {
	max-width: 100%;
	margin-top: 30px;
	> h3 {
		margin-bottom: 15px;
	}

	&__list {
		list-style: none;
		margin: 0 -15px;
		padding: 0;
		display: flex;
		flex-wrap: wrap;

		li {
			padding: 0 15px;
			margin-bottom: 30px;
			max-width: 33.33%;
		}
	}
}

@media (max-width: 991px) {
	.learnpress-related-package {
		&__list {
			li {
				max-width: 50%;
			}
		}
	}
}

@media (max-width: 575px) {
	.learnpress-related-package {
 		&__list {
			li {
				max-width: 100%;
			}
		}
	}
}