.img-zoom{
	width: 100%;
}

.modal {
	background: rgba(255, 255, 255, .6);
}

.modal-desc-holder {
	padding: 40px 15px;
}

.img-modal {
	width: 100%;
}

.close{
	position: absolute;
	right:15px;
	z-index: 99;
}

.modal-content{
	padding-left:0;
	border-radius: 0;
	box-shadow:none;
	border:0px;
}


.product-title-modal {
	font-family: 'Gotham Medium', sans-serif;
	font-size: 20px;
	line-height: 22px;
}

.product-price-modal {
	font-family: 'Gotham Medium', sans-serif;
	font-size: 25px;
	line-height: 67px;
}

.product-desc-modal {
	font-family: GothamBook;
	font-size: 14px;
	text-align: justify;
	line-height: 22px;
}


.zoom {
	display:inline-block;
	position: relative;
}

/* magnifying glass icon */
.zoom:after {
	content:'';
	display:block; 
	width:33px; 
	height:33px; 
	position:absolute; 
	top:0;
	left:0;
	background:url(icon.png);
}


/*Modal image zoom*/

.modal-zoom .modal-body{
	width: auto;
}


.modal-zoom img{
	max-width: 100%;
	max-height: 100%;
}
.image-modal-zoom {
	text-align: center;
}

.image-modal-zoom .icon-search{
	display:block;
	width:30px !important;
	height:30px !important;
	position:absolute !important;
	left: calc(50% - 15px);
	top: calc(50% - 15px);

	transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all s;
}

.image-modal-zoom:hover{
	cursor:pointer;
}

.image-modal-zoom:hover .icon-search{
	display: none;
}


.modal-zoom .modal-dialog{
	max-width:400px;
}

.modal-zoom .close{
	right:20px;
	top:5px;
}

#modal-zoom-img{
	width:100%;

}

@media only screen and (max-width: 321px) {
	

}

@media only screen and (max-width: 375px) {
	
	
}

@media only screen and (max-width: 425px) {
	
	

	.product-title-modal {
		margin-top: 10px;
	}

	.product-title-modal, .product-price-modal {
		text-align: center;
	}

	.xs-pd-0 {
		padding: 0;
	}

	.xs-pd-15 {
		padding-right: 15px !important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1000px) {
	
	.btn-black{
		margin: 10px 0;
	}

	.modal .inverse a{
		padding: 15px 33px;
	}

	.modal-body{
		padding:0px 15px 5px 15px;
	}


	.modal-desc-holder {
		padding: 0 15px;
	}

	.product-title-modal {
		font-size: 14px;
	}

	.product-price-modal {
		font-size: 16px;
		line-height: 40px;
	}

	.product-desc-modal {
		font-size: 14px;
	}

	.modal .btn-black {
		padding: 16px 16%;
	}

	.md-center {
		text-align: center;
		padding: 0;
	}
}

@media only screen and (max-width: 768px){
	.close{
		position: static;
	}

	.modal-zoom .close{
		position:absolute;
	}
}