.wine_cellar {
    --lightGreen: #EFE0E5;
    --primaryColor: #590923;
    --primaryHover: #48061B;
    --primaryPress: #48061B;
    --scrollColor: rgba(89, 9, 35, .6)
}

.restaurant {
    --lightGreen: #E9E2D6;
    --primaryColor: #27201D;
    --primaryHover: #B48C59;
    --primaryPress: #B48C59;
    --scrollColor: rgba(39, 32, 29, .6)
}

@media screen and (max-width: 768px) {
    .header {
        padding:12px 0
    }

    .header .main_logo {
        order: 2;
        margin: 0 auto
    }

    .header .main_logo img {
        height: 57px
    }

    .header .lg_block {
        width: 90px;
        margin-left: 0;
        margin-right: -20px
    }

    .header .menu_btn {
        margin-left: 22px;
        order: 3;
        font-size: 0;
        line-height: 0;
        padding: 0;
        min-width: 48px
    }

    .header .menu_btn>span {
        margin: 0
    }

    .header_inner .book_btn,.header_inner .icon_phone,.header .menu_image {
        display: none
    }

    .header .menu_block {
        display: flex;
        flex-direction: column
    }

    .header .menu_block:before {
        display: block;
        content: "";
        min-height: 81px;
        background: inherit
    }

    .header .menu_inner {
        height: calc(100dvh - 81px);
        padding-bottom: 30px
    }

    .header .menu_inner .page_container {
        flex-direction: column
    }

    .header .menu_inner:before,.header .menu_inner:after {
        display: none
    }

    .header .menu_left {
        flex: none;
        flex-direction: column;
        max-width: 100%
    }

    .header .btns_container {
        padding: 20px 10px;
        display: flex;
        flex-wrap: wrap;
        white-space: nowrap;
        margin-bottom: 30px
    }

    .header .btns_container>* {
        flex: 1;
        margin: 10px;
        min-width: 230px
    }

    .header .main_menu {
        margin: 0 auto;
        padding: 0;
        text-align: center;
        max-width: 100%;
        width: 100%
    }

    .header .main_menu li {
        justify-content: center
    }

    .header .main_menu li:not(:first-child) {
        margin-top: 30px
    }

    .header .main_menu li:before {
        display: none
    }

    .header .secondary_menu {
        margin: 30px auto 0;
        padding: 0;
        text-align: center
    }

    .header .secondary_menu li:not(:first-child) {
        margin-top: 20px
    }

    .header .menu_right {
        flex: none;
        max-width: 100%;
        margin: 30px auto 0
    }

    .header .contact_title {
        font-size: 180%;
        margin-bottom: 14px
    }

    .header .contact_block {
        margin-bottom: 30px
    }

    .header .contact_block .simple_btn {
        margin-top: 14px
    }

    .header .contact_info br {
        height: 10px
    }

    .header .menu_decor {
        justify-content: center;
        align-items: flex-end
    }

    .header .menu_decor .decor_inner {
        max-width: 320px;
        flex: 0 0 100%;
        height: auto;
        aspect-ratio: auto
    }

    .header .menu_decor .decor_inner img {
        height: auto;
        width: 960px
    }
}

@media screen and (max-width: 768px) {
    .footer {
        text-align:center
    }

    .footer .page_container {
        padding: 0
    }

    .footer_inner {
        flex-direction: column-reverse
    }

    .footer_inner:before {
        display: none
    }

    .footer .menu_left {
        padding: 30px 20px;
        flex: none;
        max-width: 100%;
        background: var(--primaryHover, #00362A)
    }

    .footer .menu_left:before {
        width: 160px;
        bottom: 100%;
        right: 50%
    }

    .footer .menu_left:after {
        height: 100px;
        right: 50%;
        margin-right: 180px;
        bottom: 100%
    }

    .footer .menu_right {
        padding: 40px 0;
        flex: none;
        max-width: 100%
    }

    .footer .menu_right:before {
        width: 160px;
        left: 50%;
        background-image: url(left_large-Cv21a2mZ.svg);
        transform: scaleX(-1);
        -moz-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        -o-transform: scaleX(-1)
    }

    .footer .menu_right:after {
        height: 100px;
        left: 50%;
        margin-left: 180px;
        background-image: url(left_small-CC4BB9F7.svg)
    }

    .footer .right_inner {
        margin: 0 auto
    }

    .footer .logo_block {
        margin-bottom: 30px
    }

    .footer .logo_block img {
        height: 90px
    }

    .footer .booking_btn {
        margin-bottom: 30px
    }

    .footer .main_menu,.footer .secondary_menu {
        display: none
    }

    .footer .contact_block {
        margin-bottom: 30px
    }

    .footer .contact_title {
        margin-bottom: 14px
    }

    .footer .info_block {
        flex-direction: column;
        padding: 0
    }

    .footer .copyrights,.footer .developer {
        padding: 0;
        font-size: 120%
    }

    .footer .developer {
        margin-top: 12px
    }

    .wine_cellar .footer .menu_right:before {
        background-image: url(wine_left_large-g06cvVl9.svg)
    }

    .wine_cellar .footer .menu_right:after {
        background-image: url(wine_left_small-hkBPkUz-.svg)
    }
}

@media screen and (max-width: 768px) {
    .main_section {
        padding-top:81px
    }

    .core_values .values_list {
        max-width: clamp(272px,85%,360px)
    }

    .core_values li {
        margin: 30px auto 0;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0
    }

    .core_values .value_icon {
        width: 70px;
        outline-offset: 5px
    }

    .core_values .value_icon img {
        width: 40px;
        height: 40px
    }

    .core_values .value_name {
        margin-top: 14px
    }

    .core_values .value_description {
        margin-top: 6px
    }

    .facilities .includes_list li {
        height: 56px
    }

    .facilities .includes_list li img {
        margin-right: 4px
    }

    .facilities .section_inner {
        padding: 0 0 30px
    }

    .facilities .images_list {
        position: relative;
        top: auto;
        height: auto;
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0 0 30px;
        display: flex
    }

    .facilities .images_list li {
        flex: 1;
        margin: 0 5px;
        height: auto;
        padding: 0;
        aspect-ratio: 25/32
    }

    .facilities .large_title {
        padding: 0 20px
    }

    .facilities .description_block {
        margin-top: 14px;
        padding: 0 20px
    }

    .facilities .facility_block {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 30px 15px 0;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center
    }

    .facilities .facility_block .facility_logo {
        margin: 0 5px;
        align-self: center
    }

    .facilities .facility_block .facility_logo img {
        height: 43px
    }

    .facilities .facility_block .facility_link {
        margin: 0 5px
    }

    .facilities .facility_block+.facility_block {
        padding: 50px 15px 0
    }

    .facilities .facility_block+.facility_block .facility_logo {
        order: 2;
        align-self: center
    }

    .facilities .facility_block+.facility_block .facility_logo img {
        height: 49px;
        margin-top: 0
    }

    .explore_more ul {
        margin-left: -20px;
        margin-right: -20px;
        flex-wrap: wrap
    }

    .explore_more li {
        flex: 0 0 100%;
        max-width: 100%;
        aspect-ratio: 36/17
    }

    .explore_more .name_block {
        margin-top: -47.22%;
        font-size: 240%;
        width: 100%;
        height: 100%;
        aspect-ratio: unset;
        background: #0006
    }

    .explore_more .name_block span {
        min-width: 120px
    }

    .feedbacks_slider {
        padding-bottom: 54px
    }

    .feedbacks_slider:before,.feedbacks_slider:after {
        display: none
    }

    .feedbacks_slider .feedback_text {
        margin-top: 30px;
        font-size: 140%;
        min-height: 148px
    }

    .feedbacks_slider .feedback_author {
        padding-top: 20px;
        font-size: 160%
    }

    .feedbacks_slider .nav_track {
        margin-top: 20px
    }

    .feedbacks_slider .swiper-prev,.feedbacks_slider .swiper-next {
        top: auto;
        bottom: 12px;
        margin: -12px 0
    }

    .feedbacks_slider .swiper-prev:before,.feedbacks_slider .swiper-next:before {
        font-size: 2.4rem
    }

    .feedbacks_slider .image_block {
        max-width: 320px
    }

    .rooms_section .section_bg {
        bottom: clamp(-220px,-100dvh,0px);
        margin: 144px auto
    }

    .rooms_section .section_bg img {
        width: 85px;
        flex: 0 0 85px;
        margin-top: -58px;
    }

    .rooms_section .section_inner {
        padding-top: 164px;
        max-height: none;
        height: auto;
        display: block
    }

    .rooms_section .search_form {
        padding-top: 14px
    }

    .rooms_section.active .section_bg {
        width: 222.22%
    }

    .rooms_type_list {
        margin-top: 20px;
        max-height: none;
        height: auto;
        flex: unset
    }

    .rooms_type_list .slider_dots {
        position: relative;
        left: auto;
        bottom: auto;
        margin-top: 20px;
        top: auto
    }

    .rooms_type_list .swiper-pagination-bullet {
        background: #0045354d
    }

    .room_type_block {
        aspect-ratio: 198/263;
        height: auto
    }

    .room_type_block .name_block {
        font-size: 180%;
        padding: 10px 14px;
        height: 74px
    }

    .room_type_block .name_block:before {
        font-size: 2.4rem;
        margin-right: 0;
        margin-left: 5px
    }

    .room_type_block img {
        width: 100%;
        object-fit: cover
    }

    .images_section {
        padding-bottom: 40px
    }

    .images_section .images_list .list_inner {
        padding-top: 40px
    }

    .images_section .images_list .list_inner:before,.images_section .images_list .list_inner:after {
        min-width: 20px
    }

    .images_section .image_block {
        padding: 12px
    }

    .images_section .image_block .image_inner {
        width: 146px
    }

    .images_section .image_block .image_title {
        min-height: 48px;
        padding-top: 10px
    }

    .images_section .image_block:nth-child(5n+1) {
        margin-top: 0
    }

    .images_section .image_block:nth-child(5n+2) {
        margin-bottom: 0;
        margin-left: 20px
    }

    .images_section .image_block:nth-child(5n+3) {
        margin-top: -95px;
        margin-left: 5px
    }

    .images_section .image_block:nth-child(5n+4) {
        margin-left: 0
    }

    .images_section .image_block:nth-child(5n) {
        margin-top: -125px;
        margin-left: -20px
    }

    .images_section .image_block:nth-child(5n+6) {
        margin-left: -40px
    }

    .images_section .info_block {
        margin-top: 14px
    }

    .images_section .info_inner:before {
        margin-bottom: 24px
    }
}

@media screen and (min-width: 576px) and (max-width: 768px) {
    .rooms_type_list:not(.swiper-initialized) .swiper-slide {
        flex:0 0 40%;
        max-width: 40%
    }
}

@media screen and (max-width: 640px) {
    .main_section {
        padding-bottom:110px
    }

    .main_section .section_inner {
        max-width: 480px;
        margin: 0 auto
    }

    .main_section .type_block {
        font-size: 160%;
        line-height: 24px
    }

    .main_section .welcome_block {
        font-size: 280%;
        margin-top: 20px;
    }

    .main_section .name_block {
        font-size: 280%;
    }

    .main_section .short_info {
        position: relative;
        overflow: hidden;
        margin-top: 20px;
        font-size: 140%;
        width: 345px;
        max-width: 100%
    }

    .main_section .scroll_btn {
        bottom: 30px
    }
}

@media screen and (max-width: 640px) and (max-height: 640px) {
    .main_section {
        padding-bottom:40px
    }
}

@media screen and (max-width: 640px) and (max-height: 400px) {
    .main_section .section_inner {
        max-width:400px;
        margin: 0 auto
    }

    .main_section .type_block {
        font-size: 140%;
        line-height: 20px
    }

    .main_section .welcome_block {
        font-size: 240%;
        margin-top: 5px
    }

    .main_section .name_block {
        font-size: 320%
    }

    .main_section .short_info {
        margin-top: 10px;
        font-size: 120%
    }

    .main_section .scroll_btn {
        bottom: 20px
    }
}

@media screen and (max-width: 575px) {
    .facilities .large_title {
        margin-top:-18px
    }

    .rooms_type_list:not(.swiper-initialized) .swiper-slide {
        flex: 0 0 62.5%;
        max-width: 62.5%
    }
}

@media screen and (max-height: 575px) {
    .images_section {
        padding-bottom:10px
    }

    .images_section .images_list .list_inner {
        padding-top: 50px
    }

    .images_section .image_block {
        padding: 6px
    }

    .images_section .image_block .image_inner {
        width: 80px
    }

    .images_section .image_block .image_title {
        display: none
    }

    .images_section .image_block:nth-child(5n+1) {
        margin-top: 0
    }

    .images_section .image_block:nth-child(5n+2) {
        margin-bottom: 0;
        margin-left: 20px
    }

    .images_section .image_block:nth-child(5n+3) {
        margin-top: -95px;
        margin-left: 5px
    }

    .images_section .image_block:nth-child(5n+4) {
        margin-left: 0
    }

    .images_section .image_block:nth-child(5n) {
        margin-top: -125px;
        margin-left: -20px
    }

    .images_section .image_block:nth-child(5n+6) {
        margin-left: -40px
    }

    .images_section .info_block {
        margin-top: 6px
    }

    .images_section .info_inner:before {
        margin-bottom: 10px
    }
}

@media screen and (max-width: 768px){
	.masavarmobilyok{
		opacity: 100% !important;
	}
	
	.dyok{
		opacity: 0%;
	}
	
	.mvardyok{
		opacity: 0% !important;
	}
	
	.xmasadavarmobildeyok{
		flex-direction: row-reverse;
	}
	
	.masadavarmobildeyok::before{
		rotate: 180deg;
	}
	
	.hakkimizdaozel{
		flex-direction: row-reverse;
	}
	
	.hakkimizdaozel::before{
		rotate: 180deg;
		margin-inline-start: 10px;
        margin-inline-end: 0px !important;
	}
	
}