@media only screen and (max-width:1200px){
    .menu_bar_header ul{
        width: 100%;
    }
    #contact_page{
        padding: 0 10px;
        text-align: center;
    }
    .map_contact iframe{
        width: 100% ;
    }
    .form-contact{
        width: 100%;
        padding: 10px;
    }

}
@media (max-width: 991px){
    .brand_mobile{
        display: block !important;
    }
    .brand_web{
        display: none !important;
    }
    .col1, .col2, .col3 {
        width: 50% !important;
    }
}
@media (min-width: 992px){
    .brand_mobile{
        display: none !important;
    }
    .brand_web{
        display: block !important;
        position: relative;
        right:700px;
    }

}


@media only screen and (max-width:767px){
    .left3_intro_home .paragrap_left3, .lef4_intro_home .paragrap_left4{
        display: none !important;
    }

    .right3_intro_home, .right4_intro_home  {
        width: 100%;
    }
  footer {
      position: unset !important;
  }
    .vertical-center, .vertical-center2 {
        width:100%;
        text-align: center;
       
    }
    #contne31 {
        text-align: unset !important;
    }
    .owl-carousel .owl-item img {
        height: 300px !important;
    }
    #content13{
        margin-top: unset !important;
    }
   main {
       position: relative;
       top: 75px;
   }
   .lef4_intro_home  {
     background-color: #0006;
    color: white;
   }
   .left3_intro_home {
      background-color: #0006;
    color: white;
   }
  .sub-menu {
   width: 100%;
        height: 100%;
        position: fixed;
        z-index: 9999;
        left: 0px;
   
}
  .background_main {
       position:unset !important;
  }
  #content3 {
      position:unset !important;
  }
  #content4{
      position:unset !important;
  }
  #content5 {
      position:unset !important;
  }
  #content6 {
      position:unset !important;
  }
  #content7 {
      margin: unset !important;
  }
  #content9 {
      position:unset !important;
  }
  #content9 img {
    position: relative; 
    right: 30%;
  }
  #group{
      order: 1;
  }
  #blockD {
 order: 2;
  }
  .content2 {
      width:100% !important;
      
  }
  .btn3:hover> ul.sub-menu {
      position: relative;
    left: 138px;
    text-align: center;
    background: none;
    border: none;
  }
  .sticky .menuMain #navbarNav .navbar-nav .btn3:hover > .sub-menu{
     background: none !important;
  }
  .img_thucDon {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  .no-gutters img {
      height:100%;
  } 
   
   
}

@media only screen and (max-width: 414px) {
    .col1, .col2, .col3 {
        width: 100% !important;
    }

}

/* css mobile thucdon */
@media only screen and (max-width:1023px){
    /* .container{
        max-width: 1023px;
    } */
    .menu_food{
        margin-bottom: 0;
    }
    .bar_menuFood{
        overflow-x: scroll;
    }
    .orderFirst {
        padding: 10px;
    }
    footer{
        padding-left: 20px;
        margin-top: 75px;
    }
    .menuHeader {
        padding-right: 0;
    }
    .sticky_colorText{
        color: #fff !important;
    }
    .menuMain {
        padding-right: 0 !important;
        background-color: rgb(20, 20, 20, 0.9) !important;
        width: 100%;
        text-align: center;
    }
    .navbar-nav li{
        width: 100%;
        padding-bottom:15px;
    }
 
}