*{
	padding: 0;
	margin: 0;
}
.icon::before {
 content:'\f105';
 font-family:'Font Awesome 5 Free';
 font-weight:900;
}
.icon::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.login::before {
  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\fff";
}
.tps::before {
  font-family: "Font Awesome 5 Free"; 
  font-weight: 400; content: "\fff";
}
.fa {
	font-size: 16px;
	color: #3e3e3f !important
}
@import url('https://fonts.googleapis.com/css?family=Inconsolata:700');
body {
	background: #000;
	color: #aaa;
	font-size: 14px;
  font-family: roboto;
}

.icons {
 	font-family: "Font Awesome 5 Free"; font-weight: 400; content: "\fff";
} 

.required {
	color: red
}
@font-face {
  src:url('../font/UTM Alexander.ttf');
  font-family: UTM Alexander;
}
@font-face {
  src:url('../font/UTM Flamenco.ttf');
  font-family: UTM Flamenco;
}
@font-face {
  src:url('../font/UTM Bebas.ttf');
  font-family: UTM Bebas
}
@font-face {
  src:url('../font/UTM Habano.ttf');
  font-family: UTM Habano
}
@font-face {
  src:url('../font/UTM Azuki.ttf');
  font-family: UTM Azuki
}
@font-face {
  src:url('../font/UTM Avo.ttf');
  font-family: UTM Avo
}
strong {
  color: #287b9d;
}
.mt60 {
  margin-top: 100px!important;
}
.form-control {
  background-color: #fff;
  border: #aaa 1px solid;
}
.form-control:focus {
  background-color: #fff;
  border: #3ba5e7 1px solid;
  box-shadow: none;
}
select {
  background-color: #fff;
  border: #aaa 1px solid;
  height: 34px;
  width: 100%;
}
select:focus {
  background-color: #fff;
  border: #aaa 1px solid;
  box-shadow: none;
}
hr {
  margin-top: 10px;
  margin-bottom: 10px;
  border: 0;
  border-top: 1px solid #765428;
}
.form-control[readonly], fieldset[disabled] .form-control {
    background-color: #fff!important;
    opacity: 1;
}
/*---------------------------------------------------------------------------------*/
div.header {
  width: 1205px;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999999;
}
div.header_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%
}
div.header_hotline {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 20%
}
div.header_top div.hotline{
  color: #eab13d;
  font-size: 20px;
  white-space: nowrap;
}
div.hotline .fa{
  color: red!important;
  font-size: 20px;
  margin-right: 5px;
}
div.logo {
  padding: 5px 0px;
}
div.header_right .fa-facebook-f{
  color: #fff !important;
  font-size: 18px;
  margin-right: 10px;
  border-radius: 50px;
  border: #1877F2 1px solid;
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #1877F2;
}
div.header_right .fa-facebook-f:hover{
  opacity: 0.8;
}
div.header_right a{
  color: #1154db!important;
}
div.header_right a:hover{
  color: white!important;
  text-decoration: none;
}
div.header_right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 20%;
}
div.header_right div.icon::before{
  display: none;
}
/*-----------menu---------------------*/
.navbar {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  padding: 0;
}
div.header_menu {
  width: 100%;
  display: flex;
  justify-content: space-between;
  background-color: rgb(255, 255, 255, 0.15);
  padding: 3px;
  border-radius: 50px;
  font-family: UTM Alexander
}

/* Add a black background color to the top navigation */
.topnav {
  background-color: #e97300;
  overflow: hidden;
  width: 100%;
  display: flex;
  border-radius: 50px;
  justify-content: space-around;
  align-items: center;
  flex-direction: row;
}

/* Style the links inside the navigation bar */
.topnav a {
  color: white;
  text-align: center;
  padding: 0px 15px;
  text-decoration: none;
  font-size: 14px;
  line-height: 40px;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.topnav i.fa {
  color: #edcbb6!important;
  font-size: 8px;
}

/* Change the color of links on hover */
.topnav a:hover {
  color: #fff000;
}

/* Add an active class to highlight the current page */
.topnav a.active {
  color: #fff000;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
}
/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
/*  .topnav a:not(:first-child) {display: none;}*/
  .topnav a.icon {
    float: right;
    display: block;
  }
  .topnav i.fa {
    display: none!important;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav i.fa {
    display: none!important;
  }
}
/*-----------Slideshow---------------*/
.mySlides {display: none}
.myEvent {display: none}
img {vertical-align: middle;}
.banner {
  position: relative;
}
.banner h2{
  font-size: 52px;
  font-weight: bolder;
  letter-spacing: 3px;
  color: #fff;
  font-family: UTM Flamenco;
  text-shadow: 0px 2px 3px #04115b;
}
.banner_about {
  position: relative;
  background:#000 url(../images/banner_about.jpg);
  background-size: 100% 527px;
  height: 527px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #000;
  box-shadow: 0 0 3px #333;
}
.banner_booking {
  position: relative;
  background:#000 url(../images/banner_booking.jpg);
  background-size: 100% 527px;
  height: 527px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #000;
  box-shadow: 0 0 3px #333;
}
.banner_contact {
  position: relative;
  background:#000 url(../images/banner_contact.jpg);
  background-size: 100% 527px;
  height: 527px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #000;
  box-shadow: 0 0 3px #333;
}
.banner_event {
  position: relative;
  background:#000 url(../images/banner_event.jpg);
  background-size: 100% 527px;
  height: 527px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #000;
  box-shadow: 0 0 3px #333;
}
.banner_news {
  position: relative;
  background:#000 url(../images/banner_news.jpg);
  background-size: 100% 527px;
  height: 527px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #000;
  box-shadow: 0 0 3px #333;
}
.banner_shop {
  position: relative;
  background:#000 url(../images/banner_shop.jpg);
  background-size: 100% 527px;
  height: 527px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #000;
  box-shadow: 0 0 3px #333;
}
.banner_gallery {
  position: relative;
  background:#000 url(../images/banner_gallery.jpg);
  background-size: 100% 527px;
  height: 527px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #000;
  box-shadow: 0 0 3px #333;
}
.btn {
  padding: 10px 15px;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: bolder;
  margin: 0 2px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  text-decoration: none;
}
button.btn i.fa{
  margin-right: 5px;
  font-size: 18px!important;
  color: #fff!important;
}
button.btn_book_table {
  background-color: #ea6a1c;
}
button.btn_book_table:hover {
  background-color: #ea9a1c;
}
button.btn_order {
  background-color: #449a3b;
}
button.btn_order:hover {
  background-color: #42b636;
}
a.btn_home {
  background-color: #3ba5e7;
  color: #fff;
}
button.btn_home {
  background-color: #ff7200;
  color: #eee;
  border: #ff7200 1px solid;
}
a.btn_home:hover {
  color: #000;
  text-decoration: none;
}
button.btn_bm {
  background-color: #3ba5e7;
  color: #fff;
}
button.btn_bm:hover {
  background-color: #ff9000;
  color: #000;
  text-decoration: none;
}
.slideshow_content {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  flex-direction:column;
  z-index: 100;
}
div.about_pic {
/*  margin-top: 100px;*/
}
div.evcontent h4 {
  min-height: 50px;
}

.slideshow_content h1{
  font-size: 72px;
  font-weight: bolder;
  color: #fff;
  font-family: UTM Alexander
}
.slideshow_content p{
  font-size: 24px;
  color: #fff;
  filter: drop-shadow(2px 4px 8px black);
  text-shadow: 3px 3px 2px #000;
  font-family: UTM Alexander;
}
.slideshow_content .slideshow_btn{
  width: auto;
  margin-top: 30px;
}
/* Slideshow container */
.slideshow-container {
  max-width: 100%;
  position: relative;
  margin: auto;
  border-bottom: #222 1px solid;
}
.mySlides {
  border-bottom: #000 1px solid;
}
/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  z-index: 999999;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
  
  .topnav i.fa {
    display: none!important;
  }
}
@media only screen and (max-width: 360px) {
  div.img_menu_item {
    right: 24% !important;
  }
}

div.slideshow-navigation {
  z-index: 99999;
  position: absolute;
  top: 50%;
  width: 100%;
  left: 0;
  transform: translate(0, 50%);
}
div.opening {
  background: url(../images/bg_op15.png) repeat;
  padding: 7px;
  width: 1205px;
  margin: 0 auto;
  position: absolute;
  top: 560px;
  left: 0;
  right: 0;
  z-index: 99999;
}
div.opening_b {
  background-color: #297907;
  border: #1e5a93 1px solid;
  padding: 7px;
  display: flex;
  justify-content: space-between;
  margin: 0 0px;
}
div.opening_item {
  width: 33%;
  background: #60a92f;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 10px 0;
}
div.opening_item h3{
  font-size: 18px;
  font-weight: bolder;
  text-transform: uppercase;
  color: #ffc000;  
/*  font-family: UTM Alexander;*/
  margin-bottom: 10px;
}
div.opening_item p{
  font-size: 14px;
  color: #fff;
  min-height: 42px;
  text-align: center;
}
div.opening_item i.fa{
  margin-right: 10px;
  font-size: 18px!important;
  color: #fff!important;
}

div.content_center {
  width: 1205px;
  margin: 0 auto;
}

/*------About home------*/
div.about_home {
  width: 100%;
  margin-top: 30px;
}
div.booking_home, .gallery_home {
  width: 100%;
  margin-top: 30px;
}
div.title_center {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
div.title_center nav{
  display: none;
}
div.title_center img {
  margin: 10px 0;
  width: 10%;
}
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: transparent;
  border-radius: 4px;
}
div.center_about {
  width: 60%;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
div.title_center h2{
  font-size: 36px;
  color: #ff7200;
  font-weight: bolder;
  text-transform: uppercase;
  font-family: UTM Alexander
}
div.title_center h1{
  font-size: 36px;
  color: #ff7200;
  font-weight: bolder;
  text-transform: uppercase;
  font-family: UTM Alexander
}
div.title_center p{
  margin: 10px 0;
}
div.title_center img{
  margin: 10px 0;
}
div.center_about p{
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 15px;
}
div.gr_book_menu {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 50px;
}
div.book_menu_item {
  width: 50%;
  height: 325px;
  background-color: #aaa;
  display: flex;
  justify-content: stretch;
  align-items: center;
  flex-direction: column;
  padding: 20px 35px;
  color: #fff;
  position: relative;
}
div.book_menu_item h2{
  font-size: 36px;
  color: #fff;
  text-transform: uppercase;
  font-family: UTM Bebas;
  margin: 0;
}
div.book_menu_item p{
  margin: 15px 0;
  font-size: 16px;
  text-shadow: 0 0 1px #000;
  text-align: center;
}
div.book_menu_item button{
  position: absolute;
  bottom: 35px;
  left: 0;
  right: 0;
  width: fit-content;
  margin: 0 auto;
}
div.item_booking {
  background: url(../images/bg_booking.jpg) no-repeat;
}
div.item_menu {
  background: url(../images/bg_menu.jpg) no-repeat;
}
div.content_about {
  text-align: justify;
  margin-top: 30px;
  line-height: 22px;
}
div.content_about h3{
  color: #2f6aa0;
  font-size: 24px;
}
div.content_about ul{
  list-style-type: disc;
}
div.about_pic {
    border: #5b380a 1px solid;
    padding: 5px;
    background-color: #000;
    margin-bottom: 25px;
}
div.about_pic img{
    width: 100%;
}
/*------Shop home------*/
div.shop_home {
  width: 100%;
  margin-top: 70px;
}
div.center_shop {
  width: 100%;
}
div.center_shop {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 0 0px;
}
div.center_shop_product {
  width: calc(50% - 10px);
  margin: 0 10px 10px 10px;
  display: flex;
  flex-direction: column;
}
div.images_product {
  background-color: #000;
  border: #5b380a 1px solid;
  padding: 5px;
  display: table;
  cursor: pointer;
}
div.img_pro {
  background-color: #29282a;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 300px;
}
div.img_pro img {
  width: auto;
  height: auto;
}
div.center_shop_product div.img_pro {
  overflow: hidden;
}
div.center_shop_product div.img_pro img {
  width: 100%;
  height: 100%;
}
div.center_shop_product a{
  text-align: center;
  padding: 8px 0;
  color: #c6985c;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bolder;
  text-decoration: none;
  width: 100%;
}
div.list_product {
  width: 100%;
}
div.list_product div.item {
  width: 100%;
}
div.list_product div.item_child {
  width: 100%;
  display: flex;
  justify-content: left;
  margin: 0 0px;
}
div.list_product div.col-item {
  width: calc(33.33% - 20px);
  margin: 10px;
  background: transparent;
}

div.center_shop_product a:hover{
  color: #ff7200;
}
div.event_new {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 0 0px 40px 0px;
}
div.event_new_item {
  width: 50%;
  display: flex;
  justify-content: stretch;
  align-items: center;
  flex-direction: column;
  padding: 10px;
  color: #fff;
  position: relative;
}
div.garll_contact {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 0px 0px 20px 0px;
}
div.garll_contac_item {
  width: 50%;
  display: flex;
  justify-content: stretch;
  align-items: center;
  flex-direction: column;
  /*padding: 10px;*/
  color: #fff;
  position: relative;
}
div.contac_item_mid {
  padding: 5px;
  /*background-color: #000;
  border: #5b380a 1px solid;*/
  width: 100%;
  min-height: 325px;
  display: flex;
  align-items: center;
  justify-content: center;
}
div.contac_item_mid_md {
  padding: 5px;
  background-color: #29282a;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
div.text_gallery {
  position: absolute;
  top: 10%;
  margin: 0 auto;
  font-size: 36px;
  text-transform: uppercase;
  font-family: UTM Alexander;
  font-weight: bolder;
  text-shadow: 2px 0 #fff, -2px 0 #fff, 0 3px #fff, 0 -2px #fff, 3px 3px #fff, -3px -3px #fff, 3px -3px #fff, -3px 3px #fff;
  width: auto;
  display: table;
  color: #ff8200;
}
div.contac_item_mid img {
  width: 100%;
}
div.mid_contact {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  padding: 0 40px;
}
div.mid_contact h2{
  font-size: 30px;
  color: #fff;
  font-weight: bolder;
  text-transform: uppercase;
  font-family: UTM Alexander;
  margin-bottom: 15px;
}
div.event_new_item h2{
  font-size: 30px;
  color: #ff7200;
  font-weight: bolder;
  text-transform: uppercase;
  font-family: UTM Alexander;
  margin-bottom: 15px;
}
div.event_mid {
  background-color: #000;
  border: #5b380a 1px solid;
  padding: 5px;
  display: table;
  cursor: pointer;
}

div.carousel {
  background-color: #29282a;
  display: flex;
  align-items: center;
  justify-content: center;
}
div.carousel-inner {
  width: 100%;
}
div.carousel-inner div.item{
  width: 100%;
}
div.carousel-inner div.item div.evpic{
  width: 45%;
}
div.evpic img {
  width: 100%;
  float: left;
  height: 230px;
}
div.carousel-inner div.item div.evcontent{
  width: 55%;
  display: flex;
  flex-direction: column;
  float: left;
  padding: 0 10px 0 15px;
}
div.evcontent h4{
  min-height: 35px;
  max-height: 35px;
  overflow: hidden;
  color: #ff7200;
  font-size: 15px;
  text-transform: inherit;
  font-weight: bolder;
/*  font-family: UTM Alexander;*/
}
div.evcontent div.evcontent_des{
  color: #fff;
  font-size: 14px;
  text-align: justify;
  line-height: 18px;
  min-height: 118px
}
div.evcontent_des ul{
  list-style-type: none;
  padding: 0;
  margin: 0;
}
div.evcontent_des ul li{
  line-height: 18px;
}
div.evcontent_btn {
  display: flex;
  justify-content: center;
  padding: 10px 0;
}
.carousel-indicators {
  position: absolute;
  bottom: -30px;
  left: 0;
  z-index: 15;
  text-align: center;
  list-style: none;
  margin: 0 auto;
  right: 0;
}
/*---------Shop---------*/
div.pic_cate {
  background-color: #000;
  border: #5b380a 1px solid;
  padding: 3px;
}
div.pic_cate img{
  width: 100%;
}
div.shop {
  width: 100%;
  margin:10px 0;
  display: flex;
  flex-direction: column;
}
div.shop_cate {
  width: 100%;
  margin: 20px 0;
}
div.shop_cate div.shop_title {
  display: flex;
  justify-content: space-between;
  border-bottom: #29282a 1px solid;
  align-items: center;
}
div.shop_cate div.shop_title h2{
  color: #d19950;
  font-size: 24px;
  text-transform: uppercase;
  font-family: UTM Alexander;
  margin-top: 0;
}
div.shop_cate div.shop_title a{
  color: #d19950;
  font-size: 13px;
}
div.shop_cate div.shop_title a:hover{
  color: #ee7c21;
  text-decoration: none;
}
div.col-item {
    border-radius: 5px;
    background: #FFF;
}
div.list_product {
  position: relative;
  margin-top: 15px;
}
div.list_product div.carousel {
  background:transparent;
  font-family: UTM Alexander;
  padding: 0 15px;
  width: 100%;
}
div.list_product div.carousel-inner {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;;
  overflow: hidden;
}
div.list_product div.pull-right{
  z-index: 9999;
  width: 100%;
  float: none;
  position: absolute;
  top: 30%;

}
div.list_product div.pull-right a.left{
  position: absolute;
  left: 0;
  height: 30px;
  width: 30px;
  text-align: left;
}
div.list_product div.pull-right a.right{
  position: absolute;
  right: 0;
  height: 30px;
  width: 30px;
  text-align: right;
}
div.pic_pro {
  background-color: #000;
  border: #5b380a 1px solid;
  padding: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 170px;
  cursor: pointer;
}
div.pics {
  background-color: #111012;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  overflow: hidden;
  width: 100%;
  padding: 0px;
}
div.pic_pro img{
  width: 100%;
  height: auto;
}
div.col-item h4{
  font-size: 14px;
  text-align: center;
}
div.col-item h4 a{
  color: #d19950;
  text-transform: uppercase;
  font-family: UTM Alexander;
}
div.pro_price {
  color: #aaa;
  display: flex;
  justify-content: center;
  font-size: 16px;
}
div.pro_price span.price_old {
  padding: 0 10px;
  color: #aaa;
  text-decoration: line-through;
}
div.pro_price span.price {
  padding: 0 10px;
  color: #ff3c00;
}
div.list_product_cate {
  position: relative;
  margin-top: 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
}
div.list_product_cate div.col-item {
  width: calc(25% - 20px);
  margin: 10px;
  background: transparent;
}
div.list_product_other {
  width: 100%;
  margin-top: 30px;
}
div.pro_detail_image {
  width: 100%;
}
div.pro_detail_image div.mySlides_img{
  width: 100%;
  background-color:#13100e ;
  border: #5b380a 1px solid; 
  min-height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
}
div.mySlides_img img{
  width: 100%!important;
  height: 100%;
}
div.item div.thumb_list_item {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  /* margin: 0 -10px; */
  width: 100%;
}
div.thumb_slider_list {
  position: relative;
}
div.pullLR {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99999;
}
div.pullLR a.left{
  position: absolute;
  left: 0;
}
div.pullLR a.right{
  position: absolute;
  right: 0;
}
div.thumb_list_item div.col-item {
  width: calc(25% - 10px);
  margin: 0 5px;
  /* box-shadow: 0px 3px 5px rgb(0 0 0 / 4%); */
  border-radius: 0px;
  border: #5b380a 1px solid;
  background: transparent;
  padding: 2px;
  background-color: #000;
}
div.thumb_list_item div.col-item div.photo{  
  background: #111012;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
div.thumb_list_item div.col-item div.photo img{  
  max-height: 80px;
  min-height: 30px;
  width: 100%!important;
}
div.thumb_slider {
  margin: 10px 0;
}
div.thumb_slider div.carousel {
  background: transparent;
}
div.detail_info {
  width: 100%;
  color: #ccc;
}
div.detail_info div.pro_price{
  justify-content: flex-start;
  font-size: 18px;
  margin: 10px 0;
}
div.info_oder {
  border: #5b380a 1px solid;
  background-color: #111012;
  padding: 10px;
  color: #d19950;
  font-size: 18px;
  font-weight: 500;
}
div.des_info {
  margin-top: 10px;
}
div.des_info div.panel{
  margin-bottom: 10px;
}
.accordion {
  border: #5b380a 1px solid;
  background-color: #111012;
  color: #d19950;
  cursor: pointer;
  padding: 10px;
  width: 100%;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

button.accordion .active, .accordion:hover {
  background-color: #29282a;
}

.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}
.accordion:focus {
  border: #9a5906 1px solid;
  outline: 0px auto -webkit-focus-ring-color;
}
button.accordion .active:after {
  content: "\2212";
}

.panel {
  padding: 0 0px;
  background: transparent;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.panel p{
  margin-top: 10px;
}
/*------event news------*/
div.event_home {
  margin-top: 30px;
}
div.event_news {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 -5px;
}
div.event_news_item {
  width: calc(25% - 20px);
  display: flex;
  justify-content: left;
  flex-direction: column;
  margin: 15px 10px;
  color: #a9a8a8;
}
div.pic_news_item {
  background-color: #000;
  border: #5b380a 1px solid;
  padding: 3px;
  height: 170px;
  overflow: hidden;
  display: flex;
}
div.pic_news_item img{
  width: 100%;
  height: auto;
}
div.event_news_item h3{
  font-size: 14px;
  color: #d19950;
  font-family: UTM Alexander;
  margin: 8px 0px;
  min-height: 38px;
  line-height: 20px;
}
div.event_news_item h3 a{
  font-size: 14px;
  color: #ee7c21;
  font-family: UTM Alexander;
}
div.event_news_item h3 a:hover{
  color: #eeb121;
  text-decoration: none;
}
div.des_news_item{
  text-align: justify;
  line-height: 18px;
  font-size: 14px;
}
div.evdetail_img {
  width: 100%;
  display: flex;
  flex-direction: column;
}
div.evdetail_img img{
  width: 100%;
  margin-bottom: 10px;
}
div.event_detail {
  text-align: justify;
}
div.event_detail h1, h2, h3, h4{
  color: #ff7200;
  margin: 10px 0;
}
div.event_detail h1 {
  font-size: 24px;
}
div.event_detail h2 {
  font-size: 18px;
}
div.event_detail h3 {
  font-size: 16px;
}
div.event_detail h4 {
  font-size: 14px;
}
div.event_detail ul {
  margin-left: 20px;
}
div.event_detail p {
  margin-bottom: 5px;
}
div.event_news_other {
  width: 100%;
  margin: 15px 0;
}
div.event_news_other_title{
  display: flex;
  justify-content: space-between;
  border-bottom: #29282a 1px solid;
  align-items: center;
}
div.event_news_other_title h2{
  color: #ffc107;
  font-size: 24px;
  text-transform: uppercase;
  font-family: UTM Alexander;
  margin-top: 0;
}
.carousel-indicators li {
  background-clip: initial!important;
  background-color: #767576!important;
  border: 1px solid #767576!important;
  margin: 1px 3px!important;
}
.carousel-indicators .active {
  width: 10px;
  height: 10px;
  margin: 1px 3px!important;
  border: #c6985c 1px solid;
  background-color: #c6985c;
}

/*------Booking Contact------*/
div.content_home {
  margin-top: 30px;
}
div.contact_right {
  width: 100%;
}
div.date_booking {
  position: relative;
  width: 100%;
}
div.date_booking a{
  position: absolute;
  top: 8px;
  right: 10px;
}
div.contact_right h4{
  color: #c6985c;
  font-size: 24px;
  text-transform: uppercase;
  font-family: UTM Alexander;
  margin: 0;
}
div.contact_right ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 15px;
  line-height: 24px;
  font-weight: 300;
}
div.contact_map {
  border: #5b380a 1px solid;
  padding: 5px;
  background-color: #000;
  margin-top: 10px;
  display: flex;
}
div.contact_btn {
  display: flex;
  justify-content: flex-end;
}
/*------footer------*/
.home-contact {
  background-color: #0a0603;
  border-top: #27180d 1px solid;
  color: #fff;
  width: 100%;
  margin-top: 15px;
  padding: 10px 0;
}
div.footer_map {
  display: grid;
  grid-template-columns: 3fr 1fr;
  grid-gap: 10px;
  padding: 10px 0;
  background: #080808;
  border-top: 1px solid #342511;
  margin: 0 10px;
}
div.footer {
  width: 100%;
  display: table;
  line-height: 40px;
  background-color: #e97300;
  color: #fff;
  text-align: center;
  font-size: 14px;
/*  margin-top: 40px;*/
}
div.footer a{
  color: #fff;
  font-weight: bolder;
  text-decoration: none;
}
/*------Thực đơn-----*/
div.content_menu {
  width: 100%;
}
div.content_menu div.tab{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
div.content_menu div.tab button{
  width: auto;
  background-color: #4491d8;
  padding: 0px 10px;
  border-radius: 6px;
  line-height: 34px;
  color: #fff;
  font-size: 14px;
  border: 0;
  margin: 0 2px;
}
div.content_menu div.tab button:hover{  
  color: #ff7200;
  text-decoration: none;
  outline: 0px auto -webkit-focus-ring-color;
}
div.content_menu div.tab button.active{  
  color: #fff;
  background-color: #ff8a00;
  text-decoration: none;
  outline: 0px auto -webkit-focus-ring-color;
}
div.menu_mid {
  width: 100%;
  margin: 10px 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
div.menu_mid div.menu_item {
  width: calc(50% - 30px);
  margin: 10px 15px;
  display: flex;
  flex-direction: column;
}
div.menu_item div.menu_item_title {
  width: 100%;  
}
div.menu_item div.menu_item_title h2{
  font-size: 36px;  
  text-align: center;
  font-family: UTM Azuki;
  color: #d19950;
}
div.menu_item_content {
  border: #aaa 1px solid;
  padding: 5px;
  background-color: #fff;
  height: 100%;
}
div.menu_item_content div.menu_list{
  padding: 15px;
  background-color: #f9f9f9;
  height: 100%;
  position: relative;
}
div.menu_list div.menu_list_row{
  display: flex;
  justify-content: space-between;
  border-bottom: #222222 1px solid;
  font-family: UTM Flamenco;
  font-size: 16px;
  color: #222;  
  align-items: center;
  line-height: 30px;
}
div.img_menu_item {
  position: absolute;
  bottom: 0px;
  right: 27%;
  margin: 0 auto;
  text-align: center;
}
div.menu_list_row div.food_name{

}
div.gallery_content {
  width: 100%;
}
div.gallery_content div.gallery_full{
  width: 100%;
  display: grid;
  padding: 0 0px;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
div.gallery_full a{
  height: 200px;
  overflow: hidden;
  display: flex;
  align-items: center;
}
div.gallery_full img {
  width: 100%;
  height: auto;
}
div.fancybox-container {
  z-index: 999999999!important;
}

/*fanpage*/
.fpage {
/*  position: fixed;*/
  bottom: 40px;
  right: 5px;
  z-index: 99999999;
}
/*-------------------------mobile----------------------------*/
@media (min-width:280px) and (max-width:720px) {
  div.contact_right {
    width: 100%;
    display: none;
  }
  div.contact-info {
    background: #3ba5e7;
    color: #fff;
    padding: 10px;
    margin-top: 10px;
  }
  div.contact-info h3{
    color: #fff;
  }
  div.midd_top section {
    width: 100%;
    height: 160px!important;
  }
  .fpage {
    position: fixed;
    bottom: 0px;
    right: 0px;
    z-index: 999999;
/*    display: none;*/
  }
  div.footer_map {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 10px;
    padding: 10px 0px;
    border-top: 1px solid #342511;
  }
  .contact_FB {
    text-align: center;
  }
  .home-contact {
    width: 100%;
    background: #fff;
    padding: 0px 0;
    margin-top: 0px;
    color: #444;
}
  span.kims {
    
  }
  div.midd_top {
    min-height: 80vh;
  }
  .slideshow {
    position: relative;
    border-bottom: #333 1px solid;
  }

  .mySlides {
    border-bottom: #000 1px solid;
    height: 160px;
    overflow: hidden;
  }
  .mySlides img{
    height: 160px;
    width: auto;
  }
  .slide {
    height: 160px!important;
    border-bottom: #000 1px solid;
  }
  .slide img{
    height: 160px!important;
  }
  .slide-image {
    height: 160px!important;
    background-size: 100% 160px!important;
  }
  div.slideshow_content h2 {
    font-size: 20px;
  }
  section {
    width: 100%;
    height: 160px!important;
  }
  div.gallery_full a {
    height: 120px;
    overflow: hidden;
    display: flex;
    align-items: center;
  }
  div.evcontent div.evcontent_des {
    color: #444;
    font-size: 14px;
    text-align: justify;
    line-height: 18px;
    min-height: 70px;
  }
  div.gallery_content div.gallery_full {
    width: 100%;
    display: grid;
    padding: 0 0px;
    grid-template-columns: repeat(2, 1fr);
    gap: 5px;
  }
  div.event_news {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 -5px;
  }
  /*div.event_detail_des img {
    width: 25px;
    height: 25px;
  }*/
  div.event_detail_des h2 img {
    width: auto;
  }
  select {
    background-color: #111012;
    border: #765428 1px solid;
    height: 34px;
    width: 100%;
    margin-bottom: 10px;
  }
  .btn {
    padding: 5px 10px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: bolder;
    margin: 0 2px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    text-decoration: none;
  }
  div.contact_btn {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
  }
  div.header {
    width: 100%;
    margin: 0 auto;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999999;
    padding: 5px 0px;
    background-color: #0e192b;
  }
  div.header_hotline {
    width: 30%;
    display: none;
  }

  div.header_top div.hotline {
    color: #eab13d;
    font-size: 13px;
  }
  .navbar-toggler {
    width: auto;
    margin-left: 10px;
    padding: 5px 10px;
    display: flex;
    justify-content: left;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(43, 86, 133, 1.0)!important
  }
  .navbar-toggler:focus {
    border-width: 1px;
    border-style: solid;
    border-color: rgb(234, 106, 28, 1.0)!important;
    box-shadow: none;
  }
  .navbar-toggler .fa{
    color: #eee!important;
  }
  div.header_logo {
    width: 50%;
  }
  div.header_logo img{
    width: 100%;
  }
  div.header_right {
    width: auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 10px;
  }
  div.header_menu {
    width: 100%;
    display: flex;
    justify-content: space-between;
    background-color: rgb(255, 255, 255, 0.15);
    padding: 0px;
    border-radius: 0px;
    font-family: UTM Alexander;
    position: absolute;
    top: 100%;
  }
  .topnav i.fa {
    color: #edcbb6!important;
    font-size: 8px;
    display: none;
  }
  div.topnav {
    background-color: #11508a;
    overflow: hidden;
    width: 100%;
    display: flex;
    border-radius: 0px;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
  }
  .topnav a {
    color: #ccc;
    text-align: center;
    padding: 0px 16px;
    text-decoration: none;
    font-size: 16px;
    line-height: 40px;
    text-transform: uppercase;
    width: 100%;
    border-top: #2f6aa0 1px solid;
    border-bottom: #0b3b67 1px solid;
  }
  .topnav a.active {
    color: #fff000;
  }
  .banner {
    position: relative;
    height: auto;
  }
  .banner h2 {
    font-size: 24px;
    font-weight: bolder;
    color: #fff;
    font-family: UTM Habano;
    text-shadow: 0px 2px 3px #04115b;
  }
  .banner_about, .banner_shop, .banner_event, .banner_booking, .banner_gallery, .banner_contact, .banner_news {
    background-size: 100% 180px;
    height: 180px;
  }
  .mt60 {
    margin-top: 30px!important;
  }
  div.content_about {
    text-align: justify;
    margin-top: 10px;
    line-height: 22px;
  }
  div.about_pic {
    border: #5b380a 1px solid;
    padding: 5px;
    background-color: #000;
    margin-bottom: 0px;
  }
  div.slideshow {
    width: 100%;
    border-top: #074279 1px solid;
     display: flex;
    align-items: center;
  }
  .slideshow_content h1 {
    font-size: 24px;
    font-weight: bolder;
    color: #fff;
    font-family: UTM Alexander;
  }
  .slideshow_content p {
    font-size: 14px;
    color: #fff;
    text-align: center;
    width: 80%;
  }
  .slideshow_content .slideshow_btn {
    width: auto;
    margin-top: 0px;
  }
  .slideshow_content {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    flex-direction: column;
    z-index: 99;
  }
  div.about_home, .booking_home, .event_home, .gallery_home {
    width: 100%;
    margin-top: 10px!important;
    padding: 0 10px;
  }
  div.title_center h2 {
    font-size: 20px;
    color: #ff7200;
    font-weight: bolder;
    text-transform: uppercase;
    font-family: UTM Alexander;
  }
  div.event_mid {
    border: #aaa 0px solid;
    padding: 0px; 
    background-color: #fff;
  }
  div.carousel {
    padding: 0;
    background-color: transparent;
    height: 100%!important;
  }
  div.content_center {
    width: 100%;
    margin: 0 auto;
  }
  div.opening {
    background: transparent;
    padding: 7px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999;
  }
  div.opening_b {
    background-color: #fff;
    border: #3ba5e7 1px solid;
    padding: 3px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    margin: 0 0px;
  }
  div.opening_item h4 {
    font-size: 16px;
    font-weight: bolder;
    text-transform: uppercase;
    color: #ff7200;
    font-family: UTM Alexander;
    margin: 5px;
  }
  div.opening_item p {
    font-size: 13px;
    color: #fff;
    margin-bottom: 0;
    padding: 0px 5px;
  }
  div.opening_item:first-child {
    width: 100%;
    background: #3ba5e7;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 10px 0;
    margin-top: 0px;
  }
  div.opening_item {
    width: 100%;
    background: #3ba5e7;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 10px 0;
    margin-top: 1px;
  }
  div.opening_item:last-child {
    width: 100%;
    background: #3ba5e7;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 10px 0;
    margin-top: 1px;
  }
  div.center_about {
    width: 100%;
    font-size: 15px;
    line-height: 22px;
    text-align: center;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: justify;
  }
  div.center_shop {
    width: 96%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
  }
  div.title_center img {
    margin: 5px 0;
    width: 20%;
  }
  div.event_new_item h2 {
    font-size: 20px;
    color: #ff7200;
    font-weight: bolder;
    text-transform: uppercase;
    font-family: UTM Alexander;
    margin-bottom: 15px;
    margin-top: 30px;
  }
  .carousel-indicators {
    position: absolute;
    bottom: -20px;
    left: 0;
    z-index: 15;
    text-align: center;
    list-style: none;
    margin: 0 auto;
    right: 0;
  }
  div.center_shop_product {
    width: calc(50% - 4px);
    margin: 10px 2px;
    display: flex;
    flex-direction: column;
  }
  div.images_product {
    background-color: #000;
    border: #5b380a 1px solid;
    padding: 2px;
    display: table;
    cursor: pointer;
  }
  div.img_pro {
    background-color: #29282a;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 140px;
    overflow: hidden;
  }
  div.img_pro img {
    width: 100%;
    height: auto;
  }
  div.center_shop_product a {
    text-align: center;
    padding: 8px 0;
    color: #c6985c;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bolder;
    text-decoration: none;
    width: 100%;
  }
  div.gr_book_menu {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
    margin: 0 auto;
  }
  div.book_menu_item {
    width: 100%;
    height: auto;
    background-color: #aaa;
    display: flex;
    justify-content: stretch;
    align-items: center;
    flex-direction: column;
    padding: 10px 20px;
    color: #fff;
    position: relative;
  }
  div.event_new {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0 0px 40px 0px;
    flex-direction: column;
  }
  div.event_new_item {
    width: 100%;
    display: flex;
    justify-content: stretch;
    align-items: center;
    flex-direction: column;
    padding: 0 10px;
    margin: 0 0 15px 0;
    color: #fff;
    position: relative;
  }
  div.garll_contact {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0px 0px 20px 0px;
    flex-direction: column;
  }
  div.garll_contac_item {
    width: 100%;
    display: flex;
    justify-content: stretch;
    align-items: center;
    flex-direction: column;
    padding: 10px;
    color: #fff;
    position: relative;
  }
  div.contac_item_mid {
    border: #5b380a 1px solid;
    padding: 5px;
    background-color: #000;
    width: 100%;
    min-height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  div.text_gallery {
    position: absolute;
    margin: 0 auto;
    font-size: 36px;
    text-transform: uppercase;
    font-family: UTM Alexander;
    font-weight: bolder;
    text-shadow: 2px 0 #fff, -2px 0 #fff, 0 3px #fff, 0 -2px #fff, 3px 3px #fff, -3px -3px #fff, 3px -3px #fff, -3px 3px #fff;
    width: auto;
    display: table;
    color: #ff8200;
  }
  div.event_mid div.item {
    border: #aaa 1px solid;
    padding: 5px;
    background-color: #fff;
    flex-direction: column;
    margin: 10px 0;
  }
  .carousel-inner>.item {
    position: relative;
  }
  div.event_mid div.item div.evpic{
    width: 100%;
    display: table;
  }
  div.event_mid div.item div.evcontent{
    width: 100%;
    padding: 0;
  }
  div.evcontent h4 {
    color: #11508a;
    font-size: 15px;
    line-height: 22px;
    text-transform: uppercase;
    font-family: UTM Alexander;
    padding: 10px 0;
    text-align: center;
  }
  div.item_booking {
    background: url(../images/bg_booking.jpg) no-repeat;
    background-size: 100% 170px;
    height: 170px;
    margin-top: 20px;
  }
  div.item_menu {
    background: url(../images/bg_menu.jpg) no-repeat;
    background-size: 100% 100%;
    background-size: 100% 170px;
    height: 170px;
    margin-top: 10px;
  }
  div.book_menu_item h2 {
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    font-family: UTM Bebas;
    margin: 0;
  }
  div.book_menu_item p {
    margin: 15px 0;
    font-size: 14px;
    text-shadow: 0 0 1px #000;
    text-align: center;
  }
  div.book_menu_item button {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    width: fit-content;
    margin: 0 auto;
  }
  div.shop_home {
    width: 100%;
    margin-top: 40px;
  }
  div.footer {
    width: 100%;
    display: table;
    line-height: 40px;
    background-color: #e67a0a;
    color: #fff;
    text-align: center;
    font-size: 14px;
    margin-top: 15px;
  }
  div.pic_news_item {
    background-color: #fff;
    border: #aaa 1px solid;
    padding: 3px;
    height: 120px;
    overflow: hidden;
    display: flex;
  }
  div.event_news_item {
    width: calc(50% - 14px);
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    margin: 15px 7px;
    color: #444;
  }
  div.list_product div.item_child {
    width: 100%; 
    display: table;
    margin: 0 0px;
  }  
  div.pic_cate {
    background-color: #000;
    border: #5b380a 1px solid;
    padding: 3px;
    display: none;
  }
  div.list_product div.col-item {
    width: 100%;
    margin: 0 0 20px 0;
    background: transparent;
  }
  div.list_product div.col-item h4 {
    font-size: 14px;
    text-align: center;
    margin: 10px 0 5px 0;
  }
  div.shop_cate div.shop_title h2 {
    color: #d19950;
    font-size: 18px;
    text-transform: uppercase;
    font-family: UTM Alexander;
    margin-top: 0;
  }
  div.list_product div.pull-right {
    z-index: 9999;
    width: 100%;
    float: none;
    position: absolute;
    top: 26%;
  }
  div.mid_contact h2 {
    font-size: 24px;
    color: #fff;
    font-weight: bolder;
    text-transform: uppercase;
    font-family: UTM Alexander;
    margin-bottom: 15px;
  }
  div.list_product_cate {
    position: relative;
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  div.list_product_cate div.col-item {
    width: calc(100% - 0px);
    margin: 10px 0;
    background: transparent;
  }  
  div.menu_mid div.menu_item {
    width: calc(100% - 0px);
    margin: 10px 0px;
  }



}

/*-------------------------Tabtable----------------------------*/
@media (min-width:768px) and (max-width:912px) {
  div.content_about .col-md-6{
    width: 100%!important;
    max-width: 100%!important;
    flex: 100%!important;
  }
  .fpage {
    position: fixed;
    bottom: 40px;
    right: 20px;
    z-index: 999999;
/*    display: none;*/
  }
  .banner {
    position: relative;
    margin-top: 80px;
  }
  .banner h2 {
    font-size: 24px;
    font-weight: bolder;
    color: #fff;
    font-family: UTM Habano;
    text-shadow: 0px 2px 3px #04115b;
  }
  div.content_about, .content_home, .content_center {
    padding: 0 10px;
  }
  div.evcontent div.evcontent_des {
    color: #ddd;
    font-size: 14px;
    text-align: left;
    line-height: 18px;
    height: 124px;
    min-height: 124px!important;
    overflow: hidden;
  }
  div.evcontent_btn {
    display: flex;
    justify-content: center;
    padding: 10px 0 0 0;
  }
  div.evcontent h4 {
    height: 35px;
    overflow: hidden;
  }
  div.contac_item_mid {
    border: #5b380a 1px solid;
    padding: 5px;
    background-color: #000;
    width: 100%;
    min-height: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .mt60 {
    margin-top: 30px!important;
  }
  .banner h2{
/*    margin-top: 110px;*/
  }
  .prev, .next {
    top : 60%;
  }
  div.header {
    width: 100%;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
  }
  div.header_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0 15px;
  }
  .slideshow_content h1 {
    font-size: 36px;
    font-weight: bolder;
    color: #fff;
    font-family: UTM Alexander;
  }
  .slideshow-container {
    max-width: 100%;
    position: relative;
    margin: auto;
  }
  .slideshow_content p {
    font-size: 16px;
    color: #fff;
  }
  div.opening {
    background: url(../images/bg_op15.png) repeat;
    padding: 7px;
    width: 100%;
    margin: 0 auto;
    position: unset;
    z-index: 99999;
  }
  div.opening_item {
    width: 33%;
    background: #1f3761;
    display: flex;
    align-items: center;
    justify-content: start;
    flex-direction: column;
    padding: 10px 10px;
  }
  div.opening_item h4 {
    font-size: 15px;
    font-weight: bolder;
    text-transform: uppercase;
    color: #ff7200;
    font-family: UTM Alexander;
    margin-bottom: 10px;
    text-align: center;
  }
  div.opening_item p {
    font-size: 14px;
    color: #fff;
    padding: 0 10px;
    text-align: center;
  }
  div.content_center {
    width: 100%;
    margin: 0 auto;
  }
  .form-booking{
    flex: 0 0 41.666667% !important;
    max-width: 41.666667% !important;
  }
  .contact-info{
    flex: 0 0 58.333333% !important;
    max-width: 58.333333% !important;
  }
  .time-booking{
    padding-right: 5px !important;
  }
  div.gallery_full img {
    width: 100%;
    height: 150px !important;
  }
  div.pic_cate {
    margin-top: 45px;
}
  .topnav a {
    color: black;
    text-align: center;
    padding: 0px 8px;
    text-decoration: none;
    font-size: 10px;
    line-height: 40px;
    text-transform: uppercase;
    white-space: nowrap;
  }
  div.center_about {
    width: 90%;
    font-size: 15px;
    line-height: 22px;
    text-align: center;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  div.book_menu_item {
    width: calc(50% - 20px);
    margin: 0 10px;
    height: 200px;
    background-color: #aaa;
    display: flex;
    justify-content: stretch;
    align-items: center;
    flex-direction: column;
    padding: 10px 20px;
    color: #fff;
    position: relative;
  }
  div.item_menu {
    background: url(../images/bg_menu.jpg) no-repeat;
    background-size: 100% 100%;
    background-size: 100% 200px;
    height: 200px;
  }
  div.item_booking {
    background: url(../images/bg_booking.jpg) no-repeat;
    background-size: 100% 200px;
    height: 200px;
  }
  div.book_menu_item p {
    margin: 15px 0;
    font-size: 14px;
    text-shadow: 0 0 1px #000;
    text-align: center;
  }
  div.book_menu_item button {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    width: fit-content;
    margin: 0 auto;
  }
  div.shop_home {
    width: 100%;
    margin-top: 30px;
  }
  div.center_shop_product {
    width: calc(50% - 20px);
    margin: 0 10px 10px 10px;
    display: flex;
    flex-direction: column;
  }
  div.images_product {
    background-color: #000;
    border: #5b380a 1px solid;
    padding: 5px;
    display: flex;
    cursor: pointer;
  }
  div.img_pro {
    background-color: #29282a;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 270px;
    overflow: hidden;
    width: 100%;
  }
  div.title_center h2 {
    font-size: 24px;
    color: #ff7200;
    font-weight: bolder;
    text-transform: uppercase;
    font-family: UTM Alexander;
  }
  div.event_new_item h2 {
    font-size: 24px;
    color: #ff7200;
    font-weight: bolder;
    text-transform: uppercase;
    font-family: UTM Alexander;
    margin-bottom: 15px;
  }

}

@media (min-width:768px) and (max-width:1205px) {
  div.content_center {
    width: 100%;
    margin-top:  82px;
  }
  div.opening {
    background: url(../images/bg_op15.png) repeat;
    padding: 7px;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    top: 690px;
    left: 0;
    right: 0;
    z-index: 99999;
  }
  div.header {
    width: 100%;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999999;
  }
  #myTopnav i{
    display: none;
  }
  .topnav a {
    color: black;
    text-align: center;
    padding: 0px 5px;
    text-decoration: none;
    font-size: 10px;
    white-space: nowrap;
    line-height: 40px;
    letter-spacing: 2px;
    text-transform: uppercase;
  }
}

/*-----------------------------------------------------------*/
section {
   width: 100%;
   height: 630px!important
}