@media (max-width: 1712px) {
    .main-hero .hero-info {        padding: 140px 0 20px 0;    }
    .main-hero h1 {        font-size: 68px;        letter-spacing: -1.26px;    }
    h2.big {        font-size: 68px;        letter-spacing: -1.26px;    }
    h1 {      font-size: 68px;        letter-spacing: -1.26px;      }
    .title-container .sub-title {        font-size: 26px;        line-height: 32px;        letter-spacing: -1px;    }
    .main-info .item .item-name {        font-size: 30px;    }
    .main-restorans .restorans-images .images-container {        height: 600px;        margin: 0 -32px 0 0;    }
    .main-beaches .b-slider {        margin: 0 40px 0 -16px;        width: 700px;    }
    .main-beaches .b2-slider .item {        margin: 0 40px 0 0;    }
    .main-events .events-container .events-images {       position: relative;       height: 800px;    }
    .main-events .events-container .events-info .item {        padding: 0 40px 40px 40px;        bottom: 56px;    }
    .gutters-78 {margin-right: -16px;margin-left: -16px;}
    .gutters-78 > .col,.gutters-78 > [class*="col-"] {padding-right: 16px; padding-left: 16px;}
    .offers-list .item:after {right:-16px;}
    .offers-list .item:before {right:-64px;}
    .footer .footer-logo {        margin: 0 40px 0 0;    }
    .def-slider {margin:0 -16px 0 0;}
    .default-slider {padding:0 60px 0 0;}
    .reverse .def-slider {        margin: 0 0px 0 -16px;    }
    .reverse .default-slider {padding:0 0 0 60px;}
    .rooms-detail .detail-info-block .info {margin:0 0px 0 40px;}
    .bottom-section .section-container .info {        margin: 0 40px 0 0px;    }
    .bottom-section.reverse .info {        margin: 0 0px 0 40px;    }
    .restorans-section .def-slider .slider-navs {right:40px;}
    .restorans-section .def-slider {        margin: 0 -16px 0 0;        width: 780px;    }
    .restorans-section .default-slider {width:100%;}
    .restorans-section .default-slider .slide {margin:0;}
    .restorans-section .restoran-info {min-width:500px;}
    .restorans-section .default-slider .slide {        height: 680px;    }
    .beach-section .detail-slider {align-items: center;}
    .services-section .services-slider {        width: 800px;        margin: 0 -16px 0 0;    }
    .services-section .services-slider .slide {        height: 800px;    }
    .place-section .place-slider .big-slider .slide {height:600px;}
    .events-list .item {        padding: 0 20px 20px 20px;    }
    .events-list .item .event-image {        margin: 0 -20px 32px -20px;    }
    .events-list .item .info-right {        padding: 0 0 0 20px;        margin: 0 0 0 20px;    }
    .about-section .about-teritory {padding:0;}
    .about-section .info-container {margin:0;}
    .infra-section .infra-map {height:760px;position:relative;}
    .infra-section .infra-map .mp { max-width:none; position:absolute; top:0; left:50%; transform:translateX(-50%) ; -o-object-fit: contain; object-fit: contain; width: unset; height: 100%; -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; }
    .infra-section .infra-map .pin-0 {margin:-270px 0px 0 -150px;}
    .infra-section .infra-map .pin-1 {margin:-340px 0px 0 -240px;}
    .infra-section .infra-map .pin-2 {margin:-110px 0px 0 330px;}
    .infra-section .infra-map .pin-3 {margin:-120px 0px 0 100px;}
    .infra-section .infra-map .pin-4 {margin:30px 0px 0 240px}
    .infra-section .infra-map .pin-5 {margin:40px 0px 0 0px}
    .infra-section .infra-map .pin-6 {margin:140px 0px 0 130px}
    .infra-section .infra-map .pin-7 {margin:160px 0px 0 350px}
    .infra-section .infra-map .pin-8 {margin:80px 0px 0 450px}
    .infra-section .infra-map .pin-9 {margin:-220px 0px 0 -270px;}
    .infra-section .infra-map .pin-10 {margin:-170px 0px 0 -190px;}
    .infra-section .infra-map .pin-11 {margin:-230px 0px 0 -400px;}
    .infra-section .infra-map .pin-12 {margin:-210px 0px 0 -330px;}
    .infra-section .infra-map .pin-13 {margin:-180px 0px 0 -280px;}
    .infra-section .infra-map .pin-14 {margin:-150px 0px 0 -220px;}
    .infra-section .infra-map .pin-15 {margin:-115px 0px 0 -300px;}
    .infra-section .infra-map .pin-16 {margin:-80px 0px 0 -390px;}
    .about-section .about-teritory .teritory-video {        width: 720px;        min-width: 720px;        height: 720px;    }
    .about-section .about-teritory .vector {bottom:0;}
    .modal-event .event-info .event-image {        margin: 0 0 24px 0;        height: 400px;    }
    .modal-event .event-date .date {        font-size: 70px;        line-height: 90%;    }
    .modal-event .event-info .event-name {        font-size: 48px;        line-height: 96%;        letter-spacing: -1.72px;        font-family: 'Halvar Breitschrift';    }
    .modal-dialog.modal-big {        max-width: 1000px;        padding: 20px 0;    }
    .modal-event .event-left {        padding: 30px 20px;        width: 320px;        min-width: 320px;    }
    .modal-event .event-info .info-content {        padding: 0 20px 20px 20px;    }
    .modal-event .event-info .info-right {        padding: 0 0 0 20px;        margin: 0 0 0 20px;}
    .about-section .map-info {        position: relative;  margin:-200px 0 0 0;  }




}





@media (max-width: 1430px) {
    .main-hero .hero-info {        padding: 100px 0 20px 0;    }
    .header .menu-button {        margin: 0 20px 0 0;    }
    .main-menu .menu-navs .nav a {        font-size: 26px;        line-height: 32px;        letter-spacing: -1px;    }
    .main-info .item .item-image {        height: 400px;    }
    h2.big {        font-size: 52px;        letter-spacing: -1px;    }
    h1 {        font-size: 52px;        letter-spacing: -1px;    }    
    h2 {        font-size: 48px;        letter-spacing: -1px;    }
    .title-container .sub-title {        font-size: 22px;        line-height: 30px;        letter-spacing: -1px;    }
    .title-container .title-info {        width: 530px;    }
    .rooms-list .item .item-image {        height: 474px;    }
    .rooms-slider.rooms-list .item {        width: 400px;    }
    .gutters-40 {margin-right: -16px;margin-left: -16px;}
    .gutters-40 > .col,.gutters-40 > [class*="col-"] {padding-right: 16px; padding-left: 16px;}
    .gutters-20 {margin-right: -16px;margin-left: -16px;}
    .gutters-20 > .col,.gutters-20 > [class*="col-"] {padding-right: 16px; padding-left: 16px;}
    .sport-items .item .item-image {        height: 450px;    }
    .sport-items .item .item-info {        top: 20px;        bottom: 20px;        left: 20px;        right: 20px;    }
    .sport-items .item .item-hidden {        padding: 20px;    }
    .sport-items .item .item-name {        font-size: 30px;    }
    .main-restorans .restorans-images .images-container {        height: 500px;    }
    .main-beaches .b-slider {width:500px;}
    .main-beaches .b2-slider .item .name {        margin: 0 0 6px 0;        font-size: 30px;    }
    .main-beaches .btn-container .cta {right:auto;left:100%;}
    .main-beaches .beaches-info {        width: 640px;    }
    .offers-list .item .item-name {        font-size: 24px;        line-height: 36px;        letter-spacing: -0.8px;    }
    .footer .footer-contacts {        width: 433px;        min-width: 433px;    }
    .page-anons .anons-container {        font-size: 20px;        line-height: 32px;        letter-spacing: -0.32px;    }
    .rooms-detail .detail-props .props-items {margin:0 40px;}
    .tracks-slider .slide {        width: 338px;        height: 320px;    }
    .services-section .services-info {min-width:500px;padding: 0px 0 40px 0;}
    .services-section .services-slider .slide {        height: 600px;    }
    h3 {        margin: 0 0 24px 0;        font-size: 30px;        line-height: 100%;        letter-spacing: -0.4px;    }
    .place-section .place-slider .slider-info {padding:40px 0;}
    .detail-slider .slider-info .info-video {        height: 300px;        margin: 40px 0 0 0;    }
    .inner-form {padding:40px;min-width:540px;}
    .offer-detail .offer-container {        padding: 0 0 0 0px;    }
    .events-list .item .event-name {          margin: 0 0 6px 0;        font-size: 30px;        letter-spacing: -0.4px;    }
    .events-list .item .event-date .date {        font-size: 30px;        line-height: 100%;        letter-spacing: -0.4px;    }
    .offer-detail .event-date.offer-date {        font-size: 24px;        line-height: 32px;        letter-spacing: -0.6px;    }
    .offer-detail .event-date.offer-date span {        font-size: 30px;        line-height: 100%;        letter-spacing: -0.4px;    }
    .about-section .about-teritory .teritory-video {        width: 620px;        min-width: 620px;        height: 620px;    }
    .about-section .about-teritory .teritory-video:after {        top: -15%;        bottom: -15%;        left: -15%;        right: -15%;    }
    .about-section .about-teritory .teritory-video .video-container .play {        padding: 0 0 0 10px;        font-size: 42px;        width: 160px;        height: 160px;    }
    .about-section .about-teritory {padding:0 0 80px 0;}
    .about-section .about-map {padding:0 0 80px 0;}
    h4 {margin:0 0 24px 0; font-size: 24px; line-height: 32px;  letter-spacing: -0.6px;}
    .about-section .map-info {position:relative;margin:-250px 0 0 0;}


}

@media (max-width: 1199px) {
    .header .header-adres {display:none!important;}
    .main-hero .hero-info .bron-container {display:none;}
    .header .header-phones {margin:0;}
    .header .header-phones .phone-button .ic:first-child { width:44px; height:44px; border:1px solid #fff; display:flex; align-items: center; justify-content: center; border-radius:50% ; margin: 0; font-size: 24px; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; }
    .header .header-phones.open .phones-dropdown {opacity:1;visibility: visible;margin:0px 0 0 0;pointer-events: all;}
    .header .header-phones .phones-dropdown { left:auto; right:0; transform:none ; -webkit-transform:none ; -moz-transform:none ; -ms-transform:none ; -o-transform:none ; }
    .main-menu .menu-contacts {        width: 400px;        min-width: 400px;    }
    .main-menu .menu-navs .nav a {   margin:0 0 16px 0;     font-size: 20px;        line-height: 26px;        letter-spacing: -0.5px;    }
    .main-menu .menu-contacts .adres {        margin: 0 0 32px 0;    }
    .main-menu .menu-contacts .phone {        margin: 0 0 32px 0;    }
    .main-menu .menu-contacts .header-socs {        margin: 32px 0 0 0;    }
    body, th, td {  font-size: 18px;  line-height: 140%;letter-spacing: -0.4px;}
    .main-hero h1 {        font-size: 48px;        letter-spacing: -1px;    }
    .padding {padding-top:56px;padding-bottom:56px;}
    .padding-top {padding-top:56px;}
    .margin-bottom {margin-bottom:56px!important;}
    h2.big {    line-height: 100%;        font-size: 40px;        letter-spacing: -0.8px;    }
    h1 {    line-height: 100%;        font-size: 40px;        letter-spacing: -0.8px;    }
    h2 {    line-height: 100%;        font-size: 32px;        letter-spacing: -0.8px;    }
    .title-container .sub-title {margin:0 0 24px 0;        font-size: 20px;        line-height: 24px;        letter-spacing: -0.5px;    }
    .title-container .cta {        margin: 24px 0 0px 0;    }
    .title-container {        margin: 0 0 40px 0;    }
    .main-info .item .cta {        bottom: 40px;        opacity: 1;    }
    .btn-default {        font-size: 14px;line-height: 20px;letter-spacing: -0.28px;        height: 44px;        padding: 0 16px 0 20px;    }
    .title-container .title-info {        width: 430px;    }
    .main-rooms .slider-navs {        margin: 0px 0 0 0;    }
    .btn-border { font-size: 14px;line-height: 20px;letter-spacing: -0.28px;          letter-spacing: -0.32px;        height: 44px;        padding: 0 16px 0 24px;    }
    .slider-navs {display:none!important;}
    .rooms-list .item .item-image:after {        opacity: 1;    }
    .rooms-list .item .props {        opacity: 1;  left:20px;top:90px;  }
    .rooms-list .item .number {        top: 20px;        left: 20px;        }
    .rooms-list .item .play {        padding: 0 0 0 4px;        width: 48px;        height: 48px;        font-size: 20px;        top: 20px;        right: 20px;    }
    .rooms-list .item .cta {opacity:1;right:20px;bottom:20px;}
    .rooms-slider.rooms-list .item {        width: 312px;  margin:0 32px 0 0;  }
    .rooms-list .item .item-image {        height: 372px;    }
    .rooms-list .item .props .p-item {margin:0 0 16px 0;}
    .rooms-list .item .props .p-item .icon {        width: 32px;        min-width: 32px;    }
    .rooms-list .item .item-price {opacity:1;font-size: 16px;        line-height: 22px;        letter-spacing: -0.68px;}
    .rooms-list .item .item-name {        font-size: 24px;        line-height: 30px;        letter-spacing: -0.4px;    }
    .sport-section .sport-info {        width: 100%;        min-width: 0px;        margin: 0 0px 0 0;    }
    .main-restorans .animate-slider .a-slide.active .slide-name {        font-family: "Halvar Breitschrift";        font-size: 30px;        line-height: 100%;    }
    .main-restorans .animate-slider .a-slide .slide-anons {        margin: 0px 0 24px 0;        font-size: 16px;        line-height: 20px;        letter-spacing: -0.16px;    }
    .main-restorans .animate-slider .a-slide .slide-nav {        width: 30px;        min-width: 30px;        margin: 0 12px 0 0;    }
    .main-restorans .animate-slider .a-slide {        margin: 0 0 20px 0;     }
    .main-restorans .animate-slider {        width: 350px;        min-width: 350px;    }
    .main-beaches .beaches-info {padding:40px 0;}
    .main-beaches .slider-navigate {display:none;}
    .main-beaches .b2-slider .item .name {        margin: 0 0 2px 0;        font-size: 24px;    }
    .main-beaches .b2-slider .item .anons {        font-size: 18px;        line-height: 26px;        letter-spacing: -0.2px;    }
    .main-beaches .b-slider {        width: 400px;    }
    .main-beaches .b2-slider {        margin: 0 0 40px 0;    }
    .main-beaches .slider-info .info-anons {        width: 330px;        margin: 0 0 0 20px;        font-size: 16px;        line-height: 22px;    }
    .main-beaches .beaches-info {        width: 540px;    }
    .main-events .events-container .events-images {        position: relative;        height: 500px;    }
    .main-events .events-container .events-info .item .item-name {        margin: 0 0 24px 0;        font-size: 30px;    }
    .main-events .events-container .events-info .item {        padding: 0 20px 20px 20px;    }
    .main-events .events-container .events-info .col .item {        max-height: 800px;        bottom: 0;    }
    .main-events .events-container .events-info .item .item-anons {        color: var(--wh-ffffff, #FFF);        margin: 0 0 24px 0;        }
    .main-comfort .item {padding:20px;min-height: 320px;}
    .main-comfort .item .item-anons {        font-size: 16px;        line-height: 20px;    }
    .main-comfort .item .item-name {       margin: 0 0 20px 0;        font-family: "Halvar Breitschrift";        font-size: 24px;        line-height: 100%;    }
    .main-comfort .item .item-icon img {        height: 60px;    }
    .offers-list .item .item-name {        font-size: 20px;        line-height: 26px;    }
    .offers-list .item .item-image {padding:0;height:274px;}
    .footer .footer-navs {display:none;}
    .header.fix .header-phones .phone-button .ic {        border-color: #213047;    }
    h2.big span {        margin: 0 0 0 36px;    }
    h1 span {        margin: 0 0 0 36px;    }
    h2 span {        margin: 0 0 0 24px;    }
    .hero-inner .hero-image {        height: 500px;    }
    .hero-inner .hero-info {top:120px;}
    .page-anons {        padding: 60px 0; margin:0 0 56px 0;   }
    .hero-inner .hero-back {margin:0 40px 0 0;}
    .rooms-detail .detail-top {        padding: 56px 100%;    }
    .rooms-detail .detail-top .detail-buy {        width: 100%;        min-width: 0;        margin: 0 0 0 0px;    }
    .gutters-24 {margin-right: -16px;margin-left: -16px;}
    .gutters-24 > .col,.gutters-24 > [class*="col-"] {padding-right: 16px; padding-left: 16px;}
    .rooms-detail .detail-info .item .data {        font-size: 20px;        line-height: 26px;        letter-spacing: -0.24px;    }
    .rooms-detail .detail-props .props-container .image-left {display:None;}
    .rooms-detail .detail-props .props-items {        margin: 0 0px;padding:40px 16px;    }
    .rooms-detail .detail-top .top-props {        width: unset;       }
    .sport-items .item {        margin: 0 0 56px 0;    }
    .sport-items .col-12:nth-child(3n+2) {        padding-top: 0;    }
    .hero-inner .play {        right: 40px;        bottom: 40px;        padding: 0 0 0 5px;        font-size: 32px;        width: 76px;        height: 76px;    }
    .rooms-detail .detail-info-block .info {min-width:477px;}
    .bottom-section .section-container .info {        min-width: 474px;    }
    .restorans-section .restoran-info .cta {        margin: 0 4px 0 0;    }
    .restorans-section .restoran-tabs .tabs-nav a {        margin: 0 0 10px 0;        font-size: 20px;        letter-spacing: -0.26px;    }
    .bottom-section .section-container .info .info-phone .value {        font-size: 24px;        line-height: 24px;        letter-spacing: -0.4px;    }
    .default-slider .slide {        height: 600px;    }
    .services-section .services-info .slider-navs {display:block!important;}
    .services-section .services-info {        min-width: 400px;    }
    h3 {        font-size: 24px;        line-height: 100%;        letter-spacing: -0.2px;    }
    .hero-inner .hero-anons {        font-size: 18px;        line-height: 24px;        letter-spacing: -0.46px;    }
    .hero-inner .hero-phone .value {        font-size: 24px;        line-height: 24px;        letter-spacing: -0.6px;    }
    .faq-section .faq-list {        max-width: 100%;        margin: 0 0 40px 0;    }
    .inner-form {min-width:0;width:100%;}
    .header .header-phones .phone-button .ic:first-child {border-color:#213047;}
    .no-hero .back {        margin: 0px 20px 0 0;    }

    .offer-detail .offer-top {        padding: 0 0 56px 0;    }
    .offer-detail .offer-date {        margin: 0 0 56px 0;        font-size: 20px;        line-height: 20px;        letter-spacing: -0.24px;    }
    .offer-detail .offer-top:before {bottom:-60px;}

    .contacts-section .contacts-block .adres .val {        font-size: 20px;        line-height: 100%;        letter-spacing: -0.26px;    }
    .contacts-section .contacts-left {        padding: 40px 0 0 0;        width: 477px;        min-width: 477px;    }
    .contacts-section .contacts-block .val {    font-size: 20px;        line-height: 100%;        letter-spacing: -0.26px;      }
    .contacts-section .contacts-block .phone {        margin: 0 0 20px 0;    }
    .contacts-section .contacts-block .phones .sub-data {        margin: 40px 0 20px 0;        font-size: 20px;        line-height: 20px;    }
    .contacts-section .contacts-block {        padding-bottom: 20px;        margin-bottom: 20px;    }
    .contacts-section .contacts-block .socials .item {        margin: 0 20px 0 0px;    }
    h4 { font-size: 20px; line-height: 22px;  letter-spacing: -0.4px;}
    .about-section .about-teritory .teritory-info {        width: 100%;        min-width: 0;    }
    .about-section .about-teritory .teritory-video { width: 100%; min-width: 0; height: 620px; border-radius:0 ; -webkit-border-radius:0 ; -moz-border-radius:0 ; -ms-border-radius:0 ; -o-border-radius:0 ; }
    .about-section .about-teritory .teritory-video:after {display:none;}
    .about-section .about-teritory .teritory-video .video-container { border-radius:0 ; -webkit-border-radius:0 ; -moz-border-radius:0 ; -ms-border-radius:0 ; -o-border-radius:0 ; }
    .about-section .about-teritory {        padding: 0 0 0px 0;    }
    .about-section .about-map {       padding: 0 0 0px 0; margin:0 0;    }
    .about-section .map-info {position:relative;margin:-100px 0 0 0;}
    .about-section .info-container {        max-width: 100%;    }
    .infra-section .infra-map .mp {display:None;}
    .infra-section .infra-map .pin {display:none!important;}
    .infra-section .infra-map {height:auto;}
    .infra-section .slider-container {        position: relative;        bottom: 0px;    }
    .infra-section .infra-slider .item .item-name {color: var(--bl-213047, #213047);margin:0 0 24px 0;}
    .infra-section .infra-slider .item .item-image { order:12;       margin: 0 0px 0 0;        width: 100%;        height: 452px;        border-radius: 0;        -webkit-border-radius: 0;        -moz-border-radius: 0;        -ms-border-radius: 0;        -o-border-radius: 0;}
    .infra-section .infra-slider .item {flex-direction: column;}
    .infra-section .slider-navs {display:block!important;}
    .infra-section .slider-navigate {        bottom: 20px;        left: 36px;        width: unset; right:36px;   }





}




@media (max-width: 992px) {
    .main-hero .hero-info {        padding: 180px 0 80px 0;    }
    .main-menu .menu-contacts {display:none;}
    .title-container .title-info {        width: 100%;    }
    .title-container h2.big {        margin: 0 0 24px 0;    }
    .title-container h2 {        margin: 0 0 24px 0;    }
    .main-info .item.col {max-width:50%;flex-basis: auto;}
    .title-container .cta {        margin: 0px 0 24px 0;    }
    .main-restorans .animate-slider {        width: 100%;        min-width: 0;    }
    .main-restorans .restorans-images {width:100%;margin:0 0 24px 0;}
    .main-restorans .restorans-images .images-container {        height: 100%;margin:0 -16px;    }
    .main-restorans .restorans-images {height:400px;}
    .main-restorans .restorans-images .col {height:100%;}
    .main-beaches .beaches-info {        width: 100%; margin:0;    }
    .main-beaches .b-slider {        margin: 0 -16px 40px -16px;        width: unset;    }
    .main-beaches .b-slider .item {        height: 500px;    }
    .main-events .events-container .events-images {display:none;}
    .main-events .events-container .events-info {position:relative;display:block!important;}
    .main-events .events-container .events-info .col {position:relative;height:600px;border-right:0;}
    .main-events .events-container .events-info .item {height:100%;display: flex;flex-direction: column; justify-content: end;}
    .main-events .events-container .events-info .item .item-image {position:absolute;top:0;bottom:0;left:0;right:0;}
    .main-events .events-container .events-info .item .item-image img  {-o-object-fit: cover; object-fit: cover; width: 100%; height: 100%;}
    .main-events .events-container .events-info .item .item-image:after {content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.50) 100%);}
    .main-events .events-container .events-info .item .item-name {position:relative;z-index:2;}
    .main-events .events-container .events-info .item .item-anons {position:relative;z-index:2;}
    .comfort-slider {display:flex;}
    .main-comfort .item {width:288px;  height:100%;  }
    .main-comfort .slick-track {display: flex;}
    .main-comfort .slick-slide { width:320px;  height:unset;opacity:1!important; float:none; transform:none!important ; -ms-flex: 0 0 320px; flex: 0 0 320px; max-width: 320px; -webkit-transform:none!important ; -moz-transform:none!important ; -ms-transform:none!important ; -o-transform:none!important ; }   
    .main-comfort .col-12 {        padding-top: 0px;    }


    .offers-slider {display:flex;}
    .offers-slider .item {width:328px;  height:100%; }
    .offers-slider .slick-track {display: flex;}
    .offers-slider .slick-slide { width:360px;  height:unset;opacity:1!important; float:none; transform:none!important ; -ms-flex: 0 0 360px; flex: 0 0 360px; max-width: 360px; -webkit-transform:none!important ; -moz-transform:none!important ; -ms-transform:none!important ; -o-transform:none!important ; }    
    .offers-list .offers-slider .item:after {display:none!important;}
    .footer .footer-logo {display:none;}
    .footer {text-align:center;}
    .footer .footer-contacts .d-flex {justify-content: center;}
    .footer .footer-contacts {margin:0 auto;        }
    .footer .copy {margin:48px 0 0 0;}
    .modal-event .event-left {        padding: 56px 56px;        width: 100%;        min-width: 0;    }
    .modal-content .close {        top: 20px;        right: 20px;    }
    .modal-event .event-info .info-right {        padding: 24px 0 0 0px;        margin: 24px 0 0 0px;        border-left: 0px solid #213047;        border-top: 1px solid #213047;    }
    .modal-event .event-info .event-image {        margin: 0 0 24px 0;        height: auto;    }
    .modal-event .event-info .event-date {display:flex;        min-width: 0;        width: 100%; align-items: center;    }
    .modal-event .event-info .event-date span {margin:0 20px 0 0;}
    .modal-event .event-date .date {display:flex; }
    .modal-event .event-info .event-anons {margin:0 0 24px 0;}
    .footer .footer-contacts .header-socs a {        margin: 0 12px;    }
    .main-events .events-container .events-info .item .item-image {display:block;}
    .page-anons .anons-container {        font-size: 18px;        line-height: 28px;        letter-spacing: -0.24px;    }
    .rooms-detail .detail-top .top-props .item {        width: 50%;        min-width: 50%;    }
    .rooms-detail .detail-info .item {margin:0 0 40px 0;}
    .rooms-detail .detail-info {        padding: 80px 100% 40px 100%;    }
    .detail-slider .slider-info {        width: 100%;        margin: 0 0px 0 0;    }
    .def-slider {width:unset;}
    .rooms-detail .detail-props .props-items {        width: 100%;        min-width: 0;    }
    .rooms-detail .detail-info-block .info {        min-width: 0;width:100%;margin:0 0 40px 0;    }
    .rooms-detail .detail-info-block .image {        width: 100%;        height: 614px;    }
    .bottom-section {        padding:0;    }
    .bottom-section .section-container .info {  min-width: 0;width:100%;margin:0 0 40px 0;    }
    .bottom-section .section-container .image {        width: 100%;        height: 614px;        margin: 0px 0 0 0;    }
    .bottom-section .section-container {        padding: 56px 0;    }
    h3 {        margin: 0 0 24px 0;        font-size: 30px;        letter-spacing: -0.4px;    }
    .restorans-section .restoran-info {        width: 100%;        min-width: 0;        margin: 0 0px 40px 0;    }
    .restorans-section .def-slider {        margin: 0 -16px;        width: unset;    }
    .detail-slider.reverse .slider-info {        width: 100%;        margin: 0 0px 0 0px;    }
    .reverse .def-slider {        margin: 0 -16px 0 0;    }
    .reverse .default-slider {        padding: 0 60px 0 0px;    }
    .reverse .def-slider .slider-counts {        left: 40px;    }
    .services-section .services-info {        min-width: 0px;  width:100%;margin:0;  }
    .services-section .slider-navigate {margin:0 0 32px 0;justify-content: space-between;}
    .services-section .slider-texts {max-width:100%;}
    .services-section .services-slider {        width: unset;        margin: 0 -16px;    }
    .detail-slider .slider-info .info-video {        height: 400px;        margin: 40px 0;    }
    .place-section .place-container {        padding: 56px 0;    }
    .place-section .place-slider .big-slider .slide {        height: 500px;    }
    .offer-detail .offer-right {        width: 100%;    }
    .offer-detail .offer-image {margin:0 0 32px 0;}
    .offer-detail .share {margin:0 0 32px 0;        font-size: 20px;        line-height: 20px;        letter-spacing: -0.2px;    }
    .offer-detail .offer-content {        width: 100%;        min-width: 0;        margin: 0 0px 0 0;    }
    .events-list .item .event-image {height:274px;}
    .events-list .item .event-date {       width: 100%;        min-width: 0;        text-align: center; display: flex; align-items: center; justify-content: center;    }
    .events-list .item .event-date .date {margin:0 12px 0 0; }
    .events-list .item .event-date .date span {display:inline;}
    .events-list .item .event-date .time span {display:inline;}
    .events-list .item .info-right {        width: 100%;        padding: 20px 0 0 0px;        margin: 20px 0 0 0px;        border-left: 0px solid #213047;        border-top: 1px solid #213047;    }
    .contacts-section .contacts-left {        width: 100%;        min-width: 0;    }
    .about-section .about-teritory .teritory-video {        width: 100%;        min-width: 0;        height: 520px;    }
    .sticky {position:relative!important; top:0;left:0;}
    .stop {position:relative!important; top:0!important;left:0;}
    .contacts-section .sticky-map {        width: unset;        margin: 0 -16px;height:auto!important;    }

    .footer .dev {margin:48px 0 0 0;}
    

}

@media (max-width: 767px) {
    .header .logo {width:128px;}
    .header .logo svg {max-width:100%;}
    .header .menu-button {        margin: 0 ;        width: 44px;        height: 44px;        font-size: 10px;    }
    .phone-open {overflow: hidden;}
    .header .header-phones .phones-dropdown { z-index:210; text-align:left; padding:16px; position:fixed; top:0; left:0; width:100vw; bottom:0; transform:none ; -webkit-transform:none ; -moz-transform:none ; -ms-transform:none ; -o-transform:none ; }
    .header .header-phones .phones-dropdown .phones-title {position:relative;margin:0 -16px 24px -16px;padding:0 16px 16px 16px;border-bottom: 1px solid rgba(14, 102, 120, 0.10);  }
    .header .header-phones .phones-dropdown .phone-title {font-family: "Halvar Breitschrift";        font-size: 18px;        font-weight: 800;        line-height: 100%;        letter-spacing: -0.36px;}
    .header .header-phones .phones-dropdown .close {font-size:20px;}
    .header .header-phones .phones-dropdown .item {        margin: 0 0 16px 0;    }
    .header .header-phones .phones-dropdown .value {font-size:20px;}
    .header .header-phones .phones-dropdown .header-socs {margin:8px 0 0 0;}
    .header .header-socs .item {margin:0 24px 0 0!important;}
    .header .header-socs {justify-content: start!important;}
    .header {height:60px;}
    .main-menu .menu-inner {height:100%;padding:76px 0 16px 0;overflow:auto;}
    .menu-open .header {border-bottom: 1px solid rgba(14, 102, 120, 0.10);    }
    .main-menu .menu-navs .row {display:block!important;}
    .main-menu .menu-navs .nav a:before {display:none;}
    .main-menu .menu-navs .nav a {padding:0 16px 14px 16px;margin:0 -16px 14px -16px;border-bottom: 1px solid var(--eaf-1-f-3, #DEE9EB);}
    .main-menu .menu-title {margin:16px 0 14px 0;color: var(--gray-29-da-7-af, #9DA7AF);        font-size: 14px;        line-height: 140%;}
    .menu-open .header .menu-button {background: transparent!important;        border:0;        width: 32px;        height: 32px;        font-size: 20px;    }
    .menu-open .header .menu-button .ic:before {content: "\e90f";color:#213047;}
    .menu-open .header .menu-button:after {display:none;}
    .modal-dialog {margin:0;}
    .modal-content {padding:16px;height:100%;}
    .modal-form .modal-title {margin:0 -16px 24px -16px;padding:0 16px 16px 16px;border-bottom: 1px solid rgba(14, 102, 120, 0.10); font-family: "Halvar Breitschrift";        font-size: 18px;        font-weight: 800;        line-height: 100%;        letter-spacing: -0.36px;    }
    .modal-content .close {font-size:20px;        top: 14px;        right: 16px;        width: 20px;        height: 20px;    }
    .modal-form .modal-anons {        margin: 0 0 24px 0;        font-size: 16px;        line-height: 22px;        letter-spacing: -0.32px;    }
    .input-container {        margin: 0 0 24px 0;    }
    .input {        font-size: 16px;        line-height: 22px;        letter-spacing: -0.36px;    }
    .textarea {        font-size: 16px;        line-height: 22px;        letter-spacing: -0.36px;    }
    .select2-container--default .select2-selection--single .select2-selection__rendered {        font-size: 16px;        line-height: 22px;        letter-spacing: -0.36px;    }
    .modal-dialog {height:100%;}
    .modal-content {overflow:auto;}
    .modal-form {height:100%;display:flex;justify-content: space-between;flex-direction: column;}
    .modal-form .pol-container {border-top: 1px solid rgba(14, 102, 120, 0.10);margin:0 -16px 0 -16px;padding:16px 16px 0px 16px;}
    .modal-form .politika {margin:0 0 16px 0;}
    .modal-form .submit {width:100%;}
    .modal-dialog.modal-big {padding:0;}
    .modal-event .event-left {        padding: 16px;    }
    .modal-form.modal-event .modal-title {        margin: 0 0px 20px 0;        padding: 00;        border-bottom:0;    }
    .modal-event .event-info .info-content {        padding: 0 16px 24px 16px;    }
    .modal-event .event-date .date {        margin: 0 0 0px 0;        font-family: "Halvar Breitschrift";font-size: 30px;font-weight: 700;line-height: 105%;letter-spacing: -0.6px;text-transform: uppercase;    }
    .modal-event .event-info .event-date span {        margin: 0 10px 0 0;    }
    .modal-event .event-date .time {font-family: "Corsa Grotesk";    padding:0 0 4px 0;    font-size: 16px;        line-height: 20px;        letter-spacing: 0.64px;    }
    .modal-event .event-info .event-name {font-size: 28px;        font-weight: 700;        line-height: 96%;        letter-spacing: -0.56px;    }
    .modal-event .event-info .event-anons {font-size: 16px;        line-height: 22px;        letter-spacing: -0.32px;    }
    .modal-event .event-info .info-right {        padding: 20px 0 0 0px;        margin: 20px 0 0 0px;    }
    .main-hero .hero-info {        padding: 130px 0 48px 0;    }
    .main-hero h1 {font-size: 30px;        line-height: 105%;        letter-spacing: -0.6px;    }
    .section-name {margin:0 0 16px 0;}
    .title-container h2.big {        margin: 0 0 32px 0;    }
    h2.big {    margin: 0 0 32px 0;          line-height: 105%;        font-size: 30px;        letter-spacing: -0.8px;    }
    h1 {    margin: 0 0 0px 0;          line-height: 105%;        font-size: 30px;        letter-spacing: -0.8px;    }
    h2 {    margin: 0 0 32px 0;          line-height: 100%;        font-size: 26px;        letter-spacing: -0.8px;    }
    body, th, td {        font-size: 16px;        line-height: 140%;        letter-spacing: -0.4px;    }
    .title-container .cta {margin:0px 0 0 0;}
    .title-container .section-anons {margin:0 0 32px 0;}
    .title-container {margin:0 0 40px 0;}
    .main-info .item.col {width:100%;        max-width: 100%;    }
    .main-info .item .item-image {        height: 280px;    }
    .main-info .item .item-name {        padding: 0 16px;        font-size: 22px;        line-height: 100%;        letter-spacing: -0.44px;    }
    .main-info .item .cta {        bottom: 32px;    }
    .main-rooms .title-container .cta {margin:0 0 32px 0;}
    .sport-section h2.big {        margin: 0 0 32px 0;    }
    .sport-section .sport-info .anons {        margin: 0 0 32px 0;    }
    .sport-section .sport-items .col-12:nth-child(even) {        padding-top: 0px;    }
    .sport-items .item {        margin: 0 0 32px 0;    }
    .sport-section .col-12:last-child .item {        margin: 0 0 0px 0;    }
    .sport-items .item .item-image {        height: 480px;    }
    .sport-items .item .item-info {        top: 16px;        bottom: 16px;        left: 16px;        right: 16px;    }
    .sport-items .item .item-info .link {        width: 52px;        height: 52px;        font-size: 20px;    }
    .sport-items .item .item-name {        font-size: 22px;        line-height: 100%;        letter-spacing: -0.44px;    }
    .sport-items .item .item-anons {        font-size: 16px;        line-height: 22px;        letter-spacing: -0.32px;    }
    .sport-items .item .item-price {        font-size: 18px;        line-height: 100%;        letter-spacing: -0.36px;    }
    .main-restorans .restorans-images {        height: 250px;    }
    .main-restorans .restorans-images .images-container {        margin: 0 -2px;    }
    .main-restorans .restorans-images .images-container .col {padding:0 2px;}
    .main-restorans .animate-slider .a-slide.active .slide-name {letter-spacing: -0.44px;        font-size: 22px;        line-height: 100%;    }
    .main-restorans .animate-slider .a-slide .number {        margin: 0 0 12px 0;        font-size: 14px;        line-height: 20px;        letter-spacing: 0.56px;    }
    .main-restorans .animate-slider .a-slide {        margin: 0 0 10px 0;    }
    .main-restorans .animate-slider .a-slide.active {margin:0 0 24px 0;}
    .main-beaches .btn-container .cta {   margin:24px 0 0 0;     right: auto;        left: 0;        bottom:0;position:relative;    }
    .main-beaches .btn-container {        margin: 0 0 32px 0;    }
    .main-beaches .b-slider .item {        height: 262px;    }
    .main-beaches .b-slider {        margin: 0 -16px 32px -16px;    }
    .main-beaches .b2-slider .item {        margin: 0 24px 0 0;    }
    .main-beaches .b2-slider .item .name {        margin: 0 0 2px 0;font-size: 18px;        line-height: 100%;        letter-spacing: -0.36px;    }
    .main-beaches .slider-info .info-anons {        width: 100%;        margin: 0 0 24px 0px;    }
    .main-beaches .slider-info .info-cont {        width: 100%;        min-width: 0; display: flex; align-items: center; justify-content: space-between;    }
    .main-beaches .slider-info .price {        margin: 0 16px 0 0;    }
    .main-beaches .slider-info .price .data {        margin: 0 0 6px 0;font-size: 16px;        line-height: 22px;        letter-spacing: -0.32px;    }
    .main-beaches .slider-info .price .value {font-size: 18px;        line-height: 100%;        letter-spacing: -0.36px;    }
    .main-beaches .b2-slider {        margin: 0 0 32px 0;    }
    .main-events .events-container .events-info .item {        padding: 0 16px 56px 16px; align-items: start;   }
    .main-events .events-container .events-info .item .item-name {        margin: 0 0 20px 0;font-size: 22px;        line-height: 100%;        letter-spacing: -0.44px;    }
    h2.big span {        margin: 0 0 0 18px;    }
    h1 span {        margin: 0 0 0 18px;    }
    h2 span {        margin: 0 0 0 18px;    }
    .main-comfort .item .c-top {display:flex;align-items: center;margin:0 0 24px 0;}
    .main-comfort .item .item-icon img {        height: auto;    }
    .main-comfort .item .item-icon {width:56px;min-width:56px;margin:0 24px 0 0;}
    .main-comfort .item .item-name {        margin: 0;font-size: 18px;        font-weight: 800;        line-height: 100%;        letter-spacing: -0.36px;    }
    .main-comfort .item {        padding: 24px;        min-height: 300px;    }
    .main-offers .cta {margin:0;}
    .offers-slider .item {        width: 288px;    }
    .offers-slider .slick-slide {        width: 320px;        -ms-flex: 0 0 320px;        flex: 0 0 320px;        max-width: 320px;    }
    .offers-list .item .item-image {        padding: 0;        height: 214px;    }
    .offers-list .item .item-date {        font-size: 14px;        letter-spacing: -0.28px;    }
    .offers-list .item .item-anons {font-size: 16px;        line-height: 22px;        letter-spacing: -0.32px;    }
    .footer {        padding: 50px 0 0 0;    }
    .footer .footer-contacts {        width: 100%;        min-width: 0;    }
    .footer .footer-contacts .icn {display:none!important;}
    .footer .footer-contacts .adres {        margin: 0 0 24px 0;    }
    .footer .footer-contacts .phone {        margin: 0 0 24px 0;    }
    .footer .footer-contacts .header-socs {        margin: 40px 0 0 0;}
    .footer .footer-bottom {        margin: 24px 0 0 0;        padding: 24px 0;        font-size: 16px;        line-height: 22px;        letter-spacing: -0.32px;    }
    .footer .footer-bottom .links a {display:block;        margin: 0 0 24px 0;    }
    .footer .footer-bottom .links a:last-child {margin:0;}
    .footer .copy {        margin: 24px 0 0 0;    }
    .hero-inner .hero-image {        height: 400px;    }
    .hero-inner .hero-info {        top: 80px;    }
    .page-anons .anons-container {        font-size: 16px;        line-height: 24px;        letter-spacing: -0.24px;    }
    .rooms-list .item {        margin: 0 0 56px 0;    }
    .hero-inner .hero-anons {       color: #fff;        margin: 12px 0 0 0;        font-size: 16px;        line-height: 20px;        letter-spacing: -0.32px;    }
    .hero-inner .hero-back {        width: 52px;        min-width: 52px;        margin: 0 20px 0 0;        height: 52px;    }
    .rooms-detail .detail-top .top-props {margin:0 -16px;}
    .rooms-detail .detail-top .top-props .item {        padding: 0 16px;        margin: 0 0 40px 0;        font-size: 14px;        line-height: 20px;        letter-spacing: -0.24px;    }
    .rooms-detail .detail-top .top-props .item .icon {        width: 32px;        min-width: 32px;    }
    .rooms-detail .detail-top .price {        margin: 0 0 16px 0;        font-size: 20px;        line-height: 20px;    }
    .rooms-detail .detail-info {        padding: 40px 100% 0px 100%;    }
    .rooms-detail .detail-info .info-title {        margin: 0 0 32px 0;        font-size: 20px; line-height: 24px;       letter-spacing: -0.32px;    }
    .rooms-detail .detail-info .item {        font-size: 14px;        line-height: 20px;        letter-spacing: -0.24px;    }
    .detail-slider .slider-info {        font-size: 16px;        line-height: 22px;        letter-spacing: -0.24px;    }
    .def-slider .slider-counts {        top: 16px;        left: 16px;        font-size: 16px;        line-height: 20px;    }
    .def-slider .slider-counts .current {        font-size: 30px;        letter-spacing: -0.4px;    }
    .default-slider .slide {        height: 360px;    }
    .default-slider {        padding: 0 30px 0 0;    }
    .rooms-detail .detail-props .nav li {        font-size: 14px;        line-height: 20px;        letter-spacing: -0.24px;    }
    .rooms-detail .detail-props .props-title {        font-size: 20px;        line-height: 100%;        letter-spacing: -0.32px;    }
    .rooms-detail .detail-props .props-container .image-right {        height: 360px;    }
    .rooms-detail .detail-bron h2 {        margin: 0 auto 32px auto;    }
    .hero-inner .play {        padding: 0 0 0 3px;        font-size: 24px;        width: 46px;        height: 46px;    }
    h3 {        margin: 0 0 16px 0;        font-size: 24px;        letter-spacing: -0.24px;    }
    .rooms-detail .detail-info-block .image {        height: 320px;    }
    .bottom-section .section-container .image {        height: 320px;    }
    .restorans-section .restoran-info .cta {        margin: 0 0px 12px 0;  width:100%;  }
    .restorans-section .default-slider .slide {        height: 360px;    }
    .tracks-slider .slide {        width: 238px;        height: 220px;    }
    .bottom-section .section-container .info .info-phone .value {        font-size: 20px;        line-height: 20px;        letter-spacing: -0.2px;    }
    .bottom-section .section-container .info .info-phone .data {        margin: 4px 0 0 0;        font-size: 16px;        line-height: 22px;        letter-spacing: -0.2px;    }
    .bottom-section .section-container .info {        font-size: 16px;        line-height: 22px;        letter-spacing: -0.24px;    }
    .services-section .slider-texts {        font-size: 16px;        line-height: 22px;        letter-spacing: -0.24px;    }
    .services-section .slider-texts p {margin:0 0 24px 0;}
    .services-section .slider-texts p:last-child {margin:0 0 0px 0;}
    .services-section .slider-texts .cta {margin:24px 0 0 0;}
    .services-section .services-slider .slide {        height: 360px;    }
    .slick-arrow {        width: 52px;        height: 52px;        margin: -26px 0 0 0;    }
    .slider-navs {        width: 112px;        min-width: 112px;        height: 52px;}
    .services-section .services-info .slider-counts .current {        font-size: 30px;        line-height: 100%;        letter-spacing: -0.5px;    }
    .detail-slider .slider-info .info-video {        height: 300px;    }
    .place-section .place-slider .slider-info .slider-counts .current {        font-size: 30px;        line-height: 100%;        letter-spacing: -0.5px;    }
    .place-section .place-slider .slider-info {        padding: 20px 0;    }
    .place-section .place-slider .big-slider .slide {        height: 400px;    }
    .accordions .accord-item .accrodion-button {        font-size: 18px;        line-height: 18px;        letter-spacing: -0.46px;    }
    .accordions .accord-item .accrodion-button .number {        width: 40px;        min-width: 40px;    }
    .accordions .accord-item {        margin: 0 0 0 0;    }
    .accordions .accord-item .answer {        padding: 20px 0;    }
    .inner-form {padding:20px;}
    .hero-inner .hero-phone {        margin: 20px 0 0 0;    }
    .hero-inner .hero-phone .value {  margin:0;      font-size: 18px;        line-height: 18px;        letter-spacing: -0.2px;    }
    .hero-inner .hero-phone .data {        font-size: 14px;        line-height: 20px;        letter-spacing: -0.16px;    }
    .hero-inner .hero-right {        width: 100%;    }
    .offers-list .col-12:nth-child(-n+3) {        padding-top: 56px;    }

    .no-hero .content {        padding: 70px 0 0 0;    }
    .no-hero .back {        width: 42px;        min-width: 42px;        margin: 0px 12px 0 0;        font-size: 18px;        height: 42px;    }
    .offer-detail h1 {        line-height: 100%;        font-size: 22px;        letter-spacing: -0.2px;}
    .offer-detail .offer-top {        padding: 0 0 32px 0;    }
    .share {text-align:center;}
    .share .value {margin:0px 0 12px 0;display:block;}
    .share .item {margin:0 12px;}
    .offer-detail .offer-date {        margin: 0 0 32px 0;    }
    .events-list .item {        height: auto;        margin: 0 0 56px 0;    }
    .events-list .item .event-image {        height: 240px;    }
    .offer-detail .event-date.offer-date {        font-size: 20px;        line-height: 24px;        letter-spacing: -0.2px;    }
    .offer-detail .event-date.offer-date span {        font-size: 24px;        line-height: 100%;        letter-spacing: -0.4px;    }
    .offer-detail .offer-date {text-align:center;}
    .contacts-section .contacts-block .block .icon {        margin: 0 12px 0 0;        font-size: 26px;    }
    .contacts-section .contacts-block .socials .item .name {display:none;}
    .contacts-section .contacts-block .socials .item .icon {margin:0;}
    h4 {        font-size: 16px;        line-height: 20px;        letter-spacing: -0.2px;    }
    .about-section .about-teritory .teritory-video {        height: 340px;  width:unset;margin:0 -16px;  }
    .about-section .about-teritory .teritory-video .video-container .play {        padding: 0 0 0 5px;        font-size: 24px;        width: 80px;        height: 80px;    }
    .about-section .info-container .anons {        font-size: 16px;        line-height: 20px;        letter-spacing: -0.24px;    }
    .about-section .map-info {        margin: 0px 0 0 0;    }
    .infra-section .infra-slider .item .item-image {height:360px;}
    .main-restorans .animate-slider .a-slide .cta {        margin: 0 8px 0 0;    }
    .main-restorans .animate-slider .a-slide .ph {width:auto;}
    .main-restorans .animate-slider .a-slide .slide-nav {display:none;}
    .main-restorans .animate-slider .a-slide .slide-info {margin:12px 0 0 0;}
    .main-restorans .animate-slider .a-slide .ph .ic {        font-size: 24px;    }
    .footer .dev {margin:24px 0 0 0;}

}





@media (max-width: 580px) {




}