/**index.html**/
** {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body, html {
  overflow-x: hidden;
  width: 100%;
  max-width: 100%;
  max-width: 100vw;
  width: 100vw;
  height: 100%;
  min-height: 100%;
  scroll-behavior: smooth;
  scroll-padding-top: 100px;
}

.scroll-section {
  opacity: 0;
  transform: translateX(-50%);
  transition: transform 2s ease, opacity 2s ease;
}

.scroll-right {
  transform: translate(50%);
}

.scroll-left {
  transform: translateX(-50%);
}

.scroll-section.visible {
  opacity: 1;
  transform: translateX(0);
}

.main-animations {
  animation: main-animation 1s linear;
}

@keyframes main-animation {
  0% {
    transform: translateX(-200px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.main-images {
  animation: main-image 1s linear;
}

@keyframes main-image {
  0% {
    transform: translateX(200px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.carousel-animations {
  animation: carousel-animation 1s linear;
  overflow: visible;
}

@keyframes carousel-animation {
  0% {
    opacity: 0;
    transform: translateX(-200px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.thai-animations {
  animation: thai-animation 1s linear;
}

@keyframes thai-animation {
  0% {
    opacity: 0;
    transform: translateX(200px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.navbar {
  transition: all 0.5s ease-in-out;
}

.navbar-sticky {
  opacity: 0.9;
  box-shadow: rgba(0, 0, 0, 0.5);
}

.carousel-inner {
  max-height: 450px;
  background: rgba(0, 0, 0, 0.148);
}

.special .container .special-container {
  background-image: url("../images/bg-img-7.jpg") no-repeat center center;
  background-size: cover;
}

.special .card-third {
  background: rgb(255, 89, 128);
}

.special .card-second {
  background: rgb(0, 223, 197);
}

.special .card-first {
  background: rgb(255, 54, 32);
}

.special .card-one-starter {
  position: relative;
}

.special .card-two-starter {
  position: relative;
}

.special .card-three-starter {
  position: relative;
}

.special .card-two-starter .btn-black {
  background: rgb(255, 112, 136);
}

.special .card-three-starter .btn-secondary {
  background: rgb(255, 136, 0);
}

.special .card-one-starter .btn-warning {
  background: rgb(168, 223, 0);
}

.special .card-one-starter::before {
  position: absolute;
  top: -25px;
  left: -25px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgb(191, 255, 0);
  content: "-16% OFF";
  text-align: center;
  color: rgb(36, 36, 36);
  font-size: 12px;
  padding: 5px;
  font-family: "open-sans", sans-serif;
  font-weight: 700;
}

.special .card-two-starter::before {
  position: absolute;
  top: -25px;
  left: -25px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgb(255, 0, 102);
  content: "-10% OFF";
  text-align: center;
  color: white;
  font-size: 12px;
  padding: 5px;
  font-family: "open-sans", sans-serif;
  font-weight: 700;
}

.special .card-three-starter::before {
  position: absolute;
  top: -25px;
  left: -25px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgb(255, 136, 0);
  content: "-18% OFF";
  text-align: center;
  color: white;
  font-size: 12px;
  padding: 5px;
  font-family: "open-sans", sans-serif;
  font-weight: 700;
}

.services .card-service-one {
  position: relative;
  overflow: hidden;
}

.services .card-service-one::before {
  position: absolute;
  content: "";
  top: -10px;
  right: -10px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 3px;
  background: linear-gradient(45deg, rgb(255, 67, 98), rgb(94, 0, 94));
}

.services .card-service-one::after {
  position: absolute;
  content: "";
  bottom: -10px;
  left: -10px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 3px;
  background: linear-gradient(45deg, rgb(94, 0, 94), rgb(255, 67, 98));
}

.services .card-service-two {
  position: relative;
  overflow: hidden;
}

.services .card-service-two::before {
  position: absolute;
  content: "";
  top: -10px;
  right: -10px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 3px;
  background: linear-gradient(45deg, rgb(17, 0, 94), rgb(255, 234, 0));
}

.services .card-service-two::after {
  position: absolute;
  content: "";
  bottom: -10px;
  left: -10px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 3px;
  background: linear-gradient(45deg, rgb(255, 234, 0), rgb(17, 0, 94));
}

.services .card-service-three {
  position: relative;
  overflow: hidden;
}

.services .card-service-three::before {
  position: absolute;
  content: "";
  top: -10px;
  right: -10px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 3px;
  background: linear-gradient(45deg, rgb(0, 186, 47), rgb(255, 2, 78));
}

.services .card-service-three::after {
  position: absolute;
  content: "";
  bottom: -10px;
  left: -10px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 3px;
  background: linear-gradient(45deg, rgb(255, 2, 78), rgb(0, 186, 47));
}

.services .card-service-four {
  position: relative;
  overflow: hidden;
}

.services .card-service-four::before {
  position: absolute;
  content: "";
  top: -10px;
  right: -10px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 3px;
  background: linear-gradient(45deg, rgb(255, 80, 80), rgb(0, 0, 0));
}

.services .card-service-four::after {
  position: absolute;
  content: "";
  bottom: -10px;
  left: -10px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 3px;
  background: linear-gradient(45deg, rgb(0, 0, 0), rgb(255, 80, 80));
}

.services .card-service-five {
  position: relative;
  overflow: hidden;
}

.services .card-service-five::before {
  position: absolute;
  content: "";
  top: -10px;
  right: -10px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 3px;
  background: linear-gradient(45deg, rgb(255, 0, 238), rgb(255, 208, 0));
}

.services .card-service-five::after {
  position: absolute;
  content: "";
  bottom: -10px;
  left: -10px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 3px;
  background: linear-gradient(45deg, rgb(255, 208, 0), rgb(255, 0, 238));
}

.services .card-service-six {
  position: relative;
  overflow: hidden;
}

.services .card-service-six::before {
  position: absolute;
  content: "";
  top: -10px;
  right: -10px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 3px;
  background: linear-gradient(45deg, rgb(2, 251, 193), rgb(7, 0, 106));
}

.services .card-service-six::after {
  position: absolute;
  content: "";
  bottom: -10px;
  left: -10px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 3px;
  background: linear-gradient(45deg, rgb(7, 0, 106), rgb(2, 251, 193));
}

#customerReviewsCarousel .carousel-inner {
  background: white;
}

.customer-reviews .card-review-one {
  background: rgb(201, 201, 0);
}

.customer-reviews .card-review-two {
  background: rgb(0, 255, 217);
}

.customer-reviews .card-review-three {
  background: rgb(230, 81, 0);
}

.customer-reviews .card-review-four {
  background: rgb(188, 151, 255);
}

.customer-reviews .card-review-five {
  background: rgb(255, 107, 152);
}

.customer-reviews .card-review-six {
  background: rgb(0, 255, 132);
}

.header_2 {
  /**background:rgb(250, 246, 220);**/
  background: url("../images/wall-1-16.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.main-bg {
  position: relative;
}

.main-bg::before {
  width: 26%;
  height: 100%;
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  /** background:#b90057;
   background:#ff1c55;**/
  background: orangered;
  z-index: 1000;
}

#header_2 .slide {
  width: 90%;
}

.modal {
  z-index: 2000;
}

.toast {
  z-index: 2001;
}

/**#navbarexample .backab-color{
    z-index:1001;
 }**/
.header_2 .content {
  /** background:rgba(78, 0, 77, 0.874);**/
  background: rgba(255, 255, 255, 0.372);
}

.header_2 .btn-black {
  background: rgb(63, 0, 77);
}

.header_2 .btn-black:hover {
  background: rgb(72, 0, 22);
  color: black;
}

.header_2::before {
  width: 26%;
  height: 100%;
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  /** background:#b90057;**/
  background: #2d0531;
}

.navbar-dark {
  background: #000343;
  position: relative;
}

.about-bg {
  background: rgb(255, 47, 0);
}

.main_bowl {
  z-index: 1001;
  position: relative;
}

.navbar .navbar-nav .special-dropdown {
  z-index: 10004;
}

.backab-color {
  position: relative;
  z-index: 10000;
}

.contact_img {
  position: relative;
  background-color: rgba(171, 255, 168, 0.82);
}

.services .service-container {
  background: url("../images/wall-1-1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

#thai-lunch .thailunch-one {
  background: rgb(255, 244, 188);
}

#thai-lunch .thailunch-two {
  background: rgb(169, 255, 246);
}

#thai-lunch .thailunch-three {
  background: rgb(101, 101, 255);
}

#thai-snacks .thaisnack-one {
  background: rgba(255, 115, 33, 0.381);
}

#thai-snacks .thaisnack-two {
  background: rgba(255, 22, 22, 0.475);
}

#thai-snacks .thaisnack-three {
  background: rgba(255, 103, 164, 0.813);
}

.thai-breakfast .thai-break-container {
  background: url("../images/wall-1-14.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

/**end index.html**/
/**chinese.html**/
.slide {
  width: 100%;
  position: relative;
}

.starter {
  width: 93%;
  margin: 0 auto;
}

.thai {
  width: 95%;
  margin: 0 auto;
}

#carouselchinese .card-cstarter-three {
  /**background:rgb(103, 151, 36);**/
  background: rgb(255, 221, 86);
}

#carouselchinese .card-cstarter-two {
  background: rgb(255, 103, 61);
}

#carouselchinese .card-cstarter-one {
  /**background:rgb(255, 182, 25);**/
  background: rgb(103, 151, 36);
}

.card-basket {
  position: absolute;
  top: 60px;
}

.card-dinner-main {
  position: absolute;
  top: 350px;
  left: 180px;
}

.chinese-dinner .chinese-dinner-container {
  background: url("../images/wall-1-24.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

.chinese-dinner .card-dinner-sub-menu {
  background: rgba(255, 255, 255, 0.507);
}

.card-drink-jasmine {
  position: relative;
}

.card-drink-jasmine::before {
  position: absolute;
  content: "";
  top: -30px;
  right: -30px;
  padding: 18px;
  border: 4px solid white;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: green;
}

.card-drink-plum {
  position: relative;
  background: rgb(82, 19, 82);
}

.card-drink-jasmine a {
  background: green;
}

.card-drink-plum::before {
  position: absolute;
  content: "";
  top: -30px;
  right: -30px;
  padding: 18px;
  border: 4px solid white;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgb(0, 156, 161);
}

.card-drink-plum a {
  background: rgb(0, 156, 161);
}

.card-drink-kiwi {
  position: relative;
  background: rgb(28, 114, 0);
}

.card-drink-kiwi::before {
  position: absolute;
  content: "";
  top: -30px;
  right: -30px;
  padding: 18px;
  border: 4px solid white;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgb(204, 255, 0);
}

.card-drink-kiwi a {
  background: rgb(204, 255, 0);
  color: black;
}

/**.card-dinner-sub-menu{
    position:relative;
}
.card-dinner-sub-menu img{
   right:-40px;
   position:absolute;
}
.card-dinner-sub-menu .text-container{
    top:80px;
    position:relative;
}**/
#chinese-lunch .card-clunch-one {
  width: 270px;
}

/**end chinese.html**/
/**thai.html**/
.card-thaibreakfast-one {
  background: rgba(255, 255, 255, 0.135);
}

.card-thai-snackone {
  background: rgba(255, 152, 152, 0.493);
}

/**end thai.html**/
/**about.html**/
.chefs {
  background: rgb(0, 141, 149);
}

.choose {
  background-image: url("../images/choose-1.jpg");
  background-repeat: no-repeat;
}

.working .working-container {
  background: url("../images/wall-1-12.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

.back-to-top-circle {
  position: fixed;
  z-index: 1000000;
  bottom: 15px;
  right: 20px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: white;
  border: none;
  outline: none;
  background: rgb(57, 2, 66);
  text-align: center;
  opacity: 1;
  cursor: pointer;
  transition: all 0.6s ease-in-out;
}
.back-to-top-circle:hover {
  background: rgb(255, 20, 83);
  transform: translateY(-9px);
}

.show {
  opacity: 1;
  display: block;
  visibility: visible;
}

/**start mediA query**/
@media (min-width: 450px) {
  body, html {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (min-width: 768px) {
  body, html {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (min-width: 1100px) {
  body, html {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (max-width: 411px) {
  .thai-lunch .thailunch-one .card-body .card-text {
    display: none;
  }
  .thai-lunch .thailunch-two .card-body .card-text {
    display: none;
  }
  .thai-lunch .thailunch-three .card-body .card-text {
    display: none;
  }
}
@media (min-width: 412px) {
  .thai-lunch .thailunch-one .card-body .card-text {
    display: block;
  }
  .thai-lunch .thailunch-two .card-body .card-text {
    display: block;
  }
  .thai-lunch .thailunch-three .card-body .card-text {
    display: block;
  }
}
/**@media (min-width:992px){
    body{
        padding-left:15px;
        padding-right:15px;
    }
}**/
/**Extra small device 0 to 576**/
@media (max-width: 576px) {
  body, html {
    overflow-x: hidden;
    width: 100%;
    max-width: 100%;
    max-width: 100vw;
    width: 100vw;
    height: 100%;
    min-height: 100%;
  }
  /**about.html**/
  .about span {
    text-wrap: nowrap;
  }
  .about-img img {
    background-size: cover;
    background-position: center;
  }
  .rating .five-rate .progress {
    width: 80%;
  }
  .map iframe {
    width: 300px;
    height: 300px;
  }
  /**thai.html**/
  .navbar .breadcrumb {
    padding: 15px 0px 15px 0px;
  }
  .navbar-brand img {
    width: 55px;
  }
  .thai #carouselchinese .carousel-inner .carousel-item img {
    height: 350px;
    width: 100% !important;
  }
  #thai-breakfast .thai-breakimg img {
    width: 320px !important;
  }
  .thai-breakfast .thai-breakmenu {
    background: none;
    border-radius: none;
  }
  .thai-lunch .thai-lunch-main img {
    min-width: 300px;
    max-width: 500px;
  }
  .thai-dinner .thaidinnerimg img {
    width: 300px !important;
  }
  .thai-dinner .thaidinnerimgthree img {
    height: 200px !important;
  }
  .thai-dinner .thaidinnertwo .card {
    height: 480px !important;
  }
  .thai-snacks .thaisnacksimg img {
    width: 300px !important;
  }
  /**chinese.html**/
  .carousel-item .starter .card-cstarter-one img {
    width: 90px;
  }
  .carousel-item .starter .card-cstarter-two img {
    width: 70px;
  }
  .carousel-item .starter .card-cstarter-three img {
    width: 72px;
  }
  #chinese-lunch .image-container img {
    height: 290px;
    width: 290px;
  }
  #chinese-lunch .card-clunch-one {
    width: 250px;
  }
  #chinese-dinner .card-dinner-main {
    position: absolute;
    top: 350px;
    left: 70px;
  }
  #chinese-dinner .card-dinner-menu-one img {
    padding: 0 15px 0 15px;
    border: 5px solid rgb(255, 233, 233);
    width: 130px;
    height: 130px;
    border-radius: 130px;
    background: rgb(83, 202, 83);
  }
  #chinese-dinner .card-dinner-menu-two img {
    padding: 0 15px 0 15px;
    border: 5px solid rgb(255, 233, 233);
    width: 130px;
    height: 130px;
    border-radius: 130px;
    background: rgb(46, 46, 46);
  }
  #chinese-dinner .card-dinner-menu-three img {
    padding: 0 15px 0 15px;
    border: 5px solid rgb(255, 233, 233);
    width: 130px;
    height: 130px;
    border-radius: 130px;
    background: rgb(248, 153, 70);
  }
  #chinese-drinks .image-container {
    width: 300px;
  }
  #chinese-drinks .card-drink-jasmine::before {
    position: absolute;
    content: "";
    top: -20px;
    right: -20px;
    padding: 10px;
    border: 4px solid white;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: green;
  }
  #chinese-drinks .card-drink-plum::before {
    position: absolute;
    content: "";
    top: -20px;
    right: -20px;
    padding: 10px;
    border: 4px solid white;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgb(0, 156, 161);
  }
  #chinese-drinks .card-drink-kiwi::before {
    position: absolute;
    content: "";
    top: -20px;
    right: -20px;
    padding: 10px;
    border: 4px solid white;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgb(204, 255, 0);
  }
  /**indian,.,html**/
  #special .card-first .image-container img {
    width: 150px;
  }
  #special .card-second .image-container img {
    width: 150px;
  }
  #special .card-third .image-container img {
    width: 100px;
  }
  .header_2::before {
    display: none;
  }
  .main-bg::before {
    display: none;
  }
  #header_2 .slide {
    max-width: 100%;
  }
  .main_bowl .main-bowl-img img {
    width: 320px;
  }
  .navbar {
    width: 100%;
  }
}
/**small device 576 to 768**/
@media (max-width: 768px) {
  body, html {
    overflow-x: hidden;
    width: 100%;
    max-width: 100%;
    max-width: 100vw;
    width: 100vw;
    height: 100%;
    min-height: 100%;
    padding-top: 40px;
  }
  /**about.html**/
  .about span {
    text-wrap: nowrap;
  }
  .map iframe {
    width: 425px;
    height: 425px;
  }
  /**thai.html**/
  .thai #carouselchinese .carousel-inner .carousel-item img {
    height: 340px;
    width: 100% !important;
  }
  .navbar .breadcrumb {
    padding: 20px 0px 20px 0px;
  }
  .thai-breakfast .thaibreakfastmenuimg img {
    display: none;
  }
  /**chinese.html**/
  #chinese-lunch .image-container img {
    height: 330px;
    width: 330px;
  }
  #chinese-lunch .card-clunch-one {
    width: 250px;
  }
  #chinese-dinner .card-dinner-main {
    position: absolute;
    top: 300px;
    left: 40px;
  }
  #chinese-dinner .card-dinner-menu-one img {
    padding: 0 15px 0 15px;
    border: 5px solid rgb(255, 233, 233);
    width: 130px;
    height: 130px;
    border-radius: 130px;
    background: rgb(83, 202, 83);
  }
  #chinese-dinner .card-dinner-menu-two img {
    padding: 0 15px 0 15px;
    border: 5px solid rgb(255, 233, 233);
    width: 130px;
    height: 130px;
    border-radius: 130px;
    background: rgb(46, 46, 46);
  }
  #chinese-dinner .card-dinner-menu-three img {
    padding: 0 15px 0 15px;
    border: 5px solid rgb(255, 233, 233);
    width: 130px;
    height: 130px;
    border-radius: 130px;
    background: rgb(248, 153, 70);
  }
  #chinese-drinks .image-container {
    width: 300px;
    border: 1px solid red;
  }
  #chinese-drinks .card-drink-jasmine::before {
    position: absolute;
    content: "";
    top: -15px;
    right: -15px;
    padding: 15px;
    border: 3px solid white;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: green;
  }
  #chinese-drinks .card-drink-plum::before {
    position: absolute;
    content: "";
    top: -15px;
    right: -15px;
    padding: 15px;
    border: 4px solid white;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgb(0, 156, 161);
  }
  #chinese-drinks .card-drink-kiwi::before {
    position: absolute;
    content: "";
    top: -15px;
    right: -15px;
    padding: 15px;
    border: 4px solid white;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgb(204, 255, 0);
  }
  /**indian,.,html**/
  #special .card-first .image-container img {
    width: 150px;
  }
  #special .card-second .image-container img {
    width: 150px;
  }
  #special .card-third .image-container img {
    width: 100px;
  }
  .header_2::before {
    display: none;
  }
  .main-bg::before {
    display: none;
  }
  #header_2 .slide {
    width: 97%;
  }
}
/**medium device 768 to 991**/
@media (max-width: 992px) {
  body, html {
    overflow-x: hidden;
    width: 100%;
    max-width: 100%;
    max-width: 100vw;
    width: 100vw;
    height: 100%;
    min-height: 100%;
    padding-top: 40px;
  }
  /**about.html**/
  .about span {
    text-wrap: nowrap;
  }
  .about-img img {
    height: 350px !important;
  }
  .map iframe {
    width: 400px;
    height: 350px;
  }
  /**thai.html**/
  .thai #carouselchinese .carousel-inner .carousel-item img {
    height: 470px;
    width: 100% !important;
  }
  #thai-breakfast .thai-breakimg img {
    width: 250px !important;
  }
  .thai-lunch .thai-lunch-main img {
    min-width: 280px !important;
    max-width: 320px !important;
  }
  .thai-dinner .thai-dinner-img img {
    width: 320px !important;
  }
  .thai-snacks .thaisnacksimg img {
    width: 300px !important;
    background-size: cover;
    background-position: center;
  }
  /**chinese.html**/
  .carousel-item .starter .card-cstarter-one img {
    width: 125px;
  }
  .carousel-item .starter .card-cstarter-two img {
    width: 150px;
  }
  .carousel-item .starter .card-cstarter-three img {
    width: 90px;
  }
  #chinese-lunch .image-container img {
    height: 260px;
    width: 260px;
  }
  #chinese-dinner .card-dinner-menu-one img {
    padding: 0 15px 0 15px;
    border: 5px solid rgb(255, 233, 233);
    width: 130px;
    height: 130px;
    border-radius: 130px;
    background: rgb(83, 202, 83);
  }
  #chinese-dinner .card-dinner-menu-two img {
    padding: 0 15px 0 15px;
    border: 5px solid rgb(255, 233, 233);
    width: 130px;
    height: 130px;
    border-radius: 130px;
    background: rgb(46, 46, 46);
  }
  #chinese-dinner .card-dinner-menu-three img {
    padding: 0 15px 0 15px;
    border: 5px solid rgb(255, 233, 233);
    width: 130px;
    height: 130px;
    border-radius: 130px;
    background: rgb(248, 153, 70);
  }
  #chinese-drinks .image-container {
    width: 260px;
  }
  #chinese-drinks .card-drink-jasmine::before {
    position: absolute;
    content: "";
    top: -15px;
    right: -15px;
    padding: 12px;
    border: 3px solid white;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: green;
  }
  #chinese-drinks .card-drink-plum::before {
    position: absolute;
    content: "";
    top: -15px;
    right: -15px;
    padding: 12px;
    border: 4px solid white;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgb(0, 156, 161);
  }
  #chinese-drinks .card-drink-kiwi::before {
    position: absolute;
    content: "";
    top: -15px;
    right: -15px;
    padding: 12px;
    border: 4px solid white;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgb(204, 255, 0);
  }
  #special .card-first .image-container img {
    width: 150px;
  }
  #special .card-second .image-container img {
    width: 150px;
  }
  #special .card-third .image-container img {
    width: 100px;
  }
  .header_2::before {
    display: none;
  }
  .main-bg::before {
    display: none;
  }
  #header_2 .slide {
    width: 80%;
    border: 2px solid red;
  }
  .pagination {
    width: 400px;
  }
}
/**large device 992 to ....**/
@media (max-width: 1200px) {
  body, html {
    overflow-x: hidden;
    width: 100%;
    max-width: 100%;
    max-width: 100vw;
    width: 100vw;
    height: 100%;
    min-height: 100%;
    width: 100vw;
  }
  #chinese-dinner .card-dinner-menu-one img {
    padding: 0 15px 0 15px;
    border: 5px solid rgb(255, 233, 233);
    width: 130px;
    height: 130px;
    border-radius: 130px;
    background: rgb(83, 202, 83);
  }
  #chinese-dinner .card-dinner-menu-two img {
    padding: 0 15px 0 15px;
    border: 5px solid rgb(255, 233, 233);
    width: 130px;
    height: 130px;
    border-radius: 130px;
    background: rgb(46, 46, 46);
  }
  #chinese-dinner .card-dinner-menu-three img {
    padding: 0 15px 0 15px;
    border: 5px solid rgb(255, 233, 233);
    width: 130px;
    height: 130px;
    border-radius: 130px;
    background: rgb(248, 153, 70);
  }
  .header_2::before {
    display: none;
  }
  .main-bg::before {
    display: none;
  }
  .main_bowl .leaf-image img {
    width: 280px;
  }
}
@media (max-width: 1110px) {
  .card-dinner-main {
    position: absolute;
    top: 350px;
    left: 130px;
  }
}
@media (min-width: 1200px) {
  .navbar {
    padding: 0px 0px 0 0;
  }
  .navbar .breadcrumb {
    display: flex;
    flex-direction: row;
  }
  .card-dinner-main {
    position: absolute;
    top: 350px;
    left: 180px;
  }
  body, html {
    padding-top: 30px;
    overflow-x: hidden;
    width: 100%;
    max-width: 100%;
    max-width: 100vw;
    width: 100vw;
    height: 100%;
    min-height: 100%;
  }
}
@media (max-width: 991px) {
  .scroll-section {
    opacity: 0;
    transform: translateX(-90%);
    transition: transform 1s ease, opacity 1s ease;
  }
  .scroll-right {
    transform: translate(10%);
  }
  .scroll-left {
    transform: translateX(-10%);
  }
  .scroll-section.visible {
    opacity: 1;
    transform: translateX(0);
  }
}
/**@media (max-width:991px){
    .navbar{
        padding:20px auto;
        display:flex;
        flex-direction:column;
        align-items:left;
    }
    #carouselchinese .carousel-inner{
        height:400px;
    }
    #carouselchinese .carousel-inner .carousel-item{
        height:400px;
    }
    #carouselchinese .carousel-inner .carousel-item img{
        background-size:cover;
        background-position:right center;
    }
}**/

/*# sourceMappingURL=styles.css.map */