.monthNav.mobile {
    display:none;
    text-align:center;
}


@media screen and (max-width: 1200px) {
    body .medium-row, .small-row, .narrow-row {
        max-width: 100% !important;
        padding-left:0 !important;
        padding-right:0 !important;
    }

    .c-table-hld {
        max-width:96vw;
    }

    .language-options {
        left: 50% !important;
        transform: translateX(-50%) !important;
        width:100% !important;
    }

/*    nav.navbar-menu .gjs-dropdown *, nav.navbar-menu a, nav.navbar-menu p {
        color: #fff !important;
    }*/
}



@media screen and (max-width: 1000px) {
    .site-title {
        display: none !important;
        top:20px !important;
    }

    .gjs-row {
        flex-wrap: wrap !important;
    }

    .photo-container, .content-c-container, .layer {
        height: 50vh !important;
    }

    table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }

    .room-types > * {
        min-width:100%;
    }

    .room-types a {
        margin-bottom:1rem;
    }

    .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #restaurant-menu {
        flex-direction: column-reverse;
    }

    .menu-shortcut {
        margin-left: 0 !important;
    }

    .dish-line {
        display: none;
    }

    .dish-price {
        margin: auto !important;
    }

    .dish-ingrediens {
        padding-right: 0 !important;
    }

    .modal.reservation.show .header {
        left: 1rem !important;
        top: 1.3rem !important;
        width:21px !important;
    }
}

@media screen and (max-width: 770px) {
    ::-webkit-scrollbar {
        width: 6px !important;
    }
}

@media screen and (max-width: 700px) {
    .section-title, .section-title-md {
        font-size:46px !important;
    }

}

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

    #website-popup-content {
        min-width: 90%;
    }

    .first-month, .second-month {
        display: block;
        margin-top: 1rem;
    }

    .monthNav:not(.mobile) {
        display:none !important;
    }

    .monthNav.mobile {
        display: block;
    }

    .calendar.double > .d-flex:not(.monthNav) > .flex1:first-child {
        min-width: 100%;
    }

    .calendar.double > .d-flex:not(.monthNav) > .flex1 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .dName {
        padding-left:0 !important;
        padding-right:0 !important;
    }
}

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

    #i2sje {
        padding:15px 0 !important;
    }
    .section-title, .section-title-md {
        font-size: 32px !important;
        padding: 0 0.5rem !important;
    }

    .gjs-row,.gjs-cell {
        padding-left:0 !important;
        padding-right:0 !important;
        max-width:100% !important;
    }

    .c-image-desc {
        padding: 10px 33px 55px !important;
    }

    .reservation-module {
        max-width: 70%;
        display: block;
        margin: auto;
    }

    .reservation-module > * {
        margin-left:0 !important;
        margin-right:0 !important;
        min-width:100% !important;
        margin-top:0.25rem !important;
        text-align:center;
    }

    .reservation-module > a {
        justify-content:center;
    }

    #ModalContentDiv.calendarPicker {
        padding:1rem 0.5rem !important;
    }

    #ModalContentDiv.calendarPicker .calendar .c7 {
        width:20px !important;
    }
}