@media (min-width: 768px) {
    .navbar-expand-md .navbar-collapse, .navbar-expand-md .navbar-nav{display: block !important;}
    .headbar-main {
        height: 100vh;
      box-shadow: 0px 4px 38px 0px rgba(197, 198, 200, 0.44);
    }
    .navbar-brand{margin: 1rem auto;text-align: center;width: 100%}
    .navbar-brand img{  width: auto; }
    .navbar-collapse ul li {
        border-radius: 10px;
        padding: 5px;
        width: 100%;
        margin: 15px auto;        
    }
    .navbar-collapse ul li a {padding: 0;}
    .menu-paylist ul li img{width: 1.5em; margin: 0; margin-right: 5px;}
    .menu-paylist ul li a{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .img-box img {width: auto;}
}
@media (min-width: 812px){
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 992px){    
    .search-box img, .online-user img, .setthing-btn img{ width: auto;}
    .search-box .search-form {padding: 5px 5px 5px 30px;}
    .list-set, .img-box .tag-flag{width: auto;}
    .img-box img {width: 100%;}
    /*.show-price{margin-top: 1rem;}*/
    .input-foods input{padding: 0;}
    .title-text-5 {
        margin-bottom: 5%;
    }
    .logo-login {top: 7rem;}
}

/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1200px) {
    .menu-paylist ul li img{width: auto;  margin-right: 8px;}
    .menu-paylist ul li{padding: 5px;}
    .list-selectfoods table { min-width: 300px;}
    .title-text-1{padding: 10px 0;}    
    .list-selectfoods {
        padding: 15px 7px;
        overflow: hidden;
    }
    .show-price { margin-left: -1.5rem; }
    .intro-header{margin: 1rem auto; padding: 10px 15px;}
    .cha-stylebox{margin-bottom: 1rem;}
    .img-box img { width: auto;}
    .input-foods{margin: 1rem auto;}
    .show-price{text-align: right;}
    .show-timeshouse-pay .modal-dialog {max-width: 992px;}
    .menu-paychoose ul li img {width: auto;}
    
    
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1600px) { 
    .container{ max-width: 1230px; } 
    .list-selectfoods {
        padding: 15px 15px;
    }
    .title-text-5 {
        margin-top: 30%;
    }
    
 } 
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1800px) {
    .container{ max-width: 1440px; } 
}