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

}

@media (max-width: 1700px) {
    .main-menu .menu-contacts {padding:30px;}
    .main-menu .menu-contacts .contacts-container {padding:30px;}
    .main-menu .menu-contacts {margin:0 0 0 40px;}
    .main-menu .menu-contacts {width:500px;min-width:500px;}
    .main-menu .menu-contacts .name {        margin: 0 0 30px 0;        font-size: 30px;    }
    .main-menu .menu-left .nav-item {        margin: 0 0 16px 0;        font-size: 30px;    }
    h1 {font-size:90px;}
   

}

@media (max-width: 1500px) {
    .padding-left {padding-left:10px;}
    .padding-right {padding-right:10px;}
    .numbers-section .item:nth-child(even) {        padding-left: 10px;        padding-right: 0;    }
    .header .header-left {        max-width: 360px;    }
    .header .header-right {        max-width: 484px;    }
    .header .header-phones .phone-button {font-size:20px;}
    h1 {        font-size: 60px!important;   letter-spacing: 6px; }
    .main-section .main-info .h1-anons {margin:30px 0 0 0;font-size:24px;}
    .main-section .main-info {top:60%;}
    .main-menu .menu-left .nav-item {        font-size: 24px; line-height: 32px;    }
    .main-menu .menu-right .nav-item {        margin: 0 0 12px 0;        font-size: 14px;    }
    .main-menu .menu-contacts .contacts-block {        margin: 0 0 20px 0;    }
    .main-menu .menu-contacts .contacts-block .phone {        margin: 0 0 12px 0; font-size:18px;    }
    .main-menu .menu-contacts .contacts-block .data {margin:0 0 12px 0;}
    h2 {        font-size: 50px;   }
    .main-about .about-video .video-container {min-width:500px;}
    .main-about .about-video .video-text {font-size:30px;}
    .main-conf .conf-title {min-width:526px;max-width:526px;}
    .footer .footer-name {font-size:80px;}
    .news-list .item .item-info {        margin: 0 0px 0 40px;    }

    .bottom-banner .item .item-name {right:70px;left:70px;font-size:60px;width:auto;padding:0;}
    .bottom-banner .item:last-child .item-name {right:70px;left:70px;}
    .bottom-banner .item .item-image {height:700px;}
    h3 {font-size:40px;}
    .gallery-slider .item {        margin: 0 20px;        height: 400px;    }
    .gallery-slider {padding:0;}
    .service-section .image-2 {        margin: 0 0 112px -10px;    }
    .service-section .s-props .item {        margin: 0 40px 0 0;    }
    .service-section .reverse .image-2 {        margin: 0 -10px 112px 0px;    }
    .inner-hero .hero-props {bottom:20px;}
    .spa-slider {        height: 700px;    }
    .spa-slider .items .item .item-info {        width: 100%;        margin: 0;        padding:0 10px;    }
    .numbers-section .item .image-2 {        margin: 0 30px 0 -355px;    }
    .numbers-section .item .info-props .prop {font-size:16px;}
    .numbers-section .item:nth-child(even) .image-2 {        margin: 0 -355px 0 30px;    }

    .hero-detail .detail-props .item {        margin: 0 20px 0 0;    }
    .hero-detail .detail-price {font-size:30px;}
    .number-detail .detail-info {margin:0 0 0 20px;        max-width: 530px;        padding: 0 0 0 20px;    }
    .number-detail .detail-slider .item {        width: 930px;        height: 520px;    }
    .gutters-40 {margin-right: -10px;margin-left: -10px;}
    .gutters-40 > .col,.gutters-40 > [class*="col-"] {padding-right: 10px; padding-left: 10px;}
    .main-section .main-slider-container .slider-dots {bottom:40px;}
    

}


@media (max-width: 1199px) {
    .header .header-right {    -ms-flex-pack: end !important;        justify-content: end !important;}
    .main-section .main-info .number-link { letter-spacing: 1px;       width: 150px;        height: 150px;        padding: 65px 0;font-size:16px;    }
    .menu-right {display:none;}
    .main-menu .menu-left {        margin: 0 0 56px 0;  text-align: center;  }
    .main-menu .menu-left .nav {display:inline-block;}
    .main-menu .menu-left .nav-item .number {margin:0 40px 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:165px;}
    .padding-top {        padding-top: 100px;    }
    h2 {        font-size: 50px;margin:0 0 30px 0;    }
    .main-about .about-video {text-align:center;}
    .main-about .about-video .video-container {        min-width: 0px; margin:40px auto;   }
    .main-about .about-video .video-text {max-width:100%;}
    .main-about .about-video {        margin: 80px 0 -100px 0;    }
    .margin-bottom {        margin-bottom: 100px!important;    }
    .main-numbers .numbers-lst .item .item-image {        height: 400px;    }
    .main-numbers .numbers-lst .item {        margin: 0 40px 0 0;        width: 640px;    }
    .main-services .s-right {display:none;}
    .main-services .s-left .image-container {display:none;}
    .main-services .s-center {        width: 100%;        height: auto;        margin: 0 0px;    }
    .main-services h2 {margin:0 0 40px 0;}
    .main-services .s-left {        margin: 0px 0 0 0;        width: 100%;        min-width: 0; text-align:center;    }
    .main-restorans .restorans-container .item-info {        max-width: 400px;    }
    .main-restorans .restorans-container .info-title {height:250px;}
    .main-restorans:before {height:350px;}
    .main-conf .conf-title {        min-width: 0;        max-width: 100%;  margin:0 0 40px 0;  }
    .footer .footer-menu {display:none;}
    .footer .footer-name {        font-size: 60px;    }
    .news-list .item .name {font-size:30px;}
    .news-list .item .item-image {min-width:500px;}
    .bottom-banner .item .item-image {        height: 550px;    }
    .bottom-banner .item .item-name {font-size:40px;}

    .about-what .what-container .item .item-title {        font-size: 28px;    }
    .about-what .what-container .item .item-info {        margin: 0 0px 0 40px;    }


    .service-section h3 {        margin: 0 auto 80px auto;    }
    .service-section .s-info {        width: 100%;        min-width: 0;        margin: 0 0 40px 0px!important;    }
    .service-section .s-info .image-1 {display:none;}
    .service-section .image-2 {        margin: 0 0 40px 0px!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 20px!important;}
    .gallery-section h3{padding:0 10px;}

    .spa-slider {        height: auto;    }
    .spa-slider .items .item {   position:relative;     width: 100%;        min-width: 0;        height: auto;        padding: 160px 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 0px 0 40px;    }

    .numbers-section .item .image-2 .image-container {        width: 448px;        height: 304px;    }
    .numbers-section .item .image-2 {padding:16px 0 0 16px;}
    .numbers-section .item:nth-child(even) .image-2 {padding:16px 16px 0 0px;}
    .numbers-section .item .image-1 {height:500px;}

    .hero-detail {bottom:40px;text-align:center;}
    .hero-detail .detail-price {margin:24px 0 0 0;}
    .number-detail .detail-props .props-title {font-size:30px;}
    .number-detail .detail-info .detail-buy .phone .value {font-size:20px;}
    .main-numbers .numbers-lst .item .item-top {font-size:30px;}
    .masonry .gall-item {width:33.3%;padding:0 5px;margin:0 0 10px 0;}




}




@media (max-width: 992px) {
    .main-section .main-info {        top: 55%;    }
    .main-restorans:before {display:none;}
    .main-services {padding-bottom:100px;}
    .main-restorans .restorans-container .item-image {        margin: 0 0 40px 0;        width: 100%;        height: auto;    }
    .main-restorans .restorans-container .item-info {        max-width: 100%;    }
    .main-restorans .restorans-container .info-title {        height: auto;        padding: 0 0 0px 0;        margin: 0 0 40px 0;    }
    .main-restorans .restorans-container h2 {color:#131D31;}
    .main-restorans .restorans-container .item.sml .item-image {margin:0 0 40px 0;        width: 100%;        height: auto;    }
    .padding-left {        padding-left: 10px; padding-right: 10px;    }
    .main-conf .anons {        max-width: 100%;        margin: 40px 0 0 0px;    }
    .footer .footer-name {        font-size:50px;        letter-spacing: 3.92px;    }
    .footer .footer-bottom .col-12 {text-align: center!important;}
    .footer .ukraine {margin:12px 0;}

    .news-list .item .item-image {        width: 400px;        min-width: 400px;        height: 300px;    }
    .news-list .item .date {margin:0 0 40px 0;}
    .bottom-banner .item .item-name {left:20px;right:20px;}
    .bottom-banner .item:last-child .item-name {left:20px;right:20px;}

    .about-section .about-info {margin:0;}
    .about-what .what-container .item .item-image {height:270px;}
    .gallery-slider .item {height:270px;}
    
    .slider-navs {        margin: 0 20px 48px 20px;    }

    .contacts-section .contacts-info {max-width:100%;}
    .contacts-section .contacts-map {        width: 100%;        min-width: 0;        margin: 40px 0 0 0px;    }


    .gallery-section .gallery-props {flex-wrap: wrap;}
    .padding-bottom {        padding-bottom: 100px;    }
    .big-block .anons {margin:0;}
    .numbers-section .item .image-1 {width:100%;margin:0 0 40px 0;}
    .numbers-section .item {padding:0 10px!important;}
    .numbers-section .item .item-info {        width: 100%;        min-width: 0;        margin: 0 0 0 0px!important;    }
    .numbers-section .item .info-bottom {        margin: 0px 0 0px 0!important;    }
    .numbers-section .item .image-2 {       margin: 0 30px 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 100px 0;}
    .numbers-section .item .buttons {margin:30px 0 0 0;}

    .number-detail .detail-info {        margin: 0 0 40px 0px;        max-width: 100%;        width:100%;        padding: 0 0 0 0px; border-left:0;    }
    .number-detail .detail-slider .item {        width: 630px;        height: 420px;    }
    .main-numbers.inner .numbers-lst .item {margin:0 0 40px 0;}


}

@media (max-width: 767px) {
    body, th, td {font-size:18px; line-height:140%;}
    .header .logo {width:80px;}
    .header .header-container {        min-height: 84px;    }
    .header .header-phones .phone-button .ic {font-size:32px;}

    .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:18px;}
    h1 {        font-size: 30px!important;        letter-spacing: 1px;    }
    .main-section .main-info .h1-anons {        font-size: 20px;    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: 100px;    }
    .main-menu .menu-contacts {        padding: 15px;    }
    .main-menu .menu-contacts .contacts-container {        padding: 15px;    }
    .main-menu .menu-contacts .name {        margin: 0 0 20px 0;        font-size: 24px;    }
    .contact-socials .item {margin:16px 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:30px;}
    .main-about .about-video .video-container {width:100%;}
    .main-about .about-video {        margin: 80px 0 0px 0;    }
    .main-numbers .numbers-lst .item .item-top {font-size:20px;margin:0 0 16px 0;}
    .main-numbers .numbers-lst .item .item-image {        height: 270px;    }
    .main-numbers .numbers-lst .item .item-bottom {font-size:12px;margin:16px 0 0 0; letter-spacing: 1px;}
    .main-numbers .numbers-lst .item {width:280px;margin:0 16px 0 0;}
    .main-numbers .numbers-lst .item .item-bottom .item-price {margin:0 12px 0 0;}
    .main-numbers .numbers-lst .item .item-bottom .item-info {margin:0 0 0 12px;}
    .load-more {padding:20px 0;}
    .link-default {font-size:14px;}
    .main-restorans .restorans-container .item-props .prop {        margin: 0 40px 40px 0;    }
    .main-restorans .restorans-container .item-buttons {text-align: center;}
    .main-restorans .restorans-container .item-buttons .menu {        margin: 0 0px 16px 0;    }
    .main-restorans .restorans-container .item.sml .info-title {margin:0 0 30px 0;}
    .main-conf {        padding-top: 40px;    }
    .main-conf .conf-title {        font-size: 24px;    }
    .main-conf .conf-bottom {text-align:center;}
    .main-conf .link-default {        margin: 16px 0 0 0px;    }
    .footer .footer-top {        padding: 40px 0;    }
    .btn-background {        padding: 17px 30px;        font-size: 16px;    }
    .footer .footer-bron .bron-title {font-size:26px;}
    .footer .footer-contacts .contacts-block {        margin: 0 0 40px 0;    }
    .footer .footer-name {        font-size: 30px;        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 40px 0;}
    .main-conf .conf-image {        margin: 40px 0 40px 0;    }
    .btn-default {        padding: 15px 30px;        font-size: 16px;    }

    .news-list .item .item-image {display:block;margin:0 0 40px 0;}
    .news-list .item .item-info {margin:0;width:100%;}
    .bottom-banner .item .item-image {height:270px;}
    .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: 350px;    }
    .inner-hero .hero-info {padding:50px 0 0 0;}
    h3 {        font-size: 26px;    }
    .about-what .what-container {        margin: 0px 0 0 0;    }
    .about-what .what-container .item {        padding: 24px 0 0 0;        margin: 0 0 24px 0;    }
    .about-what .what-container .item .item-info {        margin: 24px 0px 0 0px;  width:100%;  }
    .about-what .what-container .item .item-title {        font-size: 22px;    }
    .about-hotel .hotel-info .props {        margin: 0px 0 0 0;    }



    .gallery-slider {        padding: 0 0 0 10px; margin:0 20px 0 0;   }
    .gallery-slider .item {margin:0 10px 0 0;height:240px;}
    .gallery-slider .slick-list {overflow:visible;}

    .contacts-section .contacts-block a.val {        font-size: 24px;  margin:0 0 12px 0;  }
    .contacts-section .contacts-block {        padding: 20px 0 0 0;        margin: 0 0 20px 0;    }
    .contacts-section .contacts-block .val {   font-size: 20px;}
    .contacts-section .socials .item {        margin: 0 0px 16px 0;    }
    .contacts-section .contacts-map .map-container {        height: 400px;    }

    .service-section .s-info .s-contacts {text-align:center;}
    .service-section .s-info .s-contacts .phone {        margin: 0 0 16px 0;       font-size: 26px;    }
    .service-section .s-info .s-contacts .data {        margin: 0 0 16px 0;    }
    .service-section .s-props .item .data {        font-size: 22px;    }
    .service-section .s-props .item {        margin: 0 0px!important;  padding:0 10px;width:50%;min-width:50%;  }
    .gallery-section .gallery-props .item {width:50%;min-width:50%;}
    .inner-hero .hero-props {font-size:16px;}
    .spa-slider .items .item .item-name {font-size:40px;}

    .numbers-section .item .image-1 {        height: 300px;    }

    h3 {margin:0 0 24px 0;}
    .numbers-section .item .item-info .price {            font-size: 22px;    }
    .numbers-section .item .item-info .price span {       font-size: 30px;    }
    .numbers-section .item .info-props .prop .value {        margin: 8px 0 0 0;    }
    .numbers-section .item .info-props .prop {margin:0 0 20px 0;}
    .numbers-section .item .image-2 {        margin: 40px 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 10px 0 0; padding: 15px 15px;        font-size: 14px;   }
    .numbers-section .item a {margin-bottom:16px!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: 24px 0 0 0;    }
    .number-detail .detail-info .detail-buy .bron {width:100%;}
    .number-detail .detail-info .detail-buy .phone {        margin: 24px 0 0 0px; text-align:center;    }
    .number-detail .detail-info .detail-title {font-size:24px;}
    .number-detail .detail-props {width:100%;}
    .number-detail .detail-props .prop {max-width:100%;}
    .number-detail .title-container {        margin: 0 0 24px 0;    }
    .number-detail .slider-counts {font-size:24px;}
    .number-detail .detail-slider .item {        width: 280px;        height: 210px;  margin:0 10px 0 0;  }

    .masonry .gall-item {width:50%;padding:0 5px;margin:0 0 10px 0;}





}





@media (max-width: 575px) {
 













}