/* =========================================================
   CENTRALNA ADVERTISER LOGO GALERIJA
   Desktop: 3 kolone
   Tablet: 2 kolone
   Mobilni: 2 fleksibilne kolone
   ========================================================= */

.cr-advertise-logos {
	display: grid;
	grid-template-columns: repeat(3, 166px);
	column-gap: 18px;
	row-gap: 14px;
	justify-content: start;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.cr-advertise-logo {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 166px;
	max-width: 100%;
	aspect-ratio: 331 / 133;
	padding: 0;
	margin: 0;
	border: 0;
	background: transparent;
	overflow: hidden;
	box-sizing: border-box;
}

.cr-advertise-logo a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.cr-advertise-logo img {
	display: block;
	width: 100%;
	max-width: 331px;
	height: auto;
	margin: 0;
	float: none !important;
	object-fit: contain;
}

@media (min-width: 768px) and (max-width: 1199px) {
	.cr-advertise-logos {
		grid-template-columns: repeat(2, minmax(0, 332px));
		column-gap: 18px;
		row-gap: 14px;
		width: 100%;
		max-width: 100%;
		min-width: 0;
	}

	.cr-advertise-logo {
		width: 332px;
		max-width: 100%;
		min-width: 0;
	}

	.cr-advertise-logo img {
		width: 100%;
		max-width: 100%;
		height: auto;
	}
}

@media (max-width: 767px) {
	.cr-advertise-logos {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		justify-content: stretch !important;
		justify-items: stretch !important;
		width: 100% !important;
		max-width: 100% !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
		column-gap: 8px;
		row-gap: 8px;
	}

	.cr-advertise-logo {
		justify-self: stretch !important;
		width: 100% !important;
		max-width: none !important;
		height: auto !important;
		margin: 0 !important;
	}

	.cr-advertise-logo img {
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		margin: 0 !important;
	}
}