:root {
  --main-image-width: 80%;
  --main-image-height: 500px;
  --thumbnail-track-width: 90px;
  --thumbnail-height: 79px;
}
.product-image-carousels {
  display: flex;
  justify-content: left;
}
/**
  Thumbnails carousel
*/
.thumbnails-slider {
  width: var(--thumbnail-track-width);
  padding: 60px 0;
  margin-right: 30px;
  margin-top: 2rem;
  /** Previous/next buttons */
  /** Single thumbnail */
}
.thumbnails-slider button {
  height: 30px;
  width: 100%;
  padding: 0;
  margin: 0;
  font-size: 30px;
  color: rgba(0, 0, 0, 0.7);
}
.thumbnails-slider button:not([disabled]):hover {
  background-color: rgba(0, 0, 0, 0.1);
  color: black;
}
.thumbnails-slider button:focus {
  background-color: royalblue;
}
.thumbnails-slider button:focus .slick-prev-icon,
.thumbnails-slider button:focus .slick-next-icon {
  color: white !important;
}
.thumbnails-slider button.slick-prev {
  top: 15px;
  left: 0;
}
.thumbnails-slider .slick-prev{
	position: absolute;
	top: 5%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 40%;
	height: auto;
}
.thumbnails-slider .slick-next{
	position: absolute;
	top: 95%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 40%;
	height: auto;
}
.thumbnails-slider .slick-list{
	height: 310px!important;
}
.thumbnails-slider .slick-slide{
	margin: .8rem 0;
}
.thumbnails-slider button.slick-prev .slick-prev-icon {
  display: inline-block;
  transform: rotate(90deg);
  color: black;
}
.thumbnails-slider button.slick-next {
  bottom: -15px;
  right: 0;
  top: auto;
}
.thumbnails-slider button.slick-next .slick-next-icon {
  display: inline-block;
  transform: rotate(90deg);
  color: black;
}
.thumbnails-slider .thumbnail-button {
  display: block;
  height: var(--thumbnail-height) !important;
  cursor: pointer;
  border: 0;
  background: none;
  background-color: #f7f7f7;
  border-radius: 10px;
  transition: opacity 0.1s linear;
}
.thumbnails-slider .thumbnail-button:focus img, .thumbnails-slider .thumbnail-button:hover img, .thumbnails-slider .thumbnail-button[aria-current=true] img, .thumbnails-slider .thumbnail-button[aria-current=true] {
  opacity: 1;
  filter: grayscale(0);
  background-color: #f9f5df;
}
.thumbnails-slider .thumbnail-button:focus img {
  outline: 3px dashed white;
  outline-offset: -4px;
}
.thumbnails-slider .thumbnail-button img {
  display: block;
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  /*opacity: 0.3;*/
  -o-object-fit: cover;
     object-fit: cover;
  /*filter: grayscale(0.6);*/
  transition: all 0.1s linear;
  border-radius: 1rem;
}
/**
  Main image carousel
*/
.main-image-slider {
  position: relative;
  width: var(--main-image-width);
  height: var(--main-image-height);
  position: relative;
  margin-bottom: 1px;
   background-image: url(../images/product-detail-bg.png);
   background-size: cover;
   border-radius: 20px;
   background-position: right top;
  /** Previous/next buttons */
  /** Slides */
}
.main-image-slider .slick-prev{
	position: absolute;
	left: 5%;
	width: 10%;
	height: auto;
	z-index: 99;
}
.main-image-slider .slick-next{
	position: absolute;
	right: 5%;
	width: 10%;
	height: auto;
	z-index: 99;
}
.main-image-slider button {
  z-index: 1;
}
.main-image-slider button.slick-prev {
  left: 10px;
}
.main-image-slider button.slick-prev .slick-prev-icon {
  opacity: 1;
}
.main-image-slider button.slick-next {
  right: 10px;
}
.main-image-slider button.slick-next .slick-next-icon {
  opacity: 1;
}
.main-image-slider .slick-slide {
  width: var(--main-image-width);
}
.main-image-slider .slick-slide .image-link {
  height: var(--main-image-height);
  overflow: hidden;
  transition: outline 0.1s linear;
  display: flex!important;
  align-items: center;
}
.main-image-slider .slick-slide .image-link:focus {
  outline: 4px dashed white;
  outline-offset: -7px;
}
.main-image-slider .slick-slide .image-link img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%; /*70%*/
  height: auto;
  margin-left: auto;
  margin-right: auto;
  /* margin-top: 3rem; */
  border-radius: 1.5rem;
}
/*product detail caption*/
.product-detail-caption p{
	text-align: justify;
	font-family: 'SansRegular';
    font-size: 14px;
}
.pdc-points{
	border-top: 1px dashed #762023;
	border-bottom: 1px dashed #762023;
	padding: 1rem 0;
	font-family: 'SansRegular';
    font-size: 14px;
}
.pdc-points ul{
	padding: 0 0.5rem;
	margin: 0;
	line-height: 2;
	list-style-type: '>';
}
.pdc-points ul li{
	padding-left: .5rem;
}
.pdc-avail-pack h4{
	color: #762023;
}
.pdc-avail-pack p{
	text-align: center;
	margin: 0;
}
.avail-pack-contain{
	display: flex;
	justify-content: left;
	align-items: center;
}
.avail-pack-contain img{
	margin-right: 2rem;
}
.pdc-kg{
	width: 70px;
    height: 70px;
    background-color: #faf1d1;
    border-radius: 50px;
    position: relative;
}
.pdc-gm{
	width: 70px;
    height: 70px;
    background-color: #faf1d1;
    border-radius: 50px;
    position: relative;
}
.pdc-kg p{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #762023;
    margin: 0;
}
.pdc-gm p{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #762023;
    margin: 0;
}
.range-img, .recipes-img{

	margin-bottom: 1rem;
}
@media (max-width: 991px){
	.martop{
		margin-top: 3rem;
	}
	.main-image-slider .slick-slide .image-link img{
		width: 55%;
	}
}
@media (max-width: 669px){
	.main-image-slider .slick-slide .image-link img{
		width: 80%;
	}	
	.main-image-slider{
        left: -6%;
    }	
}