.single-product {

	.woocommerce-breadcrumb {
		margin-bottom: 35px;
	}

	div.product {
		> span.onsale {
			top: initial;
			left: initial;
			margin: 20px 0 0 20px;
		}

		@include media-breakpoint-up (lg) {
			div.images {
				width: var(--productGalleryWidth);
			}

			div.summary {
				padding-left: 40px;
				width: calc( 100% - var(--productGalleryWidth) );
			}
		}

		div.images,
		div.summary {
			@include media-breakpoint-only (md) {
				width: 100%;
				float: none;
			}
		}
	}
}