/*MEDIA QUERY 1700px-----------------------------------------------------------------------------------------*/
@media only screen and (min-width:0px) and (max-width:1700px) {

    .menuLogo{
        width:200px;
        padding:15px 0 0 20px;
    }

    .menuLogo img{
        width: 180px;
    }

    .menuNav {
        width: calc(100% - 480px);
    }

    .menuNav a{
        font-size:15px;
        margin:0 20px;
    }

    .menuButtons{
        width:280px;
    }

    .menuLang{
        width:140px;
    }

    .menuLang a {
        font-size: 13px;
    }

    .menuLang span {
        font-size: 13px;
    }

    .buttonPrenota {
        width: 140px;
    }

    .buttonPrenota span {
        font-size: 14px;
    }

    .introDetailsBox {
        padding: 0 30px;
        width: 150px !important;
    }

    .introDetailsBox label {
        font-size: 13px;
        padding-top: 10px;
    }

    .introDetailsBox span {
        font-size: 35px;
    }

    .introDetailsBox p {
        font-size: 13px;
    }

    .introDetailsBox a {
        font-size: 14px;
        margin: 15px 0 0 0;
    }

    .introDetailsBoxRestaurant {
        width: 180px !important;
        padding: 0 0 0 20px !important;
    }

    .introDetailsBoxRestaurant p {
        font-size: 12px !important;
    }

    .valoriBox label {
        font-size: 85px;
    }

    .valoriBox span {
        font-size: 19px;
        padding-top: 30px;
    }

    .valoriBox p {
        font-size: 14px;
        padding-top: 15px;
    }
    
}

/*MEDIA QUERY 1600px-----------------------------------------------------------------------------------------*/
@media only screen and (min-width:0px) and (max-width:1600px) {

    .menu {
        height: 60px;
    }

    .menuLogo {
        width: 180px;
        padding: 15px 0 0 15px;
    }

    .menuLogo img{
        width: 165px;
    }

    .menuNav {
        width: calc(100% - 360px);
        padding-top: 23px;
    }

    .menuNav a {
        font-size: 14px;
        margin: 0 10px;
    }

    .menuButtons {
        width: 180px;
    }

    .menuLang {
        width: 90px;
        height: 60px;
        padding-top: 22px;
    }

    .menuLang a {
        font-size: 11px;
    }

    .menuLang span {
        font-size: 11px;
        margin: 0 1px;
    }

    .buttonPrenota {
        width: 90px;
        height: 60px;
    }

    .buttonPrenota span {
        font-size: 12px;
    }

    .introRoom {
        margin-top: 30px;
    }

    .introRoomBox {
        padding: 0 30px;
    }

    .introRoomBox label {
        font-size: 33px;
    }

    .introRoomBox span {
        font-size: 16px;
        padding-top: 20px;
    }

    .ristoranteHome p{
        margin-bottom:30px;
    }

    .buttonContainer a {
        width: 46% !important;
        margin-left: 2%;
        margin-bottom: 2%;
    }

    .introDetailsBox {
        padding: 0 20px;
        width: 130px !important;
    }

    .introDetailsBox label {
        font-size: 13px;
        padding-top: 10px;
    }

    .introDetailsBox span {
        font-size: 30px;
    }

    .introDetailsBox p {
        font-size: 13px;
        margin-top:7px !important;
    }

    .introDetailsBox a {
        font-size: 14px;
        margin: 15px 0 0 0;
    }

    .introDetailsBoxRestaurant {
        width: 157px !important;
        padding: 0 0 0 12px !important;
    }

    .introDetailsBoxRestaurant p {
        font-size: 12px !important;
    }

    .valoriBox label {
        font-size: 80px;
    }

    .valoriBox span {
        font-size: 19px;
        padding-top: 30px;
    }

    .valoriBox p {
        font-size: 14px;
        padding: 20px 30px 0 30px !important;
    }

    .introLeftC{
        width:60%;
    }

    .introRightC{
        width:40%;
    }

    .meteoBoxContainer {
        margin: 70px 10% 0 10%;
    }

    .offerte {
        padding: 70px 5% 0 5%;
    }

}

/*MEDIA QUERY 1300px-----------------------------------------------------------------------------------------*/
@media only screen and (min-width:0px) and (max-width:1300px) {

    p{
        line-height:1.6;
    }


    .menuLogo {
        width: 160px;
        padding: 18px 0 0 15px;
    }

    .menuLogo img{
        width: 145px;
    }

    .menuNav {
        width: calc(100% - 340px);
        padding-top: 23px;
    }

    .menuNav a {
        font-size: 12px;
        margin: 0 7px;
    }

    .introLeftContainer {
        left: 15%;
        right: 15%;
        width: 70%;
    }

    .introLeftContainerC{
        left:5%;
        right:5%;
        width:90%;
    }

    .introLeft h2 {
        font-size: 33px;
        line-height: 1.4;
    }

    .introLeftContainerLine hr {
        left: -180px;
    }

    .introLeft p {
        margin-top: 40px !important;
    }

    .hrtit {
        top: 135px;
        width: 130px;
    }

    .introLeft h3 {
        top: 130px;
        right: 90px;
        font-size: 13px;
    }

    .hrTitInside{
        display:none;
    }

    .introLeftContainerLine hr {
        display: none;
    }

    .introLeftInside a {
        margin-top: 50px;
    }

    .introLeftContainerInside {
        width: 90%;
        left: 5%;
        right: 5%;
    }

    .introDetailsBox {
        padding: 0 20px;
        width: 130px !important;
    }

    .introDetailsBox label {
        font-size: 13px;
        padding-top: 10px;
    }

    .introDetailsBox span {
        font-size: 35px;
    }

    .introDetailsBox p {
        font-size: 13px;
        margin-top: 10px !important;
    }

    .introDetailsBox a {
        font-size: 14px;
        margin-top: 15px !important;
        width: unset !important;
    }

    .introDetailsBox p {
        font-size: 13px;
    }

    .introDetailsBoxRestaurant {
        width: 160px !important;
        padding: 0 0 0 20px !important;
        font-size: 10px;
    }

    .introDetailsBoxRestaurant p {
        font-size: 12px !important;
    }

    .correlatiBox h2 {
        font-size: 30px;
        padding-top: 30px;
    }

    .correlatiBox span {
        font-size: 14px;
        padding: 20px 0 25px 0;
    }

    .correlatiBox a{
        width:170px;
        height:50px;
    }

    .correlatiBox a span {
        font-size: 12px !important;
    }

    ul.tabs2 li {
        margin-right: 20px;
    }

    .introRoomBoxCorrelati{
        padding:0 20px;
    }

    .introRoomBoxCorrelati label {
        font-size: 27px !important;
    }

    .introRoomBoxCorrelati span {
        font-size: 13px !important;
        padding-bottom: 0 !important;
    }
}

/*MEDIA QUERY 1200px-----------------------------------------------------------------------------------------*/
@media only screen and (min-width:0px) and (max-width:1200px) {

    .menuLogo {
        width: 130px;
        padding: 19px 0 0 10px;
    }

    .menuLogo img{
        width: 120px;
    }

    .menuNav {
        width: calc(100% - 310px);
        padding-top: 23px;
    }

    .menuNav a {
        font-size: 12px;
        margin: 0 3px;
    }

    .topLeft {
        top: 30px;
        left: 30px;
    }

    .topLogo {
        top: 15px;
        width: 170px;
    }

    .topLogo img {
        width: 170px;
    }

    .topRight {
        top: 20px;
        right: 30px;
    }

    .headerContainer h1 {
        font-size: 60px;
    }

    .headerContainerBottom h2 {
        font-size: 60px;
        color: var(--white);
    }

    .introLeftInside a{
        width:45%;
        margin-top:40px;
    }

    .introRoom {
        margin-top: 20px;
    }

    .introRoomBox {
        padding: 0 20px;
    }

    .introRoomBox label {
        font-size: 29px;
    }

    .introRoomBox span {
        font-size: 15px;
        padding-top: 20px;
    }

    #sliderAltri .slick-dots {
        bottom: -50px;
        z-index: 9;
        margin-left:3%;
    }

    

    .introLeftContainerMap p {
        font-size: 16px;
        line-height: 1.5;
        letter-spacing: 1.5px;
        padding-bottom: 70px;
        margin-top: 60px !important;
    }

    .accordion a {
        font-size: 15px;
        line-height: 1.2;
    }

    .richiestaDisponibilita h3{
        display:none;
    }

    .richiestaDisponibilita hr {
        display: none;
    }

    .richiesta {
        margin: 70px 5% 0 5%;
    }

    .menuCamere.active, .menuFood.active, .menuSpa.active {
        height: 140px;
        top: 60px;
        padding: 20px 0;
    }

    .menuCamereContainer, .menuFoodContainer, .menuSpaContainer{
        width:900px;
    }

    .menuCamereBoxImageContainer {
        height: 110px;
    }

    .menuCamereBoxImage:before {
        height: 110px;
    }

    .menuCamereBox h2 {
        font-size: 15px;
        color: var(--brown);
        padding-top: 10px;
    }

    .introDetailsBoxRestaurant {
        width: 150px !important;
        padding: 0 0 0 20px !important;
    }

    .introDetailsBoxRestaurant p {
        font-size: 11px !important;
    }
}

/*MEDIA QUERY 1024px-----------------------------------------------------------------------------------------*/
@media only screen and (min-width:0px) and (max-width:1024px) {

    .topLang {
        margin-right: 0;
    }

    .topLang a {
        font-size: 12px;
    }

    .topLang span {
        font-size: 12px;
        margin: 0 3px;
    }

    .topFind {
        display: none;
    }

    .topRight a {
        font-size: 13px;
    }

    .topRight span {
        font-size: 13px;
        margin: 0 10px;
    }

    #hamburger {
        width: 30px;
        margin-right: 10px;
    }

    /*.menu {
        height: 100%;
    }*/

    .headerContainer {
        left: 0;
        right: 0;
        width: 80%;
        margin:0 10%;
    }

    .headerContainer h1 {
        font-size: 55px;
    }

    .headerContainerBottom h2 {
        font-size: 55px;
    }

    .introLeft {
        width: 60%;
    }

    .introRight {
        width: 40%;
    }

    .hrtit{
        display:none;
    }

    .introLeft h3{
       display:none;
    }

    .menu {
        display: none !important;
    }

    .menuLabel {
        position: absolute;
        top: 20px;
        right: 0;
        display: block;
        z-index: 99999;
        cursor: pointer;
    }

    .headerContainerBottom {
        bottom: 130px;
        width: 90%;
        margin:0 5%
    }

    .headerContainerBottom a{
        width:22%;
        margin:1%;
    }

    .headerContainerBottom a span {
        font-size: 12px;
    }

    .introLeftContainer{
        top:50%;
    }

    .footerBar {
        height: 350px;
        background-color: var(--dark-brown);
        padding: 70px 50px 0 50px;
        box-sizing: border-box;
    }

    .introDetailsBox {
        padding: 0 15px;
        width: 120px !important;
    }

    .introDetailsBox a {
        font-size: 13px;
    }

    .introDetailsBoxRestaurant {
        width: 130px !important;
        padding: 0 0 0 10px !important;
    }

    .introDetailsBoxRestaurant p {
        font-size: 11px !important;
    }

    .headerOverlayGradientRight {
        background: -moz-linear-gradient(0deg, rgba(17,17,17,0.5550595238095238) 0%, rgba(18,18,18,0.48783263305322133) 22%, rgba(255,255,255,0) 100%);
        background: -webkit-linear-gradient(0deg, rgba(17,17,17,0.5550595238095238) 0%, rgba(18,18,18,0.48783263305322133) 22%, rgba(255,255,255,0) 100%);
        background: linear-gradient(0deg, rgba(17,17,17,0.5550595238095238) 0%, rgba(18,18,18,0.48783263305322133) 22%, rgba(255,255,255,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#111111",endColorstr="#ffffff",GradientType=1);
    }

    .headerContainerRight {
        position: absolute;
        top: unset;
        bottom:130px;
        left:0;
        right: 0;
        text-align: center;
        margin:0 auto;
        transform: unset;
        z-index: 99;
        width: 80%;
    }

    .headerContainerRight h4 {
        font-size: 20px;
        padding-top: 20px;
    }

    .headerContainerRight h2 {
        font-size: 45px;
    }

    .headerContainerRight p {
        font-size: 16px;
        padding-top: 20px !important;
    }

    .valoriContainer {
        margin: 0 5%;
        width: 90%;
    }

    .valoriBox label {
        font-size: 70px;
    }

    .valoriBox span {
        font-size: 17px;
        padding-top: 20px;
    }

    .valoriBox p {
        font-size: 13px;
        padding: 15px 25px 0 25px !important;
    }

    .introLeftC {
        float:unset;
        width: 100%;
    }

    .introRightC {
        display:none;
    }

    .privacy_info {
        font-size: 11px;
        line-height: 15px;
        width: 90%;
    }

    .privacy_info h3{
        font-size: 15px !important;
        line-height: 20px;
    }

    .offerte {
        padding: 50px 30px 0 30px;
    }

    .boxOfferta{
        margin:0 1% 30px 1%;
        height:500px;
    }

    .TitoloOffertaHome a {
        font-size:23px;
    }

    .desc_breve p{
        font-size: 17px !important;
    }

    .desc_lunga {
        height:110px;
    }

    .immagineOfferta{
        height:170px;
    }

    .immagineOfferta img {
        height: 170px;
    }
}

/*MEDIA QUERY 768px-----------------------------------------------------------------------------------------*/
@media only screen and (min-width:0px) and (max-width:768px) {

    .button {
        width: 180px;
        height: 55px;
        -webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.25);
        -moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.25);
        box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.25);
    }


    .button span{
        font-size:13px;
    }

    .topLogo {
        top: 25px;
    }

    .topLogo {
        width: 210px;
    }

    .topLogo img {
        width: 210px;
    }

    .headerContainer h2 {
        font-size: 15px;
        margin-bottom: 15px;
    }

    .headerContainer h1 {
        font-size: 40px;
    }

    .headerContainerBottom h2 {
        font-size: 40px;
    }

    .boxRichiestaDesktop {
        display: none;
    }

    .boxRichiestaMobile {
        display: block;
        margin-top: 30px;
    }

    .scroll {
        height: 60px;
    }

    .scroll .hr {
        height: 60px;
    }
    .scroll .hr .hrIn {
        z-index: 999;
        height: 55px;
    }

    @keyframes scroll {
        0% {
            height: 60px;
        }

        50% {
            height: 40px;
        }

        100% {
            height: 60px;
        }
    }

    @keyframes scroll {
        0% {
            height: 60px;
        }

        50% {
            height: 40px;
        }

        100% {
            height: 60px;
        }
    }

    @keyframes scrollSpan {
        0% {
            top: -20px;
        }

        50% {
            top: 0;
        }

        100% {
            top: -20px;
        }
    }

    .scrollSpan {
        font-size: 10px;
    }

    .topRight span {
        display:none !important;
    }

    .linkPrenotaTop{
        display:none !important;
    }

    .introMob {
        display: block;
    }

    .introLeft {
        float: unset;
        width: 100%;
    }

    .introRight {
        display:none;
    }

    .smallTit {
        top: 100px;
        width:90%;
        margin:0 5%;
    }

    .smallTit h3 span {
        padding: 0 20px;
        font-size: 13px;
    }
    .smallTit h3 span:before,
    .smallTit h3 span:after {
        top: 7px;
    }

    .headerContainerBottom a {
        width: 47%;
        margin: 1%;
    }

    .headerContainerBottom a span {
        font-size: 12px;
    }

    .footerPrenota {
        width: 100%;
        height: calc(100vh - 250px);
        background-color: var(--light-bg);
        text-align: center;
    }

    .footerBar {
        height: 250px;
        padding: 40px 30px 0 30px;
        box-sizing: border-box;
    }

    .footerBarLeft h2 {
        font-size: 22px;
    }

    .footerBarLeft b {
        font-size: 13px;
        padding: 15px 0 20px 0;
    }

    .footerBarLeft span {
        font-size: 12px;
        padding: 0 0 20px 0;
    }

    .footerBarLeft p {
        font-size: 11px;
    }

    .footerBarLeft a {
        font-size: 11px;
    }

    .footerBarLeft i {
        font-size: 11px;
        margin: 0 5px;
    }

    .linkSocial {
        font-size: 13px;
        margin-bottom: 20px;
    }

    .linkSocial span {
        font-size: 15px;
        width: 15px;
        margin-left: 9px;
    }

    .footerBarRight .button{
        width:210px;
    }

    .footerBarRight .button span{
        font-size:12px;
    }

    .footerBarRight img {
        position: absolute;
        top: 15px;
        left: -11px;
        width: 80px;
    }

    .boxRichiestaFooter {
        margin-top: 50px;
        width: 90%;
        margin: 0 5%;
    }

    .introDetailsBox {
        padding: 0 20px;
        width: 160px !important;
    }

    .introDetailsBox label {
        font-size: 14px;
        padding-top: 10px;
    }

    .introDetailsBox span {
        font-size: 45px;
    }

    .introDetailsBox p {
        font-size: 14px;
    }

    .introDetailsBox a {
        font-size: 15px;
        margin: 15px 0 0 0;
    }

    .correlati h2 {
        font-size: 30px;
    }

    .valori h2 {
        font-size: 30px;
    }

    .meteoBox h2 {
        font-size: 30px !important;
    }

    .correlatiContainer {
        margin-top: 70px;
        margin-left: 0;
        padding: 0 5%;
    }

    .correlatiBox {
        margin-left: 0;
    }

    .correlatiBox h2 {
        font-size: 30px;
        padding-top: 30px;
    }

    #sliderAltri .slick-dots {
        margin-left: 0;
    }

    .headerContainerRight {
        bottom: 100px;
        width: 80%;
    }

    .headerContainerRight h4 {
        font-size: 18px;
        padding-top: 20px;
    }

    .headerContainerRight h2 {
        font-size: 40px;
    }

    .headerContainerRight p {
        font-size: 15px;
        padding-top: 20px !important;
    }

    .caratteristicheCameraBox {
        margin-top: 15px;
        height: 100px;
        padding: 0 15px;
    }

    .caratteristicheCameraBox span {
        font-size: 30px;
    }

    .caratteristicheCameraBox label {
        font-size: 14px;
        margin-top: 10px;
    }

    .richiestaDisponibilitaContainer h2 {
        font-size: 29px;
    }

    .richiestaDisponibilitaContainer p {
        font-size: 15px;
        padding: 14px 30px 0 30px !important;
    }

    .richiestaTbs {
        width: 44%;
        margin: 0 0.5%;
    }

    .richiestaTb2 {
        width: 44%;
        margin: 0 0.5%;
    }

    .richiestaTb3 {
        width: 44%;
        margin: 0 0.5%;
    }

    .richiestaTb33 {
        width: 90%;
        margin: 0 0.5%;
    }

    .richiestaTb {
        width: 90%;
    }

    .richiestaPrivacy {
        width: 90%;
    }

    .richiestaCb {
        width: 90%;
    }


    .boxOfferta {
        float:unset;
        width:100%;
        margin: 0 0 30px 0;
        height: 500px;
    }

    .TitoloOffertaHome a {
        font-size: 23px;
    }

    .desc_breve p {
        font-size: 17px !important;
    }

    .desc_lunga {
        height: 110px;
    }

    .immagineOfferta {
        height: 170px;
    }

    .immagineOfferta img {
        height: 170px;
    }

    .introDetailsBoxRestaurant {
        width: 160px !important;
        padding: 0 0 0 15px !important;
    }

    .introDetailsBoxRestaurant p {
        font-size: 11px !important;
    }

}

/*MEDIA QUERY 600px-----------------------------------------------------------------------------------------*/
@media only screen and (min-width:0px) and (max-width:600px) {

    .topLeft {
        top: 20px;
        left: 20px;
    }

    .topLogo {
        top: 25px;
    }

    .topRight {
        top: 10px;
        right: 20px;
    }

    .headerContainer h2 {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .headerContainer h1 {
        font-size: 35px;
    }

    .headerContainerBottom h2 {
        font-size: 35px;
    }

    .footerPrenota {
        width: 100%;
        height: calc(100vh - 300px);
        background-color: var(--light-bg);
        text-align: center;
    }

    .footerBar {
        height: 300px;
        padding: 20px 20px 0 20px;
        box-sizing: border-box;
    }

    .footerBarLeft {
        float: unset;
        width:100%;
        text-align: center;
    }

    .footerBarRight {
        float: unset;
        width: 100%;
        text-align: center;
        margin-top:20px;
    }

    .linkSocial {
        display: inline-block;
        margin: 0 7px;
    }

    .linkSocial span{
        margin-left:7px;
    }

    .footerBarRight .button {
        width: 300px;
        margin-top: 20px;
        height: 45px;
    }

    .footerPrenota hr {
        border: none;
        width: 150px;
    }

    .footerPrenota span {
        font-size: 14px;
        padding: 120px 0 10px 0;
    }

    .footerPrenota h2{
        font-size:33px;
    }

    .introDetailsBox {
        padding: 0 15px;
        width: 130px !important;
    }

    .introDetailsBox label {
        font-size: 13px;
        padding-top: 10px;
    }

    .introDetailsBox span {
        font-size: 35px;
    }

    .introDetailsBox p {
        font-size: 13px;
    }

    .introDetailsBox a {
        font-size: 14px;
        margin: 15px 0 0 0;
    }

    .introDetailsBoxRestaurant {
        width: 140px !important;
        padding: 0 0 0 10px !important;
    }

    .introDetailsBoxRestaurant p {
        font-size: 11px !important;
    }

    .caratteristicheCameraBox {
        float: left;
        width: 33.3%;
        margin-top: 15px;
        height: 90px;
        padding: 0 10px;
    }

    .caratteristicheCameraBox span {
        font-size: 30px;
    }

    .caratteristicheCameraBox label {
        font-size: 13px;
        margin-top: 10px;
    }

    .meteoBoxContainer {
        display: none;
    }

    .meteoBoxContainer2 {
        display: block;
        margin: 50px 5% 0 5%;
    }

    .grazie {
        padding: 30px;
    }

    .grazie h2 {
        font-size: 20px !important;
        margin-bottom: 10px;
    }

    .grazie h4 {
        font-size: 14px;
    }

    .boxRichiestaBoxF input {
        width: 40px;
    }

    .quantity input{
        padding-left:10px;
    }

    .quantityR label{
        left:unset;
        right:0;
    }

    .linkSocial b {
        display: none;
    }

    .linkSocial span {
        font-size: 20px;
        width: 20px;
        margin-left: 0;
    }

    .footerBarRight .button {
        display: block;
        margin: 19px auto 0 auto;
    }

    .footerBarRight img {
        position: relative;
        top: unset;
        left: unset;
        width: 55px;
        display: inline-block;
        margin-bottom: -12px;
    }

    .footerBarLeft span {
        padding-bottom: 11px;
    }

    .footerBarLeft b {
        padding-bottom: 11px;
    }
}

/*MEDIA QUERY 500px-----------------------------------------------------------------------------------------*/
@media only screen and (min-width:0px) and (max-width:500px) {

    .topLeft {
        top: 20px;
        left: 20px;
    }

    .topLogo {
        top: 25px;
    }

    .topLogo {
        width:180px;
    }

    .topLogo img{
        width: 180px;
    }

    .topRight {
        top: 10px;
        right: 20px;
    }

    .headerContainer h2 {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .headerContainer h1 {
        font-size: 35px;
    }

    .headerContainerBottom h2 {
        font-size: 35px;
    }

    .smallTit h3 span {
        padding: 0 15px;
        font-size: 12px;
        line-height:1.2;
    }

    .smallTit h3 span:before,
    .smallTit h3 span:after {
        display:none;
    }

    .introLeftContainer {
        left: 10%;
        right: 10%;
        width: 80%;
    }

    .introLeftContainerLine hr{
        display:none;
    }

    .introLeft p{
        margin-top:20px !important;
        padding-bottom:30px !important;
    }

    .buttonContainer a {
        height: 45px;
    }

    .buttonContainer a span{
        font-size:12px !important;
    }

    .boxRichiestaBoxF {
        height: 95px;
    }

    .boxRichiestaBoxSelectF {
        background-position: top 50% right 15px;
    }

    .boxRichiestaBoxContainerF {
        padding-top: 20px;
    }

    .boxRichiestaBoxContainer2F {
        padding-top: 20px;
    }

    .boxRichiestaBoxF span {
        font-size: 12px !important;
    }

    .dataF span {
        font-size: 35px !important;
    }

    .dataF b {
        font-size: 12px;
        margin-top: 5px;
        line-height: 1.2;
    }

    .boxRichiestaBoxF input {
        height: 34px;
        font-size: 35px;
        margin-left: 0;
        padding-right:15px;
        width:20px;
    }

    .boxRichiestaFooter a {
       margin-top:30px;
    }

    .introLeftInside a{
        margin-top:10px !important;
    }

    .introDetailsBox {
        float: unset;
        padding: 0 0;
        border-right: none;
        width: 33.3% !important;
    }

    .introDetailsBox:first-child {
        padding-left: unset !important;
    }

    .introDetailsBox:last-child {
        border-right: unset !important;
        padding-right: unset !important;
    }

    .introDetailsBox label {
        font-size: 20px;
        padding-top: 15px;
    }

    .introDetailsBox span {
        font-size: 55px;
    }

    .introDetailsBox p {
        font-size: 15px;
        margin-top:10px !important;
        padding-bottom:0 !important;
    }

    .introDetailsBox a {
        font-size: 15px;
        margin: 15px 0 0 0;
    }

    .introDetailsBoxRestaurant p {
        font-size: 12px !important;
    }

    .correlati h2 {
        font-size: 25px !important;
    }

    .valori h2 {
        font-size: 25px;
    }

    .meteoBox h2 {
        font-size: 25px !important;
    }

    .correlatiContainer {
        margin-top: 50px;
    }

    .correlatiBox h2 {
        font-size: 30px;
        padding-top: 20px;
    }

    .correlatiBox span {
        font-size: 14px;
        padding: 20px 0 25px 0;
    }

    #sliderDetailsBox .slick-dots {
       bottom:-50px;
    }

    ul.tabs2 li {
        display: block;
        margin-right: 0;
        margin-bottom:20px;
    }

    ul.tabs2 li a {
        font-size: 16px;
    }

    .headerContainerRight {
        bottom: 70px;
        width: 90%;
    }

    .headerContainerRight h4 {
        font-size: 17px;
        padding-top: 15px;
    }

    .headerContainerRight h2 {
        font-size: 33px;
    }

    .headerContainerRight p {
        font-size: 14px;
        padding-top: 15px !important;
    }

    .buttonShopping {
        width: 250px !important;
    }

    .buttonShopping span{
        font-size:12px;
    }

    .introRoomBoxCorrelati label {
        font-size: 23px !important;
    }

    .introRoomBoxCorrelati span {
        font-size: 12px !important;
        padding-bottom: 0 !important;
    }

    .valoriBox {
        border-right: none;
    }

    .introLeftContainerC {
        left: 5%;
        right: 5%;
        width: 90%;
    }

    .introDetails {
        margin-top: 10px;
    }

    .accordion a {
        font-size: 14px !important;
    }

    .accordion p {
        font-size: 12px !important;
        line-height: 1.5 !important;
    }

    .richiesta {
        margin: 10px 0 0 0 !important;
    }

    .richiestaDisponibilitaContainer h2 {
        font-size: 23px !important;
    }

    .richiestaDisponibilitaContainer p{
        font-size:13px !important;
        line-height:1.2 !important;
    }

    .richeistaLabel input {
        font-size: 10px !important;
        padding: 15px;
        margin-bottom: 5px;
    }

    .richiestaSpan {
        font-size: 10px !important;
        left: 15px;
    }

    .richeistaLabel select {
        font-size: 10px !important;
        padding: 15px;
        margin-bottom: 5px;
    }

    .richeistaLabel textarea {
        font-size: 10px !important;
        padding: 15px;
        height:70px;
    }

    .required{
        display:none;
    }


    .richeistaLabel input::-webkit-input-placeholder, richeistaLabel select::-webkit-input-placeholder {
        font-size: 10px;
    }

    .richeistaLabel input:-ms-input-placeholder {
        font-size: 10px;
    }

    .richeistaLabel input::-ms-input-placeholder {
        font-size: 10px;
    }

    .richeistaLabel input::placeholder {
        font-size: 10px;
    }

    .richeistaLabel input:focus, .richeistaLabel input.populated {
        padding-top: 20px;
        padding-bottom: 10px;
    }

    .richeistaLabel select::-webkit-input-placeholder, richeistaLabel select::-webkit-input-placeholder {
        font-size: 10px;
    }

    .richeistaLabel select:-ms-input-placeholder {
        font-size: 10px;
    }

    .richeistaLabel select::-ms-input-placeholder {
        font-size: 10px;
    }

    .richeistaLabel select::placeholder {
        font-size: 10px;
    }

    .richeistaLabel select:focus, .richeistaLabel select.populated {
        padding-top: 20px;
        padding-bottom: 10px;
    }

    .richeistaLabel textarea::-webkit-input-placeholder, richeistaLabel textarea ::-webkit-input-placeholder {
        font-size: 10px;
    }

    .richeistaLabel textarea:-ms-input-placeholder {
        font-size: 10px;
    }

    .richeistaLabel textarea::-ms-input-placeholder {
        font-size: 10px;
    }

    .richeistaLabel textarea::placeholder {
        font-size: 10px;
    }

    .grazie{
        width:90%;
        margin:0 5%;
        box-sizing:border-box;
    }

    .grazie h2 {
        font-size: 20px !important;
        margin-bottom: 10px;
    }

    .grazie h4 {
        font-size: 14px;
    }

    .firma {
        margin-top: 15px;
        width:150px;
    }

    .boxRichiestaBoxSelectF {
        background-image: url('../Gfx/select2.svg');
        background-repeat: no-repeat;
        background-position: top 60% right 10px;
        background-size: 10px;
        width: 27%;
    }

    .offerte {
        padding: 30px 20px 0 20px;
    }

    .boxOfferta{
        margin:0 0 20px 0;
        height:500px;
        padding:15px;
    }

    .TitoloOffertaHome a {
        font-size:19px;
    }

    .desc_breve p{
        font-size: 15px !important;
    }

    .desc_lunga {
        height:110px;
    }

    .immagineOfferta{
        height:170px;
    }

    .immagineOfferta img {
        height: 170px;
    }

    .sliderDetailsBoxBB .slick-track {
        margin-left: auto;
        margin-right: auto;
    }

    .introDetailsBoxBB{
        width:50% !important;
    }

}

/*MEDIA QUERY 400px-----------------------------------------------------------------------------------------*/
@media only screen and (min-width:0px) and (max-width:400px) {

    .smallTit{
        width:80%;
        margin:0 10%;
    }

    .topLogo {
        top:30px;
        width: 160px;
    }

    .topLogo img {
        width: 160px;
    }

    .headerContainer h2 {
        font-size: 13px;
        margin-bottom: 10px;
    }

    .headerContainer h1 {
        font-size: 30px;
    }

    .headerContainerBottom h2 {
        font-size: 30px;
    }

    .introLeftContainer {
        left: 7%;
        right: 7%;
        width: 86%;
    }

    .introLeft p{
        font-size:13px;
        line-height:1.4;
    }

    .buttonContainer a span {
        font-size: 11px !important;
    }

    .introLeft h2{
        font-size:27px;
    }

    .introLeftContainerC h2{
        font-size: 23px !important;
    }

    .footerBarLeft h2{
        font-size:19px;
    }

    .footerBarLeft b{
        font-size:11px;
        line-height:1.2;
    }

    

    .footerBarRight .button{
        width:260px;
    }

    .footerPrenota h2 {
        font-size: 25px !important;
    }

    .correlati h2 {
        font-size: 22px !important;
    }

    .valori h2 {
        font-size: 22px;
    }

    .meteoBox h2 {
        font-size: 22px !important;
    }

    .caratteristicheCameraBox {
        width: 50%;
        margin-top: 10px;
        height: 80px;
        padding: 0 7px;
    }

    .caratteristicheCameraBox span {
        font-size: 25px;
    }

    .caratteristicheCameraBox label {
        font-size: 13px;
        margin-top: 7px;
    }
}

/*MEDIA QUERY 350px-----------------------------------------------------------------------------------------*/
@media only screen and (min-width:0px) and (max-width:350px) {

    .smallTit {
        width: 70%;
        margin: 0 15%;
    }

    .introRoom {
        margin-top: 20px;
    }

    .introRoomBox {
        padding: 0 15px;
    }

    .introRoomBox label {
        font-size: 25px;
    }

    .introRoomBox span {
        font-size: 15px;
        padding-top: 15px;
    }

    .boxRichiestaFooter {
        display: none;
    }

    .boxRichiestaFooterM {
        display: block;
        margin-top:30px;
    }

    .fsp {
        padding: 0 !important;
    }

}


/*HEIGHT*/

/* FROM 1920 to 1024 ------------------------------------------------------------------------------------------------------------------------------------------ */

/*MEDIA QUERY 800px-----------------------------------------------------------------------------------------*/
@media only screen and (min-width:1024px) and (min-height:0px) and (max-height:800px) {

    .introLeftContainer {
        left: 7%;
        right: 7%;
        width: 86%;
    }

    .introLeft h2 {
        font-size: 33px;
        line-height: 1.4;
    }

    .introLeftContainerLine hr {
        left: -180px;
    }

    .introLeft p {
        margin-top: 40px !important;
    }

    .introDetailsBox p{
        margin-top:10px !important;
    }

    .hrtit {
        top: 135px;
        width: 130px;
    }

    .introLeft h3 {
        top: 130px;
        right: 90px;
        font-size: 13px;
    }

    .smallTit{
        top:100px;
    }

    .headerContainerBottom {
        bottom: 130px;
    }

    .headerContainerBottom h2 {
        font-size: 55px;
    }
}

/*MEDIA QUERY 700px-----------------------------------------------------------------------------------------*/
@media only screen and (min-width:1024px) and (min-height:0px) and (max-height:700px) {

    .introLeft {
        width: 60%;
    }

    .introRight {
        width: 40%;
    }

    .hrtit {
        display: none;
    }

    .introLeft h3 {
        top:70px;
        left: 15%;
    }

    .introLeftContainer{
        top:52%;
    }

    .smallTit {
        top: 70px;
    }

    .headerContainerBottom {
        bottom: 130px;
    }

    .headerContainerBottom h2 {
        font-size: 50px;
    }

    .headerContainerBottom p {
        font-size: 14px;
        padding: 20px 0 40px 0 !important;
    }

    

}

/*MEDIA QUERY 600px-----------------------------------------------------------------------------------------*/
@media only screen and (min-width:1024px) and (min-height:0px) and (max-height:600px) {

    .introLeftContainer {
        left: 10%;
        right: 10%;
        width: 80%;
    }

    .introLeft h2 {
        font-size: 27px;
        line-height: 1.2;
    }

    .introLeft h3 {
        top: 50px;
        left: 10%;
    }

    .introLeft {
        width: 65%;
    }

    .introLeft p{
        margin-top:20px !important;
    }

    .introLeftContainerLine hr {
        display: none;
    }

    .introRight {
        width: 35%;
    }

    .smallTit {
        top: 50px;
    }

    .headerContainerBottom {
        bottom: 110px;
    }

    .headerContainerBottom h2 {
        font-size: 40px;
    }

    .headerContainerBottom p {
        font-size: 14px;
        padding: 20px 0 30px 0 !important;
    }

    
}

/*MEDIA QUERY 500px-----------------------------------------------------------------------------------------*/
@media only screen and (min-width:1024px) and (min-height:0px) and (max-height:500px) {

    .introLeftInside a{
        margin-top:20px;
    }

    .introLeftContainer{
        top:50%;
    }
    
}


/* FROM 1920 to 768 ------------------------------------------------------------------------------------------------------------------------------------------ */

/*MEDIA QUERY 800px-----------------------------------------------------------------------------------------*/
@media only screen and (min-width:768px) and (min-height:0px) and (max-height:800px) {

    .richiestaDisponibilitaContainer h2 {
        font-size: 29px;
    }

    .richiestaDisponibilitaContainer p {
        font-size: 15px;
        padding: 10px 50px 0 50px !important;
    }

    .richiesta {
        margin: 20px 20% 0 20%;
    }

    .richeistaLabel input {
        font-size: 10px !important;
        padding: 15px;
        margin-bottom: 5px;
    }

    .richiestaSpan {
        font-size: 10px !important;
        left: 15px;
    }

    .richeistaLabel select {
        font-size: 10px !important;
        padding: 15px;
        margin-bottom: 5px;
    }

    .richeistaLabel textarea {
        font-size: 10px !important;
        padding: 15px;
        height: 70px;
    }

    .required {
        display: none;
    }


    .richeistaLabel input::-webkit-input-placeholder, richeistaLabel select::-webkit-input-placeholder {
        font-size: 10px;
    }

    .richeistaLabel input:-ms-input-placeholder {
        font-size: 10px;
    }

    .richeistaLabel input::-ms-input-placeholder {
        font-size: 10px;
    }

    .richeistaLabel input::placeholder {
        font-size: 10px;
    }

    .richeistaLabel input:focus, .richeistaLabel input.populated {
        padding-top: 20px;
        padding-bottom: 10px;
    }

    .richeistaLabel select::-webkit-input-placeholder, richeistaLabel select::-webkit-input-placeholder {
        font-size: 10px;
    }

    .richeistaLabel select:-ms-input-placeholder {
        font-size: 10px;
    }

    .richeistaLabel select::-ms-input-placeholder {
        font-size: 10px;
    }

    .richeistaLabel select::placeholder {
        font-size: 10px;
    }

    .richeistaLabel select:focus, .richeistaLabel select.populated {
        padding-top: 20px;
        padding-bottom: 10px;
    }

    .richeistaLabel textarea::-webkit-input-placeholder, richeistaLabel textarea ::-webkit-input-placeholder {
        font-size: 10px;
    }

    .richeistaLabel textarea:-ms-input-placeholder {
        font-size: 10px;
    }

    .richeistaLabel textarea::-ms-input-placeholder {
        font-size: 10px;
    }

    .richeistaLabel textarea::placeholder {
        font-size: 10px;
    }

    .richiestaInvia {
        margin: 20px auto 0 auto;
    }
    
}

/*MEDIA QUERY 600px-----------------------------------------------------------------------------------------*/
@media only screen and (min-width:768px) and (min-height:0px) and (max-height:600px) {

    .richiestaDisponibilitaContainer {
        top: 45%;
        transform: translateY(-50%);
    }

    .richiestaDisponibilitaContainer h2 {
        font-size: 27px;
    }

    .richiestaDisponibilitaContainer p {
        font-size: 14px;
        padding: 5px 50px 0 50px !important;
    }

    .richiesta {
        margin: 10px 20% 0 20%;
    }

    .richeistaLabel input {
        padding: 15px;
        margin-bottom: 5px;
    }

    .richiestaSpan {
        left: 15px;
    }

    .richeistaLabel select {
        padding: 15px;
    }

    .richeistaLabel textarea {
        margin-bottom:0;
    }

    .richiestaInvia {
        margin: 5px auto 0 auto;
    }

    .richiestaInvia .button{
        height:40px;
    }

    .richiestaDisponibilita hr {
        display: none;
    }

    .richiestaDisponibilita h3{
        display:none;
    }
}


/* FROM 1920 to 600 ------------------------------------------------------------------------------------------------------------------------------------------ */


/*MEDIA QUERY 900px-----------------------------------------------------------------------------------------*/
@media only screen and (min-width:600px) and (min-height:0px) and (max-height:900px) {

    .footerPrenota hr {
        display: none;
    }

    .footerPrenota span {
        font-size: 14px;
        padding: 60px 0 10px 0;
    }

    .meteoBox span {
        padding: 90px 0 10px 0;
    }

    .boxRichiestaFooter a {
        margin-top: 20px;
    }

    .footerPrenota h2 {
        padding-bottom: 20px;
    }

    .boxRichiestaFooter a {
        height: 45px;
    }

    .boxRichiestaFooter a span {
        font-size: 12px;
    }

    .prenotaBox {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        text-align: center;
        margin: 0 auto;
        transform: translateY(-50%);
        z-index: 9;
    }
    
}

/*MEDIA QUERY 800px-----------------------------------------------------------------------------------------*/
@media only screen and (min-width:600px) and (min-height:0px) and (max-height:800px) {

    .meteoBox span {
        padding: 90px 0 10px 0;
    }

    .meteoBoxContainer {
        margin: 50px 5% 0 5%;
    }
    
}

/*MEDIA QUERY 700px-----------------------------------------------------------------------------------------*/
@media only screen and (min-width:600px) and (min-height:0px) and (max-height:700px) {

    .footerPrenota span {
        font-size: 14px;
        padding: 0 0 10px 0;
    }

    .footerPrenota h2 {
        font-size: 28px;
        padding-bottom: 0;
    }

    .boxRichiestaFooter a {
        margin-top: 10px;
    }

    .meteoBox span {
        padding: 40px 0 10px 0;
    }

    .meteoBoxContainer {
        margin: 30px 5% 0 5%;
    }

    .caratteristicheCameraBox {
        width: 25%;
        margin-top: 10px;
        height: 80px;
        padding: 0 7px;
    }

    .caratteristicheCameraBox span {
        font-size: 25px;
    }

    .caratteristicheCameraBox label {
        font-size: 13px;
        margin-top: 7px;
    }
}

/*MEDIA QUERY 600px-----------------------------------------------------------------------------------------*/
@media only screen and (min-width:600px) and (min-height:0px) and (max-height:600px) {

    .footerPrenota {
        width: 100%;
        height: calc(100vh - 300px);
        background-color: var(--light-bg);
        text-align: center;
    }

    .footerBar {
        height: 300px;
        padding: 40px 30px 0 30px;
        box-sizing: border-box;
    }

    .footerBarLeft b {
        padding: 20px 0 20px 0;
    }

    .footerBarLeft span {
        padding: 0 0 20px 0;
    }

    .linkSocial {
        margin-bottom: 20px;
    }

    .meteoBoxContainer {
        margin: 10px 5% 0 5%;
    }

    .caratteristicheCameraBox {
        margin-top: 7px;
        height: 70px;
    }

    .caratteristicheCameraBox span {
        font-size: 25px;
    }

    .caratteristicheCameraBox label {
        margin-top: 5px;
    }
    
}



/* FROM 1024 to 768 ------------------------------------------------------------------------------------------------------------------------------------------ */

/*MEDIA QUERY 700px-----------------------------------------------------------------------------------------*/
@media only screen and (min-width:768px) and (max-width:1023px) and (min-height:0px) and (max-height:700px) {

    .smallTit {
        top: 70px;
    }

    .headerContainerBottom {
        bottom: 90px;
    }

    .headerContainerBottom h2 {
        font-size: 40px;
    }

    .headerContainerBottom p {
        font-size: 14px;
        padding: 20px 0 30px 0 !important;
    }

    .introLeft {
        width: 60%;
    }

    .introLeftC{
        float:left;
    }

    .introRight {
        width: 40%;
    }

    .introRightC {
        display:block;
    }

    .hrtit {
        display: none;
    }

    .introLeft h3 {
        top: 70px;
        left: 15%;
    }

    .introLeftContainer {
        top: 52%;
    }
}

/*MEDIA QUERY 600px-----------------------------------------------------------------------------------------*/
@media only screen and (min-width:768px) and (max-width:1023px) and (min-height:0px) and (max-height:600px) {

    .introLeftContainer {
        left: 10%;
        right: 10%;
        width: 80%;
    }

    .introLeft h2 {
        font-size: 27px;
        line-height: 1.2;
    }

    .introLeft h3 {
        top: 50px;
        left: 10%;
    }

    .introLeft p {
        margin-top: 20px !important;
    }

    .introLeftContainerLine hr {
        display: none;
    }
}

/*MEDIA QUERY 500px-----------------------------------------------------------------------------------------*/
@media only screen and (min-width:768px) and (max-width:1023px) and (min-height:0px) and (max-height:500px) {

    .introLeftContainer {
        left: 5%;
        right: 5%;
        width: 90%;
    }

    .introLeft h2 {
        font-size: 27px;
        line-height: 1.2;
    }

    .introLeft h3 {
        top: 50px;
        left: 5%;
    }

    .introLeft p {
        margin-top: 20px !important;
        font-size:13px;
    }

    .introLeft {
        width: 100%;
    }

    .introRight {
        display:none;
    }
}



/* FROM 768 to 0 ------------------------------------------------------------------------------------------------------------------------------------------ */

/*MEDIA QUERY 850px-----------------------------------------------------------------------------------------*/
@media only screen and (min-width:0) and (max-width:767px) and (min-height:0px) and (max-height:850px) {

    .richiestaDisponibilitaContainer h2 {
        font-size: 29px;
    }

    .richiestaDisponibilitaContainer p {
        font-size: 15px;
        padding: 10px 50px 0 50px !important;
    }

    .richiesta {
        margin: 20px 20% 0 20%;
    }

    .richeistaLabel input {
        font-size: 10px !important;
        padding: 15px;
        margin-bottom: 5px;
    }

    .richiestaSpan {
        font-size: 10px !important;
        left: 15px;
    }

    .richeistaLabel select {
        font-size: 10px !important;
        padding: 15px;
        margin-bottom: 5px;
    }

    .richeistaLabel textarea {
        font-size: 10px !important;
        padding: 15px;
        height: 70px;
    }

    .required {
        display: none;
    }


    .richeistaLabel input::-webkit-input-placeholder, richeistaLabel select::-webkit-input-placeholder {
        font-size: 10px;
    }

    .richeistaLabel input:-ms-input-placeholder {
        font-size: 10px;
    }

    .richeistaLabel input::-ms-input-placeholder {
        font-size: 10px;
    }

    .richeistaLabel input::placeholder {
        font-size: 10px;
    }

    .richeistaLabel input:focus, .richeistaLabel input.populated {
        padding-top: 20px;
        padding-bottom: 10px;
    }

    .richeistaLabel select::-webkit-input-placeholder, richeistaLabel select::-webkit-input-placeholder {
        font-size: 10px;
    }

    .richeistaLabel select:-ms-input-placeholder {
        font-size: 10px;
    }

    .richeistaLabel select::-ms-input-placeholder {
        font-size: 10px;
    }

    .richeistaLabel select::placeholder {
        font-size: 10px;
    }

    .richeistaLabel select:focus, .richeistaLabel select.populated {
        padding-top: 20px;
        padding-bottom: 10px;
    }

    .richeistaLabel textarea::-webkit-input-placeholder, richeistaLabel textarea ::-webkit-input-placeholder {
        font-size: 10px;
    }

    .richeistaLabel textarea:-ms-input-placeholder {
        font-size: 10px;
    }

    .richeistaLabel textarea::-ms-input-placeholder {
        font-size: 10px;
    }

    .richeistaLabel textarea::placeholder {
        font-size: 10px;
    }

    .richiestaInvia {
        margin: 20px auto 0 auto;
    }
}

/*MEDIA QUERY 600px-----------------------------------------------------------------------------------------*/
@media only screen and (min-width:0) and (max-width:767px) and (min-height:0px) and (max-height:600px) {

    .richiestaDisponibilitaContainer {
        top: 48%;
        transform: translateY(-50%);
    }

        .richiestaDisponibilitaContainer h2 {
            font-size: 27px;
        }

        /*.richiestaDisponibilitaContainer p {
            display: none;
        }*/

    .richiesta {
        margin: 10px 20% 0 20%;
    }

    .richeistaLabel input {
        padding: 15px;
        margin-bottom: 5px;
    }

    .richiestaSpan {
        left: 15px;
    }

    .richeistaLabel select {
        padding: 15px;
    }

    .richeistaLabel textarea {
        margin-bottom: 0;
    }

    .richiestaInvia {
        margin: 5px auto 0 auto;
    }

        .richiestaInvia .button {
            height: 40px;
        }

    .richiestaDisponibilita hr {
        display: none;
    }

    .richiestaDisponibilita h3 {
        display: none;
    }
}



/* FROM 768 to 500 ------------------------------------------------------------------------------------------------------------------------------------------ */

/*MEDIA QUERY 850px-----------------------------------------------------------------------------------------*/
@media only screen and (min-width:500px) and (max-width:767px) and (min-height:0px) and (max-height:850px) {

    .richiestaDisponibilitaContainer h2 {
        font-size: 29px;
    }

    .richiestaDisponibilitaContainer p {
        font-size: 15px;
        padding: 10px 50px 0 50px !important;
    }

    .richiesta {
        margin: 20px 20% 0 20%;
    }

    .richeistaLabel input {
        font-size: 10px !important;
        padding: 15px;
        margin-bottom: 5px;
    }

    .richiestaSpan {
        font-size: 10px !important;
        left: 15px;
    }

    .richeistaLabel select {
        font-size: 10px !important;
        padding: 15px;
        margin-bottom: 5px;
    }

    .richeistaLabel textarea {
        font-size: 10px !important;
        padding: 15px;
        height: 70px;
    }

    .required {
        display: none;
    }


    .richeistaLabel input::-webkit-input-placeholder, richeistaLabel select::-webkit-input-placeholder {
        font-size: 10px;
    }

    .richeistaLabel input:-ms-input-placeholder {
        font-size: 10px;
    }

    .richeistaLabel input::-ms-input-placeholder {
        font-size: 10px;
    }

    .richeistaLabel input::placeholder {
        font-size: 10px;
    }

    .richeistaLabel input:focus, .richeistaLabel input.populated {
        padding-top: 20px;
        padding-bottom: 10px;
    }

    .richeistaLabel select::-webkit-input-placeholder, richeistaLabel select::-webkit-input-placeholder {
        font-size: 10px;
    }

    .richeistaLabel select:-ms-input-placeholder {
        font-size: 10px;
    }

    .richeistaLabel select::-ms-input-placeholder {
        font-size: 10px;
    }

    .richeistaLabel select::placeholder {
        font-size: 10px;
    }

    .richeistaLabel select:focus, .richeistaLabel select.populated {
        padding-top: 20px;
        padding-bottom: 10px;
    }

    .richeistaLabel textarea::-webkit-input-placeholder, richeistaLabel textarea ::-webkit-input-placeholder {
        font-size: 10px;
    }

    .richeistaLabel textarea:-ms-input-placeholder {
        font-size: 10px;
    }

    .richeistaLabel textarea::-ms-input-placeholder {
        font-size: 10px;
    }

    .richeistaLabel textarea::placeholder {
        font-size: 10px;
    }

    .richiestaInvia {
        margin: 20px auto 0 auto;
    }
}

/*MEDIA QUERY 600px-----------------------------------------------------------------------------------------*/
@media only screen and (min-width:500px) and (max-width:767px) and (min-height:0px) and (max-height:600px) {

    .richiestaDisponibilitaContainer {
        top: 48%;
        transform: translateY(-50%);
    }

    .richiestaDisponibilitaContainer h2 {
        font-size: 27px;
    }

    /*.richiestaDisponibilitaContainer p {
        display:none;
    }*/

    .richiesta {
        margin: 10px 20% 0 20%;
    }

    .richeistaLabel input {
        padding: 15px;
        margin-bottom: 5px;
    }

    .richiestaSpan {
        left: 15px;
    }

    .richeistaLabel select {
        padding: 15px;
    }

    .richeistaLabel textarea {
        margin-bottom:0;
    }

    .richiestaInvia {
        margin: 5px auto 0 auto;
    }

    .richiestaInvia .button{
        height:40px;
    }

    .richiestaDisponibilita hr {
        display: none;
    }

    .richiestaDisponibilita h3{
        display:none;
    }
}

/*MEDIA QUERY 500px-----------------------------------------------------------------------------------------*/
@media only screen and (min-width:500px) and (max-width:767px) and (min-height:0px) and (max-height:500px) {

    .smallTit{
        top:40px;
    }

    .headerContainerBottom h2{
        font-size:25px;
    }

    .headerContainerBottom {
        bottom: 30px;
    }

    .headerContainerBottom p {
        font-size: 13px;
        padding: 20px 0 30px 0 !important;
    }

        .headerContainerBottom a{
            height:50px;
        }

   



}



/* FROM 600 to 0 ------------------------------------------------------------------------------------------------------------------------------------------ */

/*MEDIA QUERY 800px-----------------------------------------------------------------------------------------*/
@media only screen and (min-width:0) and (max-width:599px) and (min-height:0px) and (max-height:800px) {

    .footerPrenota hr {
        display:none;
    }

    .footerPrenota span {
        font-size: 14px;
        padding: 60px 0 10px 0;
    }

    .boxRichiestaFooter a{
        margin-top:20px;
    }

    .footerPrenota h2{
        padding-bottom:20px;
    }

    .boxRichiestaFooter a{
        height:45px;
    }

    .boxRichiestaFooter a span{
        font-size:12px;
    }

    .prenotaBox {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        text-align: center;
        margin: 0 auto;
        transform: translateY(-50%);
        z-index: 9;
    }

}

/*MEDIA QUERY 700px-----------------------------------------------------------------------------------------*/
@media only screen and (min-width:0) and (max-width:599px) and (min-height:0px) and (max-height:700px) {

    .footerPrenota span {
        font-size: 14px;
        padding: 0 0 10px 0;
    }

    .footerPrenota h2 {
        font-size: 28px;
        padding-bottom: 0;
    }

    .boxRichiestaFooter a {
        margin-top: 10px;
    }

    .prenotaBox2 span {
        font-size: 14px;
        padding: 50px 0 10px 0 !important;
    }

    .caratteristicheCameraBox {
        margin-top: 10px;
        height: 80px;
        padding: 0 7px;
    }

    .caratteristicheCameraBox span {
        font-size: 25px;
    }

    .caratteristicheCameraBox label {
        font-size: 13px;
        margin-top: 7px;
    }

    .caratteristicheCameraBox {
        margin-top: 7px;
        height: 70px;
    }

    .caratteristicheCameraBox span {
        font-size: 25px;
    }

    .caratteristicheCameraBox label {
        margin-top: 5px;
    }

}

/*MEDIA QUERY 600px-----------------------------------------------------------------------------------------*/
@media only screen and (min-width:0) and (max-width:599px) and (min-height:0px) and (max-height:600px) {

    
    .prenotaBox2 span {
        font-size: 14px;
        padding: 30px 0 10px 0 !important;
    }

    .meteoBoxContainer2 {
        display: block;
        margin: 20px 5% 0 5%;
    }
}





/* FROM 500 to 0 ------------------------------------------------------------------------------------------------------------------------------------------ */

/*MEDIA QUERY 800px-----------------------------------------------------------------------------------------*/
@media only screen and (min-width:0) and (max-width:500px) and (min-height:0px) and (max-height:800px) {

    ul.tabs2{
        padding-bottom:0;
    }
}

@media only screen and (min-width:0) and (max-width:500px) and (min-height:0px) and (max-height:600px) {

    ul.tabs2 {
        padding-bottom: 0 !important;
    }

    .tabContainer2 {
        padding: 15px 0 20px 0;
    }
}

/*MEDIA QUERY 600px-----------------------------------------------------------------------------------------*/
@media only screen and (min-width:0) and (max-width:499px) and (min-height:0px) and (max-height:600px) {

    .smallTit {
        top: 30px;
    }

    .headerContainerBottom h2 {
        font-size: 23px;
    }


    .headerContainerBottom {
        bottom: 30px;
    }

    .headerContainerBottom p {
        font-size: 13px;
        padding: 20px 0 20px 0 !important;
    }

    .headerContainerBottom a {
        height: 50px;
    }

    .introLeft p {
        font-size: 13px;
        line-height: 1.4;
    }

    .introLeft h2{
        font-size:27px;
        line-height:1.2;
    }

    .introDetailsBox span{
        font-size:45px;
    }

    #sliderDetailsBox .slick-dots{
        bottom:-30px;
    }
}

/*MEDIA QUERY 500px-----------------------------------------------------------------------------------------*/
@media only screen and (min-width:0) and (max-width:499px) and (min-height:0px) and (max-height:500px) {

    .introLeft p {
        font-size: 13px;
        line-height: 1.3;
        margin-top:10px !important;
        padding-bottom:15px !important;
    }

    .introLeft h2{
        font-size:25px;
        line-height:1.1;
    }
}



/* FROM 400 to 0 ------------------------------------------------------------------------------------------------------------------------------------------ */

/*MEDIA QUERY 700px-----------------------------------------------------------------------------------------*/
@media only screen and (min-width:0) and (max-width:400px) and (min-height:0px) and (max-height:700px) {

    .caratteristicheCamera{
        margin-top:20px;
    }

    .caratteristicheCameraBox {
        margin-top: 7px;
        height: 70px;
        padding: 0 7px;
    }

    .caratteristicheCameraBox span {
        font-size: 20px;
    }

    .caratteristicheCameraBox label {
        font-size: 12px;
        margin-top: 5px;
    }
    
}

/*MEDIA QUERY 600px-----------------------------------------------------------------------------------------*/
@media only screen and (min-width:0) and (max-width:400px) and (min-height:0px) and (max-height:600px) {

    .caratteristicheCamera{
        margin-top:10px;
    }

    .caratteristicheCameraBox {
        margin-top: 3px;
        height: 55px;
        padding: 0 5px;
    }

    .caratteristicheCameraBox span {
        font-size: 19px;
    }

    .caratteristicheCameraBox label {
        font-size: 11px;
        margin-top: 5px;
    }
    
}




/* ALL ------------------------------------------------------------------------------------------------------------------------------------------ */

/*MEDIA QUERY 900px-----------------------------------------------------------------------------------------*/
@media only screen and (min-height:0px) and (max-height:900px) {


    .correlati hr {
        width: 150px;
    }

    .correlati span {
        padding: 100px 0 20px 0;
    }

    .correlatiBox span {
        padding: 20px 0 25px 0;
    }

    .introRoomCorrelati {
        margin: 15px 0 25px 0;
    }
}

/*MEDIA QUERY 800px-----------------------------------------------------------------------------------------*/
@media only screen and (min-height:0px) and (max-height:800px) {

    .menuMobileLogo {
        padding-top: 30px;
    }

    .menuMobileLogo img {
        width: 200px;
    }

    .menuMobileTit {
        padding-top: 30px;
    }

    .menuMobileContainer {
        padding-top: 50px;
    }

    .menuMobileContainer a {
        font-size: 18px;
        padding: 10px 0;
    }

    .correlati hr {
        display:none;
    }

    .correlati span {
        padding: 60px 0 20px 0;
    }

    .correlati h2 {
        font-size: 39px;
        color: var(--brown);
    }

    .correlatiContainer {
        margin-top: 50px;
    }

    .correlatiContainerRoom {
        margin-top: 15px;
    }

    .correlatiBox span {
        padding: 20px 0 25px 0;
    }

    .introLeftContainerMap hr {
        width: 300px;
    }

    .introLeftContainerMap h2 {
        margin-top: 200px;
    }

    .introRoomCorrelati {
        margin: 0 0 15px 0 !important;
    }

    .correlatiContainerRoom .button {
        height: 45px;
    }

    .introRoomBoxCorrelati label {
        font-size: 25px !important;
    }

    .introRoomBoxCorrelati span {
        font-size: 12px !important;
        padding-top:10px !important; 
        padding-bottom: 0 !important;
    }
}

/*MEDIA QUERY 700px-----------------------------------------------------------------------------------------*/
@media only screen and (min-height:0px) and (max-height:700px) {

    .menuMobileLogo {
        padding-top: 20px;
    }

    .menuMobileLogo img {
        width: 170px;
    }

    .menuMobileTit {
        padding-top: 20px;
    }

    .menuMobileContainer {
        padding-top: 30px;
    }

    .menuMobileContainer a {
        font-size: 17px;
        padding: 10px 0;
    }

    .hrtit2 {
        width: 330px;
    }

    .correlati span {
        padding: 50px 0 20px 0;
    }

    .correlati h2 {
        font-size: 35px;
    }

    .correlatiContainer {
        margin-top: 30px;
    }

    .correlatiContainerRoom {
        margin-top: 15px;
    }

    .correlatiBoxImageContainer {
        height: 200px;
    }

    .correlatiBoxImage:before {
        height: 200px;
    }

    .correlatiBox h2 {
        font-size: 35px;
        padding-top: 20px;
    }

    .correlatiBoxRoom h2 {
        padding-top: 5px !important;
    }

    .correlatiBox span {
        padding: 10px 0 25px 0;
    }

    .correlatiBox a span {
        font-size:13px !important;
    }

    .introLeftContainerMap hr {
        display:none;
    }

    .introLeftContainerMap {
        top: 50% !important;
        left:5%;
        right:5%;
        width: 90%;
        transform: translateY(-50%) !important;
    }

    .introLeftContainerMap h2{
        margin-top:0 !important;
    }

    .valori hr{
        display:none;
    }

    .serviziText{
        font-size:13px;
        line-height:1.2;
    }
}

/*MEDIA QUERY 600px-----------------------------------------------------------------------------------------*/
@media only screen and (min-height:0px) and (max-height:600px) {

    .menuMobileTit {
        display: none;
    }

    .menuMobileContainer a {
        font-size: 16px;
        padding: 7px 0;
    }

    .hrtit2 {
        width: 230px;
    }

    .correlati span {
        padding: 40px 0 5px 0;
    }

    .correlati h2 {
        font-size: 30px;
    }

    .correlatiContainer {
        margin-top: 20px;
    }

    .correlatiContainerRoom {
        margin-top: 15px;
    }

    .correlatiBoxImageContainer {
        height: 170px;
    }

    .correlatiBoxImage:before {
        height: 170px;
    }

    .correlatiBox h2 {
        font-size: 35px;
        padding-top: 20px;
        padding-bottom:10px;
    }

    .correlatiBox span {
        padding: 10px 0 25px 0;
        display:none;
    }

    .correlatiBox a span {
        font-size: 13px !important;
        display: block;
    }

    ul.tabs2{
        padding-bottom:20px;
    }

    .comeArrivare{
        margin-top:20px;
    }
    .accordion li p {
      padding: 5px 0;
      margin:10px 0 20px !important;
    }
    .accordion a {
        margin-bottom:15px;
    }
    .accordion p {
      font-size: 13px;
      font-size: 0.8125rem;
      line-height: 2;
      padding: 10px;
    }
}

/*MEDIA QUERY 500px-----------------------------------------------------------------------------------------*/
@media only screen and (min-height:0px) and (max-height:500px) {

    

    ul.tabs2 {
        padding-bottom: 15px;
    }
}


/*MEDIA QUERY 800px-----------------------------------------------------------------------------------------*/
@media only screen and (min-width:0) and (max-width:767px) and (min-height:0px) and (max-height:800px) {


    .headerContainerBottom {
        bottom: 50px;
    }

}


/*MEDIA QUERY 700px-----------------------------------------------------------------------------------------*/
@media only screen and (min-width:0) and (max-width:767px) and (min-height:0px) and (max-height:700px) {

    .smallTit {
        top: 70px;
    }


    .headerContainerBottom {
        bottom: 50px;
    }

        .headerContainerBottom p {
            font-size: 13px;
            padding: 20px 0 30px 0 !important;
        }
}

/*MEDIA QUERY 700px-----------------------------------------------------------------------------------------*/
@media only screen and (min-width:768px) and (min-height:0px) and (max-height:700px) {

    .headerContainer h1 {
        font-size: 50px;
    }

    .headerContainer h2 {
        margin-bottom: 10px;
    }

    .boxRichiestaDesktop {
        margin-top: 30px;
    }

    .scroll {
        height: 60px;
    }

        .scroll .hr {
            height: 60px;
        }

            .scroll .hr .hrIn {
                z-index: 999;
                height: 55px;
            }

    @keyframes scroll {
        0% {
            height: 60px;
        }

        50% {
            height: 40px;
        }

        100% {
            height: 60px;
        }
    }

    @keyframes scroll {
        0% {
            height: 60px;
        }

        50% {
            height: 40px;
        }

        100% {
            height: 60px;
        }
    }

    @keyframes scrollSpan {
        0% {
            top: -20px;
        }

        50% {
            top: 0;
        }

        100% {
            top: -20px;
        }
    }

    .scrollSpan {
        font-size: 10px;
    }
}




/*MEDIA QUERY 600px-----------------------------------------------------------------------------------------*/
@media only screen and (min-width:0) and (max-width:499px) and (min-height:0px) and (max-height:600px) {

    .smallTit {
        top: 50px;
    }

    .headerContainerBottom h2 {
        font-size: 25px;
    }


    .headerContainerBottom {
        bottom: 50px;
    }

        .headerContainerBottom p {
            font-size: 13px;
            padding: 20px 0 30px 0 !important;
        }
}

/*MEDIA QUERY 550px-----------------------------------------------------------------------------------------*/
@media only screen and (min-width:768px) and (min-height:0px) and (max-height:550px) {

    .boxRichiestaDesktop {
        display: none;
    }

    .boxRichiestaMobile {
        display: block;
        margin-top: 30px;
    }
}