.sb-gallery__title {
	font-family: var(--font-primary);
	color: var(--wp--preset--color--neutral-black);
	font-size: var(--wp--preset--font-size--body-base-min);
	font-weight: 700;
	line-height: normal;
	letter-spacing: 1.96px;
	text-transform: uppercase;
	padding: 0 0 16px;
	margin: 0;
	text-align: center;
}

.sb-gallery__subtitle {
	font-family: var(--font-primary);
	color: var(--wp--preset--color--neutral-black);
	font-size: var(--wp--preset--font-size--sub-title-lm);
	font-weight: 700;
	line-height: normal;
	letter-spacing: 3.36px;
	text-transform: uppercase;
	text-align: center;
	max-width: 545px;
	padding: 0 0 22px;
	margin: 0;
}

.sb-gallery__top {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 120px;
	padding: 0 30px;
}

p.sb-gallery__text {
	font-family: var(--font-secundary);
	color: var(--wp--preset--color--neutral-black);
	font-size: var(--wp--preset--font-size--body-litle);
	font-weight: 400;
	line-height: 130%;
	max-width: 347px;
	text-align: center;
	margin: 0;
}

.sb-gallery__grid {
	max-width: 1160px;
	padding-right: 30px;
	padding-left: 30px;
	margin-left: auto;
	margin-right: auto;
}

@media only screen and (max-width:767px) {
	.sb-gallery__top {
		margin-bottom: 70px;
	}
}


/*Gallery Type ONE*/
.sb-gallery__grid--sb-gallery__1 {
	display: flex;
}


.sb-gallery__body-col--left .sb-gallery__grid-item--2,
.sb-gallery__body-col--left .sb-gallery__grid-item--3,
.sb-gallery__body-col--left .sb-gallery__grid-item--5 {
	display: none;
}

.sb-gallery__body-col--right .sb-gallery__grid-item--1,
.sb-gallery__body-col--right .sb-gallery__grid-item--4 {
	display: none;
}

.sb-gallery__grid--sb-gallery__1 .sb-gallery__grid-item--1,
.sb-gallery__grid--sb-gallery__1 .sb-gallery__grid-item--1 img {
	max-width: 407px;
	max-height: 300px;
	min-height: 300px;
	width: 100%;
	margin-bottom: 10px;
	object-fit: cover;
}

.sb-gallery__grid--sb-gallery__1 .sb-gallery__grid-item--4,
.sb-gallery__grid--sb-gallery__1 .sb-gallery__grid-item--4 img {
	max-width: 407px;
	max-height: 495px;
	min-height: 495px;
	width: 100%;
	object-fit: cover;
}

.sb-gallery__grid--sb-gallery__1 .sb-gallery__grid-item--2,
.sb-gallery__grid--sb-gallery__1 .sb-gallery__grid-item--2 img {
	max-width: 334px;
	max-height: 415px;
	min-height: 415px;
	width: 100%;
	object-fit: cover;
}

.sb-gallery__grid--sb-gallery__1 .sb-gallery__grid-item--3,
.sb-gallery__grid--sb-gallery__1 .sb-gallery__grid-item--3 img {
	max-width: 339px;
	max-height: 415px;
	min-height: 415px;
	width: 100%;
	object-fit: cover;
}

.sb-gallery__grid--sb-gallery__1 .sb-gallery__body-col--right {
	display: flex;
	flex-wrap: wrap;
	flex: 1;
	gap: 10px;
	margin-left: 10px;
}

.sb-gallery__grid-item.sb-gallery__grid-item--5,
.sb-gallery__grid-item.sb-gallery__grid-item--5 img {
	max-height: 380px;
}

@media only screen and (max-width:1180px) {
	.sb-gallery__grid--sb-gallery__1 {
		display: grid;
		grid-template-columns: 1fr 2fr;
	}

	.sb-gallery__grid--sb-gallery__1 .sb-gallery__body-col--right {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1fr;
	}

	.sb-gallery__grid--sb-gallery__1 .sb-gallery__grid-item,
	.sb-gallery__grid--sb-gallery__1 .sb-gallery__grid-item img {
		max-width: 100%;
		width: 100%;
	}

	.sb-gallery__grid--sb-gallery__1 .sb-gallery__grid-item.sb-gallery__grid-item--5,
	.sb-gallery__grid--sb-gallery__1 .sb-gallery__grid-item.sb-gallery__grid-item--5 img {
		grid-column: span 2;
		min-height: 380px;
		object-fit: cover;
	}

}

@media only screen and (max-width:767px) {
	.sb-gallery--hide-on-mobile{
		display: none;
	}

	.sb-gallery__grid--sb-gallery__1 {
		display: grid;
		grid-template-columns: 1fr;
	}

	.sb-gallery__grid--sb-gallery__1 .sb-gallery__grid-item,
	.sb-gallery__grid--sb-gallery__1 .sb-gallery__grid-item img {
		max-width: 100%;
		width: 100%;
		max-height: 50vh;
		min-height: auto;
		margin-bottom: 0;
	}

	.sb-gallery__grid--sb-gallery__1 .sb-gallery__body-col--left {
		display: flex;
		flex-direction: column;
		gap: 5px;
		margin-bottom: 10px;
	}

	.sb-gallery__grid-item.sb-gallery__grid-item--5,
	.sb-gallery__grid-item.sb-gallery__grid-item--5 img {
		grid-column: unset;
	}

	.sb-gallery__grid--sb-gallery__1 .sb-gallery__body-col--right {
		display: flex;
		flex-direction: column;
		margin-left: 0;
	}
}

/*Gallery Type Two*/
.sb-gallery__grid--sb-gallery__2 .sb-gallery__row--top {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}

.sb-gallery__grid--sb-gallery__2 .sb-gallery__row--top {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}

.sb-gallery__grid--sb-gallery__2 .sb-gallery__row--medium {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 10px;
}

.sb-gallery__grid--sb-gallery__2 .sb-gallery__row--top .sb-gallery__grid-item,
.sb-gallery__grid--sb-gallery__2 .sb-gallery__row--top .sb-gallery__grid-item img {
	height: 820px;
	max-height: 100vh;
	width: 100%;
	object-fit: cover;
}

.sb-gallery__grid--sb-gallery__2 .sb-gallery__row--medium .sb-gallery__grid-item,
.sb-gallery__grid--sb-gallery__2 .sb-gallery__row--medium .sb-gallery__grid-item img {
	height: 440px;
	width: 100%;
}

.sb-gallery__grid--sb-gallery__2 .sb-gallery__body {
	gap: 10px;
	display: flex;
	flex-direction: column;
}

.sb-gallery__grid--sb-gallery__2 .sb-gallery__row--medium .sb-gallery__grid-item,
.sb-gallery__grid--sb-gallery__2 .sb-gallery__row--medium .sb-gallery__grid-item img {
	height: 440px;
	width: 100%;
	object-fit: cover;
	min-height: 440px;
}

@media only screen and (min-width:1180px) {
	.sb-gallery__grid--sb-gallery__2 .sb-gallery__row--medium {
		grid-template-columns: minmax(371px, 371px) minmax(352px, 352px) minmax(357px, 357px);
	}
}

@media only screen and (max-width:767px) {
	.sb-gallery__grid--sb-gallery__2 .sb-gallery__row--top {
		grid-template-columns: 1fr;
	}

	.sb-gallery__grid--sb-gallery__2 .sb-gallery__row--top .sb-gallery__grid-item,
	.sb-gallery__grid--sb-gallery__2 .sb-gallery__row--top .sb-gallery__grid-item img {
		height: auto;
		max-height: 80vh;
		width: 100%;
		object-fit: cover;
	}

	.sb-gallery__grid--sb-gallery__2 .sb-gallery__row--medium {
		grid-template-columns: 1fr;
	}

	.sb-gallery__grid--sb-gallery__2 .sb-gallery__row--medium .sb-gallery__grid-item,
	.sb-gallery__grid--sb-gallery__2 .sb-gallery__row--medium .sb-gallery__grid-item img {
		height: auto;
		width: 100%;
		object-fit: cover;
		min-height: fit-content;
		max-height: 80vh;
	}
}

/*Gallery Type Four*/
.sb-gallery__grid--sb-gallery__4 .sb-gallery__row--top {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}

.sb-gallery__grid--sb-gallery__4 .sb-gallery__row--top {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}

.sb-gallery__grid--sb-gallery__4 .sb-gallery__row--medium {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 10px;
}

.sb-gallery__grid--sb-gallery__4 .sb-gallery__row--top .sb-gallery__grid-item,
.sb-gallery__grid--sb-gallery__4 .sb-gallery__row--top .sb-gallery__grid-item img {
	height: 727px;
	max-height: 100vh;
	width: 100%;
	object-fit: cover;
}


.sb-gallery__grid--sb-gallery__4 .sb-gallery__body {
	gap: 10px;
	display: flex;
	flex-direction: column;
}

.sb-gallery__grid--sb-gallery__4 .sb-gallery__row--medium .sb-gallery__grid-item,
.sb-gallery__grid--sb-gallery__4 .sb-gallery__row--medium .sb-gallery__grid-item img {
	height: 486px;
	width: 100%;
	object-fit: cover;
	min-height: 486px;
}

@media only screen and (min-width:1180px) {
	.sb-gallery__grid--sb-gallery__4 .sb-gallery__row--medium {
		grid-template-columns: minmax(325px, 325px) minmax(361px, 361px) minmax(394px, 394px);
	}

	.sb-gallery__body .sb-gallery__row--medium:nth-child(4n) {
		grid-template-columns: minmax(387px, 387px) minmax(377px, 377px) minmax(316px, 316px);
	}
}

@media only screen and (max-width:767px) {
	.sb-gallery__grid--sb-gallery__4 .sb-gallery__row--top {
		grid-template-columns: 1fr;
	}

	.sb-gallery__grid--sb-gallery__4 .sb-gallery__row--top .sb-gallery__grid-item,
	.sb-gallery__grid--sb-gallery__4 .sb-gallery__row--top .sb-gallery__grid-item img {
		height: auto;
		max-height: 80vh;
		width: 100%;
		object-fit: cover;
	}

	.sb-gallery__grid--sb-gallery__4 .sb-gallery__row--medium {
		grid-template-columns: 1fr;
	}

	.sb-gallery__grid--sb-gallery__4 .sb-gallery__row--medium .sb-gallery__grid-item,
	.sb-gallery__grid--sb-gallery__4 .sb-gallery__row--medium .sb-gallery__grid-item img {
		height: auto;
		width: 100%;
		object-fit: cover;
		min-height: fit-content;
		max-height: 80vh;
	}
}

/*Gallery Type Three*/
.sb-gallery__grid--sb-gallery__3 .sb-gallery__body {
	flex-direction: column;
	display: flex;
	gap: 10px;
}

.sb-gallery__grid--sb-gallery__3 .sb-gallery__row--top {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 10px;
}

.sb-gallery__grid--sb-gallery__3 .sb-gallery__row--top .sb-gallery__grid-item,
.sb-gallery__grid--sb-gallery__3 .sb-gallery__row--top .sb-gallery__grid-item img {
	height: 445px;
	width: 100%;
	object-fit: cover;
	min-height: 445px;
}

.sb-gallery__grid--sb-gallery__3 .sb-gallery__row--medium {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}

.sb-gallery__grid--sb-gallery__3 .sb-gallery__row--medium .sb-gallery__grid-item,
.sb-gallery__grid--sb-gallery__3 .sb-gallery__row--medium .sb-gallery__grid-item img {
	width: 100%;
	object-fit: cover;
	min-height: 680px;
	height: 680px;
	max-height: 100vh;
}

.sb-gallery__grid--sb-gallery__3 .sb-gallery__row--bottom {
	display: grid;
	grid-template-columns: 1fr;
}

.sb-gallery__grid--sb-gallery__3 .sb-gallery__row--bottom .sb-gallery__grid-item,
.sb-gallery__grid--sb-gallery__3 .sb-gallery__row--bottom .sb-gallery__grid-item img {
	width: 100%;
	object-fit: cover;
	height: 659px;
	max-height: 100vh;
	min-height: 659px;
}

@media only screen and (min-width:1180px) {
	.sb-gallery__grid--sb-gallery__3 .sb-gallery__row--top {
		grid-template-columns: minmax(363px, 363px) minmax(357px, 357px) minmax(360px, 360px);
	}
}

@media only screen and (max-width:767px) {
	.sb-gallery__grid--sb-gallery__3 .sb-gallery__row--top {
		grid-template-columns: 1fr;
	}

	.sb-gallery__grid--sb-gallery__3 .sb-gallery__row--top .sb-gallery__grid-item,
	.sb-gallery__grid--sb-gallery__3 .sb-gallery__row--top .sb-gallery__grid-item img,
	.sb-gallery__grid--sb-gallery__3 .sb-gallery__row--medium .sb-gallery__grid-item,
	.sb-gallery__grid--sb-gallery__3 .sb-gallery__row--medium .sb-gallery__grid-item img,
	.sb-gallery__grid--sb-gallery__3 .sb-gallery__row--bottom .sb-gallery__grid-item,
	.sb-gallery__grid--sb-gallery__3 .sb-gallery__row--bottom .sb-gallery__grid-item img {
		height: auto;
		max-height: 80vh;
		width: 100%;
		object-fit: cover;
	}

	.sb-gallery__grid--sb-gallery__3 .sb-gallery__row--medium {
		grid-template-columns: 1fr;
	}
}
