@media screen {

	.facebook-live .heading-wrapper {
		display: flex;
		flex-direction: row;
		align-items: flex-end;
		justify-content: space-between;
	}

	.facebook-live .heading-wrapper img {
		border-radius: 50%;
		margin-bottom: 5px;
		max-height: 30px;
	}

	.facebook-live .facebook-page-detail {
		display: flex;
		flex-direction: row;
		gap: 5px;
		color: #075fa9;
		font-size: var(--extra-small-font-size);
		align-items: center;
		justify-content: flex-start;
	}

	.facebook-live .facebook-posts {
		display: flex;
		flex-wrap: wrap;
		max-height: 500px;
		overflow: scroll;
		border: 1px solid var(--light-gray);
		border-radius: 10px;
		box-shadow: inset 0 0 10px 0 var(--gray);
		padding: 10px;
	}

	.facebook-live .facebook-posts .facebook-post {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		width: 50%;
		padding: 10px;
		overflow: hidden;
		border-radius: 10px;
	}

	.facebook-live .facebook-posts .facebook-post:hover {
		text-decoration: none;
		color: var(--primary-link-color);
		background-color: #d2eaff;
	}

	.facebook-live .facebook-posts .facebook-post .message {
		font-size: 14px;
		line-height: 18px;
		height: 54px;
		overflow: hidden;
		margin-bottom: 10px;
		font-weight: bold;
	}

	@supports (-webkit-line-clamp: 3) {

		.facebook-live .facebook-posts .facebook-post .message {
			max-height: none;
			display: -webkit-box;
			-webkit-line-clamp: 3;
			-webkit-box-orient: vertical;
		}

	}

	.facebook-live .post-attachments {
		display: flex;
		max-height: 130px;
		overflow: hidden;
	}

	.facebook-live .attachment {
		border-radius: 10px;
		overflow: hidden;
		aspect-ratio: 16 / 9;
	}

	.facebook-live .attachment img {
		transform: scale(1);
		transition: transform 0.5s;
		max-width: 100%;
		width: 100%;
		max-height: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}

	.facebook-live .facebook-post:hover img {
		transform: scale(1.1);
	}
		
}

@media screen and (max-width: 650px) {


	
}