@media (max-width: 1800px) {
    html {
        font-size: 14px;
    }

    .row.voti {
        bottom: 0;
    }
}

@media(max-width: 1400px) {

    html {
        font-size: 13px;
    }

    #servizi-3 .owl-carousel .owl-item img,
    #servizi .owl-carousel .owl-item img,
    #servizi-3 img.img-fluid,
    #servizi img.img-fluid,
    .struttura #testo-intro-2 .owl-carousel .owl-item img {
        height: 100vh;
        object-fit: cover;
    }

    section#foto-home {
        min-height: auto !important;
        padding-top: 0;
        padding-bottom: 0;
    }

    .blocco_foto_camera img.img-fluid {
        height: 400px;
    }

    #sez-1 h3 {
        width: 60%;
    }

    .index-camere #servizi img.img-fluid {
        height: 100vh;
        object-fit: cover;
    }

    #testo-intro h2 strong {
        font-size: 3rem;
    }

    #camera #foto-home h3 {
        margin-bottom: 0px;
    }

    #camera #foto-home a.button {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    #camera .blocco_foto_camera img.img-fluid {
        width: -webkit-fill-available;
    }

    .servizi section#blocco1 {
        display: flex;
        flex-direction: column;
    }

    .servizi #blocco1 .col-sm-12.col-md-4.area.elemgsp,
    .servizi #blocco1 .col-sm-12.col-md-8.area.elemgsp {
        width: 100%;
    }

    .servizi #blocco1 h3,
    .servizi #blocco1 p,
    .servizi #blocco1 a.button {
        margin-left: 0;
        margin-right: 0;
    }

    .servizi #blocco1 a.button {
        margin-bottom: 45px;
    }

    .servizi section#foto-home {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .servizi #foto-home .owl-theme .owl-dots .owl-dot {
        margin-bottom: 0px !important;
    }

    #sez44 .col-sm-12.col-md-3 {
        width: 50%;
        border-right: 0;
        padding-bottom: 45px;
    }
}

@media(max-width:1200px) {

    #testo-intro h2 {
        font-size: 2rem;
    }

    section#tipologie {
        display: flex;
        flex-direction: column;
        padding-bottom: 0;
    }

    #tipologie .col-md-4,
    #tipologie .col-md-6 {
        width: 100%;
        margin-bottom: 15px;
    }

    .galleria #foto-home h3 {
        padding-bottom: 50px;
        margin-top: 20px;
    }

    .cuore h4 {
        font-size: 2rem;
    }
}

@media(max-width: 1024px) {

    #header a.logosito img {
        width: 200px !important;
        height: auto !important;
        max-height: fit-content !important;
    }
}

@media (max-width: 992px) {

    #header a.logosito img {
        width: 120px !important;
    }

    div.fastreservation.apertura-full .laterale-fr {
        display: none !important;
    }

    button.multilingue span,
    nav.navmenu-lingue ul.sottolingue-attivo {
        font-size: 1.2rem;
        letter-spacing: 1px;
        font-weight: 500;
    }

    #menu_header.grndm .areabck {
        position: absolute;
        width: 100%;
        z-index: 0;
        background-color: #55314b !important;
        background-image: none !important;
    }

    #menu_header.grndm .areamenu {
        width: 100%;
    }

    #menu_header.navbar-menu.menumobile.menu-aperto.nbm .areabck {
        display: none;
    }

    #menu_header.navbar-menu.menumobile.menu-aperto.bm {
        background-color: transparent;
    }

    #menu_header.navbar-menu.menumobile.menu-aperto.nbm li.nav-item .nav-link {
        color: #000;
    }

    #menu_header.navbar-menu.menumobile.menu-aperto.bm li.nav-item .nav-link,
    #menu_header.navbar-menu.menumobile.menu-aperto.bm .chiudi_menumobile,
    li.nav-item.liv1.azioneher.prenotazioni a {
        color: var(--color4) !important;
    }

    #menu_header.navbar-menu.menumobile.menu-aperto.bm .chiudi_menumobile {
        background: transparent;
    }

    i.zmdi.zmdi-close {
        color: #ffffffad;
    }

    span.elem.posterpnrr img {
        height: auto;
        width: 100%;
    }

    /* elimina stile gsap orizzontale */
    div.pin-spacer {
        height: max-content !important;
        padding: 0 !important;
    }

    .contenGspOriz .pannellogsp {
        display: flex;
        justify-content: center;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: unset;
        height: auto;
        transform: none !important;
        margin: 10px 0;
        border-right: none;
    }

    section.contenGspOriz {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        width: auto !important;
        transform: none !important;
        height: auto !important;
        margin-top: 10px !important;
    }

    .anteprimacamera.visuale_sovrapposti .blocco_dati {
        padding: 2%;
        display: block;
        left: auto !important;
        right: auto !important;
        align-items: unset;
    }

    /* elimina stile gsap orizzontale */

    #slideshow .col-sm-12.col-md-12.area {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    #sez-1 p,
    #sez-1 h3 {
        width: 100%;
    }

    h1,
    #sez-1 h3 {
        line-height: 1;
    }

    section#servizi-3 {
        display: flex;
        flex-direction: column;
        padding-left: 30px;
        padding-right: 30px;
    }

    section#servizi {
        display: flex;
        flex-direction: column-reverse;
        padding-left: 30px;
        padding-right: 30px;
        margin-top: 0 !important;
    }

    section#servizi-3 .col-md-6,
    section#servizi .col-md-6,
    section#servizi-3 .col-md-5,
    section#servizi-3 .col-md-7 {
        width: 100%;
    }

    .col-sm-12.col-md-6.area.camera.elemgsp,
    .col-sm-12.col-md-6.area.camera.elemgsp {
        padding-top: 30px;
    }

    .camera .col-sm-12,
    #servizi-3 .col-sm-12,
    #sez-1 .col-sm-12 {
        padding-left: 0;
        padding-right: 0;
    }

    #servizi-3 .button,
    #servizi-3 button.button,
    #servizi .button,
    #servizi button.button {
        margin-left: 0;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .recensioni .item {
        height: 420px;
    }

    .recensioni-titolo h4 {
        padding: 15px;
        position: relative;
    }

    .recensioni .item {
        margin-top: 0;
        margin-bottom: 8%;
        width: calc(100% - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }

    section#zoom {
        margin-top: 0 !important;
        padding-left: 30px;
        padding-right: 30px;
    }

    #zoom .col-sm-12.col-md-12.colonnaarea {
        height: 90%;
    }

    #camere-1 a.linkinterno {
        margin-left: 0;
        margin-top: 30px;
    }

    #slideshow h2 strong {
        font-size: 3rem;
    }

    section#sez-1 {
        min-height: auto !important;
        margin-top: 0 !important;
        padding-top: 80px;
        padding-bottom: 80px;
    }

    #camera #servizi .col-sm-12.col-md-6.area.elemgsp:nth-child(2) {
        padding-top: 30px;
    }

    #camera #servizi .col-sm-12 {
        padding-left: 0;
        padding-right: 0;
    }

    #camere-1 .col-sm-12 {
        padding-left: 0;
        padding-right: 0;
    }

    #testo-intro .col-sm-12 {
        padding-left: 0;
        padding-right: 0;
    }

    section#foto-spa {
        padding: 20px;
    }

    .faq-container {
        padding-left: 0;
        padding-right: 0;
    }

    #servizi-2 .faq-container p {
        padding-left: 0;
        padding-right: 0;
        text-align: justify !important;
        font-size: 1.4rem !important;
    }


    section#servizi.mirror {
        display: flex;
        flex-direction: column;
    }

    #camere-1 .button {
        margin-left: 0;
    }

    #servizi-3 .col-sm-12.col-md-7.area {
        height: auto !important;
        padding-top: 50px;
        padding-bottom: 5px;
    }

    .row.distanza-3.sfondobckg.fullscreen {
        padding-left: 30px;
        padding-right: 30px;
    }

    #servizi-3 h3,
    #servizi-3 p,
    #servizi-3 button.button {
        margin-left: 0px;
    }

    #servizi-3 h3,
    #servizi-3 p {
        width: 100%;
    }

    #servizi p {
        margin-right: 0;
    }

    #tipologie .col-md-4,
    #foto-home .col-sm-12.col-md-12.area.elemgsp {
        opacity: 1 !important;
        filter: none !important;
        transform: none !important;
    }

    section#sez-8 {
        min-height: 600px !important;
        padding-left: 50px;
        padding-right: 50px;
        margin-top: 35px !important;
    }

    #sez-8 h3,
    #sez-8 p {
        margin-right: 0;
    }

    #sez-8 .col-sm-12.col-md-12.area {
        display: flex;
    }

    section#foto-home {
        padding: 50px;
        padding-left: 0;
        padding-right: 0;
        min-height: auto !important;
    }

    #foto-home div#owlcarousel-89 {
        padding-bottom: 0;
    }

    a.logosito.logodesktop.centrale {
        top: initial !important;
        left: initial !important;
        width: initial !important;
    }

    #header.pos_fixed a.logosito.logodesktop {
        width: 100% !important;
    }

    #header {
        height: 72px;
    }

    #sez-8 h3 {
        margin-left: 0;
        width: 100%;
    }

    #sez-8 p {
        margin-left: 0;
        width: 100%;
    }

    .menu-aperto .navbar-nav-menu li.nav-item .nav-link {
        justify-content: inherit !important;
    }

    .chiudi_menumobile {
        right: 5%;
    }

    #testo-intro h2 strong {
        font-size: 3rem;
    }

    #testo-intro {
        min-height: auto !important;
    }

    #camere-1 h3,
    #camere-1 p {
        margin-left: 0;
        margin-right: 0;
    }

    .index-camere #camere-1 button {
        margin-left: 0;
    }

    #camere-1 h3,
    #camere-1 p {
        width: 100%;
    }

    section#camere-1 {
        display: flex;
        align-items: center;
    }

    #home section#camere-1 {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        background-attachment: scroll;
    }

    #sez44 p {
        padding-left: 0;
        padding-right: 0;
    }

    #sez44 h3 {
        padding-left: 0;
        padding-right: 0;
    }

    #sez44 {
        padding-left: 50px;
        padding-right: 50px;
    }


    #servizi h3 strong {
        font-size: 2.3rem;
    }


    section#servizi.carattere {
        padding-left: 30px;
        padding-right: 30px;
    }

    #servizi.carattere .col-sm-12 {
        padding: 0;
    }

    #frHeader div.fastreservation .contenitore-fr {
        grid-column-start: 1 !important;
        grid-column-end: 3 !important;
    }

    #camera section#servizi {
        display: flex;
        flex-direction: column;
    }

    #camera #servizi .col-sm-12.col-md-7.area {
        padding-top: 0px;
        padding-bottom: 50px;
    }

    #dotazioni .col-sm-12 p {
        display: flex;
        flex-direction: column;
    }

    #dotazioni .col-sm-12 strong {
        width: 100%;
    }

    #slideshow h1 strong {
        font-size: 4rem;
    }

    #camere-1 h2 {
        margin-left: 0;
    }

    #blocco1 .col-md-6,
    #blocco2 .col-md-6 {
        width: 100%;
    }

    #blocco1 .col-md-6 .col-md-6,
    #blocco2 .col-md-6 .col-md-6 {
        width: 50%;
    }

    section#blocco2 {
        display: flex;
        flex-direction: column-reverse;
    }

    #blocco1 .col-md-6.area,
    #blocco2 .col-md-6.area {
        padding-top: 40px;
        padding-bottom: 0;
    }

    .laterale-fr {
        display: none;
    }

    .colheader.ch2 {
        order: 3;
    }

    .colheader.ch1 {
        width: 15%;
        display: flex;
        justify-content: flex-start;
    }

    #header .sezheader {
        display: flex;
        justify-content: space-between;
    }

    .colheader.ch2 {
        width: 15%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .colheader.ch3 {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100% !important;
    }

    .colheader.ch3 {
        width: 70%;
    }

    nav.navmenu-lingue button {
        margin-right: 5px;
    }

    #menu_header .nav-item ul>li a {
        display: flex;
        flex-direction: column;
    }

    #header button.button.button--standard.button--size-l.button--text-thin.btn-apriFR {
        border-left: none;
        background: #673065 !important;
        height: 90px;
    }

    #menu_header .nav-item ul.sottomenu.liv2 {
        margin-top: 0 !important;
    }

    #blocco2 h3,
    #blocco2 p,
    #blocco1 h3,
    #blocco1 p {
        margin-left: 30px;
        margin-right: 30px;
    }

    #blocco2 button.button.button--ujarak.button--size-l.button--text-thick.button--round-s {
        margin-left: 40px;
    }

    #testo-intro-2 .col-sm-12.col-md-6.area {
        width: 100%;
    }

    section#testo-intro-2 {
        height: auto !important;
        min-height: auto !important;
        padding-top: 50px;
        padding-bottom: 70px;
        padding-right: 50px;
    }

    #menu_header .navbar-nav-menu>li {
        align-items: center !important;
    }

    section#foto-home.galleria {
        padding-bottom: 50px;
    }

    #sez44 .col-md-3 {
        width: 100%;
    }

    #sez44 .col-sm-12.col-md-3:last-child {
        margin-bottom: 0;
    }

    #sez44 {
        padding: 30px;
    }

    .spa section#camere-1 {
        padding-left: 30px;
        padding-right: 30px;
    }

    #sez44 .col-md-3 {
        width: 100%;
    }

    #sez44 .col-sm-12.col-md-3:last-child {
        margin-bottom: 0;
    }

    #sez44 {
        padding: 30px;
    }

    .spa section#camere-1, #camera #camere-1 {
        padding-left: 30px;
        padding-right: 30px;
        min-height: 1000px !important;
    }

    .spa section#testo-intro-2 {
        padding-left: 50px;
        padding-bottom: 0;
    }

    .spa #testo-intro-2 h2,
    .spa #testo-intro-2 p {
        margin-left: 0;
        padding-left: 0;
    }

    .spa #testo-intro-2 .col-sm-12.col-md-6.area {
        padding-bottom: 50px;
    }

    #footer .sezfooter {
        display: flex;
        flex-direction: column;
        width: 100% !important;
        align-items: center;
    }

    #footer {
        display: flex;
        flex-direction: column;
        padding-bottom: 125px;
    }

    section#dotazioni {

        padding-left: 50px;

        padding-right: 50px;
    }

    #footer #sezfooter3 {
        padding-top: 40px;
        display: flex;
        align-items: center;
        text-align: left;
        padding-left: 0;
        flex-direction: column;
        padding-right: 0;
    }

    #footer #sezfooter3 .datiaziendali {
        text-align: left;
        display: flex;
        align-items: center;
        flex-direction: column;
        align-content: center;
    }

    #sezfooter1 .label {
        text-align: center !important;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #footer span.elem,
    #footer span.elem {
        display: block;
    }

    span.elemsocial {
        display: inline;
        text-align: center;
        float: none;
    }

    span.elemsocial i {
        font-size: 25px;
    }

    #footer p {
        font-size: 1.5rem;
    }

    #sezfooter1 .label {
        text-align: center !important;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #footer span.elem,
    #footer span.elem {
        display: block;
    }

    span.elemsocial {
        display: inline;
        text-align: center;
        float: none;
    }

    span.elemsocial i {
        font-size: 25px;
    }

    #footer p {
        font-size: 1.5rem;
    }

    #footer #sezfooter3 .datiaziendali .dat-aziend {
        display: contents;
    }

    .struttura section#foto-home {
        padding: 30px;
    }

    #mappa section#servizi {
        display: flex;
        flex-direction: column;
    }

    #mappa #servizi .col-sm-12 {
        padding: 0;
    }

    #mappa #servizi .col-sm-12.posizione {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    #sez44 .col-sm-12.col-md-3 {
        width: 100%;
    }

    #sez44 .col-sm-12 {
        padding: 0;
    }

    #home section#camere-1 {
        min-height: 100svh !important;
    }

    #home section#foto-home.foto-camere {
        height: 40svh !important;
    }

    #menu_header .navbar-nav-menu .nav-link:hover,
    #menu_header .navbar-nav-menu .nav-link{
        /* color: var(--color4) !important; */
    }

    #menu_header .navbar-nav-menu .nav-item.prenotazioni .nav-link {
        color: var(--color1) !important;
    }

    .index-camere #servizi img.img-fluid {
        height: 80svh;
    }

    #header.pos_fixed .logosito img {
        width: 95px !important;
    }

    #servizi-3 .owl-carousel .owl-item img, #servizi .owl-carousel .owl-item img, #servizi-3 img.img-fluid, #servizi img.img-fluid, .struttura #testo-intro-2 .owl-carousel .owl-item img {
        height: 65svh;
    }

    .servizi #blocco1 .col-sm-12.col-md-12.cont_sing img.img-fluid {
        margin-top: 25px;
        /* margin-bottom: 30px; */
        padding: 20px;
    }

    .servizi #blocco1 p {
        margin-bottom: 30px;
        padding: 0 20px;
    }

    .servizi #blocco1 h3 {
        margin-top: 30px;
        padding: 0 20px;
    }

    .servizi section#blocco1 {
        display: flex;
        flex-direction: column-reverse;
    }

    .servizi #servizi.row .col-sm-12.col-md-8.area.elemgsp {
        width: 100%;
        object-fit: cover;
    }

    .servizi #servizi .col-sm-12.col-md-4.area.elemgsp {
        width: 100%;
        margin-top: 40px;
        margin-bottom: -20px;
    }

    #menu_header.grndm .areamenu {
        height: 80svh;
    }

    .struttura section#servizi {
        min-height: 1060px !important;
    }

    .struttura #servizi h3 {
        margin-top: 45px !important;
    }

    .struttura #servizi p {
        margin-bottom: 30px;
    }

    .struttura #testo-intro .centrato p {
        margin-bottom: 30px;
    }

    .struttura section#camere-1, #camera #camere-1 {
        min-height: 1060px !important;
    }

    .struttura #servizi .col-sm-12.col-md-8.area.elemgsp, .struttura #servizi .col-sm-12.col-md-4.area.elemgsp {
        width: 100%;
    }

    .struttura #servizi .col-sm-12.col-md-6.area.elemgsp p, .struttura #servizi .col-sm-12.col-md-4.area.elemgsp p {
        margin-bottom: 0;
    }

    .struttura #servizi .col-sm-12.col-md-4.area.elemgsp {
        padding-top: 10px;
    }

    .struttura #testo-intro p, #mappa.spa #testo-intro p {
        padding-bottom: 15px;
        text-align: center !important;
    }

    #mappa.spa section#servizi.sez-mappa {
        min-height: 600px !important;
    }

    #mappa.spa #servizi.sez-mappa h3 {
        padding-top: 25px;
    }

    #mappa.spa #sez44 {
        height: 1000px;
    }

    #mappa.spa #sez44 .col-sm-12.col-md-12 h3 {
        padding-top: 40px;
        margin-bottom: 30px;
    }

    #sez44 .col-sm-12.col-md-3 {
        padding-bottom: 35px !important;
    }

    #testo-intro .button {
        margin-bottom: 20px;
    }

    #tour.struttura #servizi .col-sm-12.col-md-12.colonnaarea img.img-fluid{
        padding-left: 10px
    }

    #tour.struttura #servizi.second .col-sm-12.col-md-12.colonnaarea img.img-fluid{
        padding-right: 10px
    }

    #tour.struttura #servizi.verticale .col-sm-12.col-md-4.area.elemgsp img.img-fluid {
        height: auto !important;
    }

    #tour.struttura #servizi.mirror .col-sm-12.col-md-4.area.elemgsp {
        padding: 0px 20px;
    }

    #tour.struttura #servizi.second .col-sm-12.col-md-4.area.elemgsp{
        padding: 0px 20px
    }

    #home #slideshow .col-sm-12.col-md-12.cont_sing img {
        filter: brightness(5  0);
        width: 150px;
        height: auto;
        transform: translateY(0px);
    }

    #home #servizi .col-sm-12.col-md-4.area.elemgsp {
        width: 100%;
        padding-top: 50px;
    }

    #home #servizi .col-sm-12.col-md-8.area.elemgsp {
        width: 100%;
    }

    #home #servizi .col-sm-12.col-md-12 a.button {
        margin-top: 0;
    }

    /* --- Calendario FR: più largo e più leggibile --- */


    #fr_0_1 .data_fr .datepicker.datepicker-dropdown {
        width: 360px !important;
        max-width: 92vw !important;
    }

    /* Corpo picker: più aria interna */
    #fr_0_1 .data_fr .datepicker-picker {
        padding: 24px !important;
    }

/* Intestazione: giorno grande più marcato */
    #fr_0_1 .data_fr .datepicker-title .s_c_picker {
        font-size: .78rem !important;
    }
    #fr_0_1 .data_fr .datepicker-title .d_c_picker {
        font-size: 1.7rem !important;
    }

/* Etichetta mese/anno tra i controlli */
    #fr_0_1 .data_fr .datepicker-controls .view-switch {
        font-size: .92rem !important;
    }

/* Giorni della settimana (LU MA ME...) */
    #fr_0_1 .data_fr .datepicker-view .dow {
        font-size: .8rem !important;
        height: 38px !important;
        line-height: 38px !important;
    }

/* Numeri dei giorni: più grandi e celle più alte */
    #fr_0_1 .data_fr .datepicker-cell {
        height: 48px !important;
        font-size: 1.05rem !important;
    }   

/* Frecce prev/next leggermente più grandi, coerenti con le celle */
    #fr_0_1 .data_fr .datepicker-controls .prev-btn,
    #fr_0_1 .data_fr .datepicker-controls .next-btn {
        width: 38px !important;
        height: 38px !important;
    }

/* La view e la griglia occupano tutta la larghezza del picker */
    #fr_0_1 .data_fr .datepicker-picker,
    #fr_0_1 .data_fr .datepicker-view,
    #fr_0_1 .data_fr .datepicker-main {
        width: 100% !important;
    }

/* Griglia giorni: 7 colonne che si spartiscono tutta la larghezza */
    #fr_0_1 .data_fr .datepicker-grid {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: repeat(7, 1fr) !important;
    }

/* Riga dei giorni della settimana (LU MA ME...) allineata alle 7 colonne */
    #fr_0_1 .data_fr .datepicker-view .days-of-week {
        display: grid !important;
        grid-template-columns: repeat(7, 1fr) !important;
        width: 100% !important;
    }

/* Celle: larghezza piena della colonna, testo centrato */
    #fr_0_1 .data_fr .datepicker-cell,
    #fr_0_1 .data_fr .datepicker-view .dow {
        width: 100% !important;
        max-width: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }


        div#avacy-floating-resurface {
        bottom: 100px !important;
    }
}

@media (max-width: 768px) {


    html {
        font-size: 12px;
    }

    p {
        font-size: 1.4rem;
    }

    #cuore.row .area {
        display: flex;
    }

    #camera #camere-1.row.distanza-2.sfondobckg.fullscreen {
        padding-left: 50px;
        padding-right: 50px;
    }

    #servizi-2 .col-sm-12.col-md-6.area {
        display: flex;
        height: auto;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    section#testo-intro-2 {
        padding-right: 0;
    }

    .spa #testo-intro {
        padding-left: 20px;
        padding-right: 20px;
    }

    .spa section#foto-home {
        padding: 20px;
    }

    .spa #foto-home .col-sm-6.col-md-3,
    .galleria #foto-home .col-sm-6.col-md-2 {
        width: 50%;
    }

    .spa #testo-intro-2 .col-sm-12.col-md-6.area {
        display: flex;
    }

    .spa section#testo-intro-2 div.colonnaarea {
        width: calc(100% - 50px);
    }

    .spa #testo-intro-2 p {
        margin-right: 0;
    }

    .spa section#testo-intro-2 div.colonnaarea {
        width: calc(100% - 30px);
    }

    #camera #servizi p {
        margin-right: 0;
    }


    #slideshow h2 {
        font-size: 1.5rem;
        text-align: center !important;
    }

    #slideshow h2 strong {
        font-size: 2.5rem;
    }

    .anteprimacamera .testo_camera p {
        display: none;
    }

    #mappa section#testo-intro-2 div.colonnaarea {
        width: 100%;
    }

    #mappa #testo-intro-2 .col-sm-12.col-md-6.area:nth-of-type(2) {
        padding-bottom: 0;
    }

    #mappa #mappa1,
    div#map-canvas1 {
        height: 500px !important;
    }

    #servizi-3 .owl-carousel .owl-item img,
    #servizi .owl-carousel .owl-item img,
    #servizi-3 img.img-fluid,
    #servizi img.img-fluid,
    .struttura #testo-intro-2 .owl-carousel .owl-item img {
        height: auto;
        object-fit: cover;
    }


    .voti h4 {
        display: block;
        flex-direction: column;
        font-size: 2rem;
        margin-bottom: 30px;
        line-height: 1;
        align-items: center;
        justify-content: flex-start;
        align-content: center;
    }

    .voti .col-sm-12 {
        width: 100%;
        padding: 50px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .row.voti {
        width: 100%;
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding: 30px;
        margin-top: 30px !important;
        position: relative;
    }

    .index-camere #servizi img.img-fluid {
        height: 70svh;
    }

    #home #camere-1 h3, #home #camere-1 p {
        padding: 0 10px;
    }

    
    #fr_0_1 .input_listino .area_input_listino.elementovisible,
    #fr_0_1 .area_input_listino.elementovisible,
    .fastreservation .area_input_listino.elementovisible {
        position: fixed !important;
        top: auto !important;
        bottom: 40px !important;
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
        width: min(360px, calc(100vw - 32px)) !important;
        max-width: calc(100vw - 32px) !important;
        max-height: 55vh !important;
        overflow-y: auto !important;
        z-index: 2147483960 !important;
        box-shadow: 0 30px 90px rgba(0,0,0,.35) !important;
        background: #fff !important;
    }
    
    #fr_0_1 .input_persone .area_input_persone.elementovisible,
    #fr_0_1 .area_input_persone.elementovisible,
    .fastreservation .area_input_persone.elementovisible {
        position: fixed !important;
        top: auto !important;
        bottom: 20px !important;
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
        width: min(360px, calc(100vw - 32px)) !important;
        max-width: calc(100vw - 32px) !important;
        max-height: 55vh !important;
        overflow-y: auto !important;
        z-index: 2147483960 !important;
        box-shadow: 0 30px 90px rgba(0,0,0,.35) !important;
        background: #fff !important;
    }

  /* niente freccetta quando è staccato dalla card */
    #fr_0_1 .area_input_persone.elementovisible::before,
    .fastreservation .area_input_persone.elementovisible::before {
        display: none !important;
    }

  /* contenuto interno persone+camere su UNA colonna */
    #fr_0_1 .area_input_persone.elementovisible .cont_input_persone,
    .fastreservation .area_input_persone.elementovisible .cont_input_persone {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    
    
    #fr_0_1 .data_fr.checkin .datepicker.datepicker-dropdown,
    #fr_0_1 .data_fr.checkout .datepicker.datepicker-dropdown {
        width: min(360px, calc(100vw - 32px)) !important;
    max-width: calc(100vw - 32px) !important;
    }
    }

    #home #camere-1 a.button {
        margin-left: 10px;
    }

    header.pos_absolute .logosito img {
        /* transform: translateX(50px); */
    }

    .struttura #servizi .col-sm-12.col-md-6.area.elemgsp img.img-fluid {
        height: 50svh;
    }

    .struttura section#camere-1, #camera #camere-1 {
        min-height: 900px !important;
    }

    .struttura #servizi .col-sm-12.col-md-8.area.elemgsp img.img-fluid {
        height: 50svh;
    }

    #sostenibilita.struttura section#servizi.mirror {
        min-height: auto !important;
    }

    #sostenibilita.struttura section#servizi {
        min-height: auto !important;
    }

    #menu_header .areamenu {
        width: 100% !important;
        max-width: none !important;
    }
    
    #menu_header .navbar-nav-menu {
        align-items: center !important;
        text-align: center !important;
        padding-top: 160px !important;  
    }

    #mappa.spa section#servizi.sez-mappa {
        margin-bottom: 50px;
    }

    #mappa.spa #sez44 {
        height: 1190px;
    }

    .struttura section#servizi {
        min-height: 1000px !important;
    }


    #home #slideshow .row.logo-slideshow img.img-fluid {
        left: 150px;
        position: fixed;
        top: 240px;
        width: 140px;
    }




 
}

@media(max-width: 440px) {

    .button,
    #header.pos_fixed .button.button--standard.button--size-l.button--text-thin.btn-apriFR,
    #header.pos_fixed button.button.button--standard.button--size-l.button--text-thin.btn-apriFR,
    #slide-camere .anteprimacamera a.button p,
    .anteprimacamera a.button p,
    .bottone-anteprima p {
        font-weight: 600 !important;
        font-size: 1rem !important;
    }

    section#zoom {
        min-height: 800px !important;
    }

    #zoom .col-sm-12.col-md-12.colonnaarea {
        height: 100%;
    }

    section#sez-1 {
        padding: 40px;
        padding-left: 30px;
        padding-right: 30px;
    }

    h1 {
        font-size: 2rem;
    }

    .logo-slide img.img-fluid {
        height: 65px;
    }

    #sez-1 h1 strong {
        font-size: 2.5rem;
    }

    #servizi-3 h3,
    #servizi-3 p,
    #servizi-3 button.button {
        margin-left: 0;
    }

    #sez-camere img.img-fluid {
        height: 350px !important;
        max-width: fit-content !important;
        width: fit-content !important;
        object-fit: cover !important;
    }

    section#servizi {
        padding-left: 20px;
        padding-right: 20px;
    }

    section#foto-home {
        padding-top: 0;
    }

    #camera section#foto-home {
        padding-top: 50px;
    }

    section#slideshow {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        background-attachment: scroll;
        height: 90vh;
        min-height: 90vh !important;
        overflow: hidden;
        margin: 0;
        padding: 0;
    }

    section#mappa-home,
    div#mappa1-37 {
        height: 400px !important;
        min-height: 400px !important;
    }

    section#mappa-home {
        margin: 20px !important;
        padding: 0;
    }

    #testo-intro h2 strong {
        font-size: 2.5rem;
    }

    .ant-camera {
        border-bottom: none !important;
    }

    .index-camere section#camere-1 {
        padding-left: 30px;
        padding-right: 30px;
    }

    #camera #camere-1.row.distanza-2.sfondobckg.fullscreen {
        padding-left: 30px;
        padding-right: 30px;
    }

    #slideshow h1 strong {
        font-size: 3.5rem;
    }

    h3,
    #camere-1 h2,
    #testo-intro-2 h2 strong,
    #sez-1 .spa h3 {
        font-size: 2rem;
        line-height: 1;
    }

    #servizi-3 h3 strong,
    #servizi-3 h3 strong,
    #sez-8 h3 strong,
    #servizi-3 h3 strong,
    #sez-camere h3,
    #camere-1 h3 strong,
    #camere-1 h2 strong,
    #sez-1 .spa h3 strong,
    #servizi h3 strong {
        font-size: 2.3rem;
    }

    #camera #foto-home h3 {
        margin-top: 0;
    }

    #slideshow h2 {
        padding-left: 30px;
        padding-right: 30px;
        text-align: center;
    }

    .spa section#testo-intro-2 {
        padding-left: 0;
    }

    .spa #testo-intro-2 h2,
    .spa #testo-intro-2 p {
        margin-left: 30px;
    }

    #mappa #testo-intro-2 p {
        margin-right: 30px;
    }

    .spa section#camere-1 {
        margin-top: 0 !important;
    }

    .spa section#testo-intro-2 {
        margin-top: 0 !important;
    }

    section#dotazioni {
        padding-left: 30px;
        padding-right: 30px;
    }

    #servizi h3 {
        margin-top: 25px;
    }


    .anteprimacamera a.button {
        padding-top: 25px;
    }


    #mappa-home .leaflet-popup-content p img {
        height: 60px;
        min-height: 60px !important;
    }

    .datepicker-picker {
        width: 270px !important;
    }

    .datepicker-view {
        width: 265px !important;
    }

    .checkin .datepicker.datepicker-dropdown.active {
        top: calc(50vh - 90px) !important;
    }

    .checkout .datepicker.datepicker-dropdown.active {
        top: calc(50vh - 15px) !important;
    }

    .anteprimacamera a.button {
        margin-top: 0;
    }

    #camera .anteprimacamera a.button {
        margin-top: 20px;
    }

    .struttura #servizi .col-sm-12.col-md-8.area.elemgsp img.img-fluid {
        height: 60svh;
    }

    #footer #sezfooter3 .datiaziendali .dat-circin {
        display: block;
    }
    
    #mappa.spa #sez44 {
        height: 1300px;
    }

    .struttura section#servizi {
        min-height: auto !important;
    }



}

@media(max-width: 390px) {
    #slideshow h1 strong {
        font-size: 3rem;
    }

    #slideshow h2 {
        padding-left: 20px;
        padding-right: 20px;
    }

    #slideshow h2 strong {
        font-size: 2.5rem;
    }

    #home #slideshow .row.logo-slideshow img.img-fluid {
        left: 150px;
        position: fixed;
        top: 225px;
        width: 100px;
    }

}