@media(max-width:768px) {
	.flex-box {
		flex-direction:column;
	}
	
	.mce-content-body {
		padding-left:0;
		padding-right:0;
	}
}

@media(max-width:575px) {
	.xs-flex-1 {
		order:1;
	}
	
	.xs-flex-2 {
		order:2;
	}
	
	.xs-flex-3 {
		order:3;
	}
	
	.xs-flex-4 {
		order:4;
	}
}

@media(min-width:576px) and (max-width:767px) {
	.sm-flex-1 {
		order:1;
	}
	
	.sm-flex-2 {
		order:2;
	}
	
	.sm-flex-3 {
		order:3;
	}
	
	.sm-flex-4 {
		order:4;
	}
}

@media(min-width:768px) and (max-width:991px) {
	.md-flex-1 {
		order:1;
	}
	
	.md-flex-2 {
		order:2;
	}
	
	.md-flex-3 {
		order:3;
	}
	
	.md-flex-4 {
		order:4;
	}
}

@media(min-width:992px) and (max-width:1199px) {
	.lg-flex-1 {
		order:1;
	}
	
	.lg-flex-2 {
		order:2;
	}
	
	.lg-flex-3 {
		order:3;
	}
	
	.lg-flex-4 {
		order:4;
	}
}

@media(min-width:1200px) {
	.xl-flex-1 {
		order:1;
	}
	
	.xl-flex-2 {
		order:2;
	}
	
	.xl-flex-3 {
		order:3;
	}
	
	.xl-flex-4 {
		order:4;
	}
}

/* START: This CSS is for ALL themes (some edits might be required for specific themes). */
	@media (max-width: 991px) {
		.mce-content-body .embed-responsive,
		.mce-content-body img,
		.mce-content-body img.direction-inline,
		.mce-content-body img.direction-left,
		.mce-content-body img.direction-right,
		.mce-content-body img.width-100,
		.mce-content-body img.width-75,
		.mce-content-body img.width-50,
		.mce-content-body img.width-33,
		.mce-content-body img.width-25 {
			display:block;
			width:100%;
			padding:0;
			margin:30px auto;
		}
	}
/* START: This CSS is for ALL themes (some edits might be required for specific themes). */