@media (min-width: 992px) {
	#mobile-user-menu {
		display: none;
	}
	#desktop-user-menu {
		display: block;
	}
	.navbar-expand-lg .navbar-nav {
        align-items: center;
	}
}

@media (min-width: 769px) {
	div#head {
		height: 800px;
	}
}

@media (min-width: 1200px) and (max-width: 1399px) {}


@media (min-width: 992px) and (max-width: 1149px) {
	nav#top-navbar a.nav-link {
		font-size: 0.85em !important;
		min-width: auto;
		padding: .5rem .1rem .5rem .1rem !important;
	}
}

@media (max-width: 769px) {

	#top-video {
		display: none;
	}
	#top-video-mobile video {
		display: block;
		position: absolute;
		z-index: 0;
		background-size: 100% 100%;
		top: 0px;
		left: 0px;
		min-width: 100%;
		min-height: 100%;
		width: auto;
		height: auto;
		opacity: 0.4;
	}
}

@media (max-width: 879px) {
	#top-video-mobile video {
		width: 640px;
		left: 0%;
	}

	.custom-player-control {
		position: absolute;
        top: 8vh;
        left: 0;
        right: 0;
        z-index: 99;
        display: flex;
		flex-direction: row;
        align-items: center;
        background: #212529;
	}
	.custom-player-control .seek-bars {
		flex-direction: row;
		align-items: flex-end;
	}
		
	.custom-player-control .play-btn {
	}
}
@media (max-width: 600px) {
	#top-video-mobile video {
		width: 620px;
		left: -6%;
	}
}

@media (max-width: 545px) {
	.custom-player-control .seek-bars {
		flex-direction: column;
	}
}

@media (max-width: 500px) {
	#top-video-mobile video {
		width: 615px;
		left: -17%;
	}
}
@media (max-width: 400px) {
	#top-video-mobile video {
		width: 650px;
		left: -40%;
	}
}
@media (max-width: 350px) {
	#top-video-mobile video {
		left: -45%;
	}
}
	
@media (min-width: 769px) {
	#top-video video {
		display: block;
		position: absolute;
		z-index: 0;
		background-size: 100% 100%;
		top: 0px;
		left: 0px;
		min-width: 100%;
		min-height: 100%;
		width: auto;
		height: auto;
		opacity: 0.4;
	}
	#top-video-mobile {
		display: none;
	}
	div#head {
		background-image: linear-gradient(to bottom right, rgb(0 0 0 / 70%), rgb(255 0 0 / 70%));
	}
	#banner-image {
		display: none;
	}
	div#head-container {
		height: 750px;
		align-items: center;
	}
}

@media (max-width: 1980px) {
	#top-video video {
		width: 1920px;
	}
}

@media (min-width: 1200px) and (max-width: 1499px) {
	#top-video video {
		left: -25%;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	#top-video video {
		left: -35%;
	}
}
	
	
@media all and (max-width: 991px) {

	#top-video video {
		left: -57%;
	}
	
	#mobile-user-menu {
		display: block;
	}
	#desktop-user-menu {
		display: none;
	}

	#banner-name {
		font-size: 5em;
	}
	#by-peter-godi {
		font-size: 1.4rem;
		right: 8%;
		bottom: -12px;
	}
	
	#title-mid {
		font-size: 2.5em;
	}

	.about-description {
		flex-direction: column-reverse;
		align-items: center;
	}
	
	.mobile-menu {
		display: block;
	}
	.desktop-menu {
		display: none;
	}
	
	div#nav-container {
		padding: 10px 0;
	}
	
	#title #banner {
		font-size: 3.5em;
	}
	
	#banner {
		padding: 15px 0 0 0;
	}

	.nav-line-1 {
		display: none;
	}
	.main-menu-button {
		display: block;
		width: 100%;
	}
	.main-menu-button > a {
		padding: 3px 0px !important;
		margin: 0;
		width: 92%;
		font-size: 1.1em;
	}
	.home-title {
		display: none !important;
	}
	.mobile-social {
		display: block;
	}
	.mobile-social-banner {
		display: none;
	}
	
	.videotar-app-pill {
		font-size: 0.4em;
		margin-top: -8px;
	}
}

@media all and (max-width: 769px) {

	.panels .panel {
		max-width: 100%;
	}
	
	.item {
		display: flex;
		flex-direction: column;
	}
	.item > .image {
		width: 100%;
		order: -1;
	}
	.item > .image img {
		max-width: 300px;
	}
	.item > .description {
		width: 100%;
		padding: 0 15px;
		order: 0;
	}	
	.item > .description > h2 {
		text-align: center;
	}	
	.item > .description {
		margin: 0px 0px 10px 0px;
	}
	.item > .image {
		margin: 10px 0px 0px 0px;
	}
	.item > .image {
		margin: 10px 0px 0px 0px;
	}
	.item > .custom-video {
		order: 0;
		margin: 0.5rem 0 0.5rem 0;
		padding: 0 15px;
	}

	div#head-container {
		flex-direction: column;
		align-items: center;
	}
	
	#banner-name {
		font-size: 4em;
	}
	
	#title-mid {
		font-size: 2em;
	}

	#banner-image {
		order: 2;
		max-width: 50%;
		margin-bottom: -55px;
	}
	#banner-text {
		order: 1;
	}
	#banner-description {
		margin: 0px 5%;
		text-shadow: 0 0 20px #000;
	}
	div#head {
		background-size: 140% auto;
		min-height: 60vh;
	}
	
	#feedbacks .carousel-caption {
		line-height: 1.3;
		font-size: 1.125em;
	}
	
	h1 {
		font-size: 2.5rem;
	}

	h2 {
		font-size: 2rem;
		
	}
}

@media all and (max-width: 576px) {
	.shop-button.card {
		max-width: 237px;
		margin-left: auto;   /* Vízszintesen középre igazítja a kártyát */
		margin-right: auto;  /* a saját grid oszlopán belül. */
	}
}
	
	
@media all and (max-width: 410px) {
	
	:root {
		--bs-body-font-size: 1.1rem;
	}
	
	#banner-name {
		font-size: 3em;
	}
	
	#title-mid {
		font-size: 1.6em;
	}
	
	#by-peter-godi {
		font-size: 1.1rem;
		right: 8%;
		bottom: -12px;
    }
	.fs-5 {
		font-size: 1.1rem !important;
	}
	.calendar-box {
		width: 124px;
		height: 124px;
		padding: 2px;
	}
	#feedbacks .carousel-caption {
		line-height: 1.3;
		font-size: 1em;
	}
	#ticketSelector .card-input-title {
		font-size: 1rem;
	}
	#ticketSelector .card-input-title .fs-6,
	#ticketSelector .card-input-title .btn
	{
		font-size: 0.9rem !important;
	}
	#calendar .day-selector {
		font-size: 1.1rem;
	}
	.carousel-indicators {
		margin-right: 0%;
		margin-left: 0%;
	}
}