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

    /*servizi*/
    #testo-intro h2 strong {
        font-size: 3.5rem;
    }

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

}

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

    /*homepage*/
    section#sezione2.emozione {
        margin-top: -100px !important;
    }

    .row.testo-sezione-2 {
        margin-left: 100px !important;
    }

    .primo h3 strong,
    #experience h3 strong,
    .recensioni-titolo h4 strong,
    #titolo-camere h3 strong {
        font-size: 2.8rem;
    }

    .primo h3 {
        font-size: 1.8rem;
    }


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

@media(max-width: 1400px) {

    /*homepage*/

    .primo h3 strong,
    #experience h3 strong,
    .recensioni-titolo h4 strong,
    #titolo-camere h3 strong {
        font-size: 2.6rem;
    }

    #sezione2.emozione img.img-fluid {
        max-width: 150%;
    }

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

    /*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;
    }
}

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

}

@media(max-width: 1200px) {

    /*homepage*/

    .primo h1 strong {
        font-size: 3rem;
    }

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

    .primo h3 strong,
    #experience h3 strong,
    .recensioni-titolo h4 strong,
    #titolo-camere h3 strong {
        font-size: 2.4rem;
    }

    .recensioni h4 {
        font-size: 1.4rem;
    }

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

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

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

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

    /*camere*/

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

    #camera section#sezione3 {
        margin-top: 30px !important;
    }

    /*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;
    }

}

@media(max-width: 1024px) {

    /*regole generiche*/

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

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

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

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

    #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 {
        height: 85px;
        border: none !important;
    }
}

@media (max-width: 992px) {

    /*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.grndm .areamenu {
        justify-content: flex-start;
    }

    #menu_header .navbar-nav-menu>li {
        align-items: flex-start!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: 48px;
    }

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

    .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 */
    #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;
    }

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

    #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;
        flex-direction: column-reverse;
    }

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

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

    #slideshow h3 strong {
        font-size: 5.5rem;
        line-height: 1;
    }

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

    section#experience {
        margin-top: 40px !important;
        height: auto !important;
        margin: 70px;
    }

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

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

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

    /*camera*/
    #camera section#sezione3 {
        margin-top: 30px !important;
    }

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

    .contenitore-logo-menu{
        text-align: left;
    }

}

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

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

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

    #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 {
        font-size: 2.2rem;
        padding-bottom: 30px;
        padding-left: 15px;
    }

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

    .row.voti {
        width: calc(100% - 60px);
        margin-left: 30px !important;
        margin-right: 30px !important;
        padding: 30px;
    }

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




    /*camere*/

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

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

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

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

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

    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: 2rem;
    }

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

}

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

    .primo h3 strong,
    #experience h3 strong,
    .recensioni-titolo h4 strong,
    #titolo-camere h3 strong {
        font-size: 2.2rem;
    }

    #striscia {
        display: none;
    }

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

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

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

    #menu_header.grndm .areamenu {
        padding-top: 22%;
    }

}