@media  (max-width:932px){
    
    /* REGISTER PAGE */
    #regist_page{
        display: block;
    }
    #regist_page #reg_ctn{
        width: 95%;
        min-width: 780px;
         margin-left: auto;
        margin-right: auto;

    }
    #reg_message{
        width: 95%;
    }
    /* END OF REGISTER PAGE */

    /*LOGIN PAGE  */

    #loginpage{
        overflow-y: scroll;
        display: block;
    }
    #loginctn{
        display: flex;
        flex-direction: column;
        width: 450px;
        min-width: 0px;
        max-height: none;
        height: 800px;
        margin-left: auto;
        margin-right: auto;
    }
    #loginctn form{
        width: 100%;
        height: 75%;
        gap: 5.5%;
    }
    #loginctn form h1{
        font-size: 3rem;
    }
    #loginctn form h2{
        font-size: 1.3rem;
    }
    #loginctn form p{
         font-size: 1.2rem;
        line-height: 2.5rem;
    }
    #loginctn form .input_ctn{
         height: 50px;
        border-radius: 5px;
    }
    #loginctn form input[type="text"],[type="password"]{
         font-size: 1rem;
    }
    #loginctn form input::placeholder{
         font-size: 1rem;
    }
     #loginctn form input[type="submit"]{
         font-size: 1.1rem;
        height: 50px;
        border-radius: 5px;
     }

    .input_ctn__svg-ctn{
         padding: 0.7rem;
    }
    #loginctn #greeting{
        height: 25%;
        width: 100%;
        border-radius: 0px;
    }
    .greeting__head{
        gap: 11%;
    }
    .greeting__p1{
        font-size: 1.2rem;
    }
    .greeting__p2{
        font-size: 1rem;
    }
    footer{
         width: 100%;
        min-width: 320px; 
        margin-left: auto;
        margin-right: auto;
    }
    #login_alert{
          width: 450px;
        min-width: 0px;
        max-height: none;
        margin-left: auto;
        margin-right: auto;
    }
     #greeting a button{
        font-size: 0.9rem;
     }
     .vendor_page_link{
        font-size: 1.1rem;
     }
    /* END OF LOGIN PAGE */
    /* ----------------------------------------------------------------------------- */
    /* STORE PAGE */
    #menupage #fs{
        font-size: 1.6rem;
    }
    #menupage #currentpagedsp{
        font-size: 1.6rem;
    }
    #menupage #greeting{
        font-size: 1rem;
    }
    /* END OF STORE PAGE */

    /* MENU PAGE ALREADY OPTIMIZED BY HOGHER DEVICE (DESKTOP)*/
    /* CART PAGE ALREADY OPTIMIZED BY HIGHER DEVICE (DESKTOP) */
    /* ORDER PAGE ALREADY OPTIMIZED BY HIGHER DEVICE (DEKSTOP) */
    .empty_order{
        font-size: 1.5rem;
        width: 100%;
    }
    /* RECEIPT PAGE ALREADY OPTIMIZED BY HIGHER DEVICE (DESKTOP) */
    /* TERMS AND PRIVACY ALREADY OPTIMIZED BY HIGHER DEVICE (DESKTOP) */
    /* ACCOUNT PAGE ALREADY OPTIMIZED BY HIGHER DEVICE (DESKTOP) */


}



@media  (max-width:820px){
    /* REGISTER PAGE ALREADY OPTIMIZED BY HIHGER DEVICE  */
    /* LOGINPAGE ALREADY OPTIMIZED  BY HIGHER DEVICE  */
    /* STORE PAGE ALREADY OPTIMIZED BY HIGHER DEVICE(DESKTOP) */
    /* MENU PAGE ALREADY OPTIMIZED HIGHER DEVICE (DESKTOP) */
    /* CART PAGE ALREADY OPTIMIZED BY HIGHER DEVICE (DESKTOP) */
    /* ORDER PAGE ALREADY OPTMIZED BY HIGHER DEVICE (DESKTOP) */
    /* RECEIPT PAGE ALREADY OPTIMIZED BY HIGHER DEVICE (DESKTOP) */
    /* TERMS AND PRIVACY ALREADY OPTIMIZED BY HIGHER DEVICE (DESKTOP) */
    /* ACCOUNT PAGE ALREADY OPTIMIZED BY HIOGHER DEVICE (DESKTOP) */

}
@media  (max-width:789px){

    /* REGISTER PAGE */
    #regist_page #reg_ctn{
        width: 99%;
        min-width: 630px;
    }
    #regist_page form h1{
        font-size: max(33px,4.5vw);
    }
    #regist_page form p{
        font-size: max(14px,2vw);
    }
    #regist_page form .inputctn{
        width: 90%;
    }
    .reg-inputctn__svg-ctn{
        width: 11%;
        padding: 0.9vw;
    }
    #regist_page form .inputctn input{
        font-size: 1.7vw;
    }
    #regist_page form .inputctn input::placeholder{
        font-size: max(12px,1.7vw);
    }
    #regist_page input[type="submit"]{
        font-size: max(12px,1.7vw);
    }
    .chat__ctn{
        width: 95%;
    }
    .each-chat{
        font-size: max(12px,1.5vw);
    }
    .reg_greeting-btn__ctn{
        font-size: max(13px,1.6vw);
        width: 95%;
    }
    .reg_greeting-btn__ctn a{
        font-size: max(14px,1.8vw);
    }
    /* END OF REGISTER PAGE */

    /* LOGINPAGE ALREADY OPTIMIZED BY HIGHER DEVICE */
    /* STORE PAGE ALREADY OPTIMIZED BY HIGHER DEVICE */
    /* STORE PAGE ALREADY OPTIMIZED BY HIGHER DEVICE */
    /* CART PAGE ALREADY OPTIMIZED BY HIGHER DEVICE  */
    /* ORDER PAGE */
    #orderpage form{
        min-width: 600px;
         width: 97%;
         height: 72px;
    }
    #orderpage form p{
        font-size: 3.2vw;
    }
    select[name="filter"],select[name="current_status"]{
         width: 20%;
        font-size: 2vw;
    }
    #orderpage form input{
         width: 20%;
        font-size: 2vw;
    }
    #orderctn{
        min-width: 600px;
        width: 97%; 
    }
     .each-order{
        font-size: max(13px,2vw);
        height: 60px;
    }
    .each-order-action-trigger-view__order-ctn{
        padding: 1.5vw;
    }
    .each-order-action-trigger-call__ctn{
        padding: 1.5vw;
    }
    /* END OF ORDER PAGE */
    /* RECEIPT PAGE ALREADY OPTIMIZED BY HIGHER DEVICE (DESKTOP) */
    /* TERMS AND PRICAY ALREADY OPTIMIZED BY HIGHER DEVICE (DESKTOP) */
    /* ACCOUNT PAGE  */
    #profilebox{
        width: 85%;
        min-width: 610px;
    }
    #pctn{
        width: 85%;
        min-width: 610px;
    }
    #edit_profile_form{
        width: 85%;
        min-width: 610px;
    }
    #profilebtnctn{
        width: 65%;
        min-width: 500px;
    }
    /* END OF ACCOUNT PAGE */
}
@media  (max-width:640px){

    /* REGISTRATION PAGE */
    #regist_page{
        overflow-y: scroll;
        display: block;
    }
    #regist_page #reg_ctn{
        width: 450px;
        height: 850px;
        min-width: 0;
        flex-direction: column;  
        margin-left: auto;
        margin-right: auto;
        border-radius: 5px;
    }
    #regist_page form{
        width: 100%;
        height: 70%;
    }
    .reg-inputctn__svg-ctn{
        padding: 0.5rem;
        width: 9.5%;
    }
    #regist_page form .inputctn input{
        font-size: 0.95rem;

    }
    #regist_page form .inputctn input::placeholder{
         font-size: 0.95rem;
    }
    #reg_greeting{
        width: 100%;
        height: 30%;
        border-radius: 0px;
    }
    .reg_greeting__header{
        gap: 5%;
    }
    .chat__ctn{
        height: 60%;
    }
    .reg_greeting-btn__ctn{
        height: 22%;
    }
    /* END OF REGISTRATION PAGE */

    /* LOGINPAGE ALREADY OPTIMIZED BY HIGHER DEVICE */

    /* THE MAIN HEADER */
    #menupage #fs{
       font-size: 4vw;  
    }
    #menupage #currentpagedsp{
        font-size: 4.5vw;
    }
    #menupage #greeting{
         font-size: 2.5vw;
    }
   
   .header_ctn__header{
        scale: 1;
        width: 95%;
        background-color: hsl(0, 0%, 0%,40%);
        box-shadow: none;
        backdrop-filter: blur(40px);

       
    }
   
    
    .left_header_ctn div{
        background-color: hsl(0, 0%, 0%,70%);
        backdrop-filter: blur(100px);
         box-shadow:  5px 3px 5px hsl(0, 0%, 0%,15%),
                -5px 3px 5px hsl(0, 0%, 0%,15%),
                -5px 3px 5px hsl(0, 0%, 0%,15%),
                5px 3px 5px hsl(0, 0%, 0%,15%);
                color: white;
    }
     .left_header_ctn div .refresh_btn{
        padding: 0.5rem;
    }
    #currentpagedsp{
          backdrop-filter: blur(40px);
        box-shadow:  5px 3px 5px hsl(0, 0%, 0%,15%),
                -5px 3px 5px hsl(0, 0%, 0%,15%),
                -5px 3px 5px hsl(0, 0%, 0%,15%),
                5px 3px 5px hsl(0, 0%, 0%,15%);
        border-radius: 0px;
        border-radius: 15px;
        background-color: hsl(0, 0%, 0%,70%);
    }
    .right_header_ctn div {
      background-color: hsl(0, 0%, 0%,70%);
        backdrop-filter: blur(100px);
         box-shadow:  5px 3px 5px hsl(0, 0%, 0%,15%),
                -5px 3px 5px hsl(0, 0%, 0%,15%),
                -5px 3px 5px hsl(0, 0%, 0%,15%),
                5px 3px 5px hsl(0, 0%, 0%,15%);
                color: white;
    }
    .right_header_ctn div #header_logout_btn{
        padding: 0.5rem;
        font-family: bolder;
    }
    /* END OF THE MAIN HEADER */

    /* STORE PAGE */
    #storedisplay{
        gap: 3%;
    }
    .storedisplay{
        width: 40%;
        min-width: 200px;
        scale: 0.85;
    }
    /* END OF STORE PAGE */

    /* MENU PAGE FOR EACH STORE */
    #menu li{
        width: 40%;
        min-width: 210px;
        scale: 0.85;
    }
    #menu{
        gap: 1%;
    }
    .each_menu label{
        min-width: 50px;
        border-left: 3.5px solid white;
        border-bottom: 3.5px solid white;
    }
    .foodinfo .quantity_ctn{
        min-width: 50px;
        border-right: 3.5px solid white;
        border-bottom: 3.5px solid white;
        scale: 0.85;
    }
    .out_of_stock{
        width: 40%;
        min-width: 210px;
        scale: 0.85;
    }
    #alert{
        width: 90%;
        min-width: 474px;
        
    }
    #alert button{
        font-size: max(12px,2.2vw);
    }

    /* END OF MENU PAGE */


    /* CART PAGE */
    #selected-foods{
        gap: 3%;
    }
    #selected-foods .each-items{
        width: 40%;
        min-width: 220px;
        font-size: max(14px,2.2vw);
    }
    .each-items__about_title{
        padding: max(10px,0.5rem);
    }
    #food_comment__ctn{
        width: 100%;
        margin-bottom: 5px;
    }
    #food_comments{
        width: 90%;
        min-width: 440px;
    }
    .cartbtn{
        width: 90%;
        min-width: 440px;
    }
    #emptycart{
        width: 90%;
        min-width: 450px;
    }
    /* END OF CART PAGE */

    /* ORDER PAGE */
    #orderpage form{
          min-width: 460px;
        width: 97%;
        height: 70px; 
    }
    #orderctn{
        min-width: 460px;
        width: 97%;
    }
      #orderpage form p{
        font-size: max(17px,3.2vw);
    }
    select[name="filter"],select[name="current_status"], #orderpage form input{
        font-size: max(12px,2vw);
    }
    .each-order{
        font-size: max(12px,2vw);
        height: 60px;
    }
    .each-order__email{
        display: none;
    }
    .each-order__number{
        width: 7%;
    }
    .each-order__store_name{
        width: 40%;
    }
    .each-order__amount{
        width: 35%;
    }
   
    .each-order__action-trigger{
        width: 17%;
    }
     .empty_order{
        font-size: 20px;
        line-height: 50px;
    }
    /* END OF ORDER PAGE */

    /* RECIEPT PAGE */
    #reciept_page .reciept{
        width: 80%;
        min-width: 470px;
    }
    /* END OF RECIEPT PAGE */

    /* TERMS AND PRIVACY */
    .terms_help_template{
        width: 90%;
        max-width: none;
        min-width: 470px;
    }
    /* END OF TERMS AND PRIVACY */

    /* ACCOUNT PAGE */
    #pctn{
        width: 90%;
        min-width: 475px;
    }
    #currentdetailsheader{
        font-size: max(17px,2.9vw);
    }
    .pctn label{
        font-size: max(14px,2.3vw);
        border: none;
    }
    .ptcn__svg-ctn{
        padding: max(8px,1vw);
        height: 80%;
        margin-left: 4%;
        margin-right: 2%;
        min-width: 40px;
    }
    .pctn__display{
        font-size: max(14px,2.3vw);
       
    }
    #edit_profile_form{
         width: 90%;
        min-width: 475px;
    }
    #edit_profile_form label{
        font-size: max(14px,2.3vw);
    }
    #edit_profile_form input{
        font-size: (14px,2.3vw);
    }

    #profilebtnctn{
        width: 70%;
        min-width: 450px; 
    }
    #cancel_edit_profile_btn{
         width: 70%;
        min-width: 450px; 
    }
    #edit_profile_form input{
         font-size: max(14px,2.3vw);
    }




    /* END OF ACCOUNT PAGE */
}
@media  (max-width:475px){

    /* REGISTER PAGE */
    #regist_page #reg_ctn{
        width: 100%;
        min-width: 310px;
        border: none;
    }
     #regist_page form .inputctn input{
        font-size: 0.9rem;
    }
    #regist_page form .inputctn input::placeholder{
         font-size: 0.9rem;
    }
    /* END OF REGISTER PAGE */

    /* LOGINPAGE */
    #login_alert{
        width: 100%;
    }
    #loginctn{
        width: 100%;
        height: 750px;
        min-width: 320px;
        min-height: 0;
        border: none;
    }
    #loginctn form{
        gap: 6vw;
        height: 73%;
        width: 100%;
    }
    #loginctn form h1{
        font-size: 12vw;
    }
    #loginctn form h2{
        font-size: 5vw;
    }
    #loginctn form p{
        line-height: 10vw;
        font-size: 4.3vw;
    }
    #loginctn form .input_ctn{
          height: 3rem;
          min-width: 300px;
    }
    #loginctn form input[type="text"],[type="password"]{
         font-size: 3.5vw;
    }
    #loginctn form .input_ctn input::placeholder{
         font-size: max(14px,3.7vw);
    }
    .input_ctn__svg-ctn{
        padding: 0.5rem;
    }
    #loginctn form input[type="submit"]{
         height: 3rem;
        font-size: max(14px,4vw);
        min-width: 300px;
    }
    #loginctn #greeting{
        height: 27%;
    }
    .greeting__head{
         gap: 10%;
    }
    .greeting__p1{
        font-size: max(18px,4vw);
    }
    .greeting__p2{
         font-size: max(14px,4vw);
    }
    footer{
         width: 100%;
        min-width: 320px; 
        margin-left: auto;
        margin-right: auto;
    }
    #greeting a button{
        height: 40px;
        width: 100%;
        font-size: 3.5vw;
        background-color: white;
    }
    .vendor_page_link{
         font-size: max(14px,4vw);
    }
    /* END OF LOGINPAGE */
    
    /* MAIN HEADER  */
    #menupage #header{
        height: 50px;
        top: 24px;
    }
    
    #menupage #fs{
       font-size: 5vw;
    }
    #menupage #currentpagedsp{
         font-size: 5vw;
    }
    #menupage #greeting{
         font-size: 2.7vw;
    }
    .header_ctn__header{
        scale: 1;
        width: 95%;
        margin-top: auto;
        margin-bottom: 0px;
        border-radius: 0px;
        border-radius: 25px;
    }
    #menupage #header_ctn{
        height: 70px;
    }
    
    .left_header_ctn div{
        transform: translateX(-6%);
    }
     .left_header_ctn div .refresh_btn{
        border: none;
    }
    #currentpagedsp{
          backdrop-filter: blur(40px);
        border-radius: 0px;
        border-radius: 15px;
    }
   .right_header_ctn div {
        transform: translateX(6%);
   }
    .right_header_ctn div #header_logout_btn{
        padding: 0.5rem;
        font-family: bolder;
        border: none;
    }
    
    /* END OF HEADER  */

    /* STORE PAGE */
    #storedisplay{
        gap: 0.1%;
         padding-top: 60px;
    }
    .storedisplay{
         width: 45%;
        height: 300px;
        min-width: 100px;
        scale: 0.85;
    }
    /* END OF STORE PAGE */

    /* MENU PAGE */
     #menu{
        gap: 0.1%;
         padding-top: 50px;
    }
    #menu li{
         width: 45%;
        height: 300px;
        min-width: 100px;
        scale: 0.85;
    }
    .foodinfo .quantity_ctn{
        border-top-right-radius: 5px;
        bottom: 72%;

    }
    .foodinfo .quantity_ctn input{
        font-size: 1.2rem;
        font-weight: bolder;
    }
   
   

    .each_menu label{
        border-left: 3px solid white;
        border-bottom: 3px solid white;
        height: 15%;
    }
    .foodinfo{
        height: 12%;
    }
    .menu_specification{
        font-size: 2.8vw;
     }
     
    .quantity_ctn input{
        font-size: 2.7vw;
     }
    .foodinfo .menu-name{
        font-size: 3.5vw;
    }
    .foodinfo .menu-price{
        font-size: 3.3vw;
    }
    .out_of_stock{
        width: 45%;
        height: 300px;
        min-width: 100px;
        scale: 0.85;
     }
    .out-of-stock-card__name{
        font-size: 3.3vw;
    }
    .out-of-stock-card__price{
        font-size: 3.3vw;
    }
    .stock_action a{
        font-size: 3.3vw;
    }
    #alert{
        width: 99%;
        min-width: 403px;
        border-radius: 5px;
        margin-top: 0px;
        margin-top: 20px;
        
    }
    #alert button{
        font-size: max(12px,2.2vw);
        padding: 0.9rem;
        width: 49%;
    }
    /* END OF MENU PAGE */

    /* CART */
   #selected-foods{
     gap: 0.1;
   }
   #selected-foods .each-items{
        width: 45%;
        height: 250px;
        min-width: 100px;
   }
   #food_comment__ctn{
        width: 90%;
        min-width: 402px;
   }
   .cartbtn{
        width: 90%;
        min-width: 402px;
   }
   #emptycart{
        width: 80%;
        height: 250px;
        min-width: 404px;
        font-size: 3.5vw;
    }
    /* END OF CART  */

    /* ORDER PAGE */
    #orderpage form{
         width: 100%;
        min-width: 310px;
        height: 63px;
        margin-top: 65px;
    }
    #orderctn{
          width: 98%;
        min-width: 310px;
    }
    #orderpage form p{
        display: none;

    }
    #orderpage form p span{
        display: inline;
        animation:  7S scroll_text linear infinite;
    }
    
    
    @keyframes scroll_text {
        50%{
            transform: translateX(-25%);
        }
        50%{
             transform: translateX(25%);
        }
    }

    select[name="filter"],select[name="current_status"], #orderpage form input{
        width: 30%;
        border-radius: 5px;
    }
    .each-order{
        font-size: (15px,3vw);
        height: 55px;
    }
    .each-order__number{
        width: 8%;
    }
    .each-order__store_name{
        width: 36%;
    }
    .each-order__action-trigger{
        width: 21%;
    }
    .each-order-action-trigger-view__order-ctn{
        padding: (1px,2vw);
    }
    .each-order-action-trigger-call__ctn{
        padding: (1px,2vw);
    }
    /* END OF ORDER PAGE */

    /* RECEIPT PAGE */
    #reciept_page .reciept{
        width: 85%;
        min-width: 0px;
    }
    .reciept h1{
      width: 125px;
      height: 125px;
      bottom: 80%;
    }
    .reciept h1 p{
        font-size: 6.5vw;
    }
    .reciept h2{
        font-size: 4vw;
    }
    .reciept_ctn .reciept_title{
        font-size: 3.4vw;
    }
    .reciept_ctn p{
        font-size: 3.4vw;
    }
    .comment_title{
        font-size: 3.4vw;
    }
    .codes{
        font-size: 3vw;
    }
    /* END OF RECIEPT PAGE */

    /* TERMS AND PRIVACY PAGE */
    #helppage{
        padding-top: 65px;
    }
    .terms_help_template{
        width: 97%;
        min-width: 310px;
    }
    .terms_help_body{
        font-size: max(12px,3vw);
    }
    .inside_summary{
        font-size: max(12px,2.9vw);
    }
    .inside_P{
        font-size: max(11px,2.5vw);
    }
    /* END OF TERMS AND PRIVACY PAGE  */


    /* ACCOUNT PAGE */
    #pctn{
        min-width: 320px;
        width: 99%;
        padding: 0.1rem;
    }
    #currentdetailsheader{
        font-size: max(17px,4vw);
        min-width: 200px;
    }
    .pctn label{
        font-size: max(13px,3.2vw);
    }
    .ptcn__svg-ctn{
        padding: max(7px,1.4vw);
    }
    .pctn__display{
        font-size: max(12px,3.1vw);
    }
    #edit_profile_form{
        min-width: 320px;
        width: 98%;
    }
    #edit_profile_form label{
         font-size: max(13px,3.1vw);
         width: 65%;
    }
    #edit_profile_form input{
        font-size: max(12px,3vw);
    }
    #edit_profile_form input[type="submit"]{
        width: 50%;
    }
    #profilebtnctn{
         min-width: 300px;
        width: 95%;
    }
    #cancel_edit_profile_btn{
       min-width: 300px;
        width: 95%;
        font-size: max(13px,2.8vw);
    }
    #editbtn,#logoutbtn{
        font-size: max(13px,2.8vw);
    }



   

    /* END OF ACCOUNT PAGE */

}
@media  (max-width:404px){

    /* REGISTER PAGE */
     .reg-inputctn__svg-ctn{
        padding: max(1px,0.4rem);
     }
      #regist_page form .inputctn input{
        font-size: 0.85rem;

    }
    #regist_page form .inputctn input::placeholder{
         font-size: 0.85rem;
    }
    /* END OF REGISTER PAGE */

    .header_ctn__header{
        scale: 1;
        width: 99%;
        min-width: 320px;
    }
    .left_header_ctn div{
        transform: translateX(0%);
        width: 90%;
    }
    .left_header_ctn div .refresh_btn{
        padding: 0.5rem;
    }
    .right_header_ctn div{
        transform: translateX(0%);
        width: 90%;
    }
    .right_header_ctn div #header_logout_btn{
        padding: 0.5rem;
    }

    /* STORE PAGE */
    #storedisplay{
        min-width: 310px; 
        padding-top: 65px;
    }
    .storedisplay{
        width: 43%;
         min-width: 0px;
        height: 260px; 
        scale: 0.95;
    }
    .store_description{
        font-size: 3.5vw;
        line-height: 1rem;
    }
    .store_name_display p{
        font-size: max(15px,3.7vw);
    }
    /* END OF STORE PAGE */

    /* MENU PAGE */
    #menu{
        min-width: 320px;
         gap: 0.1%; 
         padding-top: 65px;
    }
     #menu li,.out_of_stock{
        width: 44%;
         min-width: 0px;
        height: 260px;
        margin: 5px;
        scale: 0.95;
     }
     
     .each_menu label{
        min-width: 0px;
        width: 23%;
        height: 17%;
        border-left: 2.5px solid white;
        border-bottom: 2.5px solid white;

     }
     .foodinfo .quantity_ctn{
        min-width: 0px;
        width: 23%;
        right: 22.5%;
        border-right: 2.5px solid white;
        border-bottom: 2.5px solid white;
        border-top-right-radius: 0px;
     }
     .foodinfo .menu-price{
        border-top: 2.5px solid white;
        border-left: 2.5px solid white;
     }
     .menu_specification{
        font-size: 2.8vw;
     }
     .foodinfo{
        height: 13%;
     }
      .out_of_stock{
        width: 43%;
        height: 260px;
        min-width: 0px;
     }
    .out-of-stock-card__name{
        font-size: 2.8vw;
    }
    .out-of-stock-card__price{
        font-size: 2.8vw;
    }
    .stock_action a{
        font-size: 2.8vw;
    }
     #alert{
        width: 99%;
        height: 70px;
        min-width: 315px;
        border-radius: 5px;
        
    }
    #alert button{
        font-size: max(11px,2.2vw);
        padding: 0.9rem;
        width: 49.5%;
    }
    /* END OF MENU PAGE */

    /* CART PAGE */
   #selected-foods .each-items{
        width: 43%;
        height: 260px;
        min-width: 180px;
   }
    #food_comment__ctn{
        width: 100%;
        min-width: 320px;
   }
   #food_comments{
    width: 98%;
    min-width: 300px;
   }
   .cartbtn{
        width: 98%;
        min-width: 310px;
   }
    #emptycart{
        width: 80%;
        min-width: 300px;
        font-size: 3.4vw;
    }
    /* END OF CART PAGE */

    /* RECIEPT PAGE */
    #reciept_page .reciept{
        width: 95%;
        min-width: 310px;
    }
    /* END OF RECIEPT PAGE */

   
}
@media (max-width:330px){
    .header_ctn__header{
        scale: 0.9;

    }
}