/* ============================================================================  LA devices ============================================================================  */
@media (min-width: 992px){
    .bookings-btn{
        bottom: 5em !important;
    }
nav .btn-burger{
   /* right: 16em !important;*/
}
#menu .row .col-sm-6{
     padding: 0 5px 0 5px;
}



#menu .categoryWrapper {
    /*max-height: 7em;*/
}

#menu .categoryWrapper h2 {
    line-height: 4em;
    height: 5em;
}

.modal .close {
    top: -5px;
    right: -5px;
    font-size: 40px;
    width: 30px;
    height: 30px;
    line-height: 24px;
}

.modal.floating {
    margin: 0;
    padding: 0 35%;
    max-width: initial;
}

.modal {
    max-width: 30%;
    margin: auto;
}

.modal section {
    overflow: auto;
}

#menu .categoryWrapper .mealItem span.ordered {
    font-size: 0.8em;
}

#menu .categoryWrapper .mealItem:hover {
    box-shadow: inset 0 0 0 50px rgba(0,0,0,0.05);
}

#mainBtnWrapper {
    /*margin: 0px 27.9% .8em;
    overflow: hidden;
    width: 43%;
    border-radius: 30px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.9);*/

    /*OLD*/
    margin: 0px 28% 0.8em;
    width: 44%;
    /* max-width: 600px; */
    box-shadow: 0 10px 40px 30px rgba(0,0,0,0.6);
    background: #fff;
    border-radius: 0.4em;
    overflow: hidden;
}

.loaded #mainBtnWrapper {
    bottom: 20px;
    /* padding: .5em; */
}

nav .menuItems .brand {
    width: 10%;
    max-height: initial;
}

nav .menuItems {
    margin: auto;
    padding: 0 20%;
    padding-top: 3em;
}

.modal.page {
    /* right: 0px;
    left: auto;
    min-width: 30%; */
}

#process.swiper-container {
    max-width: 100%;
    /* padding: 0 30%; */
    /*background: rgba(23,22,23,0.8) !important;*/
}

#process.swiper-container .processSlide {
    opacity: 0;visibility: hidden;transition: all 300ms;overflow: auto;
    /*padding: 1em 20% 7em;*/
    /*padding: 1em 2% 7em;*/
}

#process.swiper-container .processSlide.swiper-slide-active {
    opacity: 1;
    visibility: visible;
    max-width: 800px;
    padding-top: 4em;
}

#findRestaurant .brand {
    /* width: 200px; */
}

}

/* ============================================================================  LG devices ============================================================================  */
@media (min-width: 992px) and (max-width: 1199.98px) {
   .bookings-btn{
        bottom: 5em !important;
    }
}

/* ============================================================================  MD devices ============================================================================  */

@media (min-width: 768px) and (max-width: 991.98px) {
  
}

/* ============================================================================  SM devices ============================================================================  */

@media (min-width: 576px) and (max-width: 767.98px) {
   

}

@media all and (orientation: landscape) {
.responseGate{
    display: flex !important;
}

.mobile .responseGate {
    display: none !important;
}

.responseGate h1.rotate{
    display: block ;
} 
}

/* ============================================================================  XS devices ============================================================================  */
@media (max-width: 575.98px) {
	

}


/* ============================================================================  Feature devices ============================================================================  */
@media (max-width: 320.98px) {


}


/* ============================================================================  KEYBOARD ============================================================================  */

@media (max-height: 460px) {


.modal section {
    padding-bottom: 10em;
}

.modal header {
    display: none;
}
}

/* ============================================================================  REWARDS ============================================================================  */
@media (max-width: 992px){
    #rewards header .btn-group{
        justify-content: center;
    }
    
    #rewards header .btn-group :first-child,
    #rewards header .btn-group :last-child{
        margin-right: auto;
    }
}

@media (max-height: 570px){
    nav .menuItems .brand{
        width:20%; 
    }
}


/* IPAD 3rd GEN and 2nd GEN
@media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait)  {
    #process.swiper-container .processSlide{
        padding: 1em 10% 7em;
    }

    .modal{
        max-width: 70%;
    }

    .modal.page {
        min-width: 40%;
        transform: scale(1) translateX(101%);
    }

 
    .modal.show {
        display: flex;
        transform: scale(1) translateX(0%);
        visibility: visible;
        opacity: 1;
        pointer-events: initial;
    }
    
} */