@media screen and (max-width:1024px){
	* {
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}
	
	#mobile {
		display:block;
		top:0;
		left:0;
		width:100%;
		padding:10px 0;
		z-index:9999;
		position:fixed;
		background:rgba(17, 17, 17, 0.8);
		-webkit-backdrop-filter: blur(10px)!important;
		backdrop-filter: blur(10px) !important;	
	}

	#mobile .bars,
	#mobile .contacts {
		display:block;
		width:25px;
		height:25px;
		background:url(../img/menu.png)no-repeat;
		background-position:center !important;
		background-size:contain !important;
		opacity:0.7;
		transition:all .2s;
		-moz-transition:all .2s;
		-webkit-transition:all .2s;
	}

	#mobile .bars:hover,
	#mobile .contacts:hover {
		opacity:1;
		cursor:pointer;
	}

	#mobile .contacts {
		background:url(../img/contacts.png)no-repeat;
		width:35px;
		height:35px;
	}

	#mobile .logo {
		display:block;
		width:50px;
		height:50px;
		background:url(../img/logo-mobile.png)no-repeat;
		background-position:center !important;
		background-size:contain !important;
		opacity:0.7;
		
	}

	#mobile_menu {
		display:block;
		transition:all .2s;
		-moz-transition:all .2s;
		-webkit-transition:all .2s;
		z-index:9999;
		position:fixed;
		background:rgba(0, 0, 0, 0.9);
		-webkit-backdrop-filter: blur(10px)!important;
		backdrop-filter: blur(10px) !important;
		top:0;
		left:-300px;
		width:250px;
		height:100vh
	}

	#mobile_menu.open {
		left:0;
	}

	#mobile_menu .close {
		padding:15px;
		border-bottom:1px solid #111;
		text-transform:uppercase;
		font-weight:400;
		cursor:pointer;
	}

	#mobile_menu .close:hover {
		opacity:0.7;
	}

	#mobile_menu .close i {
		display:block;
		width:25px;
		height:25px;
		background:url(../img/close.png)no-repeat;
		background-size:contain;
		background-position:center;
		float:right;
		margin-top:-3px;
		
	}

	#mobile_menu .menu a {
		display:block;
		padding:15px;
		border-bottom:1px solid #111;
	}

	#mobile_menu .menu a:hover {
		opacity:0.6;
		text-decoration:none;
	}

	.wrapper {max-width:92%;}
	
	header #top, header #fixed {display: none;}
	header #bottom .wrapper {max-width:100%;margin-top:60px}
	


	header #bottom .block {
		width:100%;
		text-align:center;
	}

	#bottom .flexslider .text .block:before {
		margin:0 auto;
		margin-bottom:30px;
	}
	
	header #bottom .text .block .title {
		font-size:30px;
	}

	#bottom .flexslider .text .buttons {
		justify-content:center;
	}

	#bottom .flexslider .text .buttons .btn {
		width:200px;
	}

	#bottom .flexslider .flex-control-nav {
		bottom:30px;
	}

	#bottom .flexslider .rootvideo, #bottom .flexslider .img {
		height: calc(100vh - 160px);
		max-height: calc(100vh - 160px);
		min-height: calc(100vh - 160px);
	}

	.block-title {
		font-size:30px;
		text-align:center;
	}

	#bottom .flexslider .text {
		padding: 2.5%;
	}

	main #concerts .block-content .block {
		width:100%;
	}

	main #concerts .block-content .block .img {
		height: 67vw
	}

	main #concerts .block-content .block .title {
		height:auto !important;
	}

	main #about .block {
		width:100%;
	}

	main #about .block.img {
		height:67vw;
	}

	main #about .block .img {
		display:none;
	}

	main #soon .owl-nav {
		display:none !important;
	}

	#ToTop {
		width:46px;
		height:46px;
		bottom:10px;
		left:10px;
	}
	
	.fancybox-slide {
		padding:0;
	}

}

@media screen and (max-width:768px) {
	#modal {
		max-width:100%;
		width:100%;
		min-height: 100vh;
	}

	#gallery .photos a {
		width: calc(100% / 2 - 27px);
		height:30vw;
	}

	footer #contacts {
		margin-bottom:50px;
	}

	footer #contacts .block {
		width:100%;
	}

	footer #contacts .block .flex {
		width:100%;
		flex-direction: column;
		text-align:center;
	}

	footer #contacts .block .flex div {
		width:100%;
	}

	footer #contacts .block .icon {
		margin:0 auto;
		top:0;
	}

	footer #copyright {
		text-align:center;
	}

	footer #copyright .gap40 {
		gap:15px;
	}

	footer #copyright .block {
		width:100%;
	}

	footer #copyright .block a:first-child {
		margin-bottom:10px;
	}

	footer #contacts .block a.tel {
		font-size:25px;
	}

	#soon .owl-dots {
		top: 20px !important;
		display: flex;
		position: relative;
		gap: 15px;
		justify-content: center;
	}

	#soon .owl-dots button {
		display: block;
		background: rgba(255, 255, 255, 0.7);
		cursor: pointer;
		text-indent: -9999px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		width: 8px;
		height: 8px;
		transition: all .2s;
		-moz-transition: all .2s;
		-webkit-transition: all .2s;
		opacity: 0.25;
	}

	#soon .owl-dots button.active {
		background: rgba(255, 255, 255, 1);
		cursor: default;
		transform: scale(1.5);
		opacity:1;
	}
}

@media screen and (max-width:520px) {
	#modal {
		padding:25px;
	}

	#modal .modal-title {
		font-size:20px;
	}
	
	#gallery .photos a {
		width: 100%;
		height:55vw;
	}
}