/* ---------------------------------------------------------------------------
 * Moved out of assets/css/rtl/main.css (theme 4.9.7).
 * These rules only ever match inside this widget, so they now load with it
 * instead of on every page. They are kept ABOVE this file's own rules to
 * preserve the order they had when main.css was loaded first.
 * Edit them here - they are no longer in main.css.
 * --------------------------------------------------------------------------- */


@media only screen and (max-width:991px) {
	.gallery-product-two {
		max-width: 60%
	}
}


@media only screen and (max-width:991px) {
	.gallery-product-two {
		max-width: 80%
	}
}


@media only screen and (max-width:575px) {
	.gallery-product-two {
		max-width: 95%
	}
}


.detail-product-five__special__selling__title {
	font-size: 16px;
	line-height: 24px;
	color: #e6123d;
	font-weight: 700;
}


.detail-product-five__gallery__origin {
	padding-right: 40px;
}


.detail-product-five__gallery__origin img {
	cursor: pointer;
}


.detail-product-five__gallery__images {
	gap: 8px;
	margin: 20px 0 12px;
}


.swiper-detail-product-six_images .swiper-slide {
	padding: 50px;
}