@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.5) 50%, rgba(19, 29, 49, 0.9) 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;
  }
}