@media (min-width: 1920px) {
 



}





@media (max-width: 1199px) {
   
    


    
}




@media (max-width: 992px) {
    html {font-size:14px;  }
    .header .header-menu {display:none;}
    .main-menu .menu-image {display:none;}
    .main-menu .main-container {height:100%;text-align: center;}
    .main-menu .menu-container {display:block!important; overflow:auto;}
    .main-menu .menu-right {margin:2rem 0 0 0;}
    .socials {justify-content: center;}
    .socials .item:last-child {margin:0;}
    .header .header-phone .value {display:none;}
    .header .header-right {width:auto;}
    .header .header-langs {margin:0 1.5rem;}
    .header .header-left {    width: auto}
    .header .header-phone .ic {margin:0;}
    .home .main-hero .hero-info h1 {    font-size: 6rem;    line-height: 100%;    letter-spacing: 0.25rem;}
    .main-hero .hero-info.big h1 {    font-size: 6rem;    line-height: 100%;    letter-spacing: 0.25rem;}
    .main-hero .hero-info .sub-title {font-size: 2rem;line-height: 100%;letter-spacing: 0.2rem;}
    .main-hero .hero-info {    bottom: 3rem;}
    body, th, td {    font-size: 1rem;    line-height: 140%;}
    .hero-tizers .col {    font-size: 0.85rem;    line-height: 140%;}
    .margin-bottom {    margin-bottom: 7rem!important;}
    .padding {padding-top:7rem;padding-bottom:7rem;}
    .padding-top {padding-top:7rem;}
    .padding-bottom {padding-bottom:7rem;}
    h2 {    font-size: 2rem;    line-height: 120%;}
    .rooms-slider .item .item-price {margin:1rem 0 0 0;opacity:1;}
    .rooms-slider .item .item-image {height: 25rem;min-height: 25rem;}
    .rooms-slider .item .item-buttons {bottom:0;position:relative;margin:0 -1.25rem;}
    .rooms-slider .item .item-props {opacity:1;}
    .rooms-slider .item {    margin: 0 1rem 0 0;}
    .banner-section .banner-info .title {    font-size: 5rem;    line-height: 100%;    letter-spacing: 0.27rem;}
    .banner-section .banner-media {    height: 50vh;}
    .gallery-slider {    width: 45rem;}
    .gallery-slider .item { height: 28.75rem;   width: 45rem;}
    .gallery-slider .item-info {    bottom: 2.5rem;    left: 2rem;    padding: 0 10rem 0 0;}
    .gallery-slider .slider-navs {    right: 2rem;    bottom: 2rem;}
    .blog-list .blog-slider .col-12 {flex:none;padding:0 1rem 0 0!important;}
    .blog-list .blog-slider .item .item-image {    height: 30rem;}
    .blog-slider {position:relative;margin:0 -1rem 0 0;}
    .blog-slider .slick-list {padding:0 20% 0 0!important;}
    .main-restorans .item {width:100%!important;display:block;}
    .main-restorans .item:hover {    width: 100%!important;}
    .main-restorans .items {display:block!important;}
    .main-restorans .item .item-image {    height: 50vh;}
    
    .banner-section .banner-info .info-container {    margin: 0rem auto 0 auto;}
    .main-events .row {display:block!important;}
    .main-events .item .item-info .nav {opacity:1;}

    .main-events .item .item-image:after  {opacity:1;}
    .main-events .item .item-image:before  {opacity:0;}
    .main-kids .items {display:block!important;}
    .main-kids .items .item {    margin: 0 0 1rem 0;    width: 100%!important;}
    .main-kids .items .item .item-image {    height: auto;}
    .insta-slider .col {flex: none;max-width:unset;width:auto;}
    .main-instagram .item {width:20rem;}
    .footer {text-align:center;}
    .footer .logo {margin:0 0 2rem 0;}
    .footer .footer-contacts {margin:2rem 0 0 0;}
    .footer .footer-bg {    margin: 2rem 0 0 0;    padding: 0rem 0 0 0;    background: none;    height: auto;}    
    .footer .footer-navs {display:none;}
    .footer .footer-links {display:block!important;}
    .footer .footer-links a {margin:0 0 1rem 0;}
    .footer .copy {margin:0 0 1rem 0;}
    .main-instagram {    padding:0;}

    .rooms-list .item .item-image {height: 25rem;}
    .rooms-list .item .item-buttons {margin:0 -1.25rem 0rem -1.25rem;}
    .rooms-list .item .slick-arrow {opacity:1;}
    .included-section.dark {    padding: 6rem 0;    background: #111 url('../../images/bg-1.svg') no-repeat top 3rem center;}
    .hero-detail .info-props .sep {    margin: 0 1rem;}
    .hero-detail .info-props span {display:block;}
    .title-container.d-lg-flex .section-anons {    margin: 2rem 0rem 0 0rem;    font-size: 1;    line-height: 150%;    width: 100%;}
    .title-container.d-lg-flex h2 {    width: 100%;}
    .default-slider .item {height:30rem;}
    .room-equipment .eq-left {    width: 100%;margin:0 0 3rem 0;}
    .room-equipment .equipments {    width: 100%;}
    .main-menu .menu-left .nav li.open .drop-menu {visibility: visible;opacity:1;pointer-events: all;display:block;}
    .main-menu .menu-left .nav .ic { transition: 0.5s; font-size:1.8rem; color:#fff; transform:rotate(90deg) ; -webkit-transform:rotate(90deg) ; -moz-transform:rotate(90deg) ; -ms-transform:rotate(90deg) ; -o-transform:rotate(90deg) ; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
    .main-menu .menu-left .nav .menu-anim {margin:0;}
    .main-menu .menu-left .nav li {margin:0 0 2.25rem 0;}
    .main-menu .menu-left .nav .menu-mobile {margin:0 0 0 1rem; min-width:2.5rem; width:2.5rem; height:2.5rem; display: flex; align-items: center; justify-content: center; border:0.0625rem solid #fff; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; }
    .main-menu .menu-left .nav li .drop-menu {left:0;position:relative;display:none;padding:2rem 0 0 0;width:100%;}
    .main-menu .menu-left .nav li .drop-menu .nav li {margin:0;}
    .main-menu .menu-left .nav li .drop-menu .nav li:last-child a {margin:0;}
    .main-menu .menu-left .nav .open .ic { transform:rotate(-90deg) ; -webkit-transform:rotate(-90deg) ; -moz-transform:rotate(-90deg) ; -ms-transform:rotate(-90deg) ; -o-transform:rotate(-90deg) ; }
    .cottage-list .item .item-gallery {    width: 100%;}
    .cottage-list .item .cottages-slider {    margin: 0 -1rem 0 0;}
    .cottage-list .item .item-info {    width: 100%;    min-width: 0;    margin: 3rem 0rem 0 0;}
    .cottage-list .item {    padding: 3rem 100%;}
    .cottage-list .item .cta {margin:0 0 1.5rem 0;}
    .aside-navs {display:none;}
    .restorans-section .restorans-list {    width:100%;}
    .restorans-list .item .item-anons {    width: 100%;    margin: 2rem 0 0 0;}
    .restorans-list .item .item-image {    margin: 4rem 0 0 0;}
    .restorans-list .restoran-slider .r-item {    width: 31.75rem;    height: 20.25rem;}
    .services-section .item .item-image {    height: 40rem;}
    .services-section .item {margin:0 0 2rem 0;}
    .services-section .col-12:last-child .item {margin: 0;}
    .beer-info-1 .left-image {    margin: 0 2rem 0rem -0rem;}
    .beer-info-1 .info-right {    width: 100%;    height: auto;    margin: 3rem 0 0 0;}
    .beer-info-2 h2 {    margin: 0 0 2rem 0;    max-width: 100%;}
    .beer-info-2 .info-image {    position: relative;    width: 100%;    margin: 0 0 3rem 0;}
    .beer-info-2 .info-image img {position:relative;}
    .beer-info-2 .info-right {    width: 100%;}
    .beer-info-1 .info-left {    width: 100%;}
    .main-hero .spa-props .s-item {    width: 25.9375rem;}
    .spa-list .item .item-left {    width: 100%;    min-width: 0rem;    margin: 0 0rem 3rem 0;}
    .spa-list .item .item-images {    margin: 3rem 0rem 0 0;}
    .spa-list .item .item-images .col {    height: 35rem;}
    .pool-section .item .item-image {    height: 30rem;    margin: 2rem 0 0 0;}
    .pool-cost .cost-image {    margin: 0;    width: 100%;    height: auto;}
    .pool-cost .cost-info {    width: 100%;}
    .spa-packages .tizers {    margin: 3rem 0 0 0;}
    .spa-packages .tizers .row {justify-content: center!important;}
    .spa-packages .tizers .item {    width: 13.25rem; margin:0 0 2rem 0;}
    .chess-section .item .item-media {    margin: 0 -1rem 3rem 0!important;    width: 100%;    min-width: 0;    height: 44.25rem;}
    .chess-section .s-item { width:100%;   height: 44.25rem;}
    .chess-section .s-item.slick-slide {padding:0 1rem 0 0;}
    .chess-section .item .item-media .slick-arrow {display:none!important;}
    .chess-section .item .item-media .slick-list {overflow: visible;padding:0 10% 0 0!important;}
    .chess-section .item .item-info {    width: 100%;}
    .chess-section .item {margin:0 0 4rem 0;padding:0;}
    .chess-section .item .phone-title {    margin: 0 0 1rem 0;    font-size: 1.5rem;    line-height: 120%;    letter-spacing: 0.1rem;}
    .bottom-banner .banner-image {    height: 70vh;}
    .gutters-25 {margin-right: -1rem;margin-left: -1rem;}
    .gutters-25 > .col,.gutters-25 > [class*="col-"] {padding-right: 1rem; padding-left: 1rem;}
    .chess-section .item:last-child {    border-bottom: 0;}
    .blog-list .item .item-image {    height: 30.75rem;}
    .vacancys-section .item {flex-wrap: wrap;padding:1.5rem 0;}
    .vacancys-section .item-name {margin:0 0 1.5rem 0;}
    .contacts-section .contact-blocks {    padding: 9.5rem 0 0 0;    width: 100%;    min-width: 0;    margin: 0;}
    .contacts-section .contacts-map .map-container {    margin: 0 -1rem;    width: unset;    height: 40rem;}
    .contacts-section .contacts-map .map-container:after {    height:20rem;    bottom: auto;    width: 100%;    background: linear-gradient(180deg, #111 0%, rgba(17, 17, 17, 0.00) 100%);}
    .contacts-section .contacts-map .map-pin {    margin: 0rem 0 0 -5rem;}
    .article-detail {    width: 100%;}
    .about-section .left-image {display:none;}
    .about-section .about-bottom {margin:0;}
    .about-section .right-info {    padding: 3rem 0 0 0;    width: 100%;}
    .about-concept .concept-image {    height: 56.625rem;}
    .about-concept .consept-info .info-container {    width: 100%;    margin: 0 0 0 auto;}
    .about-concept .consept-info {    bottom: 2.5rem;}
    .about-history .history-info {top:0;}
    .about-history .history-image {    height: 56.625rem;    position: relative;}
    .about-history .history-info h2 {    width: 100%;}
    .about-history .history-info .anons {   width: 100%;}
    .restorans-list .item .slider-container {    margin: 1.25rem 0rem 0 0;}
    .restorans-list .item .restoran-slider {margin:0 -1rem  0 0;}
    .bottom-section-anons {    margin: 1rem 0 0 0;padding:0 1rem;}
    .bottom-section-anons .anons br {display:none;}

    


}

@media (max-width: 767px) {
    .header .cta {display:none;}
    body:not(.menu-open) .header {background:#fff;border-bottom:1px solid #CCC9C5;}
   .header .header-container {height:5rem!important;}
    
    .header:before {display:none;}
    .header .logo {width: 4.6875rem;}
    body:not(.menu-open) .header .logo path {fill:#C4A464!important;}
    body:not(.menu-open) .header .header-menu .nav a {color:#111;}
    body:not(.menu-open) .header .header-phone {color:#111;}
    body:not(.menu-open) .header .header-phone .ic:before {color:#111;}
    body:not(.menu-open) .header .header-langs .item {color:#111;}
    body:not(.menu-open) .header .cta {color:#111;border-color:#111;}
    body:not(.menu-open) .header .cta:hover {color:#fff!important;background:#111!important;}
    body:not(.menu-open) .header .menu-button {border-color:#111;}
    body:not(.menu-open) .header .but-icon::before, body:not(.menu-open) .header .but-icon::after {background:#111;}
    body:not(.menu-open) .header .logo path {    fill: #111!important;}
    body:not(.menu-open) .header.fix .logo path {    fill: #111!important;}
    .header .header-langs {display:none;}
    .header .header-phone { width: 3rem; height: 3rem; display:flex;align-items: center; justify-content: center; border:1px solid #111; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; }
    body.menu-open .header .header-phone {border-color:#fff;}
    .main-menu .main-container {    padding: 7rem 0 2rem 0;}
    .main-menu .menu-left .nav .menu-anim {     font-size: 1.5rem;    line-height: 100%;}
    .main-menu .menu-left .nav li { margin: 0 0 1.8rem 0; }
    .socials .item {    font-size: 1.5rem;    }
    .socials .item-cont {width: 3.5rem;    height: 3.5rem;    margin: 0 0.5rem 0 0;}
    .main-menu .menu-right .nav a {    margin: 0 0 1.8rem 0;    font-size: 1.5rem;    font-weight: 200;    line-height: 100%;    letter-spacing: 0.1rem;}
    .main-hero .hero-info.big h1 {    font-size: 4rem;    line-height: 100%;    letter-spacing: 0.05rem;}
    .home .main-hero .hero-info h1 {    font-size: 4rem;    line-height: 100%;    letter-spacing: 0.05rem;}
    .main-hero .hero-info .sub-title {    font-size: 1.5rem;    line-height: 100%;    letter-spacing: 0.02rem;}
    .hero-tizers .col {width:50%;min-width:50%;padding-bottom:2rem;}
    .hero-tizers .row {justify-content: center!important;}
    .hero-tizers {    padding: 2rem 0 0rem 0;}
    .margin-bottom {    margin-bottom: 6rem!important;}
    .padding {padding-top:6rem;padding-bottom:6rem;}
    .padding-top {padding-top:6rem;}
    .padding-bottom {padding-bottom:6rem;}
    h2 {    font-size: 1.6rem;    line-height: 120%;}
    .title-container .section-anons {    margin: 1rem 0 0 0;}
    .title-container .cta {    margin: 1rem 0 0 0;}
    .title-container {    margin: 0 auto 2rem auto;}
    .rooms-tabs .nav-link {    margin: 0 0.5rem;}
    .rooms-tabs .nav-link .name {    font-size: 1.2rem;    line-height: 100%;}
    .rooms-tabs .nav-link .price {    font-size: 0.85rem;    line-height: 100%;}
    .rooms-slider .item {     padding: 1rem 1rem 0 1rem;    width: 22rem;    margin: 0 1rem 0 0;}
    .rooms-slider .item .item-image {    height: 18rem;min-height: 18rem;}
    .rooms-slider .item .item-name {    font-size: 1rem;}
    .rooms-slider .item .item-price {    font-size: 1.2rem;    line-height: 100%;}
    .rooms-slider .item .item-buttons {    margin: 0 -1rem;}
    .banner-section .banner-info .title {    font-size: 3rem;    line-height: 100%;    letter-spacing: 0.027rem;}
    .banner-section {    padding: 3rem 0 0 0;}
    .gallery-slider .slider-navs {display:none;}
    .gallery-slider {    width: 100%;}
    .gallery-slider .slick-list {padding:0 5%!important;}
    .gallery-slider .item {    height: 17rem;    width: 100%;}
    .gallery-slider .item-info {        right:1rem;    bottom: 1rem;    left: 1rem;    padding: 0;}
    .gallery-slider .item-name {    font-size: 1.2rem;    line-height: 120%;    letter-spacing: 0.035rem;}
    .bottom-section-anons .anons {    font-size: 1.2rem;    line-height: 120%;}
    .bottom-section-anons .cta {    margin: 1rem 0 0 0;}
    .blog-list .blog-slider .item .item-image {    height: 15rem;}
    .blog-list .item .item-name {    font-size: 1.2rem;    line-height: 120%;}
    .blog-list .item .item-date {    margin: 0 0 0.5rem 0;}
    .blog-list .item .line {    margin: 1rem auto;}
    .blog-list .item {    margin: 0 0 2.5rem 0;}
    .main-restorans .item .item-info {    top: 2rem;    left: 1rem;    right: 1rem;}
    .main-restorans .item .item-image {    height: 70vh;}
    .main-events .item {margin:0 0 1rem 0;}
    .main-events .item .item-image {    height: 70vh;}
    .main-events .item .item-info {    top: 2rem;    bottom: 2rem;    left: 1rem;    right: 1rem;}
    .main-events .item .item-info .name {    font-size: 1.5rem;    font-weight: 200;    line-height: 100%;}
    .main-events .item .item-info .icon {    width: 2.5rem;}
    .main-events .item .item-info .ic {    font-size: 2.5rem;}
    .main-events .item .item-info .nav li {    padding:0;    margin: 0 0 0.5rem 0;    font-size: 1rem;    line-height: 100%;}
    .main-events .item .item-info .nav li:before {    margin: 0 0.5rem 0 0;    width: 1.8rem;    height: 1.8rem;background-size: 1.8rem; } 
    .banner-section .banner-media {    height: 45rem;}
    .main-instagram .item {    width: 14rem;height:16rem;}
    .insta-slider {margin:0 -1rem!important;}
    .insta-slider .col {padding:0 0.5rem!important;}
    .main-instagram:before {    height: 10rem;}
    .footer {    padding: 3rem 0 0 0;}
    .footer .logo img {    width: 10rem;}
    .footer .footer-socials .data {    margin: 0 0 1rem 0;    font-size: 1.5rem;    line-height: 120%;    letter-spacing: 0.01rem;}
    .footer .footer-contacts .item .phone {  flex-wrap: wrap;justify-content: center;}
    .footer .footer-contacts .item .phone .value {min-width:100%;margin:0 0 1rem 0;}
    .footer .footer-contacts .item .phone a:not(.value) {    margin: 0 0.5rem;    font-size: 1.5rem;}
    .footer .footer-contacts .item {    margin: 0 0 2.5rem 0;}


    .rooms-list .item {     padding: 1rem 1rem 0 1rem;    margin: 0 0 3rem 0;}
    .rooms-list .item .item-image {    height: 18rem;}
    .rooms-list .item .item-name {    font-size: 1rem;}
    .rooms-list .item .item-price {    font-size: 1.2rem;    line-height: 100%;}
    .rooms-list .item .item-buttons {    margin: 0 -1rem;}
    .hero-detail .info-props {  flex-wrap:wrap;  padding: 1.5rem 100% 0 100%;    font-size: 1rem;    line-height: 150%;}
    .hero-detail .info-props .sep {display:none;}
    .hero-detail .info-props .item {width:33.3;min-width:33.3%;text-align: center; margin:0 0 1.5rem 0;}
    .hero-detail .hero-info {text-align:center;}
    .hero-detail .hero-info .price {    margin: 0rem 0 1.25rem 0;    font-size: 1.25rem;    line-height: 120%;    letter-spacing: 0.015rem;}
    .hero-video {margin:1.25rem 0 0 0;}
    .hero-detail .hero-info .info-bottom {    margin: 0 0 2rem 0;}
    .default-slider .item {    height: 15rem;margin:0 1rem 0 0;}
    .slider-navigate {    margin: 2rem 0 0 0;    padding: 0 3rem;}
    .room-equipment .accord-item .accordion-button {    padding: 1rem 0px;    font-size: 1.5rem;    line-height: 100%;}
    .room-equipment .equipments .item {    width: 50%;min-width:50%;text-align:center;display:block!important;    margin: 0 0 1rem 0;    font-size: 0.85rem;    line-height: 140%;}
    .room-equipment .equipments .item .icon {    margin: 0 auto 1rem auto;    width: 3rem;    min-width: 3rem;}
    .main-menu .menu-left .nav .menu-mobile {    margin: 0 0 0 1rem;    min-width:1.5rem;    width: 1.5rem;    height: 1.5rem;}
    .main-menu .menu-left .nav .ic {font-size:1rem;}
    .cottage-list .item .cottages-slider .s-item {    margin: 0 1rem 0 0;   width: 20.25rem;    height: 17.5rem;}
    .cottage-list .item .item-name {    margin: 0 0 1rem 0;    font-size: 1.2rem;    line-height: 120%;}
    .cottage-list .item .item-anons {    margin: 0 0 1rem 0;}
    .cottage-list .item .p-item {    margin: 0 1rem 1rem 0;    font-size: 1rem;}
    .cottage-list .item .p-item:last-child {margin-right:0;}
    .cottage-list .item .item-price {    margin: 0 0 1rem 0;    font-size: 1.2rem; text-align: center;   line-height: 120%;}
    .cottage-list .item .item-price span {    font-size: 2rem;    line-height: 120%;}
    .cottage-list .item .btn-border {width:100%;}
    .main-hero .hero-info .hero-anons {    margin: 0 auto 1rem auto;    font-size: 1rem;    line-height: 150%;}
    h1 {    margin: 0 0 1rem 0;    font-size: 1.8rem;    line-height: 120%;}
    .main-hero .hero-info .phone {    margin: 0 0 1rem 0;}
    .main-hero .hero-info .phone .value {    font-size: 1.2rem;    line-height: 120%;}
    .restorans-list .item .item-anons {    font-size: 1rem;    line-height: 150%;}
    .restorans-list .item .item-buttons .cta {    margin: 0 0rem 1.5rem 0;width:100%;justify-content: center;}
    .restorans-list .item .item-buttons .cta:last-child {margin:0;}
    .restorans-list .restoran-slider .r-item {    width: 21.75rem;    height: 12.25rem;}
    .services-section .item .item-image {    height: 70vh;}
    .services-section .item .item-info {    top: 2rem;    bottom: 2rem;    left: 1rem;    right: 1rem;}
    .services-section .item {margin:0 0 1rem 0;}
    .services-section .item .item-info .name {    font-size: 1.5rem;    font-weight: 200;    line-height: 100%;}
    .services-section .item .item-info .icon {    width: 2.5rem;}
    .services-section .item .item-info .ic {    font-size: 2.5rem;}
    .title-container.title-bg {background-size:8rem;    margin: 0 auto 1rem auto;    min-height: 8rem;}
    .beer-info-1 .left-image {    margin: 0 0 2rem 0;    width: 100%;    height: auto;    min-width: 0;}
    .beer-info-1 .info-title {    font-size: 1.2rem;    line-height: 120%;}
    .beer-info-2 .info-right .item .data {    margin: 0 0 1rem 0;    font-size: 1.2rem;    line-height: 120%;}
    .beer-info-2 .info-right .item {    margin: 0 0 3rem 0;}

    .main-hero .spa-props .s-item {    width: 100%;    padding:0;}
    .main-hero .spa-props .s-item span {display:block;margin:1rem 0 0 0;}
    .spa-slider .slide .item .item-image {    height: 23.75rem;}
    ul:not(.nav) li {    margin: 0 0 1.25rem 0;}
    .spa-list .item .item-images .row {display:block!important;}
    .spa-list .item .item-images .col {    height: 20rem;padding-bottom:1rem;}
    .spa-list .item .item-images .col:last-child {padding-bottom:0;}
    .rules-section {    padding: 3rem 0 3rem 0;    background-size: 22rem;}
    .modal .modal-image .image-info {    left: 1rem;    right: 1rem;    bottom: 1rem;}
    .modal .modal-lg  .modal-info {    padding: 0 1rem;}
    .modal .modal-title {    margin: 0 0 1rem 0;    font-size: 1.5rem;    line-height: 120%;}
    .modal-form {    padding: 0 1rem;}
    .modal-form .form-title {    margin: 0 0 1.5rem 0;    font-size: 1.5rem;    line-height: 100%;}
    .modal-form .politika {    margin: 0 0 2rem 0rem;    font-size: 0.875rem;    line-height: 140%;}
    .modal-form .submit {width:100%;}
    .modal-lg .modal-bottom {    padding: 1rem;}
    .pool-section .row {display:block;}
    .pool-section .item {margin:0 0 3rem 0;}
    .tabs {    margin: 0 -1rem 2rem -1rem;    padding: 1rem 1rem 0 1rem;overflow:auto;}
    .tabs .nav-link {    padding: 0 0 1.25rem 0; margin:0 2rem 0 0;   font-size: 1.2rem;    line-height: 120%;white-space: nowrap;}
    .tabs .col {white-space: nowrap;flex: 0 0 auto;    width: auto;    max-width: 100%;}
    .tabs {flex-wrap: nowrap; justify-content: start!important;}
    ::-webkit-scrollbar:horizontal{background:None;}
    .pool-cost .cost-table .item:first-child {display:none!important;}
    .pool-cost .cost-table .item {    padding: 1rem 0; display:block!important;text-align: center;}
    .pool-cost .cost-table .item > * {width:100%!important;min-width:0!important;text-align: center!important;margin:0 0 1rem 0;}
    .pool-cost .cost-table .item .name {padding:2.75rem 0 0 0;}
    .pool-cost .cost-table .item .name:before { left: 50%; top: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
    .pool-cost .cost-included .includ-left {    width: 100%;}
    .tabs .nav-link:after {display:none;}
    .tabs .nav-link {    padding: 0 0 1rem 0;}
    .tabs .nav-link.active {  font-weight:400;}
    .spa-slider .slide .item .conf-name {    margin: 1rem 0 0 0;    font-size: 1.5rem;    line-height: 120%;}
    .spa-packages .tizers .item {    width: 100%;}
    .spa-packages .tizers .col-auto {min-width:50%;width:50%;}
    .chess-section .item .item-media, .chess-section .s-item {    height: 24.25rem;}
    .chess-section .item .item-media {margin: 0 -1rem 2rem 0!important;}
    .chess-section .item .item-info h2 {    margin: 0 0 2rem 0;}
    .chess-section .item .item-info .cta {width:100%;}
    .chess-section .item a.phone {    margin: 0 0 1rem 0;    font-size: 1.25rem;    line-height: 120%;}
    .chess-section .item .phone-title {   margin: 0 0 1rem 0;    font-size: 1.25rem;    line-height: 120%;}
    .bottom-banner .banner-info {    left: 1rem;    right: 1rem;    bottom: 1rem;}
    .chess-section .item .place-slider {    margin: 0 auto 2.5rem auto;  width:100%;  padding: 0 2.5rem;}
    .chess-section .item .place-slider .p-item {    height: 16rem;}
    h3 {    font-size: 1.35rem;    line-height: 120%;}
    .chess-section .item .item-info ul li {    width: 100%;    margin-right: 0rem;}
    .tabs .col-auto .nav-link {    min-width:0;    margin: 0 2rem 0 0;}
    .tabs .col-auto:last-child .nav-link {margin:0;}
    .blog-list .item .item-image {    height: 23.75rem;}
    .title-container .section-anons {    font-size: 1rem;    line-height: 150%;}
    .vacancys-section .item {text-align: center;display:block!important;}
    .vacancys-section .item .item-name {    padding: 2rem 0 0 0;    font-size: 1.25rem;    line-height: 100%;}
    .vacancys-section .item .item-name:before { left: 50%; top: 0; transform: translateX(-50%); transform: translateY(0%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%);}
    .vacancys-section .item .item-props {display:block!important;}
    .vacancys-section .item .p-item {    min-width: 0;    padding: 0 0rem 0 0;width:100%;justify-content: center;margin:0 0 1.5rem 0;}
    .vacancys-section .item .cta {    margin: 0;}
    .form .politika {    margin: 0 0 1rem 0rem;}
    .form .submit {width:100%;}
    .contacts-section .contact-blocks .items .item .phone .value {    font-size: 1.5rem;    line-height: 100%;}
    .contacts-section .contact-blocks .items .item .phone .icon {    margin: 0 0 0 1rem;    font-size: 1.5rem;}
    .contacts-section .contacts-soc .data {  text-align:center;  margin: 0 0rem 1rem 0;    font-size: 1.25rem;    line-height: 120%;}
    .contacts-section .contacts-soc {    margin: 2.5rem 0 0 0;}
    .contacts-section .contacts-map .map-container {    height: 30rem;}
    .contacts-section .contacts-map .map-container img {margin:0 0 0 -2rem;    -o-object-fit: contain;    object-fit:contain;    width: auto;max-width:none;    height: 100%;}
    .contacts-section .contacts-map .map-pin {    margin: 0rem;}
    .contacts-section {text-align: center;}
    .no-hero .content {    padding: 8.5rem 0 0 0;}
    .hero-inner .back {    margin: 0 0 2rem 0;}
    .article-detail .detail-image {    margin: 0 0 2.5rem 0;}
    article blockquote {    font-size: 1.25rem;    line-height: 120%;}
    .share-block {text-align: center;}
    .share-block .data {margin:0 0 1.5rem 0;font-size: 1.5rem;    line-height: 120%;}
    .share-block .items {justify-content: center;}
    .share-block .item {    width: 3rem;    height: 3rem;    font-size: 1.5rem;    margin: 0 0.25rem;}
    .main-hero .hero-title {    font-size: 1.5rem;    line-height: 120%;}
    .about-section .big-image {    height: 36.5rem;}
    .about-history .history-info {position:relative;}
    .about-history .history-image {    height: 26.625rem;}
    .about-slider .active .item {    height: 33rem;}
    .about-slider  .item {    height: 30rem;    width: 20rem;padding:1rem 0;}    
    .about-slider .slide {    padding: 0 0.5rem;}
    .about-slider .active .item .item-image {    height: 14.5rem;}
    .about-slider .item .item-image {height:12rem;}
    .about-slider .item .item-bottom {    padding: 0 1rem;}
    .about-slider .item .item-title {    margin: 0 1rem 1rem 1rem;    font-size: 1.2rem;    line-height: 120%;}
    .about-slider .item .item-name {    font-size: 1.2rem;    line-height: 120%;}
    .about-slider .item .item-anons {    font-size: 0.875rem;    line-height: 130%;}
    .about-slider .slick-track {    height: 33rem;}
    .main-hero .hero-media {    height: 100svh;}
    .main-hero .spa-props {    margin: 0rem 0 0 0;}
    .main-hero .spa-props .s-item {margin:2rem 0 0 0;}
    .main-hero.rooms .hero-media {    height: calc(100svh - 7.60rem);}
    #first-modal .modal-dialog {margin:0 3rem;padding-bottom:0;align-items: center;}
    .blog-slider {    margin: 0 -1rem;}
    .blog-slider .slick-list {    padding: 0 5%!important;}
    .blog-list .blog-slider .col-12 {    padding: 0 0.625rem!important;}
    .hero-detail .info-props {justify-content: center!important;}



}





@media (max-width: 580px) {

    



}