.gallery-top {
	height: 600px;
	width: 100%;
}

.gallery-thumbs {
	height: 60px;
	box-sizing: border-box;
	padding: 10px 0;
}

.gallery-thumbs .swiper-slide {
	height: 100%;
	opacity: 0.4;
	border: 2px solid #e6e6e6;
}

.gallery-thumbs .swiper-slide-thumb-active {
	opacity: 1;
	border: 2px solid #d00528;
}

.gallery-thumbbox .swiper-button-white {
	background: none !important;
}

.gallery-thumbbox .swiper-button-white {
	left: 2px;
}

.gallery-thumbbox .swiper-button-next {
	left: auto;
	right: 2px;
	text-align: right;
}

.gallery-thumbbox .swiper-button-white:after {
	content: "\f106";
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}

.gallery-thumbbox .swiper-button-next:after {
	content: "\f107";
}

.gallery_fullscreen {
	color: #9b9b9b;
	font-family: "Nunito Sans";
	font-size: 13px;
	margin: 15px 0;
	text-align: center;
}

.termek_imagebox {
	margin-bottom: 40px;
}

.gallery-thumbbox {
	position: relative;
	margin-right: 20px;
	float: left;
}

.gallery-thumbbox .swiper-container {
	margin-top: 20px;
	margin-bottom: 20px;
	height: 430px;
	position: relative;
}

@media screen and (min-width: 1000px) {
	.gallery-thumbbox .swiper-button-next {
		position: absolute;
		bottom: 0;
		left: 0;
		text-align: center;
		color: #676767;
		zoom: 1.5;
		right: 0;
		padding: 0;
		width: 100%;
		margin: 0;
		top: auto;
	}

	.gallery-thumbbox .swiper-button-prev {
		position: absolute;
		top: 0;
		bottom: auto;
		left: 0;
		text-align: center;
		color: #676767;
		zoom: 1.5;
		right: 0;
		padding: 0;
		width: 100%;
		margin: 0;
	}
}

.gallery-top, .gallery-thumbs {
	width: 96%;
	margin: 0 2%;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
}

.gallery-thumbs {
	width: 80px;
	height: 80px;
	margin: 0;
}

.gallery-top {
	height: 500px;
	float: right;
}

.gallery-thumbs .swiper-slide {
	height: 80px;
	max-width: 100px;
}

@media screen and (max-width: 1000px) {
	
	.gallery-top {
		height: calc(100vw - 160px);
		max-height: 620px;
		min-height: 250px;
	}
	.gallery-top, .gallery-thumbbox {
		float: none
	}

	.gallery-thumbbox .swiper-container {
		height: 115px;
		width: 100%;
	}

	.gallery-thumbs .swiper-slide {
		height: 85px;
	}

	.gallery-thumbs img {
		
		max-width: 80px;
		max-height: 80px;
	}

	.gallery-thumbbox .swiper-button-white:after {
		content: "\f104";
	}

	.gallery-thumbbox .swiper-button-next:after {
		content: "\f105";
	}
}

@media screen and (max-width: 800px) {
	
	.gallery-top {
		height: calc(100vw - 220px);
		max-height: 480px;
	}
}