

@media (max-width: 992px) {
    html {font-size:16px;  }
    .header {    top: 0.5rem;    left: 0.5rem;    right: 0.5rem;    padding: 0 1rem;}
    .header .logo { width: 13.3125rem; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) ; -webkit-transform:translate(-50%,-50%) ; -moz-transform:translate(-50%,-50%) ; -ms-transform:translate(-50%,-50%) ; -o-transform:translate(-50%,-50%) ; }
    .menu-button {    margin:0;}
    .fixed-buttons {left:1rem;  z-index:195;  right: 1rem;   bottom: 3rem;display:flex;align-items:center;justify-content: center; }
    .fixed-buttons > * {    margin: 0 0.19rem;    width: unset;}
    .fixed-buttons .btn-default span:before {display:none;}
    .fixed-buttons .btn-default span {padding:0;}
    .fixed-buttons .btn-default {padding:0 1rem;border-color:var(--Black-Pearl);}
    .btn-default {font-size: 0.75rem;    letter-spacing: 0.02rem;    height: 2.5rem;    padding: 0 2.4375rem 0 1.6875rem;}
    .fixed-buttons > *:first-child {background:var(--Black-Pearl);color: var(--Sky-White);}
    .main-services .slider-container {    margin: 0 ;}
    .services-slider {    height: auto;}
    .services-slider .slick-track {    height: auto;}
    .margin-bottom {margin-bottom:4.25rem!important;}
    .padding {padding-top:4.25rem;padding-bottom:4.25rem;}
    .padding-top {padding-top:4.25rem;}
    .padding-bottom {padding-bottom:4.25rem;}
    h1 { margin:0 0 2rem 0; font-size: 1.75rem;line-height: 100%;}
    h2 { margin:0 0 2rem 0; font-size: 1.75rem;line-height: 100%;}
    h3 { margin:0 0 2rem 0; font-size: 1.5rem;line-height: 100%;}
    .title-container {    margin: 0 auto 1.25rem auto;text-align: center;}
    .title-container > * {margin-bottom:1.25rem!important;}
    .title-container > *:last-child {margin-bottom:0!important;}
    .slick-slider .slick-prev {    left: -0.5rem;}
    .slick-slider .slick-next {    right: -0.5rem;}
    .offers-slider .slide {    padding: 0 1rem 0 0;}
    .offers-slider .slick-list {    margin: 0 -1rem 0 0;}
    .slick-slider .slick-arrow {    background: var(--Creme-White, #F3EEE7);    border: 0.0625rem solid rgba(12, 12, 12, 1);    width: 2rem;    height: 2rem;    top: 15.25rem;    margin: -0;}
    .slick-slider .slick-arrow:after {    color: var(--Black-Pearl)!important;    font-size: 1rem!important;}
    .banner-section .banner-nav .item {    font-size: 1.5rem;    line-height: 100%;    letter-spacing: -0.02rem;}
    .banner-section .banner-nav { display:block!important;margin:15rem 0 0 0;}
    .banner-section .banner-nav .col:after {   right: auto;left:50%;    height: 0.125rem;    width: 5.5rem;    top: auto; bottom:0;    transform: translateY(0%) translateX(-50%);    -webkit-transform: translateY(0%) translateX(-50%);    -moz-transform: translateY(0%) translateX(-50%);    -ms-transform: translateY(0%) translateX(-50%);    -o-transform: translateY(0%) translateX(-50%);}
    .banner-section .banner-nav .col {padding:2rem 0; }
    .banner-section .banner-info {    height: auto;}
    .info-section .info-container {    width: 100%;    margin: 0 0 2.5rem 0;    min-height: 0;text-align: center;}
    .info-section .info-container .title-container {    text-align: center!important;}
    .info-section .info-container .title-container.text-center .line {    margin-left: auto;    margin-right: auto;}
    .info-section .info-image {    margin: 0 -1rem;    width: auto;}
    .map-section .map-info {    position: relative;    top: 0;    left: 0;    max-width:100%; text-align: center;}
    .map-section .map-scroll { display: flex;}
    .map-section .map-container {margin: auto;}
    .map-section .pin.active .pin-card {    display: block;}
    .reviews-list .item {    max-width: 100%;}
    .reviews-slider {padding:0 2.5rem;}
    .footer .footer-service {margin:0 0 2.5rem 0;    width: 100%;}
    .footer .footer-faq { width: 100%;}
    .footer .footer-navs {display:none;}
    .footer .footer-top {   padding: 2.5rem 0;}
    .footer .footer-middle {text-align: center;}
    .footer .footer-left {    width: 100%;    margin: 0 0rem 2rem 0;}
    .footer .footer-center  {    width: 100%;    margin: 0 0rem 2rem 0;}
    .footer .footer-right {width:100%;justify-content: center;}
    .footer .footer-right-1 {    width: 100%;    margin: 0 0rem 2rem 0;}
    .footer .footer-right-2 {    width: 100%;    margin: 0 0rem 0rem 0;}
    .footer .socials {justify-content: center;}
    .footer .footer-bottom {    padding: 2rem 0; text-align: center;}
    .main-menu {     z-index: 190;}
    .main-menu .menu-bg {display:none;}
    .main-menu .menu-container {text-align: center; transform:none; padding: 6.75rem 1.25rem 7rem 1.25rem; overflow:auto; z-index: 15; width: 100%; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none;}
    .main-menu .menu-top {display:none!important;}
    .main-menu .menu-btn {color:var(--Black-Pearl);font-size:2rem;}
    .main-menu li.open .drop-menu {visibility: visible;opacity:1;pointer-events: all;margin:0 0 0 0rem;}
    .main-menu .drop-menu { background: var(--Sky-White);   z-index: 5;    margin: 0;    padding: 6.75rem 1.25rem 0 1.25rem;    top: 0;    width:100%;    left: 0;    bottom: 0;    width: 100%;}
    .main-menu .drop-menu .menu-image {display:none;}
    .main-menu .drop-menu .nav li a {color: var(--Black-Pearl, #0C0C0C);margin:0 0 2rem 0;font-size: 2.125rem;font-weight: 400;line-height: 110%;letter-spacing: -0.025rem;text-transform: lowercase;}
    .main-menu .menu-back {margin:0 0 2rem 0;color: var(--Black-Pearl, #0C0C0C);font-family: "Segoe UI";font-size: 1.5rem;font-style: normal;font-weight: 300;line-height: 100%;text-transform: uppercase;}
    .main-menu .menu-back .ic {margin:0 0.5rem 0 0;font-size:2.8125rem; transform:rotate(-180deg) ; -webkit-transform:rotate(-180deg) ; -moz-transform:rotate(-180deg) ; -ms-transform:rotate(-180deg) ; -o-transform:rotate(-180deg) ; }
    .header .header-langs.open .langs-btn .ic { transform:rotate(-180deg) ; -webkit-transform:rotate(-180deg) ; -moz-transform:rotate(-180deg) ; -ms-transform:rotate(-180deg) ; -o-transform:rotate(-180deg) ; }
    .header .header-langs.open .drop-langs { visibility:visible ; opacity:1; pointer-events: all;  margin:0rem 0 0 0;}
    .services-slider {    width: 18rem;}
    .header .logo {    width: 8.5rem;}
    .menu-button .button-icon {    width: 2.75rem;    height: 1.75rem;    padding: 0 0.12rem;}
    .header .header-phone {    margin: 0 0 0 1rem;}
    .header .header-langs .langs-btn .ic {display:none;}
    .main-menu .menu-phone {    margin: 1rem 0 0 0rem;    padding: 1rem 0 0 0rem;}

    .btn-back {text-decoration: none; color: var(--Black-Pearl, #0C0C0C);font-family: "Segoe UI";font-size: 1.5rem;font-style: normal;font-weight: 300;line-height: 100%;text-transform: uppercase;}
    .btn-back .ic {margin:0 0.5rem 0 0;font-size:2.8125rem; transform:rotate(-180deg) ; -webkit-transform:rotate(-180deg) ; -moz-transform:rotate(-180deg) ; -ms-transform:rotate(-180deg) ; -o-transform:rotate(-180deg) ; }
    .chess-section .item-media {    width: 100%;}
    .chess-section .item-media .slide {    height: 40rem;}
    .chess-section .item {    margin: 0 0 3.75rem 0;    padding:0!important;}
    .chess-section .item .item-info { display:block!important;  width: 100%;    padding: 2rem;text-align: center;}
    .chess-section .item .props {justify-content: center;}
    .chess-section .item .item-buttons {justify-content: center;}
    .offers-list .item .item-image {    margin: 0 0 1rem 0;    height: 26rem;}
    .offers-list .item .line {display:none;}
    .gallery-modal .modal-content {    padding: 3rem 1.25rem 0 3rem;}
    .gallery-modal .item .item-images .i-item {    width: 10rem;    height: 12rem;}



    .cottages-single .single-info {    width: 100%;text-align:center; }
    .cottages-single .single-info .slide {height:60svh;position:relative;}
    .cottages-single .props {justify-content: center;}
    .single-s .cottages-single .single-buy {justify-content: center;}
    .cottages-single .single-media {display:none;}
    .cottages-single .single-block h2 {text-align: center;}
    .cottages-single .single-block .block-right {    width: 100%;}
    .inner-hero .hero-info {margin:0 0 0rem 0;    position: relative;    bottom: 0;}
    .inner-hero .hero-info h1 {    color: var(--Black-Pearl);}
    .inner-hero .hero-info .btn-back {margin:0 0 2rem 0;}
    .inner-hero .hero-media {    margin: 0 1.25rem;}
    .inner-hero .hero-media .item {    height: 60svh;}

    .hero-slider .slick-arrow { top: 50%; transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; }
    .hero-slider .slick-arrow {    background: rgba(12, 12, 12, 0.20);    border: 0.0625rem solid  var(--Sky-White);}
    .hero-slider .slick-arrow:after {color:var(--Sky-White)!important;}
    .hero-slider .slick-arrow:before { content:""; display:block; position:absolute; top:0; bottom:0; left:0; right:0; border-radius:50% ; backdrop-filter: blur(2px);-webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; }
    .hero-slider .slick-prev {    left: 1.25rem;}
    .hero-slider .slick-next {    right: 1.25rem;}



}

@media (max-width: 767px) {
    h1 { margin:0 0 1.25rem 0; font-size: 1.5rem;line-height: 100%;}
    h2 { margin:0 0 1.25rem 0; font-size: 1.5rem;line-height: 100%;}
    h3 { margin:0 0 1.25rem 0; font-size: 1.25rem;line-height: 100%;}
    h4 { margin:0 0 1.25rem 0; font-size: 1.125rem;line-height: 100%;}
    .link-default {    font-size: 0.875rem;    line-height: 100%;}
    .main-services .slider-container .slider-navs {    margin: 1.5rem auto 0 auto;}
    .slider-navs .slider-count {    font-size: 1rem;    line-height: 100%;}
    .offers-list .item .item-image {    margin: 0 0 1.25rem 0;    height: 19.25rem;}
    .offers-list .item {text-align:center;}
    .slick-slider .slick-arrow {top:8.5rem;}
    .offers-list .item .item-date:before {display:none;}
    .offers-list .item .item-date span {margin:0;}
    .offers-list .item .item-date {display:block;margin:0 0 0.75rem 0;font-size: 0.8125rem;font-weight: 400;line-height: 100%;}
    .offers-list .item .item-name {    font-size: 1.25rem;    line-height: 100%;    letter-spacing: -0.03rem;}
    .offers-list .item .item-anons {    margin: 0.75rem 0 0 0;font-size: 0.8125rem;font-weight: 300;line-height: 140%;letter-spacing: -0.01625rem;}
    body, th, td {font-size: 0.8125rem;line-height: 140%;}
    .banner-section .banner-image {    height: 50rem;}
    .banner-section .banner-nav .item {    font-size: 1.25rem;    line-height: 100%;}
    .btn-arrow {    padding: 0 1rem;    font-size: 0.8125rem;    line-height: 100%;    letter-spacing: -0.0125rem;    height: 2.5rem;}
    .btn-arrow .icon {    margin: 0 0 0 1rem;    font-size: 1.25rem;    min-width: 1.25rem;    width: 1.25rem;}
    .info-section .info-image .item {    height: 25rem;}
    .default-slider.slick-slider .slick-arrow { top: 50%; transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; }
    .default-slider.slick-slider .slick-arrow {    background: rgba(12, 12, 12, 0.20);    border: 0.0625rem solid  var(--Sky-White);}
    .default-slider.slick-slider .slick-arrow:after {color:var(--Sky-White)!important;}
    .default-slider.slick-slider .slick-arrow:before { content:""; display:block; position:absolute; top:0; bottom:0; left:0; right:0; border-radius:50% ; backdrop-filter: blur(2px);-webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; }
    .default-slider.slick-slider .slick-prev {    left: 1.25rem;}
    .default-slider.slick-slider .slick-next {    right: 1.25rem;}
    .offers-list .item .line {display:none;}
    .map-section .map-container {    height: 34rem;    width: 38rem;    min-width: 38rem;}
    .map-section .pin-button {    width: 1.5rem;    height: 1.5rem;    font-size: 0.8125rem;    line-height: 100%;    border: 0.125rem solid var(--Black-Pearl);}
    .map-section .pin-card {    width: 13rem;    padding: 0.75rem;}
    .map-section .pin-card .card-image {    margin: 0 0 1rem 0;    height: 10rem;}
    .map-section .pin-card .number {    margin: 0 0.5rem 0 0;    font-size: 0.8125rem;    line-height: 100%;    letter-spacing: -0.015rem;}
    .map-section .pin-card .card-name {    font-size: 1.25rem;    line-height: 100%;    letter-spacing: -0.03rem;}
    .map-section .pin-1 {    top: 13.5%;    left: 68.7%;}
    .map-section .pin-2 {        top: 11.5%;    left: 80.8%;}
    .map-section .pin-3 {    top: 19%;    left: 84.5%;}
    .map-section .pin-4 {    top: 19%;    left: 60.3%;}
    .map-section .pin-5 {    top: 31%;    left: 49.3%;}
    .map-section .pin-6 {    top: 50%;    left: 50.3%;}
    .map-section .pin-7 {    top: 62.5%;    left: 41.5%;}
    .map-section .pin-8 {    top: 73.7%;    left: 49.2%;}
    .map-section .pin-9 {    top: 70%;    left: 40%;}
    .map-section .pin-10 {    top: 72.5%;    left: 33.3%;}
    .map-section .pin-11 {    top: 76.5%;    left: 28%;}
    .map-section .pin-12 {    top: 80%;    left: 22%;}
    .map-section .pin-13 {    top: 86.5%;    left: 19.7%;}
    .map-section .pin-14 {    top: 93%;    left: 18%;}
    .map-section .pin-15 {   top: 88%;    left: 29%;}
    .map-section .pin-16 {  top: 75.7%;    left: 15.5%;}
    .reviews-list .item .review {    padding: 1rem;    font-size: 0.8125;    line-height: 150%;    letter-spacing: 0.01rem;}
    .reviews-list .item .review-name {    margin: 0 0 1rem 1rem;    color: var(--Black-Pearl);    font-family: "Playfair Display SC";    font-size: 1.25rem;    line-height: 100%;    letter-spacing: -0.02rem;}
    .reviews-list .item .review-top {    padding:0.75rem 1rem;}
    .stars .ic {    font-size: 1rem;    margin: 0 0.25rem 0 0;}
    .reviews-list .item .source {    font-size: 0.8125rem;    line-height: 90%;    letter-spacing: -0.0125rem;}
    .reviews-list .item .source .icon img {    height: 1rem;}
    .review-modal .modal-content {    padding: 2rem 2rem;}
    .modal-review .review {    font-size: 0.8125rem;    line-height: 140%;}
    .modal-review .name {    font-size: 1.5rem;    line-height: 100%;    letter-spacing: -0.0225rem;}
    .footer .footer-service .service-title {    margin: 0 0 0.75rem 0;    font-size: 1.25rem;    line-height: 100%;    letter-spacing: -0.03rem;}
    .footer .footer-service .servise-logos img {    height: 1.5rem;    margin: 0 1rem 0 0;}
    .footer .faq-accordions .accordion-button {    font-size: 1rem;    line-height: 100%;    letter-spacing: -0.025rem;}
    .main-menu .nav.level-1 .menu-item {    font-size: 1.25rem;    line-height: 100%;    letter-spacing: -0.025rem;}
    .main-menu .drop-menu .nav li a {    font-size: 1.25rem;    line-height: 110%;}
    .main-menu .menu-back {    font-size: 0.75rem;    line-height: 100%;}
    .main-menu .menu-back .ic {    font-size: 1.8125rem;}
    .main-menu .menu-phone {    margin: 1rem 0 0 0;    padding: 1rem 0 0 0;}

    .btn-back {    font-size: 0.75rem;    line-height: 100%;}
    .btn-back .ic {    font-size: 1.8125rem;}
    .chess-section .item-media .slide {    height: 20rem;}
    .chess-section .item .item-info {    padding: 1.25rem;}
    .chess-section .item .item-info > * {    margin: 0 0 1.25rem 0;}
    .chess-section .item .item-info h2 {    font-size: 1.25rem;    line-height: 100%;}
    .chess-section .item .p-item {    margin: 0 1rem 0rem 0;    font-size: 0.8125rem;    line-height: 100%;    letter-spacing: 0.02rem;}
    .chess-section .item .p-item .ic {    margin: 0 0.5rem 0 0;    font-size: 1rem;}
    .chess-section .item .item-buttons > * {    margin: 0 0.5rem 0 0;}
    .btn-default {    padding: 0 1.5rem 0 1.75rem;}
    .btn-default span {    line-height: 2.5rem;}
    .chess-section .item .item-price {    font-size: 1.25rem;    line-height: 110%;    letter-spacing: -0.02rem;}
    .chess-section .item {    margin: 0 0 1.75rem 0;}
    .no-hero .content {    padding: 5.5rem 0 0 0;}
    .gallery-modal .modal-content {    padding: 3rem 0.25rem 0 2rem;}
    .cottages-single .single-info .slide {    height: 20rem;}

    .cottages-single .single-info .p-item {    margin: 0 1rem 0rem 0;    font-size: 0.8125rem;    line-height: 100%;    letter-spacing: 0.02rem;}
    .cottages-single .single-info .p-item .ic {    margin: 0 0.5rem 0 0;    font-size: 1rem;}
    .cottages-single .single-info > * {    margin: 0 0 1.25rem 0;}
    .cottages-single .single-price {    margin: 0 0 0.5rem 0rem;    font-size: 1.25rem;    line-height: 110%;    letter-spacing: -0.02rem;}
    .single-s  .cottages-single .single-buy {border-top:0.0625rem solid var(--Black-Pearl); position:fixed;z-index:196;margin:0!important; bottom:0;left:0;right:0;padding:1.75rem 1.75rem 1.75rem 1.75rem;background: var(--Total-White, #FFF);text-align: center;}
    .single-c .footer {padding-bottom:9rem;}
    .cottages-single .single-gallerys .item {    padding: 1rem 0;}
    .cottages-single .equipments .item .icon {    margin: 0 0.5rem 0 0;    width: 1.5rem;    min-width: 1.5rem;}
    .btn-default span span {    line-height: 2.5rem;    margin: -2.5rem 0 0 0;}
    ul:not(.nav) li:before {    width: 1.5rem;    height: 1.5rem;    margin: -0.125rem 0.5rem 0 0;    background-size: 1.5rem;}
    .book-banner .banner-image {    height: 30rem;}
    .book-banner .banner-info {    bottom: 3rem;}
    .modal-content {    padding: 2rem;}
    .modal-form {    padding: 1.25rem;}
    .modal-form .form-phone {text-align: center;    margin: 1.25rem -1.25rem 0 -1.25rem;    padding: 1.25rem 1.25rem 0 1.25rem;}
    .modal-form .form-phone .value {margin:1rem 0 0 0;    font-size: 1.125rem;    line-height: 110%;}
    .inner-hero .hero-info .btn-back {    margin: 0 0 1.25rem 0;}
    .inner-hero .hero-media .item {    height: 25rem;}











}





@media (max-width: 580px) {

    



}

