@media (min-width: 1920px) {



}


@media (max-height: 840px) {
    .main-menu .menu-contacts .item {    margin: 0 0 40px 0;}
    .main-menu .menu-nav .nav li a {    margin: 0 0 30px 0;    font-size: 32px;    line-height: 100%;    letter-spacing: -1.2px;}
    .hero-inner .hero-info {    top: 25vh;}
    .rooms-detail .room-features .vector {    margin: 0 0 32px 0;width:340px;}
    .rooms-detail .room-features .vector svg {max-width:100%;height:unset;}
    .rooms-detail .room-features .item {    margin: 0 0 20px 0;}


}




@media (max-width: 1550px) {
    .main-hero h1 {    font-size: 100px;    line-height: 100%;    letter-spacing: -3.92px;}
    .main-hero .hero-info .h1-title {    margin: 0 0 24px 0;    font-size: 30px;    line-height: 100%;    letter-spacing: -0.6px;}
    .main-hero .hero-info .h1-title:last-child {    margin: 24px 0 0 0;}
    .main-numbers .numbers-right {    margin: 0 -15px 0 0;    width: calc(100% - 668px);}
    .header .header-block {    padding: 0px 180px 0 0;}
    .header .header-block:last-child {    padding: 0 0 0 180px;}
    .header .header-nav .nav li a {    margin: 0 80px 0 0;}
    .header .header-phone {    margin: 0 20px 0 20px;}
    .rooms-detail .room-features .features-images {    width: 667px;    margin: 0 -15px 0 0;}
    h1 {        font-size: 100px;        line-height: 100%;        letter-spacing: -3.92px;    }
    .chess-section .c-item:nth-child(odd) .big-image {    left: -15px;}
    .chess-section .c-item .big-image {    right: -15px;}
    .bottom-banner .banner-image {    height: 800px;}
    .location-section .l-item .item .item-image {height:100vh; overflow:hidden; margin-right:-15px;width:calc(750px + 15px);}
   



}

@media (max-width: 1400px) {
    .main-menu .socials {display:block!important;margin:24px 0 0 0;}
    .main-menu .socials .data {    margin: 0 0px 20px 0;}
    .main-menu .menu-right {    width: 356px;}
    .main-menu {padding:100px 0 40px 0;}
    .header .logo {width:200px;}
    .header .logo svg {max-width:100%;}
    .header .header-block:last-child {    padding: 0 0 0 130px;}
    .header .header-block {    padding: 0 130px 0 0px;}
    .header .header-phone {    margin: 0 10px 0 10px;font-size:14px;}
    .header .header-phone .ic {    font-size: 20px;    margin: 0 6px 0 0;}
    .main-hero .hero-info .hero-anim svg {width:400px;height:auto;}
    .main-hero .hero-info {    top: 120px;    bottom: 40px;}
    h2 {margin:0 0px 40px 0;font-size: 48px;line-height: 100%;letter-spacing: -1.92px;}
    h3 {margin:0 0 32px 0;font-size: 32px;line-height: 100%;letter-spacing: -1.28px;}
    h4 {margin:0 0 20px 0;font-size: 24px;line-height: 100%;letter-spacing: -0.8px;}
    h5 {margin:0 0 20px 0;font-size: 20px;line-height: 100%;letter-spacing: -0.6px;}
    .title-container.text-center .section-anons {    font-size: 18px;    line-height: 140%;    letter-spacing: 0.2px;}
    .main-info .info-items .item {    font-size: 18px;    line-height: 140%;    letter-spacing: 0.2px;}
    .main-info .info-items .item .number {    margin: 0 48px 0 0;width:100px;}
    .main-info .info-items .item .number svg {max-width:100%;}
    .main-numbers .small-numbers-slider {    padding: 0 60px;}
    .main-numbers .numbers-left {    width: 500px;    margin: 0 40px 0 0;    min-width: 500px;padding-top:40px!important;}
    .main-numbers .numbers-right {    width: calc(100% - 508px);}
    .main-numbers .small-numbers-slider .item {    height: 300px;}
    .main-events .item .item-image {    height: 460px;}
    .main-restoran .resoran-video .vector {   position: absolute;    left: 15%;    right:15%;    bottom: -80px;    transform: translateX(0%);    -webkit-transform: translateX(0%);    -moz-transform: translateX(0%);    -ms-transform: translateX(0%);    -o-transform: translateX(0%);}
    .main-restoran .resoran-video .vector svg {max-width:100%;height:unset;}
    .posts-list .item .item-image {    height: 300px;}
    .main-space {    height: 800px;}
    .bottom-select .select-buttons .item {    font-size: 32px;    line-height: 100%;    letter-spacing: -0.92px;}
    h1 {    font-size: 100px;    line-height: 100%;    letter-spacing: -3.92px;}
    .hero-inner .hero-info .hero-title {    font-size: 30px;    line-height: 100%;    letter-spacing: -0.6px;}
    .rooms-detail h1 {  max-width:400px;  margin: 0 0 0 30px;    font-size: 32px;    line-height: 100%;    letter-spacing: -0.92px;}
    .rooms-detail .room-price {    margin: 0 32px 0 0;    font-size: 24px;    line-height: 110%;    letter-spacing: -0.8px;}
    .rooms-detail .room-props .p-item {    margin: 0 30px 0 0;}
    .rooms-detail .room-slider .item {    width: 1012px;    height: 540px;}
    .panorama-section .panorama-info .info {width:100%;}
    .restoran-events .item .item-info {      margin: 0 40px 0 0px;}
    .events-section .events-buttons .item .name {    font-size: 32px;    line-height: 100%;    letter-spacing: -0.92px;    margin: 24px 0;}
    .events-section .events-buttons .item {padding:0 10px 40px 10px;}
    .events-section .events-buttons .item .logo img {height:60px;}
    .main-info.img {    margin: 0 0 200px 0;}
    .contacts-section .items .item .data {    font-size: 16px;    line-height: 140%;    letter-spacing: 0.2px;}
    .contacts-section .items .item .phone {    font-size: 24px;    line-height: 110%;    letter-spacing: -0.28px;}
    .contacts-section .items .item .email {    font-size: 18px;    line-height: 100%;    letter-spacing: -0.16px;}
    .contacts-section .map-container {    width: 604px;    min-width: 604px;}
    .about-info .item-center {    margin: 0 20px;    height: auto;}
    .about-info .item {    width: 300px;    min-width: 300px;}
    .sad-section .tree1 {left:-20%;}
    .sad-section .tree2 {right:-20%;}
    .about-info .item-anons {    margin: 0 0 32px 0;    font-size: 16px;    line-height: 140%;    letter-spacing: 0.2px;}


}

@media (max-width: 1199px) {
    .header-nav {display:none;}
    .header-cta {width:100%;justify-content: end;}
    .header-cta .cta {padding:0;width:40px;height:40px;justify-content: center;font-size:20px;}
    .header .header-phone .ic {    margin: 0 0px 0 0;}
    .header .header-phone {    border: 1px solid var(--Creme-Granit, #8C867A); display:flex;align-items: center; justify-content: center; width:40px;height:40px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }
    .menu-button .value {display:none;}
    .hero-bron {display:none;}
    .main-hero .hero-info {text-align:center;}
    .main-hero .hero-info .h1-title:last-child {text-align: center;}
    .main-hero .hero-info .hero-anim {    margin: 40px 0 0px 0;}
    .main-hero h1 {    font-size: 68px;    line-height: 100%;    letter-spacing: -2.92px;}
    .main-hero .hero-info .container-fluid {justify-content: center!important;}
    .main-hero .hero-info .hero-anim {width:300px;}
    .main-hero .hero-info .hero-anim svg {max-width:100%;}
    .main-hero .hero-info {    top: 100px;  padding:0 0 48px 0;  bottom: 40px;}
    .main-hero .hero-info .cta { position:absolute; bottom:0px; left:50%; transform:translateX(-50%) ; -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; }
    .main-menu .menu-image {display:none;}
    .main-menu {text-align:center;}
    .main-menu .menu-nav .nav li a {justify-content: center;}
    .main-menu .menu-container {overflow: auto;}
    .main-menu .menu-right {    width: 100%;}
    .main-menu .menu-contacts {    margin:40px 0;}
    .main-menu .menu-nav .nav li a.active {color:#8C867A;margin-right:0px;}
    .gutters-60 {margin-right: -15px;margin-left: -15px;}
    .gutters-60 > .col,.gutters-60 > [class*="col-"] {padding-right: 15px; padding-left: 15px;}
    .posts-list .item .item-name {     font-size: 20px;    line-height: 100%;}
    .posts-list .col-12 {    padding-top: 15px;    padding-bottom: 15px;}
    .tabs-nav a {    padding: 9px 14px;    font-size: 14px; margin:0 12px 0 0;}
    .rooms-section .rooms-slider .s-item {    width:460px;}

    .rooms-detail .room-hero .d-md-flex {margin:0 0 32px 0;align-items: center!important;}
    .rooms-detail .room-hero .d-md-flex:last-child {margin:0;justify-content: space-between; }
    .rooms-detail h1 {max-width:100%;}
    .rooms-detail .room-props {    padding: 40px 15px 28px 15px;    margin: 0px -15px; flex-wrap: wrap;}
    .rooms-detail .room-props .p-item {    margin: 0 24px 12px 0!important;}
    .rooms-detail .room-slider .item {    width: 800px;    height: 440px;margin:0 20px 0 0;}
    .rooms-detail .room-info h2 {    width: 100%;    margin: 0 0px 24px 0;}
    .rooms-detail .room-info .info-right {    max-width: 100%;}
    .rooms-detail .room-features .features-left {    width: 100%;  text-align: center;  margin: 0 0px 0 0;}
    .rooms-detail .room-features .features-images {display:none;}
    .rooms-detail .room-features .vector {    margin: 0 auto 32px auto;}
    .rooms-detail .room-features .item {margin:0 0 40px 0;}
    .rooms-detail .room-features .item .img {margin:24px 0 0 0;}
    .rooms-detail .room-equipped .equipped-left {    width: 100%;    margin: 0 0px 32px 0; text-align:center;}
    .rooms-detail .room-equipped .equipped-items {    width: 100%; margin:0 0 40px 0;}
    .rooms-detail .important h4 {text-align:center;}
    h1 {    font-size: 80px;    line-height: 100%;    letter-spacing: -2.92px;}
    .hero-inner .hero-props .item {    margin: 0 20px;}
    .chess-section .c-item .item-info {    width: 440px;    min-width: 440px;}
    .chess-section .c-item .item-right {min-height:0px;}
    .chess-section .c-item.small .item-right {min-height:0px;}
    .restoran-events .item .item-image {min-height:0px;}
    .panorama-items .vector { width:300px; transform:translateX(-50%) ; left: 50%; bottom: -60px; -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ;}
    .panorama-items .vector svg {max-width:100%;height:unset;}
    .panorama-section .panorama-info .info {      font-size: 24px;    line-height: 110%;    letter-spacing: -0.8px;}
    .restoran-events .item .item-info {    width: 440px;    min-width: 440px;}
    .bottom-banner .banner-image {    height: 600px;}
    .title-container .section-anons {    max-width: 500px;    font-size: 16px;    line-height: 140%;    letter-spacing: 0.2px;}
    .inner-form .form-inner {padding:20px;}
    .main-info .info-image .vector {bottom:-150px;}
    .contacts-section .items .row {flex-wrap: wrap;}
    .contacts-section .items .col {min-width:50%;}
    .contacts-section .items .item {margin:0 0 60px 0;}
    .contacts-section .items {    margin: 0 0 0px 0;}
    .about-info .item-center {display:none;}
    .about-info .item {    width: 45%;    min-width: 0px;}
    .sad-section .tree1 {    left: -35%;}
    .sad-section .tree2 {    right: -35%;}
    #prostir .modal-content .close {top:22px;right:22px;}

    
}




@media (max-width: 992px) {
    .main-menu .menu-nav .nav li a {    margin: 0 0 30px 0;    font-size: 32px;    line-height: 100%;    letter-spacing: -0.92px;}
    .main-menu .menu-contacts .item {    margin: 0 0 32px 0;}
    .margin-bottom {margin-bottom:80px!important;}
    .padding {padding-top:80px;padding-bottom:80px;}
    .padding-top {padding-top:80px;}
    .padding-bottom {padding-bottom:80px;}
    .main-info .info-container {background-size:200%;}
    .main-info .info-items {   margin: 40px -15px 0 -15px;}
    .main-info .info-items .item {width:100%;max-width:100%;justify-content: center;}
    .main-numbers .numbers-right {display:none;}
    .main-numbers .numbers-left {    width: 100%;    margin: 0 0px 0 0;    min-width: 0;    padding-top: 40px!important;}
    .main-numbers .small-numbers-slider .item {    height: 372px;}
    .title-container.text-center {    margin: 0 0 40px 0;}
    .main-events .item {    margin: 0 0 20px 0;    width:100%;}
    .main-events .item .cta {opacity:1;}
    .main-events .item .item-info {bottom:32px;}
    .main-events .item .item-name {margin:24px 0;}
    .main-restoran .title-container .vector svg {width:400px;height:unset;}
    .main-restoran .restoran-gallery .item {   display: block;    margin: 0 10px;    width: calc(25% - 20px);    height: 140px;}
    .main-art .art-slider .item {    width: 320px;    margin: 0 20px 0 0;    height: 332px;}
    .main-art .art-slider .slick-slide:nth-child(even) .item {    height: 272px;}
    .main-art .vector svg {width:400px;height:unset;}
    .main-art .vector {bottom:-70px;}
    .posts-list {    margin: 0 -15px;    padding: 0 15px;}
    .posts-slider .col-12 {border:0!important;}
    .posts-slider .col-12:first-child:after {display:none;}
    .posts-slider-cont {border-bottom:0!important;}
    .posts-slider {width:70%;}
    .posts-slider .slick-list {overflow:visible;}
    .posts-slider .col-12:nth-child(4n):after {display:none;}
    .main-space .info-image {    width: 496px;    height: 278px;}
    .main-space {padding:0 0 120px 0;}
    .all-button {    margin: 32px 0 0 0;}
    .bottom-select .select-buttons .item {width:100%;margin:0 0 60px 0;}
    .bottom-select:before {height:88px;}
    .bottom-select .select-image {height:unset;position:absolute;top:0;bottom:0;left:0;right:0;}
    .bottom-select .select-buttons { padding:128px 0 232px 0;   position: relative;    top: 0;    z-index: 3;    transform: translateY(0%);    -webkit-transform: translateY(0%);    -moz-transform: translateY(0%);    -ms-transform: translateY(0%);    -o-transform: translateY(0%);}
    .footer {text-align:center;    padding: 80px 0 0 0;}
    .footer .col-12 .footer-contacts {    margin: 0 0 40px 0!important;}
    .footer .vector {display:none;}
    .footer .footer-bottom {    padding: 24px 0;    margin: 60px 0 0 0;}
    .footer .footer-links a {    margin: 0px 6px 20px 6px;}
    .footer .footer-links {justify-content: center;}
    .footer .copy {margin:0 0 20px 0;}
    .footer .logo img {margin:0 auto;}
    .but-icon.is-active::before, .but-icon.is-active::after { left:0px; }
    h1 {    font-size: 68px;    line-height: 100%;    letter-spacing: -2.92px;}
    .hero-inner .hero-info .hero-title {    font-size: 24px;    letter-spacing: -0.6px;}
    .rooms-section .item-info {    width: 100%;    min-width: 0px;    margin: 0 0 40px 0;}
    .rooms-section .item .item-props {width:100%;}
    .rooms-section .rooms-slider .s-item {    width: 596px;}
    .no-hero .content {    padding: 120px 0 0 0;}
    .rooms-detail .room-slider .item {    width: 700px;}
    .main-events.inner .item {    width:100%!important;}
    .hero-inner .hero-props .item {    margin: 32px 0 0 0;}
    .hero-inner .hero-props {    margin:0;}
    .chess-section .c-item {display:block!important;}
    .chess-section .c-item .item-info {margin:0 0 40px 0!important;    width: 100%;    min-width: 0;}
    .chess-section .c-item .big-image {position:relative;left:0!important;right:0!important;margin:0 -15px;}
    .chess-section .c-item.small .item-info {    width: 100%;}
    .chess-section .c-item.small .item-right {width:100%;}
    .restoran-events .item .item-info {margin:0 0 40px 0;    width: 100%;    min-width: 0;}
    .restoran-events .item .item-image img {position:relative;}
    .events-section .events-container {flex-direction: column; justify-content: end;}
    .events-section .events-buttons .item {width:100%;}
    .main-info.img {    margin: 0 0 140px 0;}
    .title-container .section-anons {margin:24px 0 0 0;   max-width: 100%;}
    .title-container {    margin: 0 0 32px 0;}
    .location-section .l-item .container-fluid {display:block!important;}
    .location-section .l-item .item .item-image {    height: auto;    margin:0 -15px;    width: unset;}
    .location-section .l-item .item .item-info {    width: 100%;    padding: 40px 0;    margin: 0 0px 40px 0;}
    .inner-form .form-inner {display:block!important;}
    .inner-form .global-form {    width: 100%;    margin: 40px 0 0 0px;}
    .inner-form .global-form h4 {    margin: 0 0 32px 0;}
    .main-info .info-image .vector {bottom:-100px;}
    .inner-form .form-info {    width: 100%;}

    .posts-section .posts-list .col-12:nth-child(4n):after {    content: "";    display: none;}
    .posts-section .posts-list .col-12:nth-child(odd):after {    content: "";    display: block;    height: 1px;    background: rgba(140, 134, 122, 0.5);    position: absolute;    top: 0;    left: -7vw;    width: 150vw;}
    .posts-section .posts-list .row {border-bottom:1px solid rgba(140, 134, 122, 0.5);    }
    .posts-section .posts-list .col-12:nth-child(odd) { border-right: 1px solid rgba(140, 134, 122, 0.5)!important;}
    .no-hero section:not(.rooms-detail) h1 {    margin: 0 0 32px 0;    font-size: 48px;    line-height: 100%;    letter-spacing: -1.72px;}
    .hero-inner .back {    margin: 0 0 12px 0;}
    .offer-detail .detail-image {    margin: 0 auto 24px auto;}
    .contacts-section .map-info {text-align:center;}
    .contacts-section .map .vector {    margin: 40px auto;}
    .contacts-section .map-container {    width: 100%;    min-width: 0;margin:0;}
    .contacts-section .contacts-top .adres {    margin: 0 0 20px 0;    font-size: 16px;    line-height: 140%;}
    .contacts-section .contacts-top .cta {    margin: 0 15px;}
    .contacts-section .contacts-top {    margin: 0 0 40px 0;}
    .contacts-section .items .col {    min-width: 100%;}
    .contacts-section .map .vector {    max-width: 240px;}
    .about-info .item {    width: 100%;text-align:center;margin:0 0 40px 0;}
    .about-info .item:last-child {margin:0;}
    .sad-section .item-big {    max-width: 100%;}
    .sad-section .item-small {    max-width: 100%;margin:40px 0 0 0;}
    .main-info.inner .anim-info {    width: 400px;    height: 260px;    bottom: -130px;}






}

@media (max-width: 767px) {
    .header .logo path {display:none;}
    .header .logo path:last-child {display:block;}
    .header .logo {width:44px;overflow:hidden;height:33px;}
    .header .logo svg {max-width: none;width: 290px;        height: unset;}
    .header .header-block:last-child {padding:0;}
    .header {height:64px;}
    .main-menu {background-size:100%;}
    .main-menu .menu-nav .nav li a {    margin: 0 0 30px 0;    font-size: 24px;    line-height: 100%;}
    body, th, td { font-size: 14px;  line-height: 140%;}
    .main-menu .menu-contacts .item .phone {    margin: 12px 0 0 0;    font-size: 20px;    line-height: 100%;}
    .main-menu .menu-contacts .item .email {    margin: 12px 0 0 0;    font-size: 14px;    line-height: 100%;}
    .socials .data {font-size:14px;}
    .main-hero .hero-info .cta { left:15px; right:15px; bottom:60px; transform:none ; -webkit-transform:none ; -moz-transform:none ; -ms-transform:none ; -o-transform:none ; }
    .main-hero .hero-info {padding:0 15px;padding-bottom:60px;}
    .main-hero h1 {    font-size: 32px;    line-height: 100%;    letter-spacing: -1.28px;}
    .main-hero .hero-info .h1-title {    margin: 0 0 16px 0;    font-size: 24px;    line-height: 100%;    letter-spacing: -0.6px;}
    .main-hero .hero-info .h1-title:last-child {    margin: 16px 0 0 0;}
    .main-hero .hero-info .hero-anim {    width: 280px;}
    h2 {margin:0 0px 24px 0;font-size: 32px;line-height: 100%;letter-spacing: -1.2px;}
    h3 {margin:0 0 24px 0;font-size: 24px;line-height: 100%;letter-spacing: -0.6px;}
    h4 {margin:0 0 20px 0;font-size: 20px;line-height: 100%;letter-spacing: -0.6px;}
    h5 {margin:0 0 20px 0;font-size: 18px;line-height: 100%;letter-spacing: -0.4px;}
    .main-info .title-container.text-center .vector {width:135px;margin:0 auto 32px auto;}
    .main-info .title-container.text-center .vector svg {max-width:100%;height:auto;}
    .title-container.text-center .section-anons {    font-size: 14px;    line-height: 140%;}
    .main-info .info-items .item {margin:0 0 32px 0;  display:block!important;text-align:center;  font-size: 16px;    line-height: 140%;}
    .main-info .info-items .item .number {    margin: 0 auto 12px auto;    width: 60px;}
    .main-info .info-items .item .number svg {height:auto;}
    .slider-navs {position:relative;margin:0 auto 24px auto; width:96px;height:32px;}
    .slick-arrow {    width: 32px;    height: 32px;    margin: -16px 0 0 0;}
    .slick-next:after {font-size:32px;}
    .slick-prev:after {font-size:32px;}
    .main-numbers .small-numbers-slider {    padding: 0 0px; margin:0 0 24px 0;}
    .main-numbers .small-numbers-slider .item {    height: 280px;}
    .main-numbers .numbers-info .info-container > * {    margin: 0 0 20px 0;}
    .main-numbers .numbers-info .number-props .item {    margin: 0 16px 0 0;    padding: 0 36px 0 0;}
    .main-numbers .numbers-info .anons {       font-size: 14px;    line-height: 140%;    letter-spacing: 0.2px;}
    .all-button .line {margin:0 0 32px 0;}
    .all-button .btn-container {margin:0;text-align:center;}
    .main-events .item .item-image {    height: auto;}
    .main-restoran .title-container .vector svg {    width: 100%;    height: unset;}
    .main-restoran .restoran-gallery .item {    margin: 0 12px 0 0;    width: 140px;    height: 96px;}
    .main-restoran .restoran-gallery {   margin:0 0 12px 0; padding: 0 0 0 15px;}
    .main-restoran .resoran-video {height:320px;}
    .main-restoran .resoran-video video {-o-object-fit: cover; object-fit: cover; width: 100%; height: 100%;}
    .main-restoran .resoran-video .vector {    left: 15px;    right: 15px;    bottom: -50px;}
    .main-art .vector svg {    width: 300px;}
    .main-art .vector {    bottom: -50px;}
    .title-container.text-center {    margin: 0 0 24px 0;}
    .posts-slider {    width: unset;}
    .posts-slider .slick-list {padding:0 32px!important;}
    .posts-list .item .item-image {    height: 240px;margin:0 0 20px 0;}
    .posts-list .item {text-align:center;}
    .posts-list .item .item-name {margin:0 0 20px 0;}
    .main-space {    height: 540px;}
    .main-space .info-image {    width: 270px;    height: 172px;}
    .main-space .space-info > * {    margin: 0 auto 16px auto;}
    .main-space .space-info .anons {    font-size: 14px;    line-height: 140%;    letter-spacing: 0.1px;}
    .bottom-select .select-buttons .item .logo {    margin: 0 0 20px 0;}
    .bottom-select .select-buttons .item .logo img {height:56px;}
    .bottom-select .select-buttons .item {    font-size: 24px;    line-height: 100%;}
    .footer .logo,.footer .cta {    margin: 0 0 32px 0;}
    .footer .footer-subscribe .anons {    font-size: 14px;    line-height: 140%;    letter-spacing: 0.4px;}
    h1 {    font-size: 32px;    line-height: 100%;    letter-spacing: -1.2px;}
    .hero-inner .hero-hidden {    margin: 0 0 16px 0;}
    .hero-inner .hero-vector {    margin: 0 auto 20px auto; width:300px;}
    .hero-inner .hero-vector svg {max-width:100%;height:unset;}
    .hero-inner .hero-info {    top: 35vh;}
    .tabs-nav a {    font-size: 12px;}
    .rooms-section .item {text-align:center;}
    .rooms-section .item .item-name {    margin: 0 0 16px 0;    font-size: 24px;    line-height: 110%;    letter-spacing: -0.8px;}
    .rooms-section .item .item-props .p-item {    letter-spacing: -0.5px;    margin: 0 12px 0 0;    padding: 0 32px 0 0;    font-size: 14px;}
    .rooms-section .item .item-props {    width: unset;}
    .rooms-section .item .cta {width:100%;}
    .rooms-section .rooms-slider .s-item {    margin: 0px;    width: 100%;    height: 204px;}
    .rooms-section .rooms-slider .slick-slide {padding:0 10px;}
    .rooms-section .rooms-slider {    margin: 0 -15px;}
    .rooms-section .rooms-slider .slick-list {padding:0 10%!important;}
    .rooms-detail .room-hero {text-align:center;}
    .rooms-detail h1 {    margin: 20px 0 0 0px;    font-size: 24px;    line-height: 100%;    letter-spacing: -0.6px;}
    .rooms-detail .room-hero .d-md-flex {    margin: 0 0 24px 0;}
    .rooms-detail .room-price {    margin: 0 0 24px 0;    font-size: 20px;    line-height: 110%;    letter-spacing: -0.8px;}
    .rooms-detail .room-hero .cta {width:100%;}
    .rooms-detail .room-props {justify-content: center;}
    .rooms-detail .room-props .p-item {  font-size:12px;  margin: 0 12px 12px 0!important;}
    .rooms-detail .room-props .p-item .ic {    font-size: 24px;    margin: 0 6px 0 0;}
    .rooms-detail .room-slider {margin:0 -15px;}
    .rooms-detail .room-slider .slick-slide {padding:0 10px;}
    .rooms-detail .room-slider .item {    width: 100%;    height: 270px; }
    .rooms-detail .room-slider .slick-list {padding:0 10%!important;}
    .rooms-detail .room-features .vector {    width: 300px;}
    .rooms-detail .room-equipped .equipped-items .e-item {    margin: 0 0 24px 0;display:block!important;text-align:center;padding:0 5px; }
    .rooms-detail .room-equipped .equipped-items .e-item .icon { display:block;   margin: 0 auto 12px auto;}
    .rooms-detail .important .important-items .accord-item .accordion-button {    padding: 20px 0px;}
    .rooms-detail .important .important-items .accord-item .answer {    font-size: 14px;}
    .room-equipped .cta {width:100%;}
    .hero-inner .hero-props .item .data {    font-size:12px;    margin: 0 0 12px 0;    line-height: 100%;}
    .hero-inner .hero-props .item .value {    font-size: 18px;    line-height: 100%;}
    .hero-inner .hero-props .item {    margin: 24px 0 0 0;}
    .chess-section .c-item .anons {    margin: 0 0 32px 0;    font-size: 14px;    line-height: 140%;    letter-spacing: 0.1px;}
    .chess-section .c-item .small-image {    margin: 0 0 32px 0;}
    .chess-section .c-item .item-right {    width: 100%;}
    .panorama-section .panorama-info .info {margin:0 0 32px 0;  text-align:center;  font-size: 20px;    line-height: 110%;    letter-spacing: -0.4px;}
    .panorama-section .panorama-info .phone {text-align:center;}
    .panorama-section .panorama-info .phone .value {    font-size: 20px;    line-height: 110%;    letter-spacing: -0.6px;}
    .panorama-section:before {height:50%;}
    .restoran-events .item .item-info {    font-size: 14px;    line-height: 140%;    letter-spacing: 0.1px;}
    .restoran-events .item .item-image {width:100%;}
    .format-section .format-image {    margin: 0 0 80px 0;    height: 400px!important;}
    .format-section .sticky {position:relative!important;top:0!important;height:100%!important;}
    .format-section .format-image > div {position:relative!important;top:0!important;height:100%!important;}
    .format-section .stop {position:relative!important;top:0!important;}
    .format-section .format-image .vector {bottom:-40px;}
    .format-section .f-item .item-container {    padding: 20px;}
    .format-section .f-item {    margin: 0 auto 60px auto;    padding: 12px;    width: 100%;}
    h2 br {display:none;}
    .chambre-info .item {    height: unset;}
    .events-section .events-buttons .item .name {    font-size: 24px;    line-height: 100%;    letter-spacing: -0.6px;    margin: 20px 0;}
    .events-section .events-buttons .item .logo img {    height: 40px;}
    .events-section .events-buttons .item {    padding: 0 10px 30px 10px;}
    .main-info.img {    margin: 0 0 40px 0;}
    .main-info .info-image .vector {    bottom: 0px;}
    .main-info .info-image {padding:0 0 40px 0;}
    .location-section {text-align:center;}
    .location-section .l-item .item .item-info .number img {height:50px;}
    .location-section .l-item .item .item-info .anons {    font-size: 16px;    line-height: 140%;    letter-spacing: 0.2px;}
    .location-section .l-item .item .item-info .props {    margin: 20px 0 0 0;    font-size: 20px;    line-height: 110%;    letter-spacing: -0.28px;}
    .location-section .l-item .item .item-info h2 {    margin: 20px 0;}
    .no-hero section:not(.rooms-detail) h1 {    margin: 0 0 24px 0;    font-size: 32px;    line-height: 100%;    letter-spacing: -0.72px;}
    .posts-section .posts-list .col-12:nth-child(odd) {    border-right: 0px solid rgba(140, 134, 122, 0.5)!important;}
    .posts-section .posts-list .col-12 {border-right:0;border-bottom:1px solid rgba(140, 134, 122, 0.5);}
    .posts-section .posts-list .col-12:nth-child(odd):after {display:none;}
    .posts-section .posts-list .row {    border-bottom: 0px;}
    .no-hero .content {    padding: 100px 0 0 0;}
    .sad-section .sad-titles {display:block!important;text-align:center;}
    .sad-section .sad-titles h4 {    margin:0;}
    .sad-section .sad-titles br {display:none;}
    .sad-section .tree1 {    left: -50%;width:400px;}
    .sad-section .tree2 {    right: -50%;width:500px;}
    .main-info.inner .anim-info {    width: 240px;    height: 140px;   bottom: -60px;}
    .main-info.inner .info-container {    padding: 0 0 60px 0;}
    #prostir .inner-form .form-container {padding:0;}
    #prostir .modal-dialog {margin:0;}
    .inner-form .global-form {    margin: 30px 0 0 0px;}
    #prostir .container-fluid {padding:0;}
    .main-numbers .numbers-info .number-props {    font-size: 14px;}



}





@media (max-width: 580px) {




}