/*    DIMENSIONI IPHONE:
    - iPhone 6/7/8 Plus: 414x736
    - iPhone 12 Pro: 390x844
    - iPhone X: 375x812
    - iPhone XR: 414x896
    - iPhone SE: 375x667
    - iPhone 14 Pro Max: 430x932
*/

.hidden {
    transform: translateX(-100%);
}

.visible {
    transform: translateX(0);
}

/* Stili responsive per schermi fino a 700px (smartphone) */
@media only screen and (max-width: 700px) {

    .book_sconto{
        font-size: 2.1vh;
        height: 11vh;
    }

    .menu{
        display: none;
    }

    .tasto_menu_responsive{
        display: flex;
    }

    .tasto_menu_responsive img{
        width: 10vw;
    }

    .menu_responsive{
        position: absolute;
        display: flex;
        width: 25vw;
        flex-direction: column;
        margin: 40% 0% 0% -75%;
        background-color: rgb(17, 51, 102);
        border-radius: 0px 0px 20px 0px;
    }

    .menu_responsive a{
        color: white;
        padding: 2vw;
        font-size: 3.7vw;
        text-decoration: none;
    }

    .social a img:hover{
        opacity: calc(100%);
    }

    .titolo span{
        font-size: 1.3vh;
    }

    .bottone:hover{
        font-size: 4vh;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        box-shadow:
            0px 0px 0px 1px #4a78dc inset,
            0px 0px 0px 2px #5486c0 inset,
            0px 4px 0px 0px #375ce1,
            0px 5px 0px 0px #091fc8,
            0px 5px 0px 0px rgba(0,0,0,.15);
        background-color: rgb(31, 74, 138);
        border-radius: 25px;
        color: white;
        padding: 10px;
    }

    .bottone_choose:hover{
        background-color: whitesmoke;
        border-radius: 20px;
        color: black;
        padding: 7px 10px;
        box-shadow:
        0px 0px 0px 1px #cfe5ff inset,
        0px 0px 0px 2px #e5f1ff inset,
        0px 4px 0px 0px #5479ff,
        0px 5px 0px 0px #384fff,
        0px 5px 0px 0px rgba(0,0,0,.15);
    }

    /*----- WHY CHOOSE US -----*/
    .text_information{
        width: 100vw;
    }

    .titolo_info{
        font-size: 4vh;
    }

    .text_info{
        font-size: 2.3vh;
        width: 90vw;
        height: 60vh;
        text-align: center;
    }

    .linea_vr{
        display: none;
    }

    .immagine_laterale{
        display: none;
    }

    /*-----------------------*/
    /*-------- ROOMS --------*/
    /*-----------------------*/

    .spazio_iphoneeipad_top{
        width: 100vw;
        height: 7vh;
        display: flex;
        align-items: center;
        justify-content: space-around;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        color: white;
    }

    .container_rooms{
        display: none;
    }


    /*-----------------------*/
    /*------- SERVICE -------*/
    /*-----------------------*/

    .main_service{
        width: 100vw;
    }
    
    .service{
        width: 70vw;
    }

    .other:hover{
        transition: calc(1s);
        opacity: calc(100%);
    }

    .immagine_laterale{
        display: none;
    }

    /*--- TRASPORTI ---*/

    .container_trasporti{
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .secondi_servizi{
        height: 20vh;
        width: 70vw;
    }

    .titolo_trasporti{
        font-size: 6vw;
    }
    
    .info_trasporti{
        font-size: 4vw;
    }

    /*-----------------------*/
    /*-------- FOOTER -------*/
    /*-----------------------*/

    .footer{
        width: 60vw;
    }

    .footer_copy{
        font-size: 3vw;
    }
}

/* Smartphone in Orizzontale */
@media only screen and (max-width: 1000px) and (max-height: 500px) {

}