/*
    Template Name: Vicodin
    Description: Medical eCommerce HTML Template
    Version: 1.0.0
*/

.sale-block{
	position:relative;
	margin-bottom:30px;
}

.sale-block .inner-box{
	position:relative;
	padding:45px 40px 20px;
	background-color:#dcedfd;
}

.sale-block .title{
	position:relative;
	font-size:12px;
	color:#0A9A73;
	text-transform:uppercase;
}

.sale-block h2{
	margin-top:10px;
	margin-bottom:0px;
}

.sale-block h2 span{
	display:block;
	font-weight:600;
}

.sale-block .buy-now{
	position:relative;
	font-size:14px;
	color:#223645;
	padding-right:20px;
	display:inline-block;
	text-transform:capitalize;
}

.sale-block .buy-now:before{
	position:absolute;
	content:'\f0a9';
	right:0px;
	top:2px;
	font-size:12px;
	font-weight:800;
	font-family: 'Font Awesome 5 Free';
}

.sale-block .image-outer{
	position:relative;
	text-align:right;
}

.sale-block .image-outer .image{
	position:relative;
	z-index:1;
}

.sale-block .circle-layer{
	position:absolute;
	z-index:-1;
	right:0px;
	bottom:0px;
	width:210px;
	height:210px;
	opacity:0.60;
	border-radius:50%;
	background-color:#ffffff;
}

.sale-block.style-two .inner-box{
	background-color:#e3efed;
}

.sale-block.style-three .inner-box{
	background-color:#f3eee8;
}



.featured-block{
	position:relative;
	margin-bottom:30px;
}

.featured-block .inner-box{
	position:relative;
	padding:30px 20px 20px 30px;
	background-color:#f3eee8;
}

.featured-block .title{
	position:relative;
	font-size:12px;
	color:#0A9A73;
	text-transform:uppercase;
}

.featured-block h5{
	margin-top:10px;
	margin-bottom:5px;
	font-size:20px;
}

.featured-block .buy-now{
	position:relative;
	font-size:14px;
	color:#0A9A73;
	padding-right:20px;
	display:inline-block;
	text-transform:capitalize;
}

.featured-block .buy-now:before{
	position:absolute;
	content:'\f0a9';
	right:0px;
	top:2px;
	font-size:12px;
	font-weight:800;
	font-family: 'Font Awesome 5 Free';
}

.featured-block .image-outer{
	position:relative;
	text-align:right;
}

.featured-block .image-outer .image{
	position:relative;
	z-index:1;
}

.featured-block.style-two .inner-box{
	background-color:#e3efed;
}

/* Product Banner */

.product-banner{
	position:relative;
}

.product-banner .inner-box{
	position:relative;
}

.product-banner .image{
	position:relative;
}

.product-banner .image img{
	position:relative;
	width:100%;
	display:block;
}

.product-banner .content{
	position:absolute;
	left:30px;
	top:30px;
}

.product-banner.style-two .content{
	left:200px;
	top:40px;
}

/* Kit Block */

.kit-block{
	position:relative;
	margin-bottom:30px;
}

.kit-block .inner-box{
	position:relative;
	padding:45px 40px;
	background-color:#fef7ec;
	background-position:right bottom;
	background-repeat:no-repeat;
}

.kit-block .image{
	position:absolute;
	right:20px;
	bottom:0px;
}

.kit-block .image img{
	position:relative;
	width:100%;
	display:block;
}

.kit-block .price{
	position:relative;
	color:#EF8636;
	font-size:13px;
	margin:4px 0px 15px;
}

.kit-block .shop{
	position:relative;
	color:#ffffff;
	font-size:12px;
	font-weight:600;
	padding:12px 24px;
	display:inline-block;
	text-transform:capitalize;
	background-color:#0a9a73;
}




/* Kit Block */

.kit-block-two{
	position:relative;
	margin-bottom:30px;
}

.kit-block-two .inner-box{
	position:relative;
	padding:35px 40px 30px;
	background-color:#dff2ed;
}

.kit-block-two .image{
	position:relative;
}

.kit-block-two .image img{
	position:relative;
	display:block;
}

.kit-block-two .price{
	position:relative;
	color:#EF8636;
	font-size:16px;
	margin:0px 0px 15px;
}

.kit-block-two .price span{
	position:relative;
	font-size:10px;
}

.kit-block-two .shop{
	position:relative;
	color:#ffffff;
	font-size:12px;
	font-weight:600;
	padding:12px 24px;
	display:inline-block;
	text-transform:capitalize;
	background-color:#0a9a73;
}




.mask-block{
	position:relative;
	margin-bottom:30px;
}

.mask-block .inner-box{
	position:relative;
	padding:45px 40px 20px;
	background-color:#0a9a73;
}

.mask-block .title{
	position:relative;
	font-size:16px;
	color:#ffffff;
	text-transform:uppercase;
}

.mask-block h2{
	color:#ffffff;
	margin-top:10px;
	margin-bottom:0px;
}

.mask-block h2 span{
	display:block;
	font-weight:600;
}

.mask-block .buy-now{
	position:relative;
	font-size:16px;
	color:#ffffff;
	padding-right:20px;
	display:inline-block;
	margin-top:15px;
	text-transform:capitalize;
}

.mask-block .buy-now:before{
	position:absolute;
	content:'\f0a9';
	right:0px;
	top:6px;
	font-size:12px;
	font-weight:800;
	font-family: 'Font Awesome 5 Free';
}

.mask-block .image-outer{
	position:relative;
	text-align:right;
}

.mask-block .image-outer .image{
	position:relative;
	z-index:1;
}

.mask-block .circle-layer{
	position:absolute;
	z-index:-1;
	right:0px;
	bottom:0px;
	width:210px;
	height:210px;
	opacity:0.10;
	border-radius:50%;
	background-color:#ffffff;
}



@media only screen and (max-width: 1140px){
	
	.sale-block .inner-box{
		padding:25px 25px 20px;
	}
	
	.featured-block .inner-box{
		padding:20px 20px 20px;
	}
	
}

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

	.product-banner{
		margin-bottom:30px;
	}

}

@media only screen and (max-width: 767px){
	
	.product-banner.style-two .content{
		left:120px;
	}
	
	.kit-block-two .image{
		margin-bottom:30px;
	}
	
}

@media only screen and (max-width: 599px){
	
	.product-banner.style-two .content{
		left:220px;
	}
	
}

@media only screen and (max-width: 479px){
	
	.kit-block .image{
		display:none;
	}
	
	.product-banner.style-two .content{
		left:160px;
	}
	
}