.kay{
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 70px;
    height: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: none;
    border-bottom: none;
    opacity: .5;
    transition: opacity 0.6s ease;
}

.w-100 {
    width: 100% !important;
}
.d-block {
    display: block !important;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}




@media (max-width: 767px) {
	.single_product_overlay img{
		border-radius: 15px;
		width: 320px; 
		height: 320px;
		position: absolute;
		bottom: 16%;
		left: 10%;
		background-color: rgba(255, 255, 255, 0.9); 
		-webkit-box-shadow: 0 0 5px rgba(0, 5, 0, 0.070);
		box-shadow: 0 0 5px rgba(0, 5, 0, 0.070);
	}

	.single_product_overlay .fa{ 
		cursor: pointer;
		color: white;
		font-size: 14px;  
		position: absolute;
		bottom: 7%;
		right: 45%;
		border-radius: 50px;
		background-color: #333;
		padding: 7px;
	}
}

@media (max-width: 990px) {

	.single_product_overlay img{
		border-radius: 15px;
		width: 320px; 
		height: 320px;
		position: absolute;
		bottom: 16%;
		left: 10%;
		background-color: rgba(255, 255, 255, 0.9); 
		-webkit-box-shadow: 0 0 5px rgba(0, 5, 0, 0.070);
		box-shadow: 0 0 5px rgba(0, 5, 0, 0.070);
	}

	.single_product_overlay .fa{ 
		cursor: pointer;
		color: white;
		font-size: 14px;  
		position: absolute;
		bottom: 7%;
		right: 45%;
		border-radius: 50px;
		background-color: #333;
		padding: 7px;
	}
}


.single_product_overlay{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	display: block;
    background-color: rgba(255, 255, 255, 0.9); 
	z-index: 10;  
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}


.grow {
  animation: grow 1s ease;
}
@keyframes grow {
  from { transform: scale(0); }
  to { transform: scale(1); }
}



@media (min-width: 990px) {
	.single_product_overlay img{
		border-radius: 15px;
		width: 200px; 
		height: 200px;
		position: absolute;
		bottom: 18%;
		left: 22%;
		background-color: rgba(255, 255, 255, 0.9); 
		-webkit-box-shadow: 0 0 5px rgba(0, 5, 0, 0.070);
		box-shadow: 0 0 5px rgba(0, 5, 0, 0.070);
	}

	.single_product_overlay .fa{ 
		cursor: pointer;
		color: white;
		font-size: 14px;  
		position: absolute;
		bottom: 7%;
		right: 40%;
		border-radius: 50px;
		background-color: #333;
		padding: 7px;
	}
}