/* 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). */

@media (max-width: 991px) {
	.flex-switch {
		display: flex;
		flex-direction: column-reverse;
	}
	
	.order-line-status {
		padding: 3px 6px;
		font-size:11px;
		max-width: 85px;
		border-radius: 3px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

@media (max-width: 767px) {
	.mce-content-body {
		padding-left:0;
		padding-right:0;
	}
	
	#discount_output > table {
		margin-top: 25px;
	}
	
	.order-line-status {
		padding: 1px 4px;
		font-size:9px;
		max-width: 50px;
		border-radius: 3px;
	}
}

@media (min-width: 768px) {
	.logo-wrapper {
		height:83px;
	}
}