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

    /*home*/


}

@media(max-width: 1600px) {
    html {font-size: 13px;}

    /*homepage*/
    #prima img.img-fluid {object-fit: cover;width: revert-layer;max-width: fit-content;}
    #slideshow h3 strong, .primo h1 strong, .primo h3 strong, .primo-home h3 strong, #titolo-camere h3 strong, #testo-intro h2 strong, #camere-1 h3 strong, .titolo-mappa {font-size: 4.5rem;}
}

@media(max-width: 1400px) {

    /*homepage*/
    section#sezione2 {min-height: auto !important;}
    .testo-sezione-2 h3 {font-size: 5rem;}
    #sezione2 .owl-carousel .owl-item img {max-width: 120%;width: 120%;}
    #slideshow h3 strong, .primo h1 strong, .primo h3 strong, .primo-home h3 strong, #titolo-camere h3 strong, #testo-intro h2 strong, #camere-1 h3 strong, .titolo-mappa {font-size: 4rem;}

    #sez-camere .elemento_sing.el-camera {height: 100vh !important;}
    #sez-camere .blocco_foto_camera img.img-fluid {height: 100vh;object-fit: cover;}
    .blocco_foto_camera img.img-fluid {height: 100vh;object-fit: cover;}

    /*servizi*/
    .spa section#sezione3,
    .spa section#sezione4 {
        margin-top: -50px !important;
    }

    /*spa*/

    .spa #experience .col-sm-12.col-md-3.area.sfondobckg.bckg_responsive.fisso {
        width: 50%;
        margin-bottom: 4px;
    }

    #mappa section#sezione3 {
        margin-top: 0 !important;
    }
}

@media (max-width: 1300px) {
    html {
        font-size: 13px;
    }
}

@media(max-width: 1200px) {

    /*homepage*/
    #sezione3 .col-md-6 img.img-fluid {object-fit: cover;max-width: 140%;}
    #prima img.img-fluid {width: auto;}
    .primo {padding: 50px !important;}
    #sezione4 a.linkinterno.button.button--ujarak.button--size-l.button--text-thick.button--round-s {width: 300px;}
    #sez-camere .anteprimacamera.visuale_sovrapposti .blocco_dati, #risto .anteprimacamera.visuale_sovrapposti .blocco_dati {width: 50% !important;}
    section#testo-intro.location, section#testo-intro.territorio {height: 300px !important;}

    #sez-camere .area {transform: none;}
    /*camere*/

    .index-camere .elemento_sing.el-camera {
        width: 50%;
    }

    /*servizi*/

    .spa section#sezione3,
    .spa section#sezione4 {
        margin-top: -50px !important;
    }

    .spa #sezione3 .primo,
    .spa #sezione4 .primo {
        padding: 30px !important;
    }

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

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

    .spa #sezione3 img.img-fluid,
    .spa #sezione4 img.img-fluid {
        height: 700px;
        max-width: fit-content;
    }

    .index-camere .blocco_dati span.testo_camera {
        display: none;
    }

    .index-camere section#camere-1 {
        min-height: auto !important;
    }
    
    #mappa section#sezione3 {
        margin-top: 0 !important;
    }

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

    #camera #foto-home h3 {
        line-height: 1.5em;
        margin-top: 0;
    }

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

    #mappa section#testo-intro {
        padding: 30px !important;
    }

    #mappa section#testo-intro .button {
        margin-top: 30px;
    }


}

@media(max-width: 1024px) {

    /*regole generiche*/

    #header a.logosito img {
        width: 100px !important;
        max-height: none !important;
        height: auto !important;
    }

    #header.pos_fixed a.logosito img {
        width: 50px !important;
        margin-left: 0;
    }

    a.logosito.logodesktop.centrale {
        top: 25px !important;
        left: calc(50% - 50px) !important;
        width: initial !important;
    }

    #header.pos_absolute,
    #header.pos_fixed {
        /* height: 85px; */
        z-index: 11;
    }

    nav.navmenu-lingue ul.sottolingue-attivo > li {
        top: 82px;
        width: 85px;
        height: 85px;
    }

    #header .sezheader {
        height: 85px;
    }

    #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,
    #header.pos_absolute .button.button--standard.button--size-l.button--text-thin.btn-apriFR,
    #header.pos_absolute button.button.button--standard.button--size-l.button--text-thin.btn-apriFR {
        border: none !important;
    }

    
    .pos_fixed a.logosito.logodesktop.centrale {
        left: calc(50% - 25px) !important;
        top: 30px !important;
    }

    #slideshow h3 strong, .primo h1 strong, .primo h3 strong, .primo-home h3 strong, #titolo-camere h3 strong, #testo-intro h2 strong, #camere-1 h3 strong, .titolo-mappa
     {font-size: 3.1rem;}
    .testo-sezione-2 h3 {font-size: 4rem;}

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

    #prima .button {margin-top: 0;}

    #sez-camere .anteprimacamera.visuale_sovrapposti .blocco_dati{
        padding: 50px 25px !important;
    }

    #risto .anteprimacamera.visuale_sovrapposti .blocco_dati{
        padding: 50px 25px !important;
    }

    #sez-camere h3{
        padding: 15px
    }
}

@media (max-width: 992px) {

    .faq-item .faq-question {
        font-weight: 600;
        line-height: 1.5;
        font-size: 1.6rem;
    }

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

    /*fast reservation*/
    #frHeader div.fastreservation.apertura-full {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 10px;
    }

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

    #menu_header.grndm .areabck {
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1;
        background-color: #fff !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(--color1);
        width: auto;
    }

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

    #header.pos_fixed a.logosito img {
        /* width: 110px !important; */
    }

    .pos_fixed a.logosito.logodesktop.centrale {
        /* left: calc(50% - 55px) !important; */
    }

    .col-1.colheader.ch1,
    .col-1.colheader.ch4 {
        width: 85px;
    }

    #menu_header.grndm .areamenu {
        justify-content: center;
    }

    .menumobile.bottone-fix .navbar-nav-menu {
        padding-top: 0%;
    }

    div#headermenumobile\ bottone-fix {
        top: 10%;
        position: fixed;
        padding: 0;
    }

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

    #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;
    }

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

    .contenGspOriz .pannellogsp, #sez-camere.contenGspVert .pannellogsp {
        display: flex;
        justify-content: center;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: unset;
        height: auto;
        transform: none !important;
        margin: 0;
        border-right: none;
        margin-bottom: 1px;
    }

    section.contenGspOriz, #sez-camere.contenGspVert {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        width: auto !important;
        transform: none !important;
        height: auto !important;
        margin-top: 10px !important;
        padding-bottom: 0 !important;
    }

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


    .contenGspOriz .pannellogsp, .contenGspVert .pannellogsp {
        height: 40svh !important;
    }

    #home .blocco_foto_camera img.img-fluid {
        height: 40svh;
    }

    #home .anteprimacamera.visuale_sovrapposti {
        height: 40svh !important;
    }

    #home .elemento_sing.el-camera {
        height: 40svh !important;
    }

    /* elimina stile gsap orizzontale */

    .scrolling {
        bottom: 140px;
    }

    .primo-home h3, h3, #testo-intro h2 {
        line-height: 1.5em !important;
    }


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

    .recensioni-titolo h4 {
        position: relative;
    }

    #sez-camere .anteprimacamera.visuale_sovrapposti .blocco_dati {
        background: #3c2b23b5;
    }


    #prima .cont_sing img.img-fluid,
    #sezione2 .cont_sing img.img-fluid,
    #sezione3 .cont_sing img.img-fluid {
        object-fit: cover;
        max-width: 100%;
        width: 100%;
        height: auto;
    }


    .col-2.colheader.ch3 {
        position: fixed;
        bottom: 0;
        width: 100%;
        border: none;
        z-index: 10;
        border-top: 2px solid #fff;
        right: 0;
    }

    .btn-apriFR::before,
    .btn-apriFR::after {
        display: none;
    }


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

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

    #prima .col-sm-12.col-md-6:nth-of-type(1) {
        display: none;
    }

    section#sezione2.emozione {
        margin-top: 30px !important;
        display: flex;
        height: auto !important;
        min-height: auto !important;
        display: none;
    }

    #sezione2.emozione .col-sm-12.cont_sing.elemgsp {
        transform: none !important;
    }

    #sezione2.emozione .sezione-2-2 .col-sm-12.col-md-12.colonnaarea img {
        max-width: none;
        width: revert-layer;
        height: 270px;
    }

    .testo-sezione-2 h3 {
        font-size: 3rem;
    }

    section#sezione2 {
        margin-top: 0 !important;
        display: flex;
        flex-direction: column;
    }

    section#sezione3 {
        margin-top: 0 !important;
        display: flex;
    }

    section#sezione4 {
        margin-top: 0 !important;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 40px;
    }

    .recensioni h5 {
        font-size: 1.2rem;
    }

    .recensioni h4 {
        padding-top: 25px;
    }

    #sezione2 .col-sm-12.col-md-6.area,
    #sezione3 .col-sm-12.col-md-6.area,
    #sezione4 .col-sm-12.col-md-6.area {
        width: 100%;
    }

    #titolo-camere .col-sm-12.elemgsp {
        transform: none !important;
    }

    section#experience {
        margin-top: 0px !important;
        height: auto !important;
        margin: 50px;
    }

    #experience .col-sm-12.col-md-4.area {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 20px;
    }

    #home #experience .col-sm-12.col-md-4.area {
        padding: 30px;
        height: 400px;
        display: flex;
        align-items: center;
    }

    section#zoom {
        margin-top: 0 !important;
    }

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

    #sezione4 .col-sm-12.cont_sing {
        transform: none !important;
    }


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

    .recensioni h4 {
        padding-left: 15px;
        padding-right: 15px;
    }

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

    section#striscia {
        height: 60px !important;
        padding-left: 0% !important;
        padding-right: 0% !important;
    }

    section#testo-intro.location, section#testo-intro.territorio {
        padding-left: 50px;
        padding-right: 50px;
    }

    /*camera*/

    #camera section#sezione3 {
        margin-top: 0px !important;
        padding-bottom: 8%;
    }

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

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

    #camera #sezione3 .col-sm-12.col-md-6.area:nth-child(2) {
        margin-top: 8%;
    }

    #camere-1 .index-camere .testo_camera p {
        padding-left: 5px;
    }

    /*servizi*/

    .spa #sezione3 .col-sm-12.col-md-7,
    .spa #sezione3 .col-sm-12.col-md-5,
    .spa #sezione4 .col-sm-12.col-md-7,
    .spa #sezione4 .col-sm-12.col-md-5 {
        width: 100%;
    }

    .spa section#sezione3,
    .spa section#sezione4 {
        padding-top: 30px !important;
        margin-top: 0 !important;
    }

    .spa section#sezione3 {
        padding-bottom: 8%;
    }

    .spa #sezione3 img.img-fluid,
    .spa #sezione4 img.img-fluid {
        height: auto;
        width: 100%;
    }

    #sez-camere .anteprimacamera.visuale_sovrapposti .blocco_dati {
        width: 100% !important;
    }

    #sez-camere h3 {
        margin-top: 0;
    }

    #risto .anteprimacamera.visuale_sovrapposti .blocco_dati {
        background: #3c2b23b5;
        width: 100% !important;
    }

    #risto h3 {
        margin-top: 0;
        padding-top: 0;
    }
    #home .scrolling img.img-fluid {
        margin-bottom: 50px;
    }

    section#testo-intro.territorio {
        height: auto !important;
    }

    #experience.fisso .col-sm-12.col-md-6.area {
        width: 100%;
    }

    .area1-exp.elemgsp {
        border-right: none;
    }

    #foto-home h3 strong {font-size: 2.5rem;}


    #sezione3 .elemgsp {
        filter: none !important;
        opacity: 1 !important;
        transform: none !important;
    }

        #sezione3.mappa .col-sm-12.col-md-6.area {
            width: 100%;
        }

    #testo-intro .elemgsp {
        opacity: 1 !important;
        filter: none !important;
        transform: none !important;
    }


    #experience .col-sm-12.col-md-6.area, #experience .col-sm-12.col-md-4.area {
        width: 100%;
        border-right: 0 !important;
        margin-bottom: 20px;
    }

    #experience .elemgsp {
        transform: none !important;
        opacity: 1 !important;
        filter: none !important;
    }
    

    section#experience.uno, section#experience.due {
        margin-bottom: 0;
    }

    section#experience.due {
        padding-top: 0;
    }

    section#experience.uno {
        padding-bottom: 0;
        padding-top: 0;
    }

    #camera .primo p {
        margin-left: 0;
        margin-right: 0;
    }

    #camera #testo-intro .primo img {
        margin-top: 0;
    }

    #mappa section#sezione3 {
        padding: 0 !important;
        min-height: auto !important;
    }

    section#sezione3.inv {
        display: flex;
        flex-direction: column;
    }

    #mappa #sezione3 .aos-init {
        transition: none !important;
        opacity: 1 !important;
        transform: none !important;
    }


    #mappa #camere-1 .elemgsp, #mappa #camere-1 .aos-animate {
        opacity: 1 !important;
        transition: none !important;
        transform: none !important;
        filter: none !important;
    }


    #mappa #camere-1 h3, #mappa #camere-1 p, #mappa #camere-1 a.button {
        margin-left: 30px;
        margin-right: 30px;
    }

    .galleria #foto-home .elemgsp {
        opacity: 1 !important;
        transition: none !important;
        filter: none !important;
        transform: none !important;
    }


    .galleria #foto-home h3 {
        padding-bottom: 0;
    }

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

    .index-camere .anteprimacamera.visuale_sovrapposti .blocco_dati {
        padding-left: 40px !important;
    }

    section#sezione3[data-nsezione="4"], section#sezione3[data-nsezione="6"] {
        display: flex;
        flex-direction: column-reverse;
    }

    .index-camere .blocco_foto_camera img.img-fluid {
        height: 500px;
    }

    .col-sm-12.col-md-6.area.camere-sx-1 {
        width: 100%;
        height: 400px;
    }

    .col-sm-12.col-md-6.area.camere-dx-1 {
        width: 100%;
    }

    
    #camere-1 .aos-animate {
        transition: none;
        width: 100%;
    }

    #camere-1 .col-sm-12.col-md-12.area.piscina {
        width: 100%;
        transform: none !important;
    }

    section#camere-1 {
        padding-left: 0 !important;
        padding-right: 0 !important;
        min-height: auto !important;
        display: flex;
    }

    #camere-1 .col-sm-12.col-md-12.colonnaarea {
        display: flex;
        align-items: center;
        justify-content: center;
    }

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

    #camere-1 h3 {
        padding-top: 40px;
    }

    #camere-1 p {
        padding-bottom: 40px;
    }



    section#sezione4.esperienza, section#experience {
        min-height: 100svh !important;
    }

}

@media (max-width: 768px) {
    html {
        font-size: 12px;
    }

    div#headermenumobile\ bottone-fix {
        top: 5%;
    }

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

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

    p {
        font-size: 1.4rem;
    }

    .row.distanza-0,
    .row.distanza-1,
    .row.distanza-2,
    .row.distanza-3 {
        padding-left: 8% !important;
        padding-right: 8% !important;
    }

    #titolo-camere p {
        padding-left: 0;
        padding-right: 0;
    }

    .primo {
        padding: 0 !important;
    }

    section#slideshow.row.distanza-0,
    section#mappa-home {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    section#experience {
        margin: 0;
        padding-top: 80px;
        padding-bottom: 80px;
    }

    #experience.fisso .col-sm-12.col-md-6.area:nth-child(3) {
        padding-top: 80px;
    }

    #prima {
        margin-top: 8%;
        margin-bottom: 8%;
    }

    #sezione2.emozione .sezione-2-2 .col-sm-12.col-md-12.colonnaarea img {
        max-width: 100%;
    }

    #sezione3 .col-sm-12.col-md-6.area:nth-child(2) {
        margin-bottom: 8%;
    }

    #sezione4 .col-sm-12.col-md-6.area:nth-child(1) {
        margin-bottom: 30px;
        margin-top: 30px;
    }

    #sezione4 {
        padding-bottom: 8%;
    }

    #sezione2 .col-sm-12.col-md-6.area:nth-child(1) {
        margin-bottom: 8%;
        margin-top: 8%;
    }

    #prima>div.col-sm-12.col-md-6.area:nth-of-type(3) {
        margin-bottom: 30px;
    }

    .row.testo-sezione-2 {
        margin-left: 0 !important;
        width: 100% !important;
        bottom: 100px;
        left: 10%;
        margin-top: 0 !important;
    }

    #header.pos_absolute .button.button--standard.button--size-l.button--text-thin.btn-apriFR,
    #header.pos_absolute button.button.button--standard.button--size-l.button--text-thin.btn-apriFR {
        background: transparent !important;
    }

    section#titolo-camere {
        padding-top: 30px;
        padding-bottom: 30px;
    }

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

    #sez-camere h3, #risto h3 {
        font-size: 2.2rem;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }

    section#sez-camere {
        padding-bottom: 30px !important;
    }

    #footer .sezfooter {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .col-sm-12.elemgsp {
        padding-left: 0;
        padding-right: 0;
    }

    .col-sm-12.col-md-2.area.sezione-2-1 .col-sm-12.elemgsp {
        transform: none !important;
        width: fit-content;
    }

    .testo-sezione-2 h3 {
        font-size: 2.5rem;
    }

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

    .voti h4 {
        display: flex;
        flex-direction: column;
    }

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



    .anteprimacamera .blocco_dati p {
        font-size: 1.3rem;
    }

    .anteprimacamera a.button p {
        font-size: 0.9rem;
        letter-spacing: 0.2em;
        border-radius: 0;
        font-weight: 500;
    }

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

    .recensioni .item {
        margin-top: 45px;
    }

    #sezione3 .primo p {
        text-align: justify !important;
    }

    #home section#sez-camere {
        padding-top: 0;
    }

    #home #sezione3 .col-sm-12.col-md-6.area.elemgsp {
        display: none;
    }


    /*camere*/

    .camere-sx-1 .primo h3 strong {
        font-size: 2rem;
    }

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

    #slideshow-interno h1 {
        letter-spacing: 0.1rem;
        color: #ffffffe0;
        font-weight: 400;
    }

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

    section#testo-intro {
        padding-top: 8%;
    }

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

    .index-camere .elemento_sing.el-camera {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    #index-camere .col-md-4.elemento_sing.el-camera,
    #index-camere .blocco_foto_camera {
        height: 500px;
    }

    #index-camere .blocco_foto_camera img.img-fluid {
        height: 500px;
        max-width: inherit;
    }

    #index-camere #camere-1 .index-camere p {
        padding-left: 0;
    }


    /*servizi*/

    .spa #sezione3 .primo,
    .spa #sezione4 .primo {
        padding: 0px !important;
    }

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

    #testo-intro h2 {
        /* font-size: 1.5rem; */
        /* line-height: 2rem; */
    }

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

    /*spa*/
    .spa #experience .col-sm-12.col-md-3.area.sfondobckg.bckg_responsive.fisso {
        width: 50%;
        margin-bottom: 4px;
    }

    .spa #experience .col-sm-12.col-md-6.area.sfondobckg.bckg_responsive.fisso {
        width: 100%;
        margin-bottom: 8%;
    }

    .spa #experience .col-sm-12.col-md-4.area {
        margin-bottom: 8%;
    }

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

    .spa #experience .col-sm-12.col-md-3.area.sfondobckg.bckg_responsive.fisso {
        width: 100%;
        margin-bottom: 8%;
    }

    #striscia .col-sm-12.col-md-4.area {
        display: none;
    }

    #striscia .col-sm-12.col-md-4.area {
    display: none;
}

#sezione4 a.linkinterno.button.button--ujarak.button--size-l.button--text-thick.button--round-s {
    width: 100%;
}

#sezione4 .col-sm-12.aos-init.aos-animate:nth-child(3), #sezione4 .col-sm-12.aos-init.aos-animate:nth-child(4) {
    width: 100%;
}

.primo-home p {
    margin-left: 0 !important;
    margin-right: 0 !important;
}


#home section#titolo-camere {
    height: auto !important;
}

section#testo-intro.location {
    height: auto !important;
}

#home span.testo_camera {
    display: none;
}

#foto-home .elemgsp {
    transform: none !important;
    transition: none !important;
    opacity: 1 !important;
    filter: none !important;
}

#experience .elemgsp {
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

#sezione3.mappa .acbck_ {
    z-index: -1;
}

#prima div.colonnaarea .button {
    margin-top: 0;
}

#sezione3.mappa .col-sm-12.col-md-6.area.mappa {
    margin-bottom: 0;
}

section#sezione3.mappa {
    min-height: auto !important;
    padding-top: 40px;
}

section#slideshow-interno.row.distanza-0 {
    padding: 0 !important;
}

.acbck_ {
    z-index: -1;
}


.index-camere .primo p {
    margin-left: 0;
    margin-right: 0;
}

.index-camere #camere-1 .index-camere a.button p {
    padding-bottom: 5px;
}

.index-camere section#testo-intro {
    height: auto !important;
    padding: 0;
    padding-bottom: 30px;
}

.index-camere section#sezione3 {
    padding-top: 8%;
}

.index-camere section#testo-intro {
    padding-top: 8%;
}

#experience .col-sm-12.col-md-4.area.sfondobckg.bckg_responsive.fisso {
    padding: 5%;
}


#experience h3 strong {
    font-size: 2.5rem;
}

#experience.uno .col-sm-12.col-md-6.area.sfondobckg.bckg_responsive.fisso, #experience.due .col-sm-12.col-md-4.area.sfondobckg.bckg_responsive.fisso {
    height: 400px;
}

.index-camere #sezione3 h3 {
    padding-top: 50px;
}

#mappa #sezione3 .col-sm-12.col-md-6.area {
    margin: 0;
}

#mappa #sezione3 .testo {
    padding: 30px;
}

#mappa #sezione3 .testo p {
    margin-bottom: 0;
    margin-top: 10px;
}

}

@media(max-width: 440px) {

    .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;
    }

    section#striscia {
        height: 40px !important;
    }

    .button {
        font-size: 1rem;
        letter-spacing: 0.2em;
        border-radius: 0;
        font-weight: 600;
    }

    button.multilingue span {
        font-weight: 700;
    }

    #sez-camere h3 {
        font-size: 1.8rem;
    }

    footer .logosito img {
        max-height: 40px;
    }

    .index-camere .blocco_foto_camera img.img-fluid {
        height: 450px;
        max-width: fit-content;
    }

    .menu-aperto .navbar-nav-menu li.nav-item .nav-link {
        margin-bottom: 10px;
        font-size: 1.2rem;
        letter-spacing: 0.3em;
    }

    .testo-sezione-2 h3 {
        font-size: 2rem;
    }

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

    .owl-dots {
        display: none;
    }

    .recensioni .item {
        height: 445px;
        margin-top: 30px;
    }

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

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

    #menu_header.grndm .areamenu {
        height: 100dvh !important;
        display: flex;
        display: flex;
        justify-content: flex-start;
        overflow: hidden !important;
    }

        #menu_header.navbar-menu.menumobile.menu-aperto.bm {
        background-color: transparent;
        height: 100dvh !important;
        overflow: hidden !important;
    }

    #sez-camere .anteprimacamera.visuale_sovrapposti .blocco_dati,  #risto .anteprimacamera.visuale_sovrapposti .blocco_dati {
        padding: 40px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #sez-camere h3 {
        margin-top: 0;
    }

    #sezione3.mappa .col-sm-12.col-md-6.area.mappa {
        margin-bottom: 0;
    }

    section#sezione3.mappa {
        min-height: auto !important;
        padding-top: 40px;
    }

    body#home section#slideshow, section#slideshow-interno {
        height: 100svh !important;
        min-height: 100svh !important;
    }


    .index-camere #testo-intro h2 strong {font-size: 3.1rem;}

    .titolo-mappa {
        font-size: 2.5rem;
    }

    .testo-mappa {
        font-size: 2rem;
    }

    .contenGspOriz .pannellogsp, #sez-camere.contenGspVert .pannellogsp, .anteprimacamera.visuale_sovrapposti, #sez-camere .blocco_foto_camera img.img-fluid, #risto .blocco_foto_camera img.img-fluid {
        height: 40svh !important;
        object-fit: cover;
    }

    p {
        font-size: 1.6rem !important;
    }

    .anteprimacamera a.button p, a.button, button.button.btn-apriFR.button--standard.button--size-l.button--text-thin {
        font-size: 1.2rem !important;
    }


    #sez-camere h3, #risto h3 {
        font-size: 2.5rem;
        line-height: 1.2;
    }



    #experience p {display: none;}

    #experience h3 {
        font-weight: 300;
    }

    #sezione3.mappa .col-sm-12.col-md-6.area.mappa {
        padding: 40px;
    }

    .index-camere section#titolo-camere {
        height: auto !important;
    }

    #camera #testo-intro .primo p {
        text-align: justify !important;
    }

    #sez-camere .elemento_sing.el-camera {
        height: auto !important;
    }

    .index-camere #experience p {
        display: block;
    }

    .index-camere #camere-1 .col-sm-12.col-md-12.colonnaarea {
        display: block;
    }

    .index-camere #camere-1 .index-camere h3 {
        text-align: center !important;
    }

    .index-camere .anteprimacamera a.button {
        float: none;
        display: block;
    }

    .index-camere .anteprimacamera.visuale_sovrapposti .blocco_dati {
        display: flex;
        flex-direction: column;
        align-items: center !important;
        justify-content: center;
    }


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

    section#foto-home {
        padding-left: 5% !important;
        padding-right: 5% !important;
        padding-bottom: 5% !important;
    }

    nav.navmenu-lingue button, a.menulingua {
        font-size: 1.2rem;
    }

}

@media (max-width: 391px) {
    #slideshow h3 {
        font-size: 1.8rem;
        line-height: 3rem;
    }

    .contenGspOriz .pannellogsp, #sez-camere.contenGspVert .pannellogsp, .anteprimacamera.visuale_sovrapposti, #sez-camere .blocco_foto_camera img.img-fluid, #risto .blocco_foto_camera img.img-fluid {
    height: 50svh !important;
    object-fit: cover;
}
}

@media (max-height: 767px) {

}