/* ==========================================================
   DIGBANG CATEGORY HERO
========================================================== */

.db-category-hero {
	width: 1320px;

	margin: 32px auto 0;

	direction: rtl;
}


/* ==========================================================
   BREADCRUMB WRAPPER
========================================================== */

.db-category-hero__breadcrumb {
	width: 100%;
	margin: 0;
	padding: 0;
}


/* ==========================================================
   CATEGORY BANNER
========================================================== */

.db-category-hero__banner {
	width: 1320px;
	height: 523px;

	margin-top: 32px;

	overflow: hidden;

	border-radius: 24px;
}


/* ==========================================================
   CATEGORY BANNER IMAGE
========================================================== */

.db-category-hero__image {
	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;
	object-position: center;

	border-radius: 24px;
}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 767px) {

	.db-category-hero {
		width: calc(100% - 32px);

		margin: 16px auto 0;
	}


	.db-category-hero__breadcrumb {
		width: 100%;
	}


	.db-category-hero__banner {
		width: 100%;
		height: 220px;

		margin-top: 20px;

		border-radius: 16px;
	}


	.db-category-hero__image {
		width: 100%;
		height: 100%;

		object-fit: cover;
		object-position: center;

		border-radius: 16px;
	}

}