*
{
  margin: 0;
  padding: 0;
}

body
{
  overflow-x: hidden;
}

#closebtn
{
  position: absolute;
  top: -20px;
  left: 65%;
  z-index: 5;
  width: 100px;
}

#clobtn
{
  width: 60px;
  object-fit: contain;
}

#closebtn:hover
{
  cursor: pointer;
}

.announcement
{
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 5%;
  z-index: 5;
  position: fixed;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

#animg
{
  min-width: 350px;
  max-width: 500px;
  height: auto;
  object-fit: contain;
}

.announcementContent
{
  margin: 8% auto;
  text-align: center;
}

#phonenavbar
{
  display: none;
}

#dropdown
{
  display: none;
  text-align: center;
  background-color: #7E1812;
  padding: 6% 20%;
  font-size: 14px;
  position: absolute;
  z-index: 2;
  width: 100%;
}

#dropdown a
{
  display: block;
  color: #FCF3D5;
  margin: 8% 0;
}

#orderonlinedropdown
{
  background-color: #F3DEC4;
  padding: 5% 18%;
  border-radius: 30px;
}

#dropdown>#orderonlinedropdown
{
  color: #7E1812;
}

#dropdown>#lang
{
  display: flex;
  justify-content: center;
}

.logofield
{
  background-color: #FCF3D5;
  margin-left: 8%;
  margin-right: 4%;
  margin-bottom: 20px;
  z-index: 1;
  width: 140px;
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
}

.logofield p
{
  font-size: 10px;
  line-height: 2px;
  color: #7E1812;
}

#logo
{
  width: 100px;
  object-fit: contain;
  transition: 0.5s;
}

#logoandname
{
  margin-left: 5%;
}

#logo-other
{
  display: flex;
}

#logo-other img
{
  width: 45px;
  object-fit: contain;
  margin-right: 1%;
  height: 70px;
}

#logo-name
{
  font-size: 11px;
  color: #FCF3D5;
  margin-top: 7%;
  margin-left: 5%;
  width: 200px;
  height: 50px;
  text-align: left;
  line-height: 10px;
  font-weight: bold;
}

#navbar
{
  background-color: #7E1812;
  text-align: center;
  position: relative;
  height: 70px;
}

#navtab
{
  flex:1;
  text-align: center;
  font-size: 15px;
  padding: 22px 10px;
  z-index: 1;
  height: 70px;
  transition: 0.5s;
}

#navtab ul
{
  display: flex;
  justify-content: space-around;
}

#navtab ul li
{
  list-style: none;
}

#navtab #orderonline
{
  color: #7E1812;
}

#orderonline
{
  background-color: #F3DEC4;
  padding: 8px 25px;
  border-radius: 20px;
  transition: 0.5s;
}

#navtab a
{
  color: #FCF3D5;
  text-decoration: none;
  letter-spacing: 2px;
}

.activetab
{
  padding-bottom: 6px;
  border-bottom: solid 3px #550B07;
}

#dropdown>.activetab
{
  margin: auto;
  width: 40%;
}

#navbar>#navtab>ul>li>#menueng
{
  color: #550B07;
  padding: 0 25px;
}

#navbar>#navtab>ul>li>#menuchn
{
  color: #550B07;
  padding: 0 34px;
}

#navbar>#navtab>ul>li>#menuchnunselected
{
  padding: 0 34px;
}

#navbar>#navtab>ul>li>#menuengunselected
{
  padding: 0 25px;
}

.menuDropDown
{
  background: #A08F5B;
  opacity: 0.8;
  display: none;
  color: white;
  font-size: 12px;
  margin-top: 30%;
  width: 100px;
}

.menuDropDown li
{
  list-style: none;
  padding: 5%;
}

#navtab ul li:hover .menuDropDown
{
  display: block;
}

#navtab ul li:hover .menuDropDown ul
{
  display: block;
}

#lang
{
  margin-top: 22px;
  margin-right: 8%;
  transition: 0.5s;
}

#lang a
{
  text-decoration: none;
}

#lang a:hover
{
  color: #550B07;
}

.langoptions
{
  padding: 10px;
  color: #FCF3D5;
}

.langselected
{
  color: #550B07;
}

#title
{
  position: absolute;
  z-index: 1;
  bottom: 28%;
  text-align: center;
  width: 100%;
  /* background: yellow; */
  /* margin-left: 15%; */
  letter-spacing: 4px;
}

#title p
{
  font-size: 50px;
  width: 50%;
  color: #FCF3D5;
  font-weight: bold;
  margin-bottom: 50px;
}

#dimsumslideshow .carousel-indicators li
{
  border-radius: 100%;
  width: 10px;
  height: 10px;
  margin: 10px;
}

/* #lpss
{
  height: 80vh;
} */

.carousel-item img
{
  width: 100%;
  /* height: 80vh; */
  object-fit: contain;
  object-position: top left;
}

.fa-chevron-left, .fa-chevron-right
{
  font-size: 50px;
  color: #7E1812;
  opacity: 100%;
}

#orderonline2
{
  background-color: #A7211B;
  color: #FCF3D5;
  font-size: 21;
  border-radius: 34px;
  font-size: 20px;
  padding: 14px 32px;
}

/* SIGNATURE DIESHES SLIDESHOW START*/

#signaturedishes
{
  margin-top: 2%;
  position: relative;
  margin-bottom: 8%;
}

.headsignature
{
  position: relative;
  padding-bottom: 8%;
}

#signaturedishes .headsignature img
{
  width: 100%;
  object-fit: cover;
  position: absolute;
}

#signaturedishes .headsignature p
{
  color: #A08F5B;
  font-size: 40px;
  position: absolute;
  margin-top: 4%;
  width: 100%;
  text-align: center;
  left: 0;
  letter-spacing: 5px;
}

#sdss
{
  position: relative;
}

.sdpic
{
  display: flex;
}

.sdimg
{
  display: flex;
  justify-content: space-around;
  margin-top: 12%;
  transition: 0.5s;
}

.sdframe
{
  width: 18%;
  text-align: center;
  transform: scale(0.9);
  transition: 0.8s;
  transform-origin: bottom;
  opacity: 0.8;
}

.sdframe img
{
  width: 85%;
  object-fit: contain;
  position: relative;
  height: auto;
  z-index: 1;
}

.sdinfo
{
  background-color: #A08F5B;
  position: relative;
  margin: 2%;
  text-align: center;
  margin-top: -40%;
}

.sdinfo p
{
  color: #FCF3D5;
  font-size: 18px;
  height: 180px;
  padding-top: 60%;
  padding-left: 8%;
  padding-right: 8%;
}

#bershire
{
  margin-top: -36%;
}

.sdinfo img
{
  width: 60%;
  padding-bottom: 5%;
}

.dishselected
{
  transform-origin: bottom;
  transform: scale(1.2);
  transition: 0.8s;
  color: #F3DEC4;
  opacity: 1;
}

.dishselected .sdinfo
{
  background-color: #A7211B;
}

/* SIGNATURE DIESHES SLIDESHOW END*/

/* signature dishes slideshow phone  START*/

#sdssphone
{
  display: none;
  position: relative;
}

/* signature dishes slideshow phone END */

#visitus
{
  background-color: #A7211B;
  color: #FCF3D5;
  position: relative;
  margin-top: 4%;
}

#visitus h3
{
  text-align: center;
  font-size: 40px;
  margin-bottom: 2%;
  padding-top: 75px;
  letter-spacing: 5px;
}

.info
{
  display: flex;
  margin-top: 5%;
  padding-bottom: 5%;
  flex-wrap: wrap;
  justify-content:center;
}

.info-left
{
  width: 500px;
  min-width: 375px;
  min-height: 350px;
  margin-right: 4%;
}

#map
{
  width: 100%;
  height: 100%;
}

.info-right
{
  margin-top: 3%;
  width: 650px;
}

.info-right>.contactus-inner-container
{
  letter-spacing: 2px;
  font-size: 16px;
}

.icon
{
  padding-right: 5%;
}

.openhour
{
  display: flex;
}

.openhour>.col
{
  margin-left: -3%;
}

/* reviews */
#reviews
{
  text-align: center;
  background-image: url("img/reviewbg.jpg");
  background-size: cover;
  min-height: 200px;
}

.overlay
{
  width: 100%;
  min-height: 200px;
  position: absolute;
  background-color: #A08F5B;
  opacity: 70%;
}

.reviewcontent
{
  position: absolute;
  width: 100%;
  text-align: center;
  margin: 5% auto;
  letter-spacing: 2px;
}

#reviews p
{
  font-size: 40px;
  color: #FCF3D5;
  font-weight: bold;
  margin-bottom: 2%;
}

#reviewbtn
{
  text-align: center;
}

#reviewbtn #yelpreview
{
  margin-right: 10%;
}

#reviews a
{
  background-color: #A7211B;
  color: #FCF3D5;
  border-radius: 34px;
  padding: 10px 30px;
  font-size: 15px;
  font-weight: bold;
}
/* reviews */

#footer
{
  background-color: #7E1812;
  padding-bottom: 2%;
}

#footernavtab
{
  margin: 0 10%;
  padding-top: 2%;
  padding-bottom: 4%;
}

#footernavtab ul
{
  display: flex;
  align-items: baseline;
  list-style: none;
  justify-content: space-around;
  text-align: center;
  padding-top: 50px;
}

#footernavtab ul a
{
  color: #FCF3D5;
  letter-spacing: 2px;
}

#followus
{
  text-align: center;
  color: #FCF3D5;
  letter-spacing: 2px;
}

#followus>#fu
{
   font-size: 28px;
}

#followus>#copyright
{
  font-size: 15px;
  padding-top: 10%;
}

.fa-yelp
{
   color: #F3DEC4;
   margin-right: 5%;
   margin-top: 1%;
   font-size: 30px;
}

.fa-facebook-f
{
  color: #F3DEC4;
  font-size: 30px;
}

#aboutus
{
  background-color: #A7211B;
  margin-top: 8%;
  color: #FCF3D5;
}

#aboutuscontent
{
  display: flex;
  padding: 5%;
  flex-wrap: wrap;
  justify-content: space-around;
}

#aboutus-left
{
  width: 500px;
}

#aboutus-left>h3
{
  margin-bottom: 8%;
  letter-spacing: 3px;
}

#videoother
{
  display: none;
}

#videoweb
{
  width: 50%;
}

#videoweb video, #videoother video
{
  width: 100%;
  height: 100%;
}

#partnership
{
  text-align: center;
  margin-top: 8%;
}

#partnership h3
{
  font-size: 40px;
  color: #A08F5B;
  font-weight: bold;
  letter-spacing: 4px;
}

#delivery
{
  margin-top: 6%;
  margin-bottom: 10%;
  margin-left: 10%;
  margin-right: 10%;
}

.deliveryicon
{
  display: flex;
  text-align: center;
  justify-content: space-around;
}


#dd, #rit
{
  width: 80%;
}

#hp
{
  width: 110%;
}

#ub
{
  width: 95%;
}

#gh
{
  width: 90%;
}

#map2
{
  position: relative;
  width: 100%;
  height: 40vh;
  margin-bottom: 40%;
}

#map:hover, #map2:hover
{
  cursor: pointer;
}

/* map and contact address and number */

#mapandcontact
{
  position: absolute;
  top: 40%;
}

#contactus
{
  text-align: center;
  background: #A7211B;
  min-width: 300px;
  max-width: 650px;
  padding: 2%;
}

#contactus h3
{
  margin-top: 5%;
  margin-bottom: 5%;
  color: #FCF3D5;
  letter-spacing: 3px;
}

#contactus-inner
{
  color: #FCF3D5;
  text-align: left;
  margin-left: 5%;
}

.contactus-inner-container, .timeinfo
{
  display: flex;
}

.addrinfo, .phoneinfo, .timeinfo
{
  margin-left: 18px;
}

#mapandcontact>#contactus>#contactus-inner>.contactus-inner-container>.addrinfo,
#mapandcontact>#contactus>#contactus-inner>.contactus-inner-container>.phoneinfo,
.timeinfo>.timeleft>p,
.timeinfo>.timeright>p
{
  letter-spacing: 1.5px;
}

.timeleft
{
  margin-right: 20px;
}
/* map and contact address and number  END*/

/* contact form START*/
#contactform
{
  background-color: #A7211B;
}

#formhead
{
  text-align: center;
  color: #FCF3D5;
}

#formhead h3
{
  font-size: 40px;
  padding-top: 5%;
  padding-bottom: 3%;
  letter-spacing: 3px;
}

#contactform #formhead p
{
  letter-spacing: 2px;
}

#formbody
{
  text-align: center;
  margin-top: 4%;
  padding-left: 22%;
  padding-right: 22%;
  padding-bottom: 5%;
}

#contactform input
{
  border-radius: 10px;
}

#contactform input::placeholder,
#contactform textarea::placeholder
{
  color: #550B07;
  opacity: 0.5;
}

#name
{
  display: flex;
  justify-content: space-between;
}

#fname, #lname
{
  width: 48%;
}

#fname, #lname, #email, #tel, #message
{
  margin-bottom: 4%;
  padding-top: 2%;
  padding-bottom: 2%;
}

#message
{
  resize: none;
  border-radius: 12px;
}

#contactform #submit
{
  background-color: #7E1812;
  color: #FCF3D5;
  padding: 10px 60px;
  border-radius: 35px;
  border-color: none;
  border-width: 0;
  margin-top: 4%;
  letter-spacing: 2px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.formfield
{
  border-width: 0;
  border-color: none;
  width: 100%;
  padding-left: 2%;
}

.form-error
{
  color: yellow !important;
}

/* contact form END*/

/* MENU START*/

#menu, #promotion
{
  margin-top: 5%;
  margin-bottom: 20%;
  text-align: center;
}

#menu h4, #promotion h4
{
  color: #A08F5B;
  text-align: left;
  padding-left: 12.2%;
  letter-spacing: 4px;
}

#menu-inner
{
  background: #A7211B;
  display: flex;
  flex-wrap: wrap;
  margin-top: 2%;
}

#menu-inner-left
{
  margin-top: 2%;
  min-width: 40%;
}

#menu-inner-left ul
{
  margin: auto;
  width: 38%;
  text-align: left;
}

#menu-inner-left ul li
{
  font-size: 18px;
  list-style: none;
  margin-bottom: 12%;
  letter-spacing: 2px;
}

#maindishphone, #nextbtn, #prebtn
{
  display: none;
}

#menu-inner-right
{
  margin-left: 20%;
}

#menu-inner-right img
{
  width: 25%;
  object-fit: contain;
  position: absolute;
  transition: 0.5s;
  top: 15%;
}

#dm1, #dm2
{
  transition: 0.5s;
}

#menu-inner img:hover
{
  cursor: pointer;
}

#menu-inner-right img:hover, #dm1:hover, #dm2:hover
{
  cursor: pointer;
}

.modal
{
  display: none;
  position: fixed;
  z-index: 1;
  text-align: center;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  background-color: rgba(0,0,0,0.9);
}

.modal-content
{
  height: 100%;
  overflow-y: scroll;
  display: block;
  margin: auto;
  max-width: 90%;
}

.modal-content img
{
  width: 100%;
  object-fit: contain;
}

.modal-content2
{
  height: 100%;
  overflow-y: scroll;
  display: block;
  margin: 0 auto;
}

.modal-content2 img
{
  width: 70%;
  height: auto;
  margin-top: 0;
}

.closebtn
{
  position: absolute;
  left: 90%;
  z-index: 1;
}

.closebtn2
{
  position: absolute;
  right: 4%;
  top: 10%;
  z-index: 1;
}

.closebtn:hover, .closebtn2:hover
{
  cursor: pointer;
}

#dimsumslideshow
{
  display: none;
  width: 80%;
  position: absolute;
  margin-left: 30%;
  top: 20%;
}

#dsimg-container
{
  display: flex;
}

#dsimg-container img
{
  width: 70%;
  padding-right: 5%;
  object-fit: contain;
}

#indicator-list
{
  display: flex;
  margin-left: 50%;
  margin-top: 2%;
}

.indicator-dimsum
{
  font-size: 30px;
  color: white;
  padding: 0 3%;
}

#indicator-list .dimsum-selected
{
  color: #A7211B;
}

#dm1:hover, #dm2:hover, #indicator-list li:hover
{
  cursor: pointer;
}

.menuoptions
{
  color: #fcf3d5;
  opacity: 0.5;
}

.menuoptions:hover
{
  cursor: pointer;
}

.select
{
  border-bottom: solid white;
  max-width: 80%;
  opacity: 1;
}

#menu-inner-mid
{
  width: 18%;
  margin-left: -14%;
  display: none;
}

#maindish-2
{
  text-align: left;
  margin-top: 34%;
}

#maindish-2 ul li
{
  list-style: none;
  font-size: 12px;
  margin-bottom: 8%;
  letter-spacing: 2px;
}
/* MENU END */

#uptop
{
  text-align: right;
  padding-right: 5%;
  bottom: 10%;
  position: -webkit-sticky;
  position: sticky;
}

.fa-chevron-up
{
  font-size: 20px;
  border-radius: 20px;
  background-color: #A7211B;
  color: #FCF3D5;
  padding: 10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

@media screen and (max-width: 380px)
{
  /*announcement*/

  .announcementContent
  {
    margin-top: 30%;
  }

  /*announcement*/

  #logo-other
  {
    margin-left: -35px;
  }

  #logo-name
  {
    margin-left: 0;
  }

  /* map and contact start */

  #mapandcontact>#contactus
  {
    font-size: 13px;
    margin-top: -2%;
  }

  .contactus-inner-container>.icon
  {
    padding-right: 0;
  }

  .contactus-inner-container>.timeinfo>.timeleft
  {
    margin-right: 0;
  }

  #aboutus>#aboutuscontent
  {
    margin-top: 40%;
  }

  #footer>#followus>#fu
  {
    font-size: 11px;
  }

  #footer>#followus>#copyright
  {
    font-size: 6px;
  }

  .fa-yelp, .fa-facebook-f
  {
    font-size: 22px !important;
  }
}

@media screen and (max-width: 414px)
{
  #contactform
  {
    margin-top: 100% !important;
  }

  #mapandcontact>#contactus>#contactus-inner>.contactus-inner-container>.timeinfo>.timeleft>#mon
  {
    margin-bottom: 58% !important;
  }

  #mapandcontact>#contactus>#contactus-inner>.contactus-inner-container>.timeinfo>.timeleft>#fri
  {
    margin-bottom: 58% !important;
  }

  #signaturedishes>.headsignature>img
  {
    margin-top: 3%;
    margin-bottom: 3%;
  }

  #signaturedishes>.headsignature>#signatitle
  {
    font-size: 12px !important;
  }

  #signaturedishes>#sdssphone>.carousel-inner>.sdpic>.carousel-item>.sdimg
  {
    margin-top: 8% !important;
  }

  #bpd, #bpb, #sm, #pcb, #bp, #spc, #hwp, #tsfr, #pds, #dfsd
  {
    font-size: 6px !important;
    height: 30px !important;
    padding-top: 48% !important;
  }

  #signaturedishes>#sdssphone>.carousel-inner>.sdpic>.carousel-item>.sdimg>.sdframe
  {
    width: 34% !important;
    margin-left: 2px;
    margin-right: 2px;
  }

  #signaturedishes>#sdssphone>.carousel-inner>.sdpic>.carousel-item>.sdimg>.sdframe>img
  {
    width: 80% !important;
  }

  #signaturedishes>#sdssphone>.carousel-inner>.sdpic>.carousel-item>.sdimg>.sdframe>#tsfrimg>img
  {
    width: 80% !important;
  }

  #reviews>.reviewcontent>p
  {
    font-size: 18px !important;
    margin-top: 5%;
  }

  #reviews>.reviewcontent>#reviewbtn>a
  {
    display: block;
    width: 45%;
    margin: 5% auto;
    font-size: 10px;
    padding: 10px 15px;
  }

  #lpss>#title>#orderonline2
  {
    font-size: 12px;
    padding: 10px 15px;
  }
}

@media screen and (max-width: 597px)
{
    #visitus>.info>.info-right>.contactus-inner-container>.timeinfo>.timeleft>#mon
    {
      margin-bottom: 60%;
    }

    #visitus>.info>.info-right>.contactus-inner-container>.timeinfo>.timeleft>#fri
    {
      margin-bottom: 58%;
    }

    #mapandcontact>#contactus>#contactus-inner>.contactus-inner-container>.timeinfo>.timeleft>#mon
    {
      margin-bottom: 25%;
    }

    #mapandcontact>#contactus>#contactus-inner>.contactus-inner-container>.timeinfo>.timeleft>#fri
    {
      margin-bottom: 25%;
    }
}

@media screen and (max-width: 600px)
{
  #mapandcontact
  {
    font-size: 12px;
  }
}

@media screen and (max-width: 667px)
{
  #contactform>#formhead>h3
  {
    padding-top: 50px;
    font-size: 30px;
  }

  #contactform>#formhead>p
  {
    font-size: 14px;
  }

  #contactform>#formbody
  {
    margin-top: 10%;
    padding-left: 5%;
    padding-right: 5%;
  }

  #footer>#footernavtab>ul>li>a
  {
    font-size: 10px;
  }

  #footer>#footernavtab
  {
    margin: 0;
    padding-bottom: 5%;
  }

  /* menu */
  #menu>#menu-inner>#menu-inner-left>ul>li
  {
    width: 35%;
    margin-left: 5%;

  }

  #menu>#menu-inner>#menu-inner-left>ul>#nextbtn
  {
    display: block;
    padding: 0 5%;
    height: 25px;
    font-size: 20px;
    color: #FCF3D5;
  }

  #menu>#menu-inner>#menu-inner-left>ul>#prebtn
  {
    display: none;
    padding: 0 5%;
    height: 25px;
    font-size: 20px;
    color: #FCF3D5;
  }

  #menu>#menu-inner>#menu-inner-left>ul>#nextbtn:hover,
  #menu>#menu-inner>#menu-inner-left>ul>#prebtn:hover
  {
    cursor: pointer;
  }

  #menu>#menu-inner>#menu-inner-left>ul>#soup,
  #menu>#menu-inner>#menu-inner-left>ul>#dessert,
  #menu>#menu-inner>#menu-inner-left>ul>#dimsum
  {
    display: none;
  }

  #menu>#menu-inner>#menu-inner-left>ul>#appetizer,
  #menu>#menu-inner>#menu-inner-left>ul>#maindishphone,
  #menu>#menu-inner>#menu-inner-left>ul>#dimsum,
  #promotion>#menu-inner>#menu-inner-left>ul>#lastest,
  #promotion>#menu-inner>#menu-inner-left>ul>#festival,
  #promotion>#menu-inner>#menu-inner-left>ul>#comboset
  {
    font-size: 12px !important;
  }

  #menu>#menu-inner>#menu-inner-mid>#maindish-2
  {
    margin-left: 120% !important;
    margin-top: -50% !important;
  }
  /* menu */

  #partnership>#partnershiptitle
  {
    font-size: 18px;
  }
}

@media screen and (max-width: 700px)
{
  /* menu */
  #menu>#menu-inner>#menu-inner-left>ul,
  #promotion>#menu-inner>#menu-inner-left>ul
  {
    width: 95% !important;
  }

  #menu>#menu-inner>#menu-inner-left>ul>li,
  #promotion>#menu-inner>#menu-inner-left>ul>li
  {
    font-size: 14px !important;
  }

  #menu>#menu-inner>#menu-inner-mid>#maindish-2
  {
    width: 160% !important;
  }
  /* menu */
}

@media screen and (max-width: 736px)
{
  .announcement>.announcementContent>#closebtn
  {
    left: 75%;
  }
}

@media screen and (max-width: 860px)
{
  /* navbar change */
  #navbar
  {
    display: none;
  }

  #phonenavbar
  {
    display: flex;
    background-color: #7E1812;
    height: 70px;
    margin: 0;
    justify-content: space-between;
  }

  #phonenavbar>#logoandname>#logo-other
  {
    margin-left: 2%;
  }

  #phonenavbar button
  {
    border: none;
    background: #7E1812;
    color: white;
    margin-right: 10%;
  }

  .fa-bars, .fa-times
  {
    background-color: #7E1812;
    font-size: 20px;
  }
  /* navbar change */
}

@media screen and (max-width: 992px)
{
  #partnership>#delivery>.deliveryicon>a>#ub,
  #partnership>#delivery>.deliveryicon>a>#hp
  {
    width: 55%;
  }

  #signaturedishes>#sdss
  {
    display: none;
  }

  #signaturedishes>#sdssphone
  {
    display: block;
  }

  #signaturedishes>.headsignature
  {
    margin-top: 4%;
  }

  #signaturedishes>.headsignature>img
  {
    transform: scaleY(1.1);
  }

  #signaturedishes>.headsignature>#signatitle
  {
    font-size: 20px;
  }

  #signaturedishes>#sdssphone>.carousel-inner>.sdpic>.carousel-item>.sdimg
  {
    margin-top: 9%;
  }

  #bpd, #bpb, #sm, #pcb, #bp, #spc, #hwp, #tsfr, #pds, #dfsd
  {
    font-size: 12px;
    height: 120px;
    padding-top: 50%;
  }

  #pds, #dfsd
  {
    padding-top: 45%;
  }

  #signaturedishes>#sdssphone>.carousel-inner>.sdpic>.carousel-item>.sdimg>.sdframe
  {
    width: 31%;
  }

  #signaturedishes>#sdssphone>.carousel-inner>.sdpic>.carousel-item>.sdimg>.sdframe>img
  {
    width: 70%;
  }

  #contactform
  {
    margin-top: 55%;
    transition: 0.5s;
  }

  /* navbar */
  #navbar>#navtab
  {
    padding-top: 26px;
    padding-right: 26px;
    font-size: 13px;
    transition: 0.5s;
  }

  .logofield
  {
    margin-left: 8%;
    margin-right: 4%;
    margin-bottom: 10px;
    width: 90px;
  }

  #navbar>.logofield>p
  {
    font-size: 9px;
    transition: 0.5s;
  }

  #navbar>.logofield>#logo
  {
    width: 80px;
    transition: 0.5s;
  }

  #navbar>#navtab>ul>li>#orderonline
  {
    padding: 6px 15px;
    border-radius: 20px;
    transition: 0.5s;
  }

  #navbar>#lang
  {
    font-size: 13px;
    margin-top: 26px;
    transition: 0.5s;
  }
  /* navbar */
}

@media screen and (max-width: 1024px)
{
  /* visitus */
  #visitus>.info>.info-left
  {
    width: 100%;
    margin: 0;
    padding: 0;
  }

  #visitus>.info>.info-right
  {
    padding-top: 5%;
  }
  /* visitus */

  /* signaturedishes */

  #signaturedishes>#sdss>.carousel-inner>.sdpic>.carousel-item>.sdimg
  {
    margin-top: 8%;
  }

  /* signaturedishes */

  /* map and contact us */

  #mapandcontact
  {
    margin-top: 2%;
  }

  /* map and contact us */

  /* menu */

  #menu, #promotion
  {
    margin-bottom: 0 !important;
  }

  #menu>h4, #promotion>h4
  {
    text-align: center !important;
    margin-left: -12%;
  }

  #menu>#menu-inner, #promotion>#menu-inner
  {
    display: block;
  }

  #menu>#menu-inner>#menu-inner-left>ul,
  #promotion>#menu-inner>#menu-inner-left>ul
  {
    padding-top: 4%;
    width: 90%;
    display: flex;
    justify-content: space-between;
  }

  #menu>#menu-inner>#menu-inner-left>ul>li,
  #promotion>#menu-inner>#menu-inner-left>ul>li
  {
    font-size: 18px;
  }

  #menu>#menu-inner>#menu-inner-left>ul>#maindish
  {
    display: none;
  }

  #menu>#menu-inner>#menu-inner-left>ul>#maindishphone
  {
    display: block;
  }

  .select
  {
    width: auto;
    text-align: center;
  }

  #menu>#menu-inner>#menu-inner-right,
  #promotion>#menu-inner>#menu-inner-right
  {
    margin-top: -6%;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-bottom: 5%;
  }

  #menu>#menu-inner>#menu-inner-right>img,
  #promotion>#menu-inner>#menu-inner-right>img
  {
    position: relative;
    width: 80% !important;
  }

  #menu>#menu-inner>#menu-inner-mid
  {
    display: none;
    margin: auto;
    position: relative;
  }

  #menu>#menu-inner>#menu-inner-mid>#maindish-2
  {
    width: 100%;
    padding: 5%;
    margin-left: -45%;
    margin-top: -45%;
    position: absolute;
    z-index: 5;
    background: #A08F5B;
  }

  #menu>#menu-inner>#dimsumslideshow
  {
    position: relative;
    margin: 0 auto;
  }

  #menu>#menu-inner>#dimsumslideshow>#dsimg-container
  {
    display: block;
  }

  #menu>#menu-inner>#dimsumslideshow>#dsimg-container>img
  {
    width: 100%;
    padding-right: 0;
    margin-bottom: 8%;
  }

  #menu>#menu-inner>#dimsumslideshow>#indicator-list
  {
    display: none;
  }

  #dropdown>#lang>.langoptions
  {
    padding: 10px;
    color: #FCF3D5;
  }

  #dropdown>#lang>.langselected
  {
    color: #550B07;
  }
  /* menu */
}

@media screen and (max-width: 1160px)
{
  #aboutus>#aboutuscontent>#videoother
  {
    display: block;
    width: 100%;
    margin-top: -25%;
    margin-bottom: 10%;
  }

  #aboutus>#aboutuscontent
  {
    margin-top: 25%;
  }

  #aboutus>#aboutuscontent>#videoweb
  {
    display: none;
  }
}

@media screen and (max-width: 1199px)
{
  #closebtn
  {
    left: 68%;
  }

  #menu>#menu-inner>#menu-inner-right,
  #promotion>#menu-inner>#menu-inner-right
  {
    margin-left: 15%;
  }
}

@media only screen and (max-width: 414px)
{
  .modal>.modal-content2>img
  {
    margin-top: 20% !important;
  }

  .modal>.closebtn
  {
    left: 84%;
  }

  .closebtn2
  {
    margin-top: -18px !important;
    right: 4px !important;
  }
}

@media only screen and (max-width: 812px)
{
  .announcement>.announcementContent>#animg
  {
    max-width: 400px;
  }

  .modal>.modal-content2>img
  {
    margin-top: 20%;
  }

  .closebtn2
  {
    margin-top: 0;
    right: 2px;
  }

  #reviews>.reviewcontent>p
  {
    padding-bottom: 2%;
    font-size: 30px;
  }
}

@media only screen and (max-width: 1024px)
{
  .modal>.modal-content
  {
    margin-top: 5%;
  }

  .modal>.modal-content2>img
  {
    margin-top: 9%;
  }

  .closebtn
  {
    top: 2%;
  }

  #ub
  {
    width: 80%;
  }

  #hp
  {
    width: 75%;
  }

  #navbar>#navtab>ul>li>#menueng,
  #navbar>#navtab>ul>li>#menuengunselected,
  #navbar>#navtab>ul>li>#menuchnunselected
  {
    padding: 0px;
  }

  #navbar>#navtab>ul>li>#menuchn
  {
    padding: 0 32px;
  }
}

@media only screen and (max-width: 1366px)
{
  .modal>.modal-content
  {
    margin-top: 2%;
    margin-bottom: 2%;
  }

  .modal>.modal-content
  {
    height: 90%;
  }

  .modal-content2 img
  {
    width: 90%;
    margin-top: 8%;
  }

  .closebtn2
  {
    top: 8%;
  }
}