@media ( max-width: 576px ) {
html {
	font-size: 2.666666666666667vw;
}
body {
	background-color: #CD122D;
}
main {
	min-height: 100vh;
}
.only-desc {
	display: none !important;
}
.only-mob {
	display: block !important;
}
.only-mob-flex {
	display: flex !important;
}

.header {
	position: fixed;
	top: calc(50% - 3rem);
	bottom: calc(50% - 3rem);
	left: calc(-50vh + 3rem);
	left: calc(-50dvh + 3rem);
	transform: rotate(-90deg);
	width: 100vh;
	width: 100dvh;
	height: 6rem;
	background-color: #CD122D;
    padding: 0 2.8rem 0 4.3rem;
}
.logo {
	position: relative;
    top: 1.9rem;
	margin: 0 auto;
}
.menu-wrapper .menu {
    gap: 2.8rem;
}
.menu-wrapper .menu li:after {
	display: none;
}
.menu-wrapper .menu li.current-menu-item a {
	color: #63001A;
}
.burger {
	transform: rotate(90deg);
}
.burger-menu-wrapper {
	width: 0;
	display: none;
}
.burger-menu {
	height: 100vh;
    padding: 2.8rem 3.6rem 5rem 8rem;
}
.burger-menu-close {
	top: 2.5rem;
    left: 1.85rem;
}
.container {
	position: relative;
	width: calc(100% - 6rem);
    margin-left: 6rem;
    overflow: hidden;
}
.container-70 {
	width: calc(100% - 6rem);
    margin-left: 6rem;
    overflow: hidden;
	background: linear-gradient(to left, #E0C3A3, #EED6B7);
	background-size: 100% 38.1rem;
    background-repeat: no-repeat;
}


/*** Main ***/
.section-about {
	height: auto;
    flex-direction: column;
	padding-bottom: 2rem;
}
.about-video-wrapper {
	position: relative;
    height: 46rem;
	margin-top: 2rem;
    padding-left: 0;
}
.about-video {
	position: absolute;
    top: 1rem;
    left: -3.5rem;
    width: 42.4rem;
    height: 42.4rem;
}
.about-video:after {
	filter: blur(3px);
}
.about-video-dates {
	top: 25rem;
    left: 6rem;
    font-size: 2.6rem;
    line-height: 2.4rem;
}

.about-info {
	gap: 2rem;
}
.about-info h1 {
	font-size: 2.6rem;
}
.about-info .about-info-text {
	width: 100%;
    text-align: left;
    padding: 0 2rem;
}
.about-info-button {
	width: 100%;
    /*border-radius: 4rem 4rem 0 0;*/
	border-radius: 0;
    margin-top: 1.6rem;
}

.about-image-wrapper {
	padding: 0;
    margin: 4rem 0;
}
.about-image {
	width: 100%;
    height: 100%;
}


.section-choice {
	flex-direction: column;
	height: auto;
}
.choice {
	width: 100%;
    flex-direction: column-reverse;
}
.choice-city {
	height: 5rem;
}
.choice-city-slider .slick-slide {
	margin: 0 3.3rem;
}
.choice-city a {
	line-height: 2.818rem;
}
.choice-poster {
	height: 40.7rem;
    padding: 2.2rem 2rem 2rem;
}
.choice-poster-text {
	font-size: 2.1rem;
    line-height: 1.899rem;
	padding-top: 3.652rem;
}
.choice-map {
	width: 100%;
    /*height: 81.2rem;*/
	height: calc(100vh - 5rem);
}
.logo-map {
	position: absolute;
    top: 2.1rem;
    left: calc(50% - 7.6rem);
    width: 15rem;
    z-index: 10;
}
.logo-map img {
	width: 100%;
}


.bars-slider .slick-list {
	margin-right: -1.1rem;
	padding: 0 10% 0 0;
}
.bars-slider .slick-slide {
	margin-left: 1.1rem;
}



/*** Бары ***/
.bars-header {
	align-items: unset;
	height: 8.845rem;
	padding-right: 0;
}
.bars-header h1 {
	display: none;
}
.action {
	position: fixed;
    left: 8rem;
    bottom: 4rem;
	z-index: 10;
}
.action .cities-choise {
	width: 18.7rem;
}
.action .cities-choise.active {
	border-radius: 0 0 2.7rem 2.7rem;
}
.action .cities-choise-list {
	bottom: 5.1rem;
    border-radius: 2.7rem 2.7rem 0 0;
    padding: 1.6rem 1.6rem 0.8rem;
}
.action .cities-choise-list-overflow {
	padding-top: 0.8rem;
    padding-bottom: unset;
}
.view-choise {
	width: 9.4rem;
}
.bars-map {
	height: 100vh;
	min-height: auto;
}
.bars-tile-list {
	flex-wrap: unset;
    flex-direction: column;
    align-items: center;
	padding-bottom: 8.5rem;
}
.bars-tile-item {
	width: calc(100% - 4rem);
	height: 19rem !important;
	top: unset !important;
}
.bars-tile-item h2 {
	font-size: 2.04rem;
    font-weight: 600;
    line-height: 2.395rem;
}

.page-template-page-bars .bars-slider {
	bottom: 7.9rem;
}



/*** Бар ***/
.single-bar .burger-menu-wrapper {
	display: none;
}

.bar-gallery {
	margin: 0 auto 4.4rem;
    padding-top: 8rem;
}
.bar-gallery .logo {
	position: absolute;
    top: 1.9rem;
    left: 0;
    right: 0;
}
.bar-gallery-slider {
	height: 23.9rem;
    /*background-color: #ccc;*/
}
.bar-gallery-slider .bar-gallery-item {
	display: none !important;
}
.bar-gallery-slider.slick-initialized .bar-gallery-item {
	display: block !important;
}
.bar-gallery-item.bar-gallery-item-extra {
	display: block;
}
.bar-gallery-item {
	height: 23.9rem;
}
.bar-gallery-slider:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2rem;
	background: linear-gradient(180deg, #D0CAAE 0%, rgba(208, 202, 174, 0) 100%);
	z-index: 1;
}
.bar-gallery-slider:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2rem;
	background: linear-gradient(0deg, #D0CAAE 0%, rgba(208, 202, 174, 0) 100%);
	z-index: 1;
}
.bar-gallery-slider-dots {
	position: absolute;
    bottom: 1.3rem;
    width: 100%;
}
.bar-gallery-slider-dots .slick-dots {
	list-style: none;
    display: flex;
    gap: 1.2rem;
    justify-content: center;
}
.bar-gallery-slider-dots .slick-dots li button {
	font-size: 0;
    border: none;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 1.9rem;
}
.bar-gallery-slider-dots .slick-dots li.slick-active button {
	width: 1.2rem;
}

.bar-title {
	font-size: 2.8rem;
    line-height: 3.52rem;
	margin-bottom: 1.3rem;
	padding: 0 2rem;
}
.bar-back-arrow {
	position: fixed;
    top: 2.4rem;
    left: 1.35rem;
    bottom: unset;
    width: 3.2rem;
    z-index: 1;
}
.bar-back-arrow svg {
	width: 100%;
}
.bar-description {
	line-height: 1.95rem;
	padding: 0 2rem;
    margin-bottom: 4.8rem;
}

.bar-negroni-variations-wrapper {
	padding: 0 2rem;
}
.bar-negroni-variations {
	padding: 3.6rem 3rem 3.2rem;
}
.bar-negroni-variations-list {
	gap: 4.7rem;
}
.bar-negroni-variation-image {
	margin-bottom: 4.2rem;
}



.bar-guests-title {
	margin-bottom: 2.4rem;
}
.bar-guests .schedule-guest-list {
	row-gap: 2.4rem;
	padding: 0 2rem;
	margin-bottom: 2.8rem;
}
.bar-guests .schedule-guest-item {
	width: 100%;
}
.schedule-guest-item:last-child {
	border-bottom: none;
}
.schedule-guest-item-image {
	height: 14rem;
}

.bar-guests {
	margin-bottom: 2.8rem;
}

.bar-guests-button {
	border-radius: 4rem 4rem 0 0;
	margin-bottom: 5.7rem;
}



.bar-bartender {
	padding-bottom: 0;
    margin-bottom: 3.3rem;
	border-bottom: none;
}
.bar-bartender:after {
	content: "";
	border-bottom: 0.1rem solid #928D7C;
}
.bar-bartender-title {
	margin-bottom: 2.9rem;
}
.bar-bartender-wrapper {
	flex-direction: column;
    align-items: center;
    gap: 2.5rem;
    padding: 0 2rem;
}
.bar-bartender-image {
	width: 13.2rem;
    height: 13.2rem;
}
.bar-bartender-info {
	width: 100%;
}
.bar-bartender-name {
	text-align: center;
	word-spacing: 100vw;
}
.bar-bartender-description {
	padding-bottom: 3.1rem;
    border-bottom: 0.1rem solid #928D7C;
}

.bar-info {
	margin-bottom: 4.4rem;
    padding: 0 2rem;
}
.bar-info > div {
	font-size: 1.4rem;
    padding-left: 3.45rem;
}

.bar-map {
	margin-bottom: 5.4rem;
}


.bar-bars-other {
	padding: 0 2rem 3.6rem;
}
.bar-bars-other-slider {
	margin-bottom: 2.1rem;
}
.bar-bars-other-slider-group {
	gap: 2rem;
}



/*** Расписание ***/
.page-template-page-schedule .logo {
	position: relative;
    top: 1.9rem;
}
.schedule-intro {
	height: 25rem;
    margin-top: 0;
	margin-bottom: 4.6rem;
}
.schedule-intro:after {
    height: 2rem;
}
.schedule-info {
	padding: 0 2rem;
}
.schedule-title {
	font-family: Angst;
    font-size: 3.2rem;
    font-weight: bold;
    line-height: 2.4rem;
    letter-spacing: 0.1em;
    text-align: center;
}
.schedule-text {
	width: auto;
	margin: 2.8rem auto 4.6rem;
}


.schedule-guest-list {
	display: flex;
    flex-direction: column;
    width: auto;
}
.schedule-guest-item {
    width: 100%;
}

.schedule-calendar {
	width: 100%;
    padding: 0 2rem;
	margin-bottom: 2.7rem;
}
.schedule-calendar-title {
	margin-bottom: 1.6rem;
}
.schedule-calendar .cities-choise {
	width: 100%;
}
.schedule-calendar-dates-wrapper {
	width: 100%;
    overflow-x: auto;
	margin-bottom: -15px;
}
.schedule-calendar-dates-wrapper::-webkit-scrollbar {
	width: 0;
}
.schedule-calendar-dates {
	padding: 0 2rem;
}

.schedule-guest-item-date {
    top: 8.7rem;
    left: 20.3rem;
}

.schedule-guests {
	padding-bottom: 0;
}
.schedule-guests .schedule-guest-list {
	row-gap: 2.4rem;
	padding: 0 2rem;
	margin-bottom: 2.4rem;
}

.schedule-guests-more {
	border-radius: 4rem 4rem 0 0;
}



/*** Negroni ***/
.negroni-image-wrapper {
	padding: 0 0 2.7rem;
}
.negroni-image {
	width: auto;
	border-radius: unset;
}
.negroni-image:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1.6rem;
	background: linear-gradient(0deg, #D0CAAE 0%, rgba(208, 202, 174, 0) 100%);
}


.negroni-about-title {
	font-size: 3.2rem;
    line-height: 3.52rem;
    margin-bottom: 1.3rem;
}
.negroni-about-text {
	padding: 0 2rem;
	margin-bottom: 2.7rem;
}
.negroni-recipe {
	padding: 3.6rem 1.3rem 2.65rem 2rem;
	margin: 0 2rem 3rem;
}

.negroni-fact {
    flex-direction: column-reverse;
    gap: 4rem;
	margin-bottom: 5rem;
}
.negroni-fact-image {
	border-radius: unset;
}
.negroni-fact-text {
	padding: 0 2rem;
}

.negroni-culture {
	margin-bottom: 4.5rem;
}
.negroni-culture-title {
	margin-bottom: 3rem;
}
.negroni-culture-slider-wrapper {
	flex-direction: column;
    gap: 4rem;
}
.negroni-culture-slider {
	width: 100%;
    padding: 0 2rem;
}
.negroni-culture-text-wrapper {
	padding: 0;
}
.negroni-culture-text {
	width: 100%;
    padding: 0 2rem;
}
.negroni-culture-slider-arrows {
	display: none;
}

.negroni-info {
	padding-bottom: 0;
}
.negroni-info-button {
	/*border-radius: 4rem 4rem 0 0;*/
	border-radius: 0;
}

.feedback {
	justify-content: flex-start;
	padding-left: 8rem;
}

}
