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

    /*home*/

    section#sezione2.emozione {
        margin-top: -150px !important;
    }

    /*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, #home #foto-home h3 strong {
        font-size: 2.8rem;
    }

    .primo h3, #home #foto-home 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, #home #foto-home 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, #home #foto-home 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;
    }
    
    #header nav.navmenu-lingue ul {
        top: 85px;
        width: 85px;
    }

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

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

@media (max-width: 992px){

    .anteprimacamera a.button p {
        font-size: .9rem;
    }

    /*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;
	  width: 100%;
	  z-index: 0;
	  background-color: #fff !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(--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: 48px;
    }

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

    #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 */

    .anteprimacamera a.button p {
        font-size: .9rem;
    }
    
    #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;
    }

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

    #slideshow .col-sm-12.col-md-12.colonnaarea img.img-fluid {
        margin-bottom: 115px;
    }

    #slideshow .col-sm-12.col-md-12.colonnaarea img.img-fluid {
        margin-bottom: 115px;
    }

    #experience .col-sm-12.elemgsp, #sezione2 .col-sm-12.elemgsp, #sezione3 .col-sm-12.elemgsp, #sezione4 .col-sm-12.elemgsp, #titolo-camere .col-sm-12.elemgsp {
        transform: none !important;
        opacity: 1 !important;
        filter: none !important;
    }

    section#sezione2.emozione {
        display: none;
    }

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

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

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

    #camera section#titolo-camere {
        padding-bottom: 0;
    }

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

    #servizi #testo-intro p, #servizi #sezione3 .primo p, #servizi #sezione4 p {
        margin-right: 0;
    }

    #servizi #sezione3 .primo h3, #servizi #sezione4 .primo h3 {
        margin-bottom: 0;
    }

    #sezione3 .spa-servizi {
        padding-bottom: 50px;
    }

}

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

    div#headermenumobile\ bottone-fix {
        top: 15%;
        position: fixed;
    }

    .pos_fixed div#headermenumobile\ bottone-fix {
        top: 20%;
        position: fixed;
    }

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


    #zoom .col-sm-12.col-md-12.area.sfondobckg.bckg_responsive.fisso.elemgsp, #zoom .col-sm-12.elemgsp {
        transform: none !important;
        opacity: 1 !important;
        filter: none !important;
    }

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

    #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, a.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, #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, #camere-1 .index-camere a.button p {
        font-weight: 800 !important;
        font-size: 1rem !important;
    }

    button.multilingue span {
        font-size: 1.2rem;
    }

    /*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){

    /*FR*/
    .datepicker-header .datepicker-controls {
        padding: 0;
    }

    button.button.next-button.next-btn, button.button.prev-button.prev-btn {
        font-size: 25px;
        padding: 0;
        display: block;
    }

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

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

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

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

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

    input#frcheckin_fr_0_1 {
        width: calc(100% - 160px) !important;
    }

    .fastreservation .labelfastr {
        font-size: 1.2rem;
    }

    div.fastreservation .blckelem {
        font-size: 1.2rem;
    }

    div.fastreservation.stile-custom .component_fr {
        margin-bottom: 3% !important;
    }

    /*FR*/

    .primo h3 strong, #experience h3 strong, .recensioni-titolo h4 strong, #titolo-camere h3 strong, #home #foto-home 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%;
    }

    /*servizi*/

    #servizi section#testo-intro {
        min-height: 60svh !important;
    }

    #servizi.spa #testo-intro h2 {
        margin-top: 0;
    }

    #experience .acbck_ {
        z-index: -1;
    }

    .spa #experience .col-sm-12.col-md-3.area.sfondobckg.bckg_responsive.fisso {
        padding: 30px;
    }

    /*menu*/

    #menu_header.grndm .areamenu {
        border: none;
        padding-top: 0;
        height: 100dvh !important;
    }

    #menu_header.grndm .areamenu {

        flex-direction: column;
        align-items: center;
        display: flex;
        justify-content: flex-start;
    }


    #menu_header .navbar-nav-menu.liv1 {
        width: 90%;
        padding-top: 100px;
    }


    div#headermenumobile\ bottone-fix {
        position: absolute;
        top: 5%;
        right: 5%;
        background: none;
        padding: 12px;
        padding-left: 15px;
        padding-right: 15px;
        z-index: 9;
    }

    .pos_fixed div#headermenumobile\ bottone-fix {

    }

    img.logo-sito-menu {
        display: none;
    }

}

@media(max-width: 390px){

}

@media (max-height: 450px) {
  img.logo-sito-menu {
    display: none;
  }
}