@charset "utf-8";

@media screen and (min-width:480px) {
    .icons .container {
        grid-template-columns: repeat(2, 1fr);
    }
    .icons.details_icon .one_tile:first-child::after {
        display: none;
    }
    .icons.details_icon .one_tile::before {
        height: 100px;
        width: 1px;
        left: 100%;
        transform: translateX(0) translateY(50%);
        bottom: 50%;
    }

    .icons.details_icon .one_tile:nth-child(2n + 2)::before {
        display: none;
    }
}

@media screen and (min-width:640px) {
    .title {
        font-size: 52px;
        line-height: 62px;
    }

    .description {
        padding: 0 10%;
    }

    .page_404 .code {
        font-size: 100px;
        line-height: 160px;
    }

    A.but .element_1,
    Button.but .element_1 {
        fill: #fff;
        position: absolute;
        bottom: -54px;
        right: -60px;
        width: 160px;
        height: 160px;
        opacity: 0;
        transition: .3s;
    }

    A.but:hover .element_1,
    Button.but:hover .element_1 {
        bottom: -76px;
        right: -60px;
        opacity: 1;
        transition: .3s ease-out .5s;
    }

    A.but .element_2,
    Button.but .element_2 {
        fill: #fff;
        position: absolute;
        bottom: -55px;
        right: -39px;
        width: 160px;
        height: 160px;
        transform: rotate(90deg);
        transition: .3s ease-out .5s;
    }

    A.but:hover .element_2,
    Button.but:hover .element_2 {
        bottom: -76px;
        right: -60px;
        transform: rotate(0deg);
        transition: .3s;
    }

    /* шапка сайту
    ---------------------------------*/

    .header A.menu {
        font-weight: 300;
        font-size: 13px;
        line-height: 18px;
        text-transform: uppercase;
        color: var(--main_font_color)
    }

    A.menu .menu_icon {
        margin-right: 15px;
    }

    .trips {
        width: auto;
        left: 120px;
    }

    .trips Span.trip {
        position: relative;
        right: auto;
    }

    .general_menu {
        width: 80%;
    }

    .general_menu Nav A,
    .general_menu Nav UL LI UL Span {
        font-size: 28px;
    }

    .general_menu Nav UL LI UL A {
        font-size: 20px;
        line-height: 26px;
        padding: 0 0 0 44px;
    }

    .general_menu Nav UL LI UL A::after {
        width: 12px;
    }

    .general_menu Nav UL LI UL A:hover::after,
    .general_menu Nav UL LI UL A.active::after {
        top: 12px;
        width: 12px;
    }

    .general_menu Nav UL LI UL A:hover::before,
    .general_menu Nav UL LI UL A.active::before {
        width: 12px;
    }

    .general_menu Nav LI {
        margin: 0 0 20px 0;
    }

    .general_menu Nav A::after {
        height: 26px;
    }

    .general_menu Nav A.back {
        padding: 0 0 0 32px;
        left: -32px;
    }

    /* верхній рядок
	---------------------------------*/

    .order_btn {
        max-width: 300px;
        margin-left: -150px;
        left: 50%;
    }

    /* компонент плитка
    ---------------------------------*/

    .one_tile Figure {
        width: 83%;
        max-width: 1270px;
    }

    .catalog.news .one_tile Figure  {
        width: 100%;
        max-width: none;
    }

    .tile_desc {
        width: 300px;
        margin: 0;
        top: 50%;
        right: 0;
        position: absolute;
        transform: translateY(-50%);
    }

    .services .one_tile {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 30px;
        align-items: center;
    }

    .services.details .one_tile:first-child {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .one_tile:nth-child(odd) .service_inner {
        margin-left: auto;
    }

    .one_tile:nth-child(even) .tile_desc {
        right: auto;
        left: 0;
    }

    .one_tile:nth-child(even) .service_inner {
        grid-column: 1/2;
        grid-row: 1/2;
    }

    .video_here Iframe {
        max-height: 380px;
    }

    /* компонент плитка 2 (лінки)
    ---------------------------------*/
    .tile_2 Figcaption {
        font-size: 40px;
        line-height: 54px;
        bottom: 20px;
        right: 30px;
    }

    .tile_2 .one_tile:nth-child(even) Figcaption {
        left: 30px;
    }

    /* компонент номери - каталог
    ---------------------------------*/
    .catalog {
        padding-top: 35px;
    }
    .catalog .title {
        font-size: 40px;
        line-height: 48px;
    }

    .catalog .tile_desc {
        padding: 30px;
    }

    .rooms_name {
        padding: 0 10px;
        justify-content: center;
    }

    .rooms_name A {
        margin: 0 8px;
    }

    /* компонент іконки
    ---------------------------------*/
    .icons {
        padding: 80px 0 0 0;
    }

    .icons .container {
        grid-template-columns: repeat(3, 1fr);
    }

    .restaurant .icons .one_tile,
    .icons.template_2 .one_tile {
        margin: 0;
    }

    /* компонент короткий опис
    ---------------------------------*/
    .short_desc::after {
        height: 56%;
    }

    /* компонент інші номери
    ---------------------------------*/
    .other_rooms .title {
        font-size: 36px;
        line-height: 50px;
    }

    /* компонент компонент новини - каталог
    ---------------------------------*/
    .news .news_row .one_tile:nth-child(3) Figure {
        width: 100%;
    }

    /* компонент контакти
    -----------------------------------------*/
    .contacts {
        margin: 0 0 60px 0;
    }

    .contacts .address {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 30px;
        padding: 26px 10px 0px;
    }

    /* компонент фідбек + зв.зв
    -----------------------------------------*/
    .feedback_map Form {
        text-align: center;
    }

    /* компонент послуги
    -----------------------------------------*/
    .services .tile_desc {
        width: 50%;
        margin: 0;
        padding: 20px;
    }

    .services.details .tile_desc {
        padding: 0;
    }

    .services .one_tile Figure {
        width: 100%;
    }

    /* компонент послуги - детальне
    -----------------------------------------*/
    .services.details .tile_desc {
        width: 100%;
        top: auto;
        right: auto;
        position: relative;
        transform: none;
    }
    .services.details .one_tile:nth-child(2n+2) figure {
        grid-column: 2/3;
    }
    .services.details .one_tile:nth-child(2n+2) .tile_desc  {
        grid-column: 1/2;
        grid-row: 1/2;
    }
    .services.details .one_tile Figure {
        max-width: 1010px;
    }
    .services.details .scale_image {
        height: 360px;
    }

    /* компонент лінки (плитка #2)
    -----------------------------------------*/

    .links .one_tile {
        max-width: 100%;
        margin: 0;
    }
    .links .js_links_slider .one_tile {
        margin: 0 10px 0 0;
        max-width: none;
    }
    /* компонент бронювання
    -----------------------------------------*/
    .book_here {
        padding: 100px 0 130px;
    }

    .book_here .title {
        opacity: 0.1;
    }

    .book_here .if_right {
        width: calc(50% - 15px);
        margin-left: auto;
    }

    .book_here .if_right Form {
        text-align: center;
    }

    /* підвал сайту
    ---------------------------------*/
    .footer .col_2 {
        grid-template-columns: repeat(3, 1fr);
    }
    

    .vm {
        margin: 0 0 0 26px;
    }

    .vm Img {
        margin: 4px 0 0 10px;
    }

    /* pop-up
    -----------------------------------------*/
    .popup {
        width: 600px;
    }

    .icons.details_icon .one_tile:nth-child(2n + 2)::before {
        display: block;
    }

    .icons.details_icon .one_tile:nth-child(3n + 3)::before {
        display: none;
    }
    .subscribe_news .news_inner {
        display: grid;
        grid-template-columns:  max-content 1fr minmax(min-content, 230px);
        grid-column-gap: 30px;
        align-items: center;
    }
    .subscribe_titile {
        margin-bottom: 0;
    }
    .subscribe_news input[type=text] {
        margin-bottom: 0;
    }
    .subscribe_news button[type=submit] {
        height: max-content;
    }
    .booking {
        margin-bottom: 0;
    }
}

@media screen and (min-width:768px) {
    .title {
        font-size: 60px;
        line-height: 80px;
    }

    .description {
        padding: 0 16%;
    }

    /* шапка сайту
    ---------------------------------*/

    A.phone {
        display: none;
    }

    .header .dropdown.phones {
        display: flex;
        position: relative;
        width: max-content;
        height: 22px;
    }

    .header .dropdown.phones .svg {
        width: 16px;
        height: 16px;
        fill: var(--gold);
        position: absolute;
        top: 0;
        left: 0;
        transition: .3s;
    }

    .header .dropdown.phones:hover svg {
        fill: var(--light_gold);
        transition: .3s;
    }
    .header .dropdown.phones a {
        width: max-content;
        font-weight: 300;
        font-size: 18px;
        line-height: 22px;
    }
    .general_menu {
        width: 74%;
    }

    /* шапка в детальному номера
    ---------------------------------*/
    .description Span {
        padding: 0 20px;
    }

    .description Span::after {
        top: 11px;
        background: var(--opacity-link-color);
    }

    /* компонент плитка
    ---------------------------------*/

    .tile_desc {
        padding: 40px 60px;
        width: 400px;
    }

    .tile_desc Span {
        font-size: 48px;
        line-height: 60px;
    }

    /* компонент відео
    ---------------------------------*/
    .video {
        margin: 50px 0 160px;
    }

    .video_here Iframe {
        max-height: 460px;
    }

    /* компонент плитка 2 (лінки)
    ---------------------------------*/
    .tile_2 {
        grid-template-columns: repeat(2, 1fr);
    }

    /* компонент номери - каталог
    ---------------------------------*/
    .rooms_name A {
        margin: 0 12px;
    }

    .catalog .col_2 {
        flex-direction: row;
    }

    .catalog .tile_desc A.but {
        width: 50%;
    }

    .catalog .tile_desc A.but.style_2 {
        margin: 0 36px 0 0;
    }

    .catalog .tile_desc {
        padding: 40px;
    }

    .catalog .tile_desc A.but.style_2,
    .catalog .tile_desc A.but:last-child {
        width: 50%;
    }


    /* компонент іконки
    ---------------------------------*/
    .icons {
        padding: 80px 0 40px 0;
    }

    .icons .one_tile {
        margin: 0 0 40px 0;
    }

    /* компонент компонент новини - каталог
    ---------------------------------*/
    .news_row {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 40px;
        margin: 0 auto;
        max-width: 1400px;
    }

    .news_row .one_tile {
        margin: 0 0 100px 0;
    }

    .news Figure {
        max-width: 620px;
        width: 100%;
    }

    .catalog.news {
        max-width: none;
        margin-right: 0
    }

    /* стаття
    -----------------------------------------*/
    .for_article {
        margin: 0 0 120px 0;
    }

    .for_article A.but.style_2 {
        margin: 0 0 34px 20px;
    }

    .for_article H1,
    Article H1,
    Article H2,
    Article H3 {
        padding: 0 20px 28px;
        font-size: 40px;
        line-height: 50px;
    }

    Article H2 {
        padding: 0 20px 22px;
        font-size: 30px;
        line-height: 38px;
    }

    Article H3 {
        padding: 0 20px 14px;
        font-size: 24px;
        line-height: 30px;
    }

    Article P,
    Article em {
        padding: 0 20px 26px;
    }

    Article IMG {
        height: 400px !important;
        width: calc(100% + 40px) !important;
        left: -20px;
    }

    Article UL {
        padding: 0 20px 26px;
    }

    Article OL {
        padding: 0 20px 26px;
    }

    Article Footer {
        padding: 0 20px;
    }
    .catalog.news .news_row .one_tile:nth-child(4n+1) {
        grid-column: 1/4;
        max-width: 1010px;
        margin: 0 auto;
    }
    .catalog.news .news_row .one_tile:nth-child(4n+2) img,
    .catalog.news .news_row .one_tile:nth-child(4n+3) img,
    .catalog.news .news_row .one_tile:nth-child(4n+4) img {
        height: 350px;
        object-fit: cover;
    }
}

@media screen and (min-width:900px) {

    /* шапка сайту
    ---------------------------------*/

    .header .dropdown.lang {
        display: flex;
        position: absolute;
        transform: translateX(120px);
        width: 54px;
        font-size: 13px;
        line-height: 18px;
        font-weight: 300;
        letter-spacing: 0;
    }

    .header .dropdown.lang .svg {
        position: absolute;
        top: 0;
        left: -18px;
        width: 16px;
        height: 16px;
        fill: var(--gold);
    }

    .header .dropdown.lang Span {
        padding: 0 0 0 10px;
        width: max-content;
    }

    .header .dropdown.lang UL {
        padding: 0;
        background-color: rgb(224, 224, 224);
    }

    .header .dropdown.lang .overflow::before,
    .header .dropdown.lang .overflow::after {
        background-color: #282828;
    }

    .general_menu .lang {
        display: none;
    }

    A.close {
        top: 42px;
    }

    A.close::before,
    A.close::after,
    A.close Span::before {
        top: 10px;
        width: 30px;
        height: 4px;
    }

    A.close Span::before {
        width: 21px;
        top: 10px;
        right: 0;
        height: 3px;
    }

    .trips {
        left: 260px;
    }

    .trips Span {
        padding: 0 35px 0 50px;
    }

    .trips Span .svg {
        width: 35px;
        height: 35px;
    }

    .video_here Iframe {
        max-height: 530px;
    }

    /* компонент підписка
    ---------------------------------*/
    .subscriber {
        margin: 0 0 130px 0;
        padding: 40px 0;
    }

    .subscriber .container {
        display: flex;
        flex-direction: row;
    }

    .subscriber .title {
        margin: 0;
    }

    .subscriber .col_1 {
        margin: 0 30px 0 0;
    }

    .subscriber .col_2 {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 58%;
    }

    .subscriber Input {
        margin: 8px 30px 0 0;
    }

    /* компонент іконки
    ---------------------------------*/
    .restaurant .icons .container,
    .icons.template_2 .container {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .restaurant .icons .one_tile + .one_tile::before,
    .icons.template_2 .one_tile + .one_tile::before {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(-50%, -50%) rotate(-45deg);
    }

    /* компонент лінки (плитка #2)
    -----------------------------------------*/
    .links {
        margin: 100px 0;
    }

    .links .container {
        display: flex;
        flex-direction: row;
        grid-gap: 30px;
    }

    .links .js_links_slider {
        flex-direction: row;
    }

    /* компонент бронювання
    -----------------------------------------*/

    .book_here .title {
        margin: 0 40px 0 0;
    }
    .last_news .container {
        transform: none;
        flex-direction: column;
        margin: 0 auto -84px auto;
        padding: 0 10px;
    }
    .last_news .title {
        font-family: "Times-New";
        font-style: italic;
        font-size: 85px;
        line-height: 90px;
        color: #fff;
        margin: 0 0  55px 0;
    }
    .last_news .slick-arrow.control_next {
        transform: rotate(0);
    }
    .last_news .slick-arrow.control_prev {
        transform: rotate(180deg);
    }
    .book_here::after {
        top: auto;
        left: 70px;
        right: auto;
        bottom: 45px;
        width: 480px;
        height: 480px;
    }
    .if_right Form {
        padding: 45px 65px;
    }
    .contacts_map-inner {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 30px;
    }
    .feedback_map .if_right {
        margin: 0 0 0 auto;
    }
    .feedback_map .if_right Form {
        padding: 0 70px 50px 70px;
    }
    .feedback_map .title {
        text-transform: lowercase;
        font-size: 46px;
        line-height: 50px;
    }
    .feedback_map .but {
        margin-top: 35px;
    }
    .contacts_map-titile {
        font-size: 80px;
        line-height: 84px;
        margin-bottom: 35px;
    }
    .contacts_map-inner {
        position: relative;
    }
    .contacts_map-inner::before {
        content: "";
        width: 450px;
        height: 450px;
        background-image: url("../images/logo.svg");
        position: absolute;
        bottom: -200px;
        left: 200px;
        opacity: 0.1;
    }
    .slider_product figcaption,
    .slider_product .fig_element {
        display: grid;
        grid-template-columns: 40% max-content;
        justify-content: space-between;
        align-items: end;
        padding: 0 55px 55px 55px;
    }
    .slider_product .fig_element {
        grid-template-columns: 40% minmax(0, 300px);
    }
    .one_product-title {
        font-size: 30px;
        line-height: 34px;
    }
    .one_product-subtitle {
        margin-bottom: 0;
    }
    .links .js_links_slider .one_tile {
        margin-right: 30px;
    }
    .links .one_tile A {
        width: 360px;
    }
}

@media screen and (min-width:1024px) {

    BODY,
    HTML {
        font-size: 16px;
    }

    .title {
        font-size: 80px;
        line-height: 96px;
    }

    /* шапка сайту
    ---------------------------------*/
    Header.header {
        height: 100vh;
    }

    .header .long:nth-child(1) {
        min-height: 99px;
        height: 99px;
    }
    .header .logo {
        width: 68px;
        height: 68px;
    }

    .header.short .logo {
        top: 0;
    }

    .header A.but,
    .header .long.by_center A.but.style_2 {
        display: flex;
    }

    .trips Span {
        display: block;
    }

    /*.header .title.main {position:relative; transform:none; top:auto; left:auto;}*/
    .header .dropdown.phones {
        position: absolute;
        right: 200px;
    }

    .header .long.by_center A.but,
    .header A.but.main {
        display: none;
    }

    .header .long.by_center A.but.search_room {
        display: flex;
    }

    .select_room {
        display: grid;
        grid-template-columns: repeat(3, 1fr) max-content;
        grid-column-gap: 30px;
        align-items: end;
        /* margin: auto 0 0 0; */
        padding: 30px 0 40px 0;
        max-width: 1010px;
        margin: 0 auto;
        margin-bottom: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        position: relative;
    }

    .select_room::before,
    .select_room::after {
        content: "";
        width: 50vw;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 0;
    }

    .select_room::before {
        left: 100%;
    }

    .select_room::after {
        right: 100%;
    }

    .select_room.two_select {
        grid-template-columns: repeat(2, 1fr) max-content;
        max-width: 750px;
    }

    .select_room .but.search_room {
        padding-left: 35px;
        padding-right: 60px;
    }

    .general_menu {
        padding: 50px 50px 0 50px;
    }

    .general_menu Nav A,
    .general_menu Nav UL LI UL Span {
        font-size: 30px;
    }

    .general_menu Nav UL LI UL A {
        font-size: 24px;
        line-height: 30px;
    }

    .general_menu Nav UL LI UL A::after {
        width: 20px;
        height: 2px;
        top: 15px;
    }

    .general_menu Nav UL LI UL A:hover::after,
    .general_menu Nav UL LI UL A.active::after {
        top: 15px;
        width: 20px;
    }

    .general_menu Nav UL LI UL A:hover::before,
    .general_menu Nav UL LI UL A.active::before {
        width: 20px;
    }

    .general_menu Nav UL LI UL {
        padding: 54px 20px 0 50px;
    }

    .general_menu Nav LI {
        margin: 0 0 28px 0;
    }

    .general_menu Nav A.back {
        padding: 0 0 0 42px;
        left: -42px;
    }

    A.menu .menu_icon Span {
        transition: .3s;
    }

    A.menu:hover .menu_icon Span:nth-child(1) {
        width: 10px;
        transition: .3s;
    }

    A.menu:hover .menu_icon Span:nth-child(2) {
        width: 100%;
        transition: .3s;
    }

    A.menu:hover .menu_icon Span:nth-child(3) {
        width: 10px;
        transition: .3s;
    }


    /* шапка в детальному номера
    ---------------------------------*/
    .description Span {
        padding: 0 13px;
        position: relative;
    }

    .header.details .title {
        margin: 0 0 34px 0;
    }

    /* компонент плитка
    ---------------------------------*/

    .tile {
       position: relative;
       margin-bottom: 100px;
    }

    .tile::before {
        content: "";
        width: 400px;
        height: 400px;
        background-image: url("../images/logo.svg");
        background-size: contain;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateX(20%);
        opacity: 0.1;
    }

    .tile_desc {
        padding: 50px 50px;
    }

    .tile_desc A.but.style_2 {
        font-size: 24px;
        line-height: 32px;
    }

    .tile_desc A.but.style_2::after {
        top: 13px;
    }

    .tile_desc A.but.style_2::before {
        top: 10px;
    }

    /* компонент відео
    ---------------------------------*/
    .video {
        margin: 60px 0 200px;
    }

    .video::before {
        content: "";
        width: 400px;
        height: 400px;
        transform: translate(-50%, -50%);
    }

    .video::after {
        right: 14%;
        width: 66%;
        height: 100%;
    }

    .video .container {
        padding: 37px 0 0 0;
    }


    .video .sup_title {
        font-size: 60px;
        line-height: 60px;
    }

    .video_desc {
        margin-bottom: 92px;
        position: relative;
    }

    .video_desc::before {
        content: "";
        height: 100%;
        width: 93%;
        background-color: #f9f7f6;
        position: absolute;
        top: 0;
        left: 0;
    }

    .video .video_desc::before {
        display: none;
    }

    .video_desc .title {
        font-size: 70px;
        line-height: 75px;
        margin-bottom: 40px;
        font-style: italic;
    }

    .short_desc .video_desc .title {
        max-width: none;
    }

    .video_place {
    }

    .restourant .video_desc .title {
        font-size: 60px;
        line-height: 80px;
    }

    .short_text {
        line-height: 35px;
        font-size: 22px;
        max-width: 1010px;
        margin: 0 auto;
    }

    .video_here Iframe {
        max-height: 680px;
        min-height: 680px;
    }

    /* компонент плитка 2 (лінки)
    ---------------------------------*/
    .tile_2 {
        grid-template-columns: repeat(2, 1fr);
    }

    .tile_2 Figcaption {
        font-size: 60px;
        line-height: 80px;
        bottom: 40px;
        right: 50px;
        transition: .6s;
    }

    .tile_2 .one_tile:hover Figcaption {
        bottom: 60px;
        transition: .6s;
    }

    .tile_2 .one_tile:nth-child(even) Figcaption {
        left: 50px;
    }

    .tile_2 .one_tile Img {
        transform: scale(1.0);
        transition: 1s;
        height: 100%;
    }

    .tile_2 .one_tile:hover Img {
        transform: scale(1.2);
        filter: brightness(0.3);
    }

    /* компонент останні новини
    ---------------------------------*/

    .slick-list {
        padding: 0 !important;
    }

    .last_news .slick-arrow {
        top: 190px;
        left: -23%;
    }

    .one_slide Figcaption {
        font-size: 24px;
        line-height: 36px;
        bottom: 52px;
        left: 24px;
        padding: 0 24px 0 0;
    }

    /* компонент номери - каталог
    ---------------------------------*/
    .header_bg,
    .contacts .title {
        font-size: 60px;
        line-height: 70px;
        height: 650px;
        margin: -168px 0 -240px 0;
        padding: 280px 0 0 0;
    }

    .header_bg {
        margin: -168px 0 -400px 0;
    }

    .rooms_name {
        margin: 0 0 65px 0;
    }

    .rooms_name A {
        margin: 0 25px;
    }

    .catalog .tile_desc {
        padding: 50px;
    }

    .catalog .tile_desc .title {
        padding: 0;
        height: auto;
        margin: 0 0 42px 0;
    }

    .catalog .tile_desc Span:nth-child(2) {
        font-size: 24px;
        line-height: 30px;
    }

    .catalog .col_1 .col {
        margin: 0 0 42px 0;
    }

    .catalog .tile_desc A.but.style_2 {
        font: 16px/24px DIN-light-cond;
    }

    /* компонент іконки
    ---------------------------------*/

    .icons::after {
        width: 80%;
        left: 10%;
    }

    .icons .container {
        grid-template-columns: repeat(4, 1fr);
    }
    .restaurant .icons .container,
    .icons.template_2 .container {
        grid-template-columns: repeat(3, 1fr);
    }

    .icons .one_tile Img {
        margin: 0 0 30px 0;
    }

    .restaurant .icons .one_tile,
    .icons.template_2 .one_tile {
        max-width: 360px;
    }

    /* компонент короткий опис
    ---------------------------------*/
    .short_desc .video_desc {
        width: 100%;
        align-items: flex-end;
        display: flex;
        flex-direction: column;
        margin: 0;
        padding: 67px 0 70px 0;
        min-height: 500px;
    }

    .short_desc .video_desc .title {
        font-size: 40px;
        line-height: 56px;
    }

    .short_desc::after {
        top: 156px;
        bottom: auto;
        right: auto;
        left: 32%;
        width: 44%;
        height: 58%;
    }

    .short_desc .sup_title,
    .short_desc .title,
    .short_desc .short_text,
    .short_btn_wrap {
        width: 39%;
    }

    .short_desc .short_text {
        margin: 0 0 35px 0;
    }

    .photo_place {
        display: inline-block;
        width: 50%;
        margin: -525px 0 50px 0;
        position: relative;
        z-index: 2;
    }

    .photo_place .one_photo {
        width: 100%;
        max-height: 575px;
        height: max-content;
        display: flex;
        align-items: center;
        float: left;
    }

    .photo_place .one_photo:nth-child(2) {
        float: right;
        margin: 38% 0 0 0;
    }

    .short_desc.left_text {
        padding: 170px 0 150px 0;
    }

    .short_desc.left_text .video_desc {
        align-items: flex-start;
        padding: 55px 0 70px 0;
    }

    .short_desc.left_text .sup_title {
        font-family: "Times-New", Arial, sans-serif;
        font-size: 60px;
        line-height: 62px;
        font-style: italic;
        text-transform: none;
    }

    .short_desc.left_text .title {
        margin-bottom: 42px;
    }

    .short_desc.left_text .short_text {
        line-height: 34px;
    }

    .short_desc.left_text .photo_place {
        width: 56%;
        margin: -525px 0 0 auto;
    }

    .short_desc.left_text .photo_place picture {
        width: 100%;
        height: 100%;
    }

    .short_desc.left_text .video_desc::before {
        display: none;
    }

    .short_desc.left_text::before {
        width: 505px;
        height: 385px;
        top: 520px;
        left: 42%;
    }

    /* компонент інші номери
    ---------------------------------*/
    .other_rooms .title {
        font-size: 48px;
        line-height: 60px;
    }

    .other_rooms .tile_desc {
        padding: 10px 30px 30px 60px;
    }

    .other_rooms .slick-slide.one_slide:nth-child(2n+1),
    .other_rooms .slick-slide.one_slide {
        margin: 0 15px;
    }

    .other_rooms .slick-arrow {
        bottom: 50%;
        left: 30px;
    }

    .other_rooms .slick-arrow.slick-next {
        left: auto;
        right: 30px;
    }

    /* компонент підписка
    ---------------------------------*/
    .news_row::after {
        top: 30%;
        left: 36%;
        width: 30%;
        height: 28%;
    }

    .news Figcaption {
        font-size: 20px;
    }


    /* стаття
    -----------------------------------------*/
    .for_article .container {
        padding: 0 145px;
    }

    .for_article A.but.style_2 {
        position: absolute;
        top: 20px;
        left: 0;
        margin: 0;
    }

    .for_article A.but.style_2 {
        margin: 0 0 34px 20px;
    }

    .for_article H1,
    Article H1,
    Article H2,
    Article H3 {
        padding: 0 130px 50px;
        font-size: 60px;
        line-height: 80px;
    }

    Article {
        font-size: 16px;
    }

    Article H2 {
        padding: 0 130px 20px;
        font-size: 48px;
        line-height: 54px;
    }

    Article H3 {
        padding: 0 130px 28px;
        font-size: 30px;
        line-height: 38px;
    }

    Article P,
    Article em {
        padding: 0 130px 34px;
    }
    Article blockquote {
        margin: 0 130px 34px;
    }

    Article blockquote * {
        padding-left: 0;
        padding-right: 0;
    }

    Article IMG {
        height: auto !important;
        width: calc(100% + 260px) !important;
        margin: 0;
        left: -130px;
    }

    Article .article_images {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 30px;
        margin-bottom: 75px;
    }

    Article .article_images IMG {
        width: 100% !important;
        left: auto;
        object-fit: cover;
    }

    Article .article_images IMG:last-child:nth-child(2n+1) {
        left: 50%;
    }

    Article UL {
        padding: 0 130px 34px;
    }

    Article OL {
        padding: 0 130px 34px;
    }

    Article Footer {
        padding: 0 130px;
    }

    /* компонент контакти
    -----------------------------------------*/
    .contacts {
        margin: 0 0 120px 0;
    }

    .contacts .address {
        display: flex;
        flex-direction: row;
        padding: 46px 30px 12px;
    }

    .contacts .long {
        justify-content: flex-start;
    }

    .contacts .long.socials {
        justify-content: flex-end;
    }

    /* компонент фідбек + зв.зв
    -----------------------------------------*/
    .feedback_map {
        margin: 0;
        padding-top: 45px;
    }

    .map_here Iframe {
        height: 638px !important;
    }

    .map_place {
        margin: 0;
    }

    .feedback_map .map_place .map_here {
        height: 640px;
    }

    .feedback_map .container {
        margin: -638px auto 0;
        display: flex;
        justify-content: flex-end;
    }

    .if_right {
        width: 40%;
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .feedback_map .but {
        width: 100%;
    }


    /* компонент послуги
    -----------------------------------------*/
    .services .title {
        font-style: italic;
        text-transform: lowercase;
        font-size: 175px;
        line-height: 160px;
        padding-top: 10px;
        color: var(--gold);
        opacity: 0.1;    
    }

    .services .tile_desc {
        width: 50%;
        padding: 50px;
    }

    .services .tile_desc Span {
        margin: 0 0 20px 0;
    }

    /* компонент послуги - детальне
    -----------------------------------------*/


    /* компонент лінки (плитка #2)
    -----------------------------------------*/

    .links .one_tile {
        max-width: 360px;
    }

    /* компонент бронювання
    -----------------------------------------*/
    .book_here .title {
        font-size: 180px;
        line-height: 150px;
    }

    /* підвал сайту
    ---------------------------------*/
    Footer.footer {
        padding: 54px 0;
    }

    .footer .container {
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        gap: 10px;
    }

    .footer .col_3 {
        margin: 0;
        display: flex;
        max-width: 230px;
        width: 100%;
    }

    .footer .col_2 {
        text-align: start;
        grid-gap: 30px;
    }

    .footer .col_2 A {
        justify-content: flex-start;
    }
    .footer .col_2 .title {
        justify-content: flex-start;
    }

    .footer .col_2 svg {
        display: block;
    }

    .footer .logo {
        justify-content: flex-start;
    }

    .footer .logo svg {
        display: block;
    }

    .footer .col_1 {
        display: flex;
        flex-direction: column;
        max-width: 490px;
        width: 100%;
    }

    .payment_systems {
        justify-content: flex-start;
    }

    .location_footer {
        display: flex;
        flex-direction: column;
    }

    .location_section {
        display: flex;
        padding-left: 50px;
    }

    .location_section svg {
        margin-top: 5px;
        margin-right: 20px;
        width: 20px;
        height: 20px;
        fill: var(--opacity-link-color);
    }

    .location_section span{
        font-size: 15px;
        line-height: 24px;
        color: var(--opacity-link-color);        
    }

    .footer .col_1 .phones,
    .footer .col_1 A.but {
        display: none;
    }

    .footer .col_1 .copy.mob {
        display: flex;
        flex-direction: column;
        font-size: 13px;
        line-height: 18px;
        color: var(--opacity-link-color-20);
    }

    .col_1 .copy.mob A {
        color: var(--opacity-link-color-20);
        transition: .3s;
    }

    .col_1 .copy.mob A:hover {
        color: var(--opacity-link-color);
        transition: .3s;
    }

    .vm {
        margin: -30px 0 0 0;
    }

    .vm Img {
        margin: 0 12px 0 0;
    }

    .footer .col_3 .copy {
        display: none;
    }

    .footer .mob,
    .footer A.but.mob {
        display: flex;
    }

    .footer .phones.mob {
        display: flex;
        flex-direction: column;
    }
    
    .footer .phones {
        margin-right: 0;
    }

    .footer .phones .socials {
        position: relative;
        display: flex;
        flex-direction: row;
        width: 100%;
        margin: 10px 0 20px 16px;
        justify-content: center;
    }

    .footer .phones .socials A {
        margin: 0 6px;
    }

    .footer .col_3 A.but {
        color: var(--white-color-text);
        text-align: center;
        display: inline-block;
        position: relative;
        margin-right: 0;
    }

    .footer .col_3 Span {
        display: flex;
    }
    .footer .col_3, .footer .col_3 A  {
        font-size: 16px;
        font-weight: 300;
        letter-spacing: 0.4px;
    }

    .footer_bottom {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        margin: 0 auto;
        max-width: 1560px;
        width: 100%;
        padding: 0 15px;
    }

    .footer_bottom * {
        align-items: flex-start;
    }
    .short_desc.right_text.two_images .sup_title {
        margin-bottom: 0;
        font-size: 48px;
        line-height: 54px;
    }
    .short_desc.right_text.two_images .title {
        margin-bottom: 26px;
    }
    .short_desc.right_text.two_images .one_photo:last-child {
        display: block;
    }
    .short_desc.right_text.two_images .video_desc {
        padding: 120px 0 90px 0;
    }
    .short_desc.right_text.two_images .photo_place {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 30px;
        margin: 0;
        position: absolute;
        top: 50%;
        right: calc(50% - 15px);
        transform: translateY(-50%);
    }

    .short_desc.right_text.two_images .one_photo Img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }
    .short_desc.right_text.two_images .video_desc::before {
        display: none;
    }
    .icons.details_icon .one_tile:nth-child(3n + 3)::before {
        display: block;
    }
    .icons.details_icon .one_tile:nth-child(4n + 4)::before {
        display: none;
    }
    .other_rooms .slick-arrow {
        background-color: transparent;
        border-color: var(--white-color-text);
    }
    .other_rooms .slick-arrow::before {
        border-color: var(--white-color-text);
    }
    .other_rooms .col_1 {
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 15px;
    }
    .other_rooms .tile_desc .title {
        font-family: "OpenSans";
        font-style: normal;
    }
    .services {
        margin-bottom: 70px;
    }
    .service_title {
        font-size: 78px;
        line-height: 82px;
        margin-bottom: 60px;
    }

    .service_title > span {
        font-size: 58px;
        font-family: 'Times-New';
        font-style: italic;
        line-height: 67px;
        margin-bottom: 0;
    }
    .service_subtitile {
        font-size: 24px;
        line-height: 40px;
        letter-spacing: 0px;
        font-weight: 200;
        margin-bottom: 55px;
    }
    .services.details .scale_image {
        display: block;
    }
    .services .one_tile {
        
        justify-content: space-between;
    }
    .services .one_tile:nth-child(2n + 2) {
        grid-template-columns: 32% 59.5%;   
    }
    .services .one_tile:nth-child(2n + 3) {
        grid-template-columns: 59.5% 32%;
    }
    .services.details .one_tile:first-child .scale_image {
        display: none;
    }
    .services.details .one_tile:not(:first-child) figure {
        display: flex;
        justify-content: space-between;
    }
    .services .one_tile:nth-child(2n + 3) figure {
        flex-direction: row-reverse;
    }
    


    .services.details .one_tile:not(:first-child) .scale_image {
        width: calc(50% - 15px);
    }
    .services.details .one_tile:first-child .scale_image:first-child {
        display: block;
        height: 575px;
    }
    .services.details .one_tile:not(:first-child) .scale_image:not(:first-child) {
        margin-top: 75px;
    }
    .services.details .container .one_tile:nth-child(2n + 3) figure .scale_image {
        margin: 0;
    }
    .services.details .container .one_tile:nth-child(2n + 3) .scale_image:first-child {
        margin-top: 75px;
    }
    .services.details .title {
        padding-top: 35px;
        margin-bottom: 150px;
    }
    .services.details .one_tile Figure {
        margin-bottom: 60px;
    }
    .services.details .tile_desc Span {
        font-family: "Times-New";
        font-style: italic;
        text-transform: none;
        font-size: 48px;
        line-height: 52px;
    }
    .services.details .tile_desc Span .color {
        font-size: 80px;
        line-height: 84px;
    }
    .services.details .one_tile:not(:first-child) .tile_desc Span,
    .services.details .one_tile:not(:first-child) .tile_desc Span .color {
        font-size: 48px;
        line-height: 54px;
    }
    .header .long.by_center A.but.style_2.btn_hidden {
        display: none ;
    }
}

@media screen and (min-width:1120px) {

    /* шапка сайту
    -----------------------------------------*/
    
    .trips Span {
        padding: 0 55px 0 50px;
    }

    /* компонент послуги - детальне
    -----------------------------------------*/


    .short_desc {
        padding: 215px 0 45px 0 ;
    }
}

@media screen and (min-width:1230px) {

    .bg_titile {
        font-size: 160px;
        letter-spacing: 9px;
        line-height: 170px;
        margin-bottom: 80px;
    }

    /* компонент останні новини
    ---------------------------------*/

    /* компонент підписка
    ---------------------------------*/
    .subscriber {
        margin: 0 0 160px 0;
        padding: 86px 0;
    }

    .subscriber .sup_title {
        font-size: 20px;
        line-height: 28px;
    }

    .subscriber .title {
        font-size: 36px;
        line-height: 46px;
    }

    .subscriber .col_1 {
        margin: 0 160px 0 0;
    }

    .subscriber Input {
        margin: 8px 74px 0 0
    }

    /* компонент іконки
    ---------------------------------*/
    .icons {
        padding: 80px 0 0 0;
        margin: 0 0 60px 0;
    }

    .icons .one_tile {
        margin: 0 0 80px 0;
    }

    .icons::after {
        width: 100%;
        left: 0;
    }


    /* компонент короткий опис
    ---------------------------------*/
    .photo_place .one_photo:nth-child(2) {
        margin: 32% 0 0 0;
    }

    /* компонент контакти
    -----------------------------------------*/
    .contacts {
        margin: 0 0 140px 0;
    }

    .address .long:nth-child(1) {
        padding: 0 20px 0 0;
    }

    .contacts .container {
        padding: 0 130px;
    }

    /* компонент бронювання
    -----------------------------------------*/
    .book_here {
        margin: -50px 0 0 0;
        padding: 170px 0 130px
    }
    .other_rooms .slick-arrow {
        width: 60px;
        height: 60px;
    }
    .other_rooms .slick-arrow::before {
        top: 24px;
        right: 22px;
    }
    .other_rooms .col_1 {
        width: 50%;
    }
    .other_rooms .col_1 .col {
        width: 100%;
    }
    .other_rooms .container > .title,
    .slider_product-title {
        font-family: "Times-New";
        font-size: 180px;
        line-height: 180px;
        font-style: italic;
        color: #f2f0ec;
        text-transform: lowercase;
        margin-bottom: 85px;
    }
    .slider_product-title {
        display: block;
        text-align: center;
    }
    .news_slider .one_slide {
        margin: 0 15px;
    }
    .if_right Form {
        padding: 45px 130px;
    }
    .if_right Form::before, 
    .if_right Form::after {
        width: 15px;
    }
    .slider_product .slick-arrow {
        bottom: 224px;
        width: 60px;
        height: 60px;
    }
    .slider_product .slick-arrow::before {
        top: 23px;
        right: 25px;
    }
    .slider_product .slick-prev {
        left: -72px;
    }
    .slider_product .slick-next {
        right: -72px;
    }
    .slider_product .slick-arrow:hover::before {
        right: 15px;
    }
    .services.details .one_tile:first-child {
        margin-bottom: 160px;
    }
}

@media screen and (min-width:1280px) {

    .container,
    .video_desc {
        padding: 0 15px;
    }

    /* шапка сайту
    ---------------------------------*/

    .by_center {
        /* margin: 0 0 68px 0; */
    }   

    .header .long:nth-child(1)::after, 
    .header .long:nth-child(1)::before {
        width: 15px;
    }

    .header.details .select_table {
        margin-bottom: 160px;
    }

    /* компонент відео
    ---------------------------------*/
    .video::after {
        width: 57%;
    }

    /* компонент короткий опис
    ---------------------------------*/
    .restaurant .video_desc .sup_title {
        margin-bottom: 20px;
        font-size: 60px;
        line-height: 60px;
    }
    .restaurant .short_desc .video_desc .title {
        font-size: 46px;
        line-height: 50px;
        margin-bottom: 48px;
    }

    .photo_place .one_photo:nth-child(2) {
        margin: 30% 0 0 0;
    }

    /* компонент послуги - детальне
    -----------------------------------------*/

    .services.details .one_tile:first-child .short_text {
        width: 60%;
        margin-bottom: 40px;
    }

    .last_news {
        padding-top: 75px;
        margin-bottom: 160px;
    }

    .last_news .container {
        margin-bottom: -130px;
    }

    .last_news .title {
        font-size: 180px;
        line-height: 190px;
        margin: 0 0 40px 0;
    }

    .last_news .slick-arrow {
        width: 60px;
        height: 60px;
    }

    .last_news .slick-arrow::before {
        top: 24px;
        right: 24px;
    }
    .last_news .slick-arrow.control_next {
        margin-left: 30px;
    }

    .last_news .slick-slide.one_slide::after {
        opacity: 0;
        background: var(--opacity_black_50);
    }

    .last_news .slick-slide.one_slide:hover::after {
        opacity: 1;
    }
    .last_news::before {
        left: 320px;
        bottom: 50px;
        height: 475px;
        width: 475px;
        background-repeat: no-repeat;
    }
    .subscribe_news {
        margin: -162px 0 45px 0;
    }
    .subscribe_news input[type=text] {
        max-width: 620px;
        margin-left: auto;
    }

    .subscribe_titile {
        font-family: "Times-New";
        font-style: italic;
        font-size: 48px;
        line-height: 52px;
    }
    .subscribe_titile span {
        margin-bottom: 0;
    }
    .slider_product {
        margin-bottom: 72px;
    }
    .slider_product::before {
        content: "";
        width: 400px;
        height: 400px;
        bottom: auto;
        top: 0;
        right: 0;
        transform: translate(50%, 0);
        opacity: 0.1;
    }
    
    .slider_product .container {
        padding-bottom: 130px;
        position: relative;
        height: 710px;
    }

    .slider_product .container::before {
        content: "";
        height: 415px;
        width: calc(100% + 260px);
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        background-color: #f9f7f6;
        z-index: -1;
    }
    .catalog .bg_titile {
        margin-bottom: 80px;
    }
    .slider_product .fig_element {
        bottom: 130px;
    }
    .catalog .slider_product .slick-arrow {
        bottom: 222px;
    }
    .catalog .slider_product:nth-child(even)::before {
        width: 150px;
        height: 150px;
        top: 0;
        bottom: auto;
        right: auto;
        left: -30px;
        transform: none;
    }
    .services .one_tile Figure {
        margin-bottom: 0;
    }
    .services .one_tile {
        margin-bottom: 150px;
    }
    .services.details .one_tile:nth-child(2n + 2) {
        position: relative;
    }
    .services.details .one_tile:nth-child(2n + 2)::after {
        content: "";
        width: 500px;
        height: 500px;
        background-image: url("../images/logo.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        position: absolute;
        bottom: -50px;
        left: 50%;
        transform: translate(-50%);
        opacity: 0.1;
    }
    .services.details  .one_tile:first-child .scale_image:first-child {
        position: relative;
        overflow: unset; 
    }
    .services.details  .one_tile:first-child .scale_image:first-child::after{
        content: "";
        width: calc(100% + 260px);
        height: 410px;
        background-color: #f9f7f6;
        position: absolute;
        bottom: -120px;
        left: 50%;
        transform: translateX(-50%);
        z-index: -1;
    }
    
    .services.details .scale_image Img {
        animation: none;
    }
    .services.details .one_tile:first-child {
        position: relative;
    }
    .services.details .one_tile:first-child::before {
        content: "";
        width: 365px;
        height: 365px;
        background-image: url("../images/picture_bg.jpg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(-50%, 0);
        z-index: -2;
    }
}

@media screen and (min-width:1400px) {
    .for_article {
        padding-top: 112px;
        position: relative;
    }
    .for_article::before {
        content: "";
        width: 100%;
        min-height: 1000px;
        background-image: url("../images/article-bg-bottom.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        position: absolute;
        top: 1000px;
        left: 0;
    }
    .for_article::after {
        content: "";
        width: 100%;
        height: 310px;
        background-image: url("../images/article-bg-top.jpg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        left: 0;
        top: 500px;
    }
    .for_article .news_but {
        margin-bottom: 50px;
    }
    .for_article.news_article h1 {
        font-family: "Times-New";
        font-style: italic;
        text-transform: none;
    }
    Article blockquote {
        padding-left: 80px;
    }
    Blockquote::after {
        width: 90px;
        height: 90px;
        left: -22px;
    }
    Article H2 {
        font-family: 'Times-New';
        text-transform: none;
        font-style: italic;
    }
    Article em {
        font-family: 'Times-New';
        font-size: 28px;
        display: inline-block;
        letter-spacing: 0.9px;
    }
    Article UL LI {
        margin-bottom: 18px;
    }
    .header .by_center {
        /* padding-top: 195px; */
    }
    .subscribe_news {
        margin-bottom: 100px;
    }
    .subscribe_news .news_inner {
        padding: 155px 125px 90px 128px;
    }
    .news_slider {
        transform: translateY(70px);
    }
    .news_row {
        grid-column-gap: 160px;
        grid-row-gap: 155px;
    }
    .catalog.news {
        margin-bottom: 115px;
    }
    .catalog.news .news_row .one_tile:nth-child(4n+1) {
        position: relative;
    }
    .catalog.news .news_row .one_tile:nth-child(4n+1)::before {
        content: "";
        width: calc(100% + 260px);
        height: 410px;
        background-color: #f9f8f6;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: -40px;
    }

    .catalog.news Figcaption {
        font-size: 16px;
        line-height: 30px;
        font-weight: 600;
        text-transform: uppercase;
    }
    .catalog.news .news_row .one_tile:nth-child(4n+1) Img {
        margin-bottom: 35px;
    }
    .description {
        flex-direction: row;
    }
    .description Span::after {
        display: block;
    }
}

@media screen and (min-width:1560px) {
    .container {
        max-width: 1560px;
    }

    /* шапка сайту
    ---------------------------------*/
    .header .long:nth-child(1)::after, 
    .header .long:nth-child(1)::before {
        width: 50vw;
    }
    .header .long:nth-child(1) .but {
        padding: 12px 19px;
        letter-spacing: 0px;
    }
    .logo_text {
        display: flex;
        flex-direction: column;
        color: var(--brown_light)
    }

    .header .logo {
        margin-right: 15px;
    }

    /* компонент відео
    ---------------------------------*/
    .video_place {
        top: 100px;
        transform: translateY(0);
    }

    /* компонент останні новини
    ---------------------------------*/
    .last_news .slick-arrow {
        left: -27%;
    }

    /* компонент короткий опис
    ---------------------------------*/
    .photo_place .one_photo:nth-child(2) {
        margin: 27% 0 0 0;
    }

    /* компонент галерея
    ---------------------------------*/

    .gallery .container {
        margin-right: 0;
    }

    .gallery .bg_titile {
        font-size: 180px;
        line-height: 245px;
        margin-bottom: -15px;
        transform: translateX(161px);
    }

    .short_desc.right_text.two_images .photo_place {
        width: 772px;
    }
    .restaurant .icons .one_tile,
    .icons.template_2  .one_tile {
        margin: 0 auto;
    }
    .restaurant .icons .one_tile + .one_tile::before,
    .icons.template_2 .one_tile + .one_tile::before {
        left: -60px;
    }
    .restaurant .icons .one_tile:nth-child(3n + 2) a,
    .icons.template_2 .one_tile:nth-child(3n + 2) a {
        transform: translateY(60px)
    }
    .restaurant .icons .one_tile:nth-child(3n + 4)::before,
    .icons.template_2 .one_tile:nth-child(3n + 4)::before {
        display: none;
    }
    .icons.details_icon .one_tile:nth-child(4n + 4)::before {
        display: block;
    }
    .icons.details_icon .one_tile::before {
        height: 135px;
    }
    .icons.details_icon .one_tile:first-child::after,
    .icons.details_icon .one_tile:nth-child(1n + 4)::after {
        content: "";
        background-color: #e3d4c6;
        position: absolute;
        display: block;
        height: 135px;
        width: 1px;
        left: 0;
        transform: translateX(0) translateY(50%);
        bottom: 50%;
    }
    .if_right Form {
        padding: 85px 245px 110px 130px;
    }
    .if_right Form::before {
        display: none;
    }
    .book_here .title {
        margin-bottom: -110px;
    }
    .book_here::after {
        left: auto;
        right: calc( 50% + 100px );
    }
    .if_right Form::after {
        width: var(--length_element);
    }
    .contacts_map-titile {
        font-size: 175px;
        line-height: 175px;
        font-style: italic;
        text-transform: lowercase;
        opacity: 0.1;
        margin-bottom: 70px;
    }
    .address {
        margin-top: 5px;
    }
    .addres-title {
        font-size: 22px;
        line-height: 35px;
        margin-bottom: 75px;
        width: 83%;
    }
    .gallery .slick-arrow {
        width: 60px;
        height: 60px;
    }

    .gallery .slick-arrow::before {
        top: 24px;
        right: 24px;
    }
    .gallery .slick-arrow:hover::before {
        right: 15px;
    }
}

@media screen and (min-width:1680px) {

    /* компонент компонент галерея
    ---------------------------------*/
    .gallery {
        margin: 0 0 180px 0;
        position: relative;
    }
    .gallery .container {
        position: static;
    }
    .gallery_btn {
        /* position: absolute;
        top: 50%;
        left: 0; */
        position: static;
        padding: 0;
    }

    .gallery_btn .prev {
        transform: translateX(-50%) rotate(180deg);
        left: calc(50% - 765px);
    }

    .gallery_btn .next {
        transform: translateX(50%);
         right: calc( 50% - 765px);
    }

    .gallery .slick-arrow {
        position: absolute;
        top: 62%;
    }

    .gallery .slick-arrow.slick-next {
        left: auto;
        right: -74px;
    }

    .links .js_links_slider {
        padding-bottom: 0;
    }

    .links .js_links_slider .slick-prev {
        top: 50%;
        left: -55px;
        transform: translateY(-50%) rotate(-180deg);
    }

    .links .js_links_slider .slick-next {
        top: 50%;
        right: -55px;
        transform: translateY(-50%);
    }
}

@media screen and (min-width:1700px) {

    /* компонент останні новини
    ---------------------------------*/
    .last_news .slick-arrow {
        left: -26%;
    }
}

@media screen and (min-width:1820px) {

    /* компонент останні новини
    ---------------------------------*/
    .last_news .slick-arrow {
        left: -27%;
    }
}