.campaignCategoryContainer{
	gap: 1%;
	margin: 0px 0% 20px;
}

.campaignCategory{
	flex: 0 0 24.25%;
	width: 24.25%;
	background-color: #f1ebe7;
	border: none;
	margin: 0px 0px 15px 0px;
	color: #2e2e2e;
}

.campaignCategoryButton{
	background-color: #73df88;
	border-radius: 60px;
	padding: 14px 0px;
	margin: auto 40px 20px 40px;
}

.campaignCategory .ribbon span, .campaignProduct .ribbon span{
	background-color: #f3a71a;
	color: #2e2e2e;
}

.campaignCategoryDiscountEnds{
	background-color: #f3a71a;	
}

.campaignCategoryImageContainer .categoryImageText{
	background-color: #f3a71a;
	font-size: 14px;
}

.campaignCategory:hover .campaignCategoryButton{
	background-color: #00b26b;
    color: #fff;
    text-decoration: none;
}

.campaignProductContainer{
	border: none !important;
}

@media (max-width: 1138px) and (min-width: 1101px){
	.campaignCategory .campaignCategoryName{
		position: initial;
		bottom: 0%;
	}
}

@media (max-width: 880px){
	.campaignCategory{
		flex: 0 0 49.5%;
		width: 49.5%;
	}
}

@media (max-width: 500px){
	.campaignCategoryButton{
		margin: auto 20px 20px 20px;
	}
}

@media (max-width: 400px){
	.campaignCategory{
		flex: 0 0 100%;
		width: 100%;
	}
}