@media (min-width: 1920px) {
    .main-restorans .restorans-container .item.sml {
        max-width: 148rem;
    }
}

@media (max-width: 1700px) {
    .main-menu .menu-contacts {
        padding: 3rem;
    }

    .main-menu .menu-contacts .contacts-container {
        padding: 3rem;
    }

    .main-menu .menu-contacts {
        margin: 0 0 0 4rem;
    }

    .main-menu .menu-contacts {
        width: 50rem;
        min-width: 50rem;
    }

    .main-menu .menu-contacts .name {
        margin: 0 0 3rem 0;
        font-size: 3rem;
    }

    .main-menu .menu-left .nav-item {
        margin: 0 0 1.6rem 0;
        font-size: 3rem;
    }

    h1 {
        font-size: 9rem;
    }
}

@media (max-width: 1500px) {
    .padding-left {
        padding-left: 1rem;
    }

    .padding-right {
        padding-right: 1rem;
    }

    .numbers-section .item:nth-child(even) {
        padding-left: 1rem;
        padding-right: 0;
    }

    .header .header-left {
        max-width: 36rem;
    }

    .header .header-right {
        max-width: 48.4rem;
    }

    .header .header-phones .phone-button {
        font-size: 2rem;
    }

    h1 {
        font-size: 6rem !important;
        letter-spacing: 0.6rem;
    }

    .main-section .main-info .h1-anons {
        margin: 3rem 0 0 0;
        font-size: 2.4rem;
    }

    .main-section .main-info {
        top: 60%;
    }

    .main-menu .menu-left .nav-item {
        font-size: 2.4rem;
        line-height: 3.2rem;
    }

    .main-menu .menu-right .nav-item {
        margin: 0 0 1.2rem 0;
        font-size: 1.4rem;
    }

    .main-menu .menu-contacts .contacts-block {
        margin: 0 0 2rem 0;
    }

    .main-menu .menu-contacts .contacts-block .phone {
        margin: 0 0 1.2rem 0;
        font-size: 1.8rem;
    }

    .main-menu .menu-contacts .contacts-block .data {
        margin: 0 0 1.2rem 0;
    }

    h2 {
        font-size: 5rem;
    }

    .main-about .about-video .video-container {
        min-width: 50rem;
    }

    .main-about .about-video .video-text {
        font-size: 3rem;
    }

    .main-conf .conf-title {
        min-width: 52.6rem;
        max-width: 52.6rem;
    }

    .footer .footer-name {
        font-size: 8rem;
    }

    .news-list .item .item-info {
        margin: 0 0 0 4rem;
    }

    .bottom-banner .item .item-name {
        right: 7rem;
        left: 7rem;
        font-size: 6rem;
        width: auto;
        padding: 0;
    }

    .bottom-banner .item:last-child .item-name {
        right: 7rem;
        left: 7rem;
    }

    .bottom-banner .item .item-image {
        height: 70rem;
    }

    h3 {
        font-size: 4rem;
    }

    .gallery-slider .item {
        margin: 0 2rem;
        height: 40rem;
    }

    .gallery-slider {
        padding: 0;
    }

    .service-section .image-2 {
        margin: 0 0 11.2rem -1rem;
    }

    .service-section .s-props .item {
        margin: 0 4rem 0 0;
    }

    .service-section .reverse .image-2 {
        margin: 0 -1rem 0 0;
    }

    .inner-hero .hero-props {
        bottom: 2rem;
    }

    .spa-slider {
        height: 70rem;
    }

    .spa-slider .items .item .item-info {
        width: 100%;
        margin: 0;
        padding: 0 1rem;
    }

    .numbers-section .item .image-2 {
        margin: 0 3rem 0 -35.5rem;
    }

    .numbers-section .item .info-props .prop {
        font-size: 1.6rem;
    }

    .numbers-section .item:nth-child(even) .image-2 {
        margin: 0 -35.5rem 0 3rem;
    }

    .hero-detail .detail-props .item {
        margin: 0 2rem 0 0;
    }

    .hero-detail .detail-price {
        font-size: 3rem;
    }

    .number-detail .detail-info {
        margin: 0 0 0 2rem;
        max-width: 53rem;
        padding: 0 0 0 2rem;
    }

    .number-detail .detail-slider .item {
        width: 93rem;
        height: 52rem;
    }

    .gutters-40 {
        margin-right: -1rem;
        margin-left: -1rem;
    }

    .gutters-40>.col,
    .gutters-40>[class*="col-"] {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .main-section .main-slider-container .slider-dots {
        bottom: 4rem;
    }
}

@media (max-width: 1199px) {
    .header .header-right {
        -ms-flex-pack: end !important;
        justify-content: end !important;
    }

    .main-section .main-info .number-link {
        letter-spacing: 0.1rem;
        width: 15rem;
        height: 15rem;
        padding: 6.5rem 0;
        font-size: 1.6rem;
    }

    .menu-right {
        display: none;
    }

    .main-menu .menu-left {
        margin: 0 0 5.6rem 0;
        text-align: center;
    }

    .main-menu .menu-left .nav {
        display: inline-block;
    }

    .main-menu .menu-left .nav-item .number {
        margin: 0 4rem 0 0;
    }

    .main-menu .menu-contacts {
        width: 100%;
        min-width: 0;
        margin: 0;
    }

    .main-menu .menu-container {
        padding: 0;
        overflow: auto;
    }

    .main-menu .container-fluid {
        padding-top: 16.5rem;
    }

    .padding-top {
        padding-top: 10rem;
    }

    h2 {
        font-size: 5rem;
        margin: 0 0 3rem 0;
    }

    .main-about .about-video {
        text-align: center;
    }

    .main-about .about-video .video-container {
        min-height: 0;
        height: auto;
        min-width: 0;
        margin: 4rem auto;
    }

    .main-about .about-video .video-text {
        max-width: 100%;
    }

    .main-about .about-video {
        margin: 8rem 0 -10rem 0;
    }

    .margin-bottom {
        margin-bottom: 10rem !important;
    }

    .main-numbers .numbers-lst .item .item-image {
        height: 40rem;
    }

    .main-numbers .numbers-lst .item {
        margin: 0 4rem 0 0;
        width: 64rem;
    }

    .main-services .s-right {
        display: none;
    }

    .main-services .s-left .image-container {
        display: none;
    }

    .main-services .s-center {
        width: 100%;
        height: auto;
        margin: 0 0;
    }

    .main-services h2 {
        margin: 0 0 4rem 0;
    }

    .main-services .s-left {
        margin: 0 0 0 0;
        width: 100%;
        min-width: 0;
        text-align: center;
    }

    .main-restorans .restorans-container .item-info {
        max-width: 40rem;
    }

    .main-restorans .restorans-container .info-title {
        height: 25rem;
    }

    .main-restorans:before {
        height: 35rem;
    }

    .main-conf .conf-title {
        min-width: 0;
        max-width: 100%;
        margin: 0 0 4rem 0;
    }

    .footer .footer-menu {
        display: none;
    }

    .footer .footer-name {
        font-size: 6rem;
    }

    .news-list .item .name {
        font-size: 3rem;
    }

    .news-list .item .item-image {
        min-width: 50rem;
    }

    .bottom-banner .item .item-image {
        height: 55rem;
    }

    .bottom-banner .item .item-name {
        font-size: 4rem;
    }

    .about-what .what-container .item .item-title {
        font-size: 2.8rem;
    }

    .about-what .what-container .item .item-info {
        margin: 0 0 0 4rem;
    }

    .service-section h3 {
        margin: 0 auto 8rem auto;
    }

    .service-section .s-info {
        width: 100%;
        min-width: 0;
        margin: 0 0 4rem 0 !important;
    }

    .service-section .s-info .image-1 {
        display: none;
    }

    .service-section .image-2 {
        margin: 0 0 4rem 0 !important;
        height: auto;
    }

    .service-section .s-left {
        width: 100%;
    }

    .service-section .s-props {
        justify-content: center;
        text-align: center;
    }

    .service-section .s-props .item {
        margin: 0 2rem !important;
    }

    .gallery-section h3 {
        padding: 0 1rem;
    }

    .spa-slider {
        height: auto;
    }

    .spa-slider .items .item {
        position: relative;
        width: 100%;
        min-width: 0;
        height: auto;
        padding: 16rem 0;
        border-right: 0;
    }

    .spa-slider .items .item .item-info {
        z-index: 5;
        text-align: center;
        width: 100% !important;
        margin: 0 !important;
    }

    .spa-slider .items .item .item-image {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        overflow: hidden;
    }

    .spa-slider .items .item .item-image:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 2;
        background: linear-gradient(180deg, rgba(19, 29, 49, 0.50) 50%, rgba(19, 29, 49, 0.90) 100%);
    }

    .spa-slider .items .item .item-anons {
        max-height: none;
    }

    .big-block .anons {
        margin: 0 0 0 4rem;
    }

    .numbers-section .item .image-2 .image-container {
        width: 44.8rem;
        height: 30.4rem;
    }

    .numbers-section .item .image-2 {
        padding: 1.6rem 0 0 1.6rem;
    }

    .numbers-section .item:nth-child(even) .image-2 {
        padding: 1.6rem 1.6rem 0 0;
    }

    .numbers-section .item .image-1 {
        height: 50rem;
    }

    .hero-detail {
        bottom: 4rem;
        text-align: center;
    }

    .hero-detail .detail-price {
        margin: 2.4rem 0 0 0;
    }

    .number-detail .detail-props .props-title {
        font-size: 3rem;
    }

    .number-detail .detail-info .detail-buy .phone .value {
        font-size: 2rem;
    }

    .main-numbers .numbers-lst .item .item-top {
        font-size: 3rem;
    }

    .masonry .gall-item {
        width: 33.3%;
        padding: 0 0.5rem;
        margin: 0 0 1rem 0;
    }
}

@media (max-width: 992px) {
    .main-section .main-info {
        top: 55%;
    }

    .main-restorans:before {
        display: none;
    }

    .main-services {
        padding-bottom: 10rem;
    }

    .main-restorans .restorans-container .item-image {
        margin: 0 0 4rem 0;
        width: 100%;
        height: auto;
    }

    .main-restorans .restorans-container .item-info {
        max-width: 100%;
    }

    .main-restorans .restorans-container .info-title {
        height: auto;
        padding: 0;
        margin: 0 0 4rem 0;
    }

    .main-restorans .restorans-container h2 {
        color: #131D31;
    }

    .main-restorans .restorans-container .item.sml .item-image {
        margin: 0 0 4rem 0;
        width: 100%;
        height: auto;
    }

    .padding-left {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .main-conf .anons {
        max-width: 100%;
        margin: 4rem 0 0 0;
    }

    .footer .footer-name {
        font-size: 5rem;
        letter-spacing: 0.392rem;
    }

    .footer .footer-bottom .col-12 {
        text-align: center !important;
    }

    .footer .ukraine {
        margin: 1.2rem 0;
    }

    .news-list .item .item-image {
        width: 40rem;
        min-width: 40rem;
        height: 30rem;
    }

    .news-list .item .date {
        margin: 0 0 4rem 0;
    }

    .bottom-banner .item .item-name {
        left: 2rem;
        right: 2rem;
    }

    .bottom-banner .item:last-child .item-name {
        left: 2rem;
        right: 2rem;
    }

    .about-section .about-info {
        margin: 0;
    }

    .about-what .what-container .item .item-image {
        height: 27rem;
    }

    .gallery-slider .item {
        height: 27rem;
    }

    .slider-navs {
        margin: 2.5rem 0;
    }

    .contacts-section .contacts-info {
        max-width: 100%;
    }

    .contacts-section .contacts-map {
        width: 100%;
        min-width: 0;
        margin: 4rem 0 0 0;
    }

    .gallery-section .gallery-props {
        flex-wrap: wrap;
    }

    .padding-bottom {
        padding-bottom: 10rem;
    }

    .big-block .anons {
        margin: 0;
    }

    .numbers-section .item .image-1 {
        width: 100%;
        margin: 0 0 4rem 0;
    }

    .numbers-section .item {
        padding: 0 1rem !important;
    }

    .numbers-section .item .item-info {
        width: 100%;
        min-width: 0;
        margin: 0 !important;
    }

    .numbers-section .item .info-bottom {
        margin: 0 !important;
    }

    .numbers-section .item .image-2 {
        margin: 0 3rem 0 0 !important;
        padding: 0 !important;
        order: 1 !important;
        -ms-flex-order: 1 !important;
    }

    .numbers-section .item:nth-child(even) .info-props {
        order: 12;
        -ms-flex-order: 12;
    }

    .numbers-section .item {
        margin: 0 0 10rem 0;
    }

    .numbers-section .item .buttons {
        margin: 3rem 0 0 0;
    }

    .number-detail .detail-info {
        margin: 0 0 4rem 0;
        max-width: 100%;
        width: 100%;
        padding: 0;
        border-left: 0;
    }

    .number-detail .detail-slider .item {
        width: 63rem;
        height: 42rem;
    }

    .main-numbers.inner .numbers-lst .item {
        margin: 0 0 4rem 0;
    }
}


@media (max-width: 767px) {
    /* body,
    th,
    td {
        font-size: 1.8rem;
        line-height: 140%;
    } */
    
    .header .logo {
        width: 6rem;
    }
    
    .header .header-container {
        min-height: 8.4rem;
    }
    
    .header .header-phones .phone-button .ic {
        font-size: 3.2rem;
    }
    
    .header .header-phones.open .phones-dropdown {
        opacity: 1;
        visibility: visible;
        margin: 0px 0 0 0;
    }
    
    .header .header-phones .phones-dropdown {
        right: 0;
        left: auto;
    }
    
    .header .header-phones .phones-dropdown .value {
        font-size: 1.8rem;
    }
    
    h1 {
        font-size: 3rem !important;
        letter-spacing: 1px;
    }
    
    .main-section .main-info .h1-anons {
        font-size: 2rem;
        letter-spacing: 1px;
    }
    
    .menu-open .header {
        margin: 0 0px 0 0;
    }
    
    .menu-open .wrapper {
        padding: 0 0px 0 0;
    }
    
    .main-menu .container-fluid {
        padding-top: 10rem;
    }
    
    .main-menu .menu-contacts {
        padding: 1.5rem;
    }
    
    .main-menu .menu-contacts .contacts-container {
        padding: 1.5rem;
    }
    
    .main-menu .menu-contacts .name {
        margin: 0 0 2rem 0;
        font-size: 2.4rem;
    }
    
    .contact-socials .item {
        margin: 1.6rem 0 0 0;
        justify-content: center;
    }
    
    .main-bron {
        display: none !important;
    }
    
    .first-section {
        background-size: 100%;
    }
    
    .main-conf {
        background-size: 100%;
    }
    
    .footer .footer-top {
        background-size: 100%;
    }
    
    h2 {
        font-size: 3rem;
    }
    
    .main-about .about-video .video-container {
        width: 100%;
    }
    
    .main-about .about-video {
        margin: 8rem 0 0px 0;
    }
    
    .main-numbers .numbers-lst .item .item-top {
        font-size: 2rem;
        margin: 0 0 1.6rem 0;
    }
    
    .main-numbers .numbers-lst .item .item-image {
        height: 27rem;
    }
    
    .main-numbers .numbers-lst .item .item-bottom {
        font-size: 1.2rem;
        margin: 1.6rem 0 0 0;
        letter-spacing: 1px;
    }
    
    .main-numbers .numbers-lst .item {
        width: 28rem;
        margin: 0 1.6rem 0 0;
    }
    
    .main-numbers .numbers-lst .item .item-bottom .item-price {
        margin: 0 1.2rem 0 0;
    }
    
    .main-numbers .numbers-lst .item .item-bottom .item-info {
        margin: 0 0 0 1.2rem;
    }
    
    .load-more {
        padding: 2rem 0;
    }
    
    .link-default {
        font-size: 1.4rem;
    }
    
    .main-restorans .restorans-container .item-props .prop {
        margin: 0 4rem 4rem 0;
    }
    
    .main-restorans .restorans-container .item-buttons {
        text-align: center;
    }
    
    .main-restorans .restorans-container .item-buttons .menu {
        margin: 0 0px 1.6rem 0;
    }
    
    .main-restorans .restorans-container .item.sml .info-title {
        margin: 0 0 3rem 0;
    }
    
    .main-conf {
        padding-top: 4rem;
    }
    
    .main-conf .conf-title {
        font-size: 2.4rem;
    }
    
    .main-conf .conf-bottom {
        text-align: center;
    }
    
    .main-conf .link-default {
        margin: 1.6rem 0 0 0px;
    }
    
    .footer .footer-top {
        padding: 4rem 0;
    }
    
    .btn-background {
        padding: 1.7rem 3rem;
        font-size: 1.6rem;
    }
    
    .footer .footer-bron .bron-title {
        font-size: 2.6rem;
    }
    
    .footer .footer-contacts .contacts-block {
        margin: 0 0 4rem 0;
    }
    
    .footer .footer-name {
        font-size: 3rem;
        letter-spacing: 1px;
    }
    
    .header.out {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }
    
    .slider-navs {
        display: none;
    }
    
    .main-numbers .title-container h2 {
        margin: 0;
    }
    
    .main-numbers .title-container {
        margin: 0 0 4rem 0;
    }
    
    .main-conf .conf-image {
        margin: 4rem 0 4rem 0;
    }
    
    .btn-default {
        padding: 1.5rem 3rem;
        font-size: 1.6rem;
    }
    
    .news-list .item .item-image {
        display: block;
        margin: 0 0 4rem 0;
    }
    
    .news-list .item .item-info {
        margin: 0;
        width: 100%;
    }
    
    .bottom-banner .item .item-image {
        height: 27rem;
    }
    
    .bottom-banner .item .item-name {
        text-align: center;
        bottom: auto;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }
    
    .inner-hero .hero-image {
        height: 35rem;
    }
    
    .inner-hero .hero-info {
        padding: 5rem 0 0 0;
    }
    
    h3 {
        font-size: 2.6rem;
    }
    
    .about-what .what-container {
        margin: 0px 0 0 0;
    }
    
    .about-what .what-container .item {
        padding: 2.4rem 0 0 0;
        margin: 0 0 2.4rem 0;
    }
    
    .about-what .what-container .item .item-info {
        margin: 2.4rem 0px 0 0px;
        width: 100%;
    }
    
    .about-what .what-container .item .item-title {
        font-size: 2.2rem;
    }
    
    .about-hotel .hotel-info .props {
        margin: 0px 0 0 0;
    }
    
    .gallery-slider {
        padding: 0 0 0 1rem;
        margin: 0 2rem 0 0;
    }
    
    .gallery-slider .item {
        margin: 0 1rem 0 0;
        height: 24rem;
    }
    
    .gallery-slider .slick-list {
        overflow: visible;
    }
    
    .contacts-section .contacts-block a.val {
        font-size: 2.4rem;
        margin: 0 0 1.2rem 0;
    }
    
    .contacts-section .contacts-block {
        padding: 2rem 0 0 0;
        margin: 0 0 2rem 0;
    }
    
    .contacts-section .contacts-block .val {
        font-size: 2rem;
    }
    
    .contacts-section .socials .item {
        margin: 0 0px 1.6rem 0;
    }
    
    .contacts-section .contacts-map .map-container {
        height: 40rem;
    }
    
    .service-section .s-info .s-contacts {
        text-align: center;
    }
    
    .service-section .s-info .s-contacts .phone {
        margin: 0 0 1.6rem 0;
        font-size: 2.6rem;
    }
    
    .service-section .s-info .s-contacts .data {
        margin: 0 0 1.6rem 0;
    }
    
    .service-section .s-props .item .data {
        font-size: 2.2rem;
    }
    
    .service-section .s-props .item {
        margin: 0 0px !important;
        padding: 0 1rem;
        width: 50%;
        min-width: 50%;
    }
    
    .gallery-section .gallery-props .item {
        width: 50%;
        min-width: 50%;
    }
    
    .inner-hero .hero-props {
        font-size: 1.6rem;
    }
    
    .spa-slider .items .item .item-name {
        font-size: 4rem;
    }
    
    .numbers-section .item .image-1 {
        height: 30rem;
    }
    
    h3 {
        margin: 0 0 2.4rem 0;
    }
    
    .numbers-section .item .item-info .price {
        font-size: 2.2rem;
    }
    
    .numbers-section .item .item-info .price span {
        font-size: 3rem;
    }
    
    .numbers-section .item .info-props .prop .value {
        margin: 0.8rem 0 0 0;
    }
    
    .numbers-section .item .info-props .prop {
        margin: 0 0 2rem 0;
    }
    
    .numbers-section .item .image-2 {
        margin: 4rem 0px 0 0 !important;
    }
    
    .numbers-section .item .image-2 .image-container {
        height: auto;
        width: 100%;
    }
    
    .numbers-section .item .buttons {
        justify-content: space-between;
        flex-wrap: wrap;
    }
    
    .numbers-section .item .bron {
        margin: 0 1rem 0 0;
        padding: 1.5rem 1.5rem;
        font-size: 1.4rem;
    }
    
    .numbers-section .item a {
        margin-bottom: 1.6rem !important;
    }
    
    .inner-hero.hero-number .hero-image {
        height: 100vh;
    }
    
    .hero-detail .detail-props .item {
        margin: 0;
    }
    
    .inner-hero.hero-number .hero-info {
        padding: 0px 0 0 0;
    }
    
    .hero-info .bron {
        margin: 2.4rem 0 0 0;
    }
    
    .number-detail .detail-info .detail-buy .bron {
        width: 100%;
    }
    
    .number-detail .detail-info .detail-buy .phone {
        margin: 2.4rem 0 0 0px;
        text-align: center;
    }
    
    .number-detail .detail-info .detail-title {
        font-size: 2.4rem;
    }
    
    .number-detail .detail-props {
        width: 100%;
    }
    
    .number-detail .detail-props .prop {
        max-width: 100%;
    }
    
    .number-detail .title-container {
        margin: 0 0 2.4rem 0;
    }
    
    .number-detail .slider-counts {
        font-size: 2.4rem;
    }
    
    .number-detail .detail-slider .item {
        width: 28rem;
        height: 21rem;
        margin: 0 1rem 0 0;
    }
    
    .masonry .gall-item {
        width: 50%;
        padding: 0 0.5rem;
        margin: 0 0 1rem 0;
    }
    
    .bottom-banner .item .item-name {
        font-size: 3rem;
    }
    




}





@media (max-width: 575px) {}