#mobile_dishis{width: 51% !important;}
#hide_category{display: none; position: fixed;z-index: 9999;top: 30%;left: 0px;}
/*#hide_cart_in{display: none; position: absolute;z-index: 999;top: 43%;right: 0px;}*/
#hide_cart_in{display: none; position: absolute;z-index: 999;top: 30%;right: 0px;}

/*Định dạng nút màu nền xanh*/
#hide_category button{background-color: green;}
#hide_cart_in button{background-color: green;}

#mobile_cart{width:27% !important;margin-right: -60px !important;margin-left: 30px !important;
/*height:500px;*/
}

@media (max-width:1228px ) {
  #mobile_dishis{width: 40% !important;}
}
@media (max-width:1024px ) {
  #mobile_dishis{width: 100% !important;}
  
 /* #mobile_cart{width:100% !important;margin-right: -2em !important;margin-left: 0em !important; margin-bottom: 20px !important;}*/
  /*Hiển thị giỏ hàng*/
  #mobile_cart{display: none ;position: fixed;z-index: 100001; top:10%; width:100% !important;
              margin-right: -2em !important;margin-left: 0em !important; height: 80% !important;
              margin-bottom: 20px !important; overflow:scroll !important;}
  
  /*#mobile_cart .ticket{width:90% !important;}*/
  #mobile_cart .ticket{width:90% ;}
  
  .removeabc{width:90% !important; }
  /*#order_summary{width: 100% !important; }*/
  #order_summary{width: 100% !important;}
  
  #mobile_category{
    display: none ;
    position: fixed;
    z-index: 9998; top:25%; 
    left: 2%;max-width:270px;
     height: 500px !important;
    overflow:scroll !important;
    -webkit-overflow-scrolling: touch;
   }
  #mobile_category h2{display: none;}
  #hide_category{display: block; position: fixed;z-index: 9999;top: 25%;left: 0px; }
  #hide_category button{background-color: green;   
	/* Safari */
    -webkit-transform: rotate(90deg);
    /* Firefox */
    -moz-transform: rotate(90deg);
    /* IE */
    -ms-transform: rotate(90deg);
    /* Opera */
    -o-transform: rotate(90deg); 
    padding-left: 18px;
 	  margin-left: -35px; 
    margin-top: -37px;

  }

  /*#hide_cart_in{display: block; position: absolute;z-index: 99;top: 43%;right: 0px;}*/
  /*Hiển thị nút trên web*/
  #hide_cart_in{display: block; position: fixed;z-index: 99;top: 25%;right: 0px;}
  
  #hide_cart_in button{background-color: green;   
  /* Safari */
    -webkit-transform: rotate(90deg);
    /* Firefox */
    -moz-transform: rotate(90deg);
    /* IE */
    -ms-transform: rotate(90deg);
    /* Opera */
    -o-transform: rotate(90deg); 
    padding-left: 18px;
    margin-right: -26px;
    margin-top: -43px;
  }

 #mobile_cart_left{width: 100% !important;}
 #mobile_cart_right{width: 100% !important;}
 #mobile_cart_right .ticket{width:90% !important;}
}

@media (max-width:500px ) {
  /* .col_sm_100{width: 100%;} */
}


@media   (max-width: 660px) {
  .main-nav-wrap-desktop {
    display: none;
    
  }

  .main-nav-wrap-mobile {
    display: block;
    z-index:  9999 !important;
  }

  .main-nav-wrap-mobile  a#pull {
    top: 9px;
    left: 20px !important;
    margin-left: -13px;
}
.main-nav-wrap-mobile figure {
  width: 100%;
    text-align: center;
    float: none;
    display: inline-block;
    margin: 0 auto;
}
.main-nav-wrap-mobile-logo{
  background-color: #000;
}

#mobile_category {
  height: 450px !important;
}

.formbox-info-user {
  overflow: scroll;
}

.note_ones {
  top: 60% !important;
}

figure > img {
  width: 300px;
  max-height: 90px;
}

.main-nav-wrap-mobile #main-nav {
  text-align: center;
  min-height: 26px;
  border-bottom: 0.1px solid #171616;
  padding-bottom: 8px;
}

.main-nav-wrap-mobile #login {
  display: block;
  width: 280px;
  height: 15px;
  position: absolute;
  top: 9px;
  right: 2%;
  /* color: #f4f4f4 */
}

.main-nav-wrap-mobile #login p {
  display: inline-block;
  float: right;
  color: #f4f4f4;
  position: relative;
  font-weight: 400;
    color: #f4f4f4;
}

.main-nav-wrap-mobile #login a {
  display: inline-block;
  float: right;
  color: #f4f4f4;
  margin-left: 22px;
  position: relative;
  font-weight: 400;
  color: #f4f4f4;
  text-transform: uppercase;
}

#header-top #login {
  display: none;
}

.main-nav-wrap-mobile  #login  a:before {
  content: url('../images/power-icon.png');
  left: -15px;
  position: absolute;
}

.main-nav-wrap-mobile p  #logout  a:before {
  content: url('../images/logout.png');
  top: -1px;
  left: -18px;
  position: absolute
}




.main-nav-wrap-mobile #main-nav > ul {
  display: none;
  position: absolute;
  top: 31px;
  left: 0;
  width: 100%;
  background-color: #005a00;
}

  #mobile_cart_right .ticket {
      width: 100% !important;
      padding: 5px;
  }

  #cart > ul > li h6 {
    text-transform: none;   
  }

  .button_beilage .button { 
    width: 30%;
    margin: auto;
    margin-left: 2%;
  }

  .ticket img[alt="cart-logo"] {
    display: block;
    margin: auto;
    margin-bottom: 10px;
  }
  
}