@media screen and (max-width: 800px) {

    .burgherMenu {
        display: flex !important;
    }

    .menuListHeader {
        display: none !important;
    }

    .fixed-header {
        padding: 10px 20px !important;
    }

    .glassNavbar .logoTitle #logoHome, .logoTitle #logoHome{
        width: 60px !important; 
    }

    .jumboTextInner div:first-child {
        font-size: 34px !important;
    }

    .jumboTextInner {
        display: none;
        top: 40% !important;
    }

    .containerServices {
        align-items: start !important;
    }

    .cardInnerService {
        width: calc(100% / 3);
        flex-direction: column !important;
        text-align: center !important;
    }

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

    .descriptionTitle {
        padding: 0px 15px;
    }

    .swiper-wrapper .elementRoom {
        width: 300px !important;
    }

    .roomName {
        line-height: 18px;
    }

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

    .GallerySwiper {
        padding-left: 8% !important;
        padding-right: 8% !important;
    }

    .containerFooter {
        flex-direction: column !important;
    }

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

    .containerAskTrip {
        flex-direction: column;
    }

    #roomModal {
        width: 95vw !important;
        padding: 15px !important;
    }

    .closeModal {
        top: 20px !important;
        left: 20px !important;
    }

    .RoomsModalGallery .GallerySlideRoomModal {
        height: 230px !important;
    }

    .titleRoomModal {
        font-size: 15px !important;
        line-height: 25px;
    }

    .undertitleModal {
        font-size: 13px !important;
        line-height: 20px;
    }

    .imageJumboContainer {
        height: 70vh !important;
    }

    .imageJumboContainer .jumboTextInner {
        top: 50% !important;
    }

    .containerLoadingResearch {
        width: 100% !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
    }

    .containerLoadingResearch .inputGroup select {
        width: 74px !important;
        font-size: 13px;
        height: 35px;
        padding: 0 10px;
    }

    .containerLoadingResearch .inputGroup input {
        width: 140px !important;
        font-size: 13px;
        height: 35px;
        padding: 0 10px;
    }

    .containerLoadingResearch .inputGroup div {
        font-size: 12px !important;
    }

    .containerLoadingResearch .containerFilter input,
    .containerLoadingResearch .containerFilter select {
        color: #aa8453 !important;
        margin-top: 5px !important;
    }

    .containerCardCamere {
        flex-direction: column !important;
        height: unset !important;
    }

    .containerCardCamere img {
        width: 100% !important;
    }

    .containerCardCamere > div:first-child {
        width: 100% !important;
        height: 200px !important;
    }

    .camereCardElement {
        overflow: hidden;
    }

    .categoryName{
        font-weight: 600;
        font-size: 14px;
    }

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

    .childrenAlert, .peopleCount{
        font-size: 12px !important;
    }

    .containerPeopleAndChildren{
        flex-direction: column !important;
    }

    .containerRoomResume div{
        font-size: 12px !important; 
    }

    .containerButtons{
        flex-direction: column !important;
        padding-bottom: 20px;
    }

    .titleProposal{
        font-size: 16px !important;
        font-weight: 600;
    }

    #modalRoomBookCombination{
        width: 95vw !important;
        padding: 20px !important; 
    }

    .roomsTitleModalBook{
        font-size: 14px !important;
        font-weight: 600 !important;
        line-height: 20px;
    }

    .containerDataBook div{
        font-size: 13px !important;
        
    }
    .containerDataBook{
        flex-direction: column !important;
    }

    .containerBookPriceData{
        flex-direction: column !important;
    }

    .containerInputGroupBook{
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0 !important;
    }

    .containerInputGroupBook > div{
        padding: 15px 0 !important;
    }

    .containerButtonCompleteBook{
        justify-content: center !important;
        position:unset !important;
        margin-top: 40px;
        padding-bottom: 20px;
    }

    .registerLogInButton img{
        display: none !important;
    }

    .controlMapMobile{
        display: none !important;
    }

    .containerFormContacts > div{
        display: flex !important;
        flex-direction: column !important;
        width: 80% !important;
    }
    .containerFormContacts > div .inputGroup {
        width: 100% !important;
    }

    #mapPosition{
        height: 75vh !important;
    }
}