@media screen and (max-width: 1500px){
	#about__gallery .ls__data{right: 30px}
	.slider-sw .swiper-pagination{left: 0!important; box-sizing: border-box; padding: 0 30px}
	#promo__restorans .slider-sw .swiper-pagination{width: 100%!important; bottom: 0!important; text-align: center; left: 0!important}
	#page__promo:after{background-position: 50% 2px}
	#counts .flex{align-items: center;}
	#counts .image{width: calc(100% - 630px)}
	#information__fransize .image,#information__fransize .text{max-width: 48%}
}


@media screen and (max-width: 1320px){
	header .logo{width: 200px; left: calc(50% - 100px); top: calc(50% - 53px)}
	header .logo.mini-logo{opacity:0;width: 200px; left: calc(50% - 100px); top: calc(50% - 53px)}
	header.fixed .logo{left: calc(50% - 100px)}
	header.fixed .logo:not(.mini-logo){display:none;}
	header.fixed .logo.mini-logo{opacity:1;width: 200px; left: calc(50%-100px); top: calc(50% - 53px)}
	header nav ul{gap: 15px}
	header nav li a{font-size: 20px}
	header nav ul li:nth-child(3){margin-right: 150px}
	header nav ul li:nth-child(4){margin-left: 150px}
	#about .text{width: 100%; max-width: calc(100% - 640px)}
	footer .col:nth-child(2){max-width: 650px}
	#menu .menu__inner .item,#menu .menu__inner .image img{max-width: 400px}
	#fransize .text{margin-right: 0}
}
@media screen and (max-width: 1270px){
	#menu .menu__inner .item{max-width: 70%; width: 100%;margin: 0 15%;}

}
@media screen and (max-width: 1179px){
	header{padding: 12px 0}
	header .pull{display: flex; width: 33px; height: 24px; background: url("../img/pull.svg") 50% 50% no-repeat;}
	header .flex{justify-content: space-between;}
	header nav{display: none;}
	header .logo{position: relative; top: 0; left: 0; width: 100px}
	header .logo.mini-logo{opacity:0;width: 100px; left: 0; top: 0}
	header.fixed .logo:not(.mini-logo){display:none;}
	header.fixed .logo.mini-logo{opacity:1;width: 100px; left: 50px; top: 0}
	header.fixed .logo{background-position: 0 50%; left: 0; top: 0;}
	header.fixed .pull{background: url("../img/pull_black.svg") 50% 50% no-repeat;}
    .wpml-ls-flag{padding-bottom:15px;}

	.logo-container.shrink{top: 0; left: 20px}
.menu-item-has-children > ul li a {
  color: #fff;
  background-color:#FFF;
  text-decoration: none;
  display: none;
}
.menu-item-has-children > ul {
	display:none;
  background-color:transparent;
  height:1px;

}
#gallery .slider-sw .swiper-button-prev, #gallery .slider-sw .swiper-button-next {
  top: 150px; 
}
#karte .slider-sw .swiper-button-prev, #karte .slider-sw .swiper-button-next{
	top:250px;
}
.slider-menu {
    z-index: 1000; /* Убедитесь, что меню выше других элементов */
    width: 100%;
	background-color: #fff; 
}
.slider-menu-fixed{
	position: fixed;
	top: 77px;
}
	#promo{background-attachment: scroll !important;}
	#promo h1{max-width: 100%; text-align: center; width: 100%; margin-bottom: 150px}


	#about .bt{width: 100%; max-width: 100%; margin-bottom: 45px;}
	#about .text{width: 100%; max-width: 100%;}
	#about .show__restoran img{width: 170px;}

	.swiper__gallery img{height: 550px;}


	#map .map{height: 600px;}


	#franchise h2{font-size: 32px; line-height: normal;}
	#gallery{align-items: center;}

	#gallery img{height: 290px; width:100%;}


	#what .text{margin: 0 auto; text-align: center;}
	#what .text .flex{justify-content: center;}
	#what .image{display: none;}


	#menu .swiper-wrapper{justify-content: flex-start;}
	#menu .menu__inner .image{display: none;}
	#menu .menu__inner .item{max-width: 70%; width: 100%; margin: 0 15%;}
	 

	#karte .slider-sw .swiper-pagination-bullet{background: #000; width: 10px; height: 10px; margin: 0 5px;}
	#karte .slider-sw .swiper-pagination-bullet.swiper-pagination-bullet-active{background: var(--red);}
	#karte.np{margin-bottom: 30px;}
	#karte .swiper{padding-bottom: 50px}
	

	#gallery.pp{padding: 120px 0 0;}


	#error__page, #text-page{padding: 160px 0 120px}

	.form .flex .form__item{width: calc(50% - 20px)}
	.form .flex .form__item:last-child{width: 100%;}

	#contacts .item{width: 100%; margin-bottom: 20px}
	#contacts .item:last-child{margin-bottom: 0; line-height: normal;}
	.form .flex.flex-4 .form__item{width: calc(50% - 20px)!important}

	#promo__restorans .data .inn{width: 100%; padding: 20px; max-width: 100%;}


	#information .item{gap: 30px; margin-bottom: 30px}
	#information .item:last-child{margin-bottom: 0;}
	#information .text, #information .image{width: 100%; max-width: 100%}
	#information .text{order: 0!important}
	#information .image{order: 1!important}
	#information .text p{margin-bottom: 20px}
	#promo__restorans .data .title p{font-size: 30px;}
	#promo__restorans .data .title img{max-width: 100px}
	#promo__restorans .data .address p{max-width: 70%;}
	#information h2{font-size: 30px; line-height: 32px; margin-bottom: 30px}


	#information__fransize .image,#information__fransize .text{max-width: 100%; width: 100%}
	#information__fransize .image{order: 0!important; margin-bottom: 80px}
	#information__fransize .text{order: 1!important}

	#fransize .about{width: 100%; margin-bottom: 40px}
	#fransize .text{width: 100%;}
	#fransize .image img{height: 590px; width: calc(100% + 60px); position: relative; max-width: 200%; left: -30px; border-radius: 0}

	#counts .image{width: 100%;}
	#counts .image img{width: calc(100% + 60px); position: relative; left: -30px; max-width: 200%; border-radius: 0}
	#counts .data{width: 100%}
	#counts .data .flex{justify-content: center; text-align: center;}

	.box__modal .form .flex .form__item,.box__modal .form .flex.flex-3 .form__item{width: 100%}
	.box__modal .form .flex.privacy{justify-content: center;}
	.box__modal .form .flex.privacy .flex{justify-content: center; width: 100%; margin-bottom: 20px}
	.box__modal .form .btn{width: 100%; padding: 0}
	footer .col{max-width: 100%!important}
	footer .col:nth-child(1){display: none;}
		#about__gallery {display: none;}
}
@media screen and (max-width: 900px){
	#navigation .top:after{background: url("../img/navbg.svg"); position: absolute; bottom: 0; left: 0; width: 100vw; content: ''; height: 140px; background-repeat: no-repeat; background-size: cover;}
}
@media screen and (max-width: 768px){
	.container{padding: 0 20px;}
	.btn-red,.btn-white{padding: 0 40px; height: 62px; border-radius: 85px}

    nav ul #menu-item-525 .sub-menu {
        display: none !important; /* Максимальный приоритет для скрытия */
        visibility: hidden; /* Дополнительный уровень скрытия */
    }

	.slider-sw .swiper-button-next{
    padding-right:25px;
    
}
.slider-sw .swiper-button-prev{
    padding-left: 25px;
}
	
	#promo h1{font-size: 41px; line-height: 49px;}
	#promo:before{position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; content: ''; background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 36.7%); transform: rotate(-180deg);}
	#promo .go{width: 72px; left: calc(50% - 36px); bottom: -20px}


	#about{padding: 80px 0 20px}
	#about .bt strong,#about .bt{font-size: 40px; line-height: normal;}
	#about .bt strong{margin: 0; position: relative; top: 3px}
	#about .text p:last-child{margin-bottom: 0;}
	#about .show__restoran img{width: 250px;}
	

	#about__gallery .ls__data {
  width: 100%;
  right: 0;
  bottom: 0;
  position: relative;
  background: #131313;
}

#about__gallery .ls__data .swiper {
  padding: 0 20px;
  top: 20px;
}

#about__gallery .ls__data .swiper-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; /* Расстояние между слайдами */
}

#about__gallery .ls__data .swiper-slide {
  box-sizing: border-box;
  padding: 24px 20px;
  /* Удаляем фиксированную ширину 500px или заменяем на авто */
  width: auto !important; /* Переопределяем, если Swiper задает свою ширину */
}

#about__gallery .list__swiper .swiper__data .swiper-slider {
  flex: 1 1 calc(50% - 10px); /* 50% ширины минус половину gap для 2 колонок */
  box-sizing: border-box;
}

#about__gallery .ls__data .img {
  display: none;
}

#about__gallery .ls__data .date {
  margin-bottom: 10px;
}

#about__gallery .ls__data .text {
  line-height: normal;
}
	.swiper__gallery img{height: 450px;}
	.slider-sw .swiper-pagination{padding: 0 20px; bottom: 25px!important}



	#karte{padding: 50px 0 150px;}
	#karte .item__full .data{padding: 35px; text-align: left;}
	#karte .bt{font-size: 42px; line-height: 42px; max-width: 50%;}
	#karte .item__full .flex{padding: 90px 0 0; justify-content: flex-start;}
	#karte .item__full .flex .btn{padding: 0 30px;}
	#karte .item__full img{height: 300px;}
	#karte .swiper{padding-bottom: 40px}
	#karte .item .data{padding: 30px 35px}
	#karte .slider-sw .swiper-pagination-bullet{background: #000; width: 10px; height: 10px; margin: 0 5px;}
	#karte .slider-sw .swiper-pagination-bullet.swiper-pagination-bullet-active{background: var(--red);}



	#map:after{background: url("../img/mapafter.svg") 50% 0 no-repeat; height: 140px; top: -140px;}
	#map .logo{width: 142px; left: calc(50% - 71px); bottom: 150px; z-index: 3}
	#map .map{height: 290px; background: url("../img/mapm.svg") 50% 100% no-repeat;}


	#franchise{padding-bottom: 60px;}
	#franchise h2{font-size: 20px; line-height: 32px; margin-bottom: 0;}
	#franchise h2 br{display: none;}
	#franchise .gallery{display: none;}


	#advantages{padding: 0 0 60px}
	#advantages .items{grid-template-columns: repeat(1, 1fr); gap: 85px}


	#gallery{padding: 0}
	#gallery img{height: 290px}


	#what{padding: 0 0 50px}
	#what:after{height: 100px; top: -100px}
	#what .bt{font-size: 50px; margin-bottom: 30px;}
	#what p{margin: 0 auto 45px; max-width: 300px}


	#promo__menu{min-height: 500px; box-sizing: border-box; padding: 0}
	#promo__menu .container{position: absolute; bottom: 130px; left: 0; width: 100%;}
	#promo__menu .actions{justify-content: space-between;}
	#promo__menu .actions a{padding: 0; width: calc(50% - 10px)}
	#promo__menu h1{font-size: 30px; line-height: 65px; color: var(--white); margin-bottom: 35px;}
	#promo__menu .go{width: 72px; left: calc(50% - 36px)}


	#menu .menu__inner .inner{gap: 40px}
	#menu .menu__inner .item{max-width: 100%; width: 100%}
	#menu .menu__icon:after{left: -40px; width: 200%;}


	#error__page{padding: 90px 0 50px}
	#error__page svg,#error__page img{max-width: 150px; margin-bottom: 45px}
	#error__page p{max-width: 270px; margin: 0 auto 30px; }
	#error__page svg{margin-bottom: 0; max-height: 150px}


	.form .flex .form__item{width: 100%;}


	#page__promo{padding: 130px 0 150px}
	#page__promo h1{font-size: 30px; margin-bottom: 45px; line-height: normal;}
	#page__promo h1 strong{font-size: 30px}
	#page__promo .text{font-size: 24px; line-height: 34px;}
	#page__promo .go{width: 72px; left: calc(50% - 36px)}
	#page__promo:after{background-position: 50% 2px}


	#vacancies{padding: 40px 0 60px}
	.form .flex.privacy{justify-content: center; gap: 40px}
	.form .flex .checkbox{margin-bottom: 0;}
	.form .flex.flex-4 .form__item{width: 100%!important}
	.logo-text-wrapper {
		flex-direction: column;
		align-items: flex-start;
	}

	#contacts{padding: 40px 0 60px}
	#contacts .contacts{margin-bottom: 90px}
	#contacts__map iframe{height: 340px}


	#fransize .about img{display: none;}
	#fransize{padding-top: 50px}
	#fransize .flex{position: relative; padding-bottom: 100px}
	#fransize .btn{position: absolute; bottom: -20px; left: 0; padding: 0; width: 100%;}
	#fransize .bt__title{margin-bottom: 0}


	#counts{text-align: center; padding-bottom: 50px}
	#counts .bt__title{font-size: 30px;}
	#counts p{margin-bottom: 40px;}
	#counts .item .count{font-size: 50px;}


	#advantages .bt{font-size: 30px; line-height: 37px; margin-bottom: 80px}
	#advantages.in:after{display: none;}


	#information__fransize{padding: 50px 0 70px}


	#main__advantages{height: auto;}
	#main__advantages .list__swiper{width: 100%; margin-top: 200px}
	#main__advantages .swiper{overflow-x: hidden; padding-bottom: 50px}
	#main__advantages .swiper-slide{width: 100%; max-width: 375px}
	#main__advantages .slider-sw .swiper-pagination{bottom: 0!important; text-align: center;}
	#main__advantages .swiper-pagination{display: block}


	.bt__title{font-size: 40px; line-height: normal; margin-bottom: 40px}


	.box__modal{padding: 40px 20px!important}
	.fancybox-close-small{top: 20px; right: 20px}
	.box__modal .form .flex .form__item{margin-bottom: 20px}
	.box__modal .form .flex.privacy .flex{gap: 10px;}
	#thanks{padding: 55px 20px!important}
	#thanks img{margin-bottom: 30px}
	#thanks br{display: none;}



	footer{padding: 50px 0 40px;}
	footer .col .item{width: 100%; margin-bottom: 24px; padding-bottom: 24px; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
	footer .col .item:last-child{border-bottom: none;}
	footer .col .item a.go{background-position: 100% 10px}
	footer .instagram a{width: 50px; height: 50px; border-radius: 10px;}
	footer .instagram a img{width: 38px}
	footer .copyright{padding: 40px 0 0; margin: 40px 0 0; justify-content: flex-start; gap: 25px;}
	footer .copyright p{order: 1; width: 100%}
	footer .copyright ul{order: 0}
	footer .copyright ul li{margin: 0 20px 0 0}
	footer .copyright ul li:last-child{margin: 0}

	article  h1 {
    font-size: 31px;
    line-height: 1.3;
    margin-bottom: 60px;
    font-weight: 700;
}

}
@media screen and (max-width: 410px){
	#about .logos{justify-content: center;}
	#navigation .top:after{background: url("../img/navbg.svg"); position: absolute; bottom: -70px; left: 0; width: 100vw; content: ''; height: 140px; background-repeat: no-repeat; background-size: cover;}
}
@media screen and (max-width: 600px){
	#about .logos{justify-content: center;}
	#navigation .top:after{background: url("../img/navbg.svg"); position: absolute; bottom: -40px; left: 0; width: 100vw; content: ''; height: 140px; background-repeat: no-repeat; background-size: cover;}
}