@charset "utf-8";
/* CSS Document */

/*
careinn queries
*/


@media only screen and (min-width: 1500px) and (max-width: 1920px) and (min-height: 990px) and (max-height: 1280px) {
    .back-button {
        display: flex;
        position: fixed;
        top: 6%;
        left: 1%;
    }

    .navbar-byod {
        /*display: none;*/
    }

    p {
        font-size: 1.5rem;
    }

    .desktop-basket {
        padding-top: 4%;
    }


        .desktop-basket h1 {
            font-weight: bold;
            font-size: 3rem;
        }


    .order-top-cont {
        height: 72px;
    }

    .meal-item-wrapper p {
        font-size: 1.5rem;
    }


    .meal-item-wrapper-summary{
        font-size:1.5rem;

    }


    .meal-item-wrapper-summary p {
        font-size: 1.5rem;
    }

    .shopping_cart_basket_for_desktop{
       height:60vh !important;
    }

    .CartBtn {
        width: 310px;
        height: 46px;
    
        padding-top: 30px;
        padding-bottom: 50px;
        font-size: 2rem
    }

    .modal-content-meal_details {

        font-size: 1.5rem;
    }


    .History-top-cont {
        margin-bottom: 1vh;
        height: 5vh;
    }

    .modal-dialog-centered {
        max-width: 44%;
    }



    .side-hover-button {

        top: 35px;
        left: 300px;
    }

    .border-button {

        font-size: 1.5rem;
    }

    .material-checkbox {

        font-size: 1.5rem;

    }


    .meal-item-addons h5 {
        font-weight: 700;
        font-size: 2.5rem;
    }


   

    .meals-view h5{
        font-size:1.5rem !important;

    }

}

.tab-show {
    display: none;
}


.mobile-show {
    display: none;
}


/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1920px) {


    #mySidenav {
        display: none;
    }

    .mobile-menu-topdetails {
        display: none;
    }

    .mobile-slider {
        display: none;
    }


    .mobile-cart {
        display: none;
    }

   

    .mobile-menu-container {
margin-top:5%;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1536px) {
    .display-none-nav-items{
        display:none;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1280px) {
}



/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {

    .History-comment-tooltip {

        width: 30vw;
      
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {

    .mealitem-text-sec .meal-item-tags {
        right: 65px;
        bottom: 16px;
    }

    mob-meal-control-rowshow{
        display:block
    }

    .mob-meal-control-rowhide {
        display: none;
    }

    .History-top-cont {
        height: 10vh;
    }

    .login-container-textform {
        padding: 100px 0px !important;
        text-align: center;
    }


    .login-submit-button {
        left: unset;
        margin: 0px auto;
    }

    .login-image {
        display: none;
    }


    .tab-hide {
        display: none;
    }

    .tab-show {
        display: inline;
    }


    .home-button-mobile {
        position: absolute;
        right: 36px;
        top:6px;
    }


    #mySidenav {
        display: block;
    }

    .mobile-menu-container {
        max-width: 90%;
        margin-top: 10%;
        margin-bottom: 150px;
    }

    .mobile-menu-topdetails {
        display: inline-block;
    }

    .mob-meal-control{
        justify-content:unset !important;
    }

    .meal-container-main {
        margin-left: auto;
    }

    .image-button {
        width: 100%;
        height: auto;
        padding-bottom: 10px;
    }

    .desktop-basket {
        display: none;
    }

    .mobile-cart {
        display: block;
    }

    .navbar-mealcat {
        position: relative;
        top: 12px;
    }

    .navbar-mealcat-without-header {
        position: relative;
        top: 0px;
    }

    .side-hover-button {
        position: relative;
    }

    .back-new {
        top: 0px;
    }

    .meal-cat-count {
        top:2vh !important;
    }

    .navbar-mealcat {
        width: 100%;
  
    }


    .meal-item-image {
        width: 16.66666667%;
    }


    .word-container {
        width: 60%;
   
    }

    .comment-box {

        max-width: unset;
  
    }


}


@media only screen and (max-width : 768px) {
    section {
        padding: 5px;
        margin-top: 10px;
    }




}



@media only screen and (max-width : 766px) {
    .desktop-slider {
        display: none;
    }

    .mobile-slider {
        display: block;
        border:unset !important;
    }

    .History-comment-tooltip {
        width: 50vw;
        left:-80%;
    }

    .meal-cat-count{
        top:-0.5vh !important;
    }



    
}


/* bootstrap single row change */
@media only screen and (max-width : 575px) {

    .navbar-byod {
        padding: 4px 0px;
    }
    


    .mobile-show {
        display: inline;
    }

    .mobile-hide {
        display: none;
    }

    .logo-middle {
        justify-content: left;
    }

    .side-hover-button:hover {
        max-width: 100%;
    }

    .side-hover-button {
    
        left: 10px;
    }



    .logo-login {
      
        width: 50px;
    }

    .sub-page-l .sub-login-page {
        left: 0px;
    
        width: 30px;
        top: 10px;
    }

    .word-container {
       
        margin-left: 40px;
    }


    .logo-login {

        top: 10px;

    }



    .card-order-history {
        margin: 8px 4px;

    }

    .footer-mobile-styles {
        padding-top: 2px !important;
    
    }

    .footer-mobile-styles br {
        display:block !important;
    }

    .modal-for-mealitem .modal-content {
        height: 100svh;
    }


    .modal-for-mealitem {
        margin: unset !important;
    }


    .modal-quantity {
        max-height: 100% !important;
    }
}


/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 375px) {
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 360px) {
}


@media only screen and (max-width : 320px) {
}