#brands {
}

	#brands .bcard {
		-webkit-filter: drop-shadow(4px 4px 5px gray); /* Safari */
		filter: drop-shadow(4px 4px 5px gray);
		cursor: pointer;
	}

/*@media not all and (-moz-touch-enabled) and (pointer: fine) {*/
@media (pointer: fine) {
	#brands:hover .bcard {
		transition: all 0.5s;
		-webkit-filter: drop-shadow(0px 0px 0px gray) blur(2px); /* Safari */
		filter: drop-shadow(0px 0px 0px gray) blur(2px);
	}

		#brands:hover .bcard:hover {
			-webkit-filter: drop-shadow(4px 4px 5px gray) blur(0px); /* Safari */
			filter: drop-shadow(4px 4px 5px gray) blur(0px);
		}
}

@media (-moz-touch-enabled) {
	#brands:hover .bcard {
		transition: all 0.3s;
		-webkit-filter: drop-shadow(4px 4px 5px gray); /* Safari */
		filter: drop-shadow(4px 4px 5px gray);
	}
}

#brands .bcard .imgdiv {
	background-color: white;
	border-radius: 20px;
}

#brands .bcard a {
	text-decoration: none;
	color: black;
}

#rnditems .imagecontainer {
	/*border: 1px solid #eee;
	border-radius: 5px;
	height: 150px;
	line-height: 200px;
	text-align: center;
	vertical-align: middle;
	background-color: #500;*/
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	border: 1px solid #eee;
	border-radius: 5px;
	height: 150px;
	/*background-color: #500;*/
	background-color: white;
	-webkit-filter: drop-shadow(4px 4px 5px gray); /* Safari */
	filter: drop-shadow(4px 4px 5px gray);
	margin-bottom: 10px;
}

@media (pointer: fine) {
	#rnditems:hover .imagecontainer {
		transition: all 0.5s;
		-webkit-filter: drop-shadow(0px 0px 0px gray) sepia(70%) blur(2px); /* Safari */
		filter: drop-shadow(0px 0px 0px gray) sepia(70%) blur(2px);
	}

		#rnditems:hover .imagecontainer:hover {
			-webkit-filter: drop-shadow(4px 4px 5px gray) blur(0px); /* Safari */
			filter: drop-shadow(4px 4px 5px gray) sepia(0%) blur(0px);
		}
}

@media (-moz-touch-enabled) {
	#rnditems:hover .imagecontainer {
		transition: all 0.3s;
		-webkit-filter: drop-shadow(4px 4px 5px gray) sepia(0%) blur(0px); /* Safari */
		filter: drop-shadow(4px 4px 5px gray) sepia(0%) blur(0px);
	}
}

#rnditems .imagecontainer .image {
	max-width: 100%;
	max-height: calc(100% - 4ex);
}

#rnditems .imagecontainer .price {
	color: orangered;
	font-size: 1.2rem;
	text-align: center;
	padding-top: 5px;
}

	#rnditems .imagecontainer .price::after {
		font-size: 0.8rem;
		content: " تومان";
	}

#rnditems .rndborder {
	border: 3px solid #3b779b;
	width: 100%;
	margin: 40px 0 20px 0;
	border-radius: 5px;
}