/* ============================================================
   ZEERA — BASE STYLESHEET  (used rules only)
   ============================================================ */

:root {
	--p: #84a59d;
	--color-primary: linear-gradient(131deg,rgba(0, 124, 169, 1) 0%, rgba(41, 198, 255, 1) 100%);
	/* --color-primary: linear-gradient(90deg, rgba(182,151,104,1) 67%, rgba(243,208,140,1) 91%); */
	--color-dark: #0a0a0a;
	--color-light: #f7ede2;
	--c1: #202020;
	--c2: linear-gradient(131deg,rgba(0, 124, 169, 1) 0%, rgba(41, 198, 255, 1) 100%);
	/* --c2: linear-gradient(90deg, rgba(182,151,104,1) 67%, rgba(243,208,140,1) 91%); */
	--f1: 'Poppins', sans-serif;
}

/* ── Reset & Base ── */
html, body {
	min-height: 100vh;
	background: #fff;
	font-family: var(--f1);
	font-size: 18px;
	line-height: 1;
	color: var(--color-dark);
}

a {
	color: inherit;
	transition: all 0.3s ease-out;
}
a:hover { text-decoration: none; }

img { width: 100%; }

h1, h2, h3, h4, h5, h6 {
	line-height: 1;
	letter-spacing: 2px;
	font-weight: 400;
	font-family: var(--f1);
	text-transform: uppercase;
}
h1 { font-size: 48px; }
h2 { font-size: 39px; }
h3 { font-size: 36px; }
h6 { font-size: 24px; }

p {
	font-size: 17px;
	line-height: 23px;
	margin: 0;
}

/* ── Buttons ── */
.btn {
	display: inline-block;
	padding: 10px 20px;
	font-size: 18px;
	font-weight: 600;
	color: var(--color-dark);
	background: var(--color-primary);
	border-radius: 0;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 2px;
	border: 0;
}
.btn:focus, .btn:hover {
	background: var(--c2);
	color: var(--color-light);
}
.btn.btn-light {
	color: var(--color-dark);
	border-color: var(--color-light);
}
.btn.btn-light:focus, .btn.btn-light:hover {
	background: var(--c2);
	color: var(--color-light);
}
.btn.btn-light-1,
a.btn-light-1 {
	display: inline-block;
	padding: 10px 20px;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var(--color-dark);
	background: var(--color-primary);
	border: none;
	border-radius: 0;
	transition: all 0.3s ease;
}
.btn.btn-light-1:hover, a.btn-light-1:hover {
	background: var(--c2);
	color: var(--color-light);
}
a.btn.btn1 { color: var(--color-dark); }

/* ── Layout helpers ── */
.desktop { margin-left: 10px; background-color: var(--c2); color: var(--color-light); }
.mobile  { display: none; }

/* ── Header ── */
header {
	position: absolute;
	left: 0; top: 0;
	width: 100%;
	z-index: 88888;
	background-color: #21110cc9;
}
/* header img { filter: brightness(6.5); }	` */
header.on img, header.fixed img { filter: brightness(1); }

header.fixed {
	box-shadow: 0 0 10px #0000003d;
	background: #21110cc9;
	position: fixed;
	top: -200px;
}
header.fixed.animate {
	top: 0;
	transition: all 1s ease-out;
}
header.on { background: #21110cc9; }

header .pre { padding: 5px 0; display: none; }
header .pre a { font-size: 13px; margin: 0; line-height: 10px; color: var(--color-light); border-radius: 5px; }
header.fixed .pre a i { color: #ddc362; }
header .pre .left a { padding-right: 10px; }
header .pre a i { color: var(--color-light); }
header.fixed .pre { border-bottom: 1px solid var(--color-primary); display: none; }
header.fixed .pre a { color: #ddc362; margin-bottom: 0; padding: 10px 15px; font-weight: 600; }

header .navbar { padding: 5px; }
header .navbar .navbar-brand { padding: 0; }
header .navbar .navbar-brand img { width: auto; height: 85px; }
header .navbar .navbar-brand img:first-child { display: none; }
header.fixed .navbar .navbar-brand img:first-child { display: block; }
header.fixed .navbar .navbar-brand img:last-child { display: none; }

header .navbar .navbar-nav .nav-link {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 600;
	padding: 8px 15px;
	margin: 0 3px;
	position: relative;
	border-radius: 3px;
	color: var(--color-light);
}
header .navbar .navbar-nav .active .nav-link,
header .navbar .navbar-nav .nav-link:hover { color: var(--color-light); background: var(--c2); }
header.fixed .navbar .navbar-nav .nav-link { color: #fff; }
header.fixed .navbar .navbar-nav .active .nav-link,
header.fixed .navbar .navbar-nav .nav-link:hover { color: var(--color-light); }
header.on .navbar .navbar-nav .nav-link { color: #fff; }
header.on .navbar .navbar-nav .active .nav-link,
header.on .navbar .navbar-nav .nav-link:hover { color: var(--color-light) !important; }
header.on button { color: #ab915a; box-shadow: 0 0 0 2px #a28752; }

/* ── Nav CTA buttons ── */
.btnNew {
	float: left;
	min-width: 150px;
	max-width: 250px;
	display: block;
	padding: 10px 2rem;
	border: none;
	background: none;
	color: inherit;
	vertical-align: middle;
	position: relative;
	font-weight: 600;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	border: 2px solid transparent;
	text-transform: uppercase;
	text-align: center;
	outline-offset: 3px;
	border-radius: 3px;
}
.btnNew::before, .btnNew::after {
	content: '';
	border-radius: inherit;
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	z-index: -1;
	transition: transform 0.3s, background-color 0.3s;
	transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
}
.btnNew::after { background: var(--c2); }
.btnNew:hover::after { background-color: var(--color-primary); color: #fff !important; }
.btnNew:hover { color: #000 !important; }

/* ── Owl carousel dots ── */
.owl-dots {
	position: absolute;
	transform: translateX(-50%);
	left: 50%;
	bottom: 20px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.owl-dots button {
	width: 15px; height: 15px;
	border: 1px solid var(--color-primary) !important;
	display: flex; align-items: center; justify-content: center;
	outline: none; margin: 0 5px;
}
.owl-dots button span { height: 70%; width: 60%; display: block; }
.owl-dots button.active span { background: var(--color-primary); }

/* ── About section ── */
.about_sect_nrew { padding: 100px 0; }
.title_sub { max-width: unset !important; text-align: center; padding-bottom: 30px; }
.title_sub h3 { color: var(--c2); font-weight: 600; }
.title_sub h2 { font-size: 30px; color: #000; font-weight: 600; }
.title_sub .divider_new::after, .title_sub .divider_new::before { background: var(--c2); height: 2px; }
.about_sect_nrew h6 { font-size: 15px; line-height: 20px; font-weight: 600; }
.content_tav { text-align: center; }
.content_tav p { margin-bottom: 25px; }
.divider_new { width: 100%; position: relative; }
.divider_new::after, .divider_new::before {
	position: absolute; top: 0;
	left: 50%; transform: translateX(-50%);
	height: 1px; width: 100px;
	background: #fff; content: "";
}
.divider_new::before { top: 5px; }

a.new {
	background: #a88c55;
	padding: 10px;
	color: #fff;
	text-transform: uppercase;
}

/* ── Location / Pattern section ── */
.section.pattern-section {
	background-image: linear-gradient(180deg, rgba(198,191,181,0.5), rgba(198,191,181,0.5)), url(img/bg2.jpg);
	background-position: 0 0, 0 0;
	background-size: cover;
	padding: 100px 0;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.contactc { display: flex; align-items: stretch; justify-content: center; }
.contact-card { display: flex; margin: 0 15px; padding: 12px; flex: 1; background-color: #fff; box-shadow: 0 1px 2px 0 rgb(0 0 0/12%); }
.contact-card-info {
	display: flex; margin-right: 6px; padding: 40px 28px 48px;
	flex-direction: column; justify-content: center; align-items: center;
	flex: 1; border: 1px solid #e3e3e3; text-align: center;
}
.big-icon { width: 64px; opacity: 0.8; }
.contact-card-info h3 { margin-top: 20px; margin-bottom: 10px; font-size: 32px; line-height: 1.2em; font-weight: 400; text-transform: uppercase; }
.divider { width: 70px; height: 4px; margin-top: 8px; margin-bottom: 8px; border-top: 1px solid #343a40; border-bottom: 1px solid #343a40; }
.grey-text { margin-top: 8px; color: #aaa; }
.contact-card-link { margin: 5px 0; color: #111; line-height: 1.1em; text-decoration: none; }
.contactc a { font-size: 16px; margin: 5px 0; display: block; color: var(--color-dark); }
.working-hours { position: relative; width: 35%; margin: 0 15px; }

/* ── topCv text blocks ── */
.topCv.text-left {
	background: #fff; padding: 20px 40px;
	position: relative; left: -110px;
	z-index: 55; outline: 20px solid #fff;
	top: -27px; border: 2px solid #a88c5582;
}
.topCv.text-right {
	background: #fff; padding: 80px 70px;
	position: relative; left: 70px;
	z-index: 55; outline: 20px solid #fff;
	top: -20px; border: 2px solid #a88c5582;
}

/* ── testMon / parallax CTA ── */
.testMon {
	padding: 100px 0;
	background-size: cover !important;
	background-attachment: fixed !important;
	border: 10px solid #fff;
}
.testMon h2 { font-size: 50px; font-weight: 700; color: #fff; }
.testMon h5 { font-size: 40px; margin: 10px 0 20px; color: #fff; font-weight: 200; }
.testMon .item { padding: 50px 30px; background: #0000008f; color: #fff; text-align: center; border-radius: 5px; }

/* ── mainLIGHT sections ── */
.mainLIGHT { padding: 100px 0; text-align: center; position: relative; z-index: 1; background: var(--color-primary); }
.mainLIGHT img { border-radius: 5px; }
.mainLIGHT h5 { font-size: 25px; font-weight: 600; color: var(--c2); }

/* ── Video row ── */
video { transform: translateY(0%); width: 100%; height: 100%; }

/* ── Awards marquee ── */
.logoMarqueeSection { padding: 40px 0; background-color: transparent; }
#logoMarqueeSection { max-width: 1920px !important; margin: 0 auto; }
.default-content-container { margin: 0 auto; padding-top: 4.5rem; padding-bottom: 4.5rem; width: 100%; min-height: 100vh; }
.logoMarqueeSection > div > div { padding-top: 0; padding-bottom: 0; min-height: 0; }
.marquee-wrapper { display: inline-block; white-space: nowrap; }
.marquee { display: inline-block; white-space: nowrap; position: relative; transform: translate3d(0%,0,0); animation-name: marquee; animation-timing-function: linear; animation-iteration-count: infinite; }
.marquee a { display: inline-block; white-space: nowrap; padding-right: 1rem; }
.marquee-wrapper:hover .marquee { animation-play-state: paused !important; }
@keyframes marquee {
	0%   { transform: translate3d(0%,0,0); }
	100% { transform: translate3d(-100%,0,0); }
}
div.marquee > a > img { height: 240px; }
.logoMarqueeSection span { width: 100px; height: 2px; display: table; margin: 0 auto 30px; background-color: #b1a585; }

/* ── Gallery ── */
.gallery { padding: 100px 0; }
.gallery #lightgallery { display: flex; flex-wrap: wrap; margin-top: 15px; }
.gallery #lightgallery a {
	display: block; margin: 10px; position: relative;
	width: calc(33.333% - 20px); flex-grow: 1; height: 300px;
	background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;
	border-radius: 3px; transform: translateX(0) translateY(0);
	border: 2px solid var(--color-primary);
}
.gallery #lightgallery a:nth-child(4n) { width: calc(66.666% - 20px); }
.gallery #lightgallery a:hover { border: 2px solid var(--color-dark); box-shadow: 0 0 0 3px var(--color-dark); }

/* ── Testimonials ── */
.home-2 {
	padding: 70px 0 80px;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
	background-size: cover;
}
.home-2 h2 { color: #000; font-weight: 600; }
.home-2 .testimonial { width: 50%; text-align: center; margin: 0 auto; }
.home-2 .testimonial q { font-size: 18px; color: var(--color-dark); font-style: italic; text-align: center; line-height: 1.5; }
.home-2 .testimonial p { font-size: 14px; color: var(--color-dark); text-align: center; margin: 20px 0 0; text-transform: uppercase; }
.testi { background: #ffffff85; padding: 23px; border-radius: 5px; }

/* ── Booking page ── */
.booking {
	min-height: 70vh; background-repeat: no-repeat;
	display: flex; align-items: center; justify-content: flex-end;
	padding: 0 8px; position: relative; z-index: 20;
	margin-top: 50px; background-size: cover !important;
}
.booking .text { position: relative; text-align: right; width: 50%; background: #2020208f; padding: 30px; }
.booking h2, .booking p { color: var(--color-light); margin: 0 !important; }
.booking p { margin: 20px 0 !important; }
.booking a:not(.btn) { text-decoration: underline; }
.booking a:not(.btn):hover { color: var(--color-primary); }

/* ── Contact page ── */
.contact { position: relative; margin-top: 75px; }
.contact iframe { width: 100%; border: 0; height: 500px; position: relative; z-index: 10; }
.contact .text {
	width: 50%; height: 100%; position: absolute;
	right: 0; top: 0; z-index: 20;
	background: rgba(0,0,0,0.85); padding: 50px;
	display: flex; align-items: center; justify-content: center; flex-direction: column;
}
.contact .text h2, .contact .text p { color: var(--color-light); text-align: center; }
.contact .text h2 { margin-bottom: 30px; }
.contact .text p { line-height: 1.5; margin: 0 0 15px; }
.contact .text p a { color: var(--color-light); font-weight: 600; }
.contact-details { padding: 100px 0; }
.contact-details .table td { padding: 7px; font-size: 16px; vertical-align: middle; border-bottom: 1px dashed var(--p); border-top: unset; color: var(--color-dark); }
.contact-details .table td:first-child { text-align: left; }
.contact-details .table td:last-child { text-align: right; }
.contact-details .table .active td { background: var(--color-primary); color: var(--color-dark); }
.contact-details .table .active td:first-child::after { content: " (Today)"; font-size: 11px; }
.contact-details h3 { margin-bottom: 10px; color: var(--c1); }
.contact-details form input, .contact-details form textarea {
	width: 100%; height: 40px; line-height: 40px; padding: 0 10px;
	color: var(--color-dark); border: 1px dashed var(--color-dark);
	border-bottom: 0; margin: 0; background: transparent;
}
section.contact-details p a { color: #000; font-weight: 700; }
.contact-details form textarea { height: 150px; min-height: 150px; resize: vertical; border-bottom: 1px dashed black; }
.contact-details form input:focus, .contact-details form textarea:focus { box-shadow: none; outline: none; background: #ddd; }
.contact-details form button { width: 100%; height: 40px; line-height: 40px; padding: 0 15px; color: var(--color-dark); border: 1px solid var(--color-light); margin-top: -3px; border-radius: 0 0 3px 3px; }
.contact-details .msg { margin-top: 20px; }
.contact-details .msg.success { color: green; }
.contact-details .msg.error { color: red; }
.contact-details a:hover { color: #ffcb00; }
section.contact-details a { color: #fff; }

/* ── Menu page ── */
.menu { padding: 100px 0; }
.menu .panel a { pointer-events: none; cursor: default; }
.menu .panel .product_dv { margin-bottom: 10px; border-bottom: 1px solid #eee; }
.menu .panel .panel-title { margin: 20px 0 10px; letter-spacing: 0; background: #eee; padding: 5px; }
.menu .panel .panel-title a { font-size: 26px; color: var(--color-primary) !important; }
.menu .panel .sub_product { padding-left: 20px; }
.menu .panel .price_dv { text-align: right; font-weight: 700; font-size: 15px; }
.menu .panel .product_name { margin: 0; font-size: 16px; font-weight: 700; letter-spacing: 0; }
.menu .panel .product_description { margin: 0 0 10px; font-size: 15px; letter-spacing: 0; font-weight: 600; opacity: 0.8; }
.menu .panel .add_icon, .menu .panel .product_images { display: none; }
.menu .btn { display: table; margin: 0 auto; }

#menu .item { width: calc(33% - 10px); margin-right: 10px; margin-bottom: 10px; }
#menu .item .title { background: var(--color-primary); color: var(--color-dark); padding: 10px; border: 1px solid var(--color-primary); }
#menu .item .title p { font-size: 20px; font-weight: 700; margin: 0; text-transform: capitalize; }
#menu .item .title small { font-size: 12px; display: block; margin: 0; font-weight: 700; font-style: italic; color: var(--color-primary); }
#menu .content { padding: 20px 15px 10px; border: 1px solid #9f9f9f; border-top: 0; }
#menu .content .meal { display: flex; align-items: center; justify-content: space-between; margin: 0 0 15px; }
#menu .content .meal .name { font-size: 16px; font-weight: 600; text-transform: capitalize; margin-bottom: 10px; }
#menu .content .meal .dots { flex-grow: 1; border-bottom: 2px dashed #1e1e1e; height: 15px; margin: 0 10px; }
#menu .content .meal .price { font-size: 14px; font-weight: 700; color: #090809; }
#menu .content .detail { font-size: 12px; font-weight: 600; font-style: italic; margin: -15px 0 15px; color: var(--c1); margin-top: 3px; }
#menu .content .meal.sub { padding-left: 15px; }
#menu .content .meal.sub .name { color: var(--color-dark); }
#menu .content .meal.sub .name::before { content: "• "; color: var(--primary); }

/* ── TOS / Allergy page ── */
.tos { padding: 150px 0; }
.tos p { font-size: 14px; line-height: 15px; margin: 0 0 10px; font-weight: 600; text-align: justify; letter-spacing: 0; }
.tos p strong { font-weight: 700; }

/* ── Dine-in page ── */
.dinein { padding: 180px 0 40px; }
.dinein h2 { font-weight: 600; margin-bottom: 35px; }
.menu1 img { border: 5px solid #a88c55; border-radius: 5px; margin-bottom: 35px; }

/* ── Footer ── */
footer { background: var(--c1); padding-bottom: 40px; }
footer img { max-width: 150px; }
footer p { color: var(--color-light); margin: 0 0 5px; font-size: 16px; }
footer p i { color: var(--color-light); font-size: 16px; }
footer p a { color: var(--color-light); margin: 0 0 5px; font-size: 16px; }
footer .link a { display: block; font-size: 14px; color: var(--color-light); margin: 0 0 25px; }
footer a:hover, footer a:hover i { color: var(--color-primary); }
footer .link a.active { color: var(--color-primary); }
footer svg { fill: #ffffff; }
footer h3 { color: var(--p); text-transform: uppercase; letter-spacing: 2px; margin-bottom: 30px; font-size: 18px; }
footer .table td { border-top: unset; border-bottom: 1px dashed var(--p) !important; color: var(--p); }
.footer-logo { padding-top: 20px; margin-bottom: 20px; text-align: center; }
/* .footer-logo img { filter: brightness(7.5); } */
.footer-content { padding: 5px 40px 20px 52px; }
.footer-menu ul { margin: 0; padding: 0; list-style: none; color: var(--color-light); display: inline-flex; }
.footer-menu ul li { display: inline-block; font-size: 16px; line-height: 16px; margin-right: 7px; padding-left: 6px; border-left: 1px solid #fff; }
.footer-menu ul li a { font-size: 15px; color: #fff; line-height: 16px; letter-spacing: .01em; font-weight: 600; transition: 0.3s; }
.footer-menu { margin-bottom: 35px; }
.footer-msg { color: white; }
.footer-msg h4 { color: var(--color-light); }
.site-social-icon a { width: 45px; height: 45px; background: #f8f9fa26; display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; color: #fff; font-size: 15px; margin-left: 5px; transition: 0.3s; }
.site-social-icon { text-align: center; }
.footer-bottom p { margin: 0; padding: 10px 0; color: #fff; }
.footer-bottom { text-align: center; background: #0c0c0c59; position: relative; z-index: 8888; margin-top: 5px; }
.footer-info { padding: 90px 0 0; position: relative; overflow: hidden; }
.footer-info-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: right center; background-attachment: fixed; filter: blur(10px); z-index: 0; }
.info { justify-content: space-between; align-items: center; border-bottom: 1px dashed var(--p); }
.info strong { color: var(--p); }
i.fas.fa-phone { transform: rotate(100deg); }

/* ── Navbar toggler ── */
.navbar-toggler {
	color: var(--color-light); border: 0;
	box-shadow: 0 0 0 2px var(--color-light) inset, 0 0 0 2px var(--color-primary) inset;
	padding: 5px 9px; transition: all 0.3s ease-out; margin-right: 10px;
}
.navbar-toggler:hover { color: var(--color-light); border: 0; box-shadow: 0 20px 0 2px var(--c2) inset, 0 -20px 0 2px var(--c2) inset; }
.navbar-toggler:focus { outline: none; }
header.fixed .navbar-toggler { color: var(--c2); border: 0; background: linear-gradient(90deg,rgba(182,151,104,1) 67%,rgba(243,208,140,1) 91%); }
header.fixed .navbar-toggler:hover { color: var(--color-light); border: 0; box-shadow: 0 20px 0 2px var(--c2) inset, 0 -20px 0 2px var(--c2) inset; }
/* .navbar-collapse { margin-top: 30px; } */
ul.navbar-nav.mx-auto { background: var(--color-primary); }

/* ── Cookie bar ── */
.head-all-coockies-body {
	left: 0; right: 0; position: fixed; bottom: 0;
	z-index: 99999; box-shadow: 9px 1px 10px 0 #242424;
	padding: 5px 0; background: #000000b0;
}
.head-all-coockies-body button {
	display: inline-block; font-weight: 400; text-align: center;
	white-space: nowrap; vertical-align: middle; user-select: none;
	border: 1px solid transparent; padding: .375rem .75rem;
	font-size: 1rem; line-height: 1.5; border-radius: .25rem;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	margin-left: 8px;
}
.devider-menu-booking-class{
	width:40px;height:1px;background:var(--color-primary);margin:18px 0;
}

/* ── VIP section (dine-in) ── */
section.VIP { padding: 50px 0; }

/* ────────────────────────────────────────────
   RESPONSIVE
──────────────────────────────────────────── */
@media (max-width: 992px) {
	.devider-menu-booking-class{
	margin:18px auto;
}
	.contact { position: relative; margin-top: 65px; }
	header .pre { display: block !important; padding: 30px 18px 10px 25px; border: 0 !important; }
	.pre a { padding: 10px; margin-top: 10px; }
	.right a { padding: 10px 14px; }
	header.fixed .pre, header.on .pre { padding: 17px 11px 20px 13px; border-bottom: 1px solid #6b7337 !important; }
	.mobile .btn { font-size: 14px; padding: 10px 11px; color: #fff; }
	.desktop { display: none; }
	.navbar-toggler { margin-right: 10px; }
	.navbar-collapse { margin-top: 30px; }
	header .navbar .navbar-nav .nav-link { text-align: center; padding: 20px 0; color: var(--color-dark); }
	.gallery #lightgallery { display: block; }
	.gallery #lightgallery a { width: calc(100% - 20px) !important; }
	.contact-details h3, .contact-details p { text-align: center; }
	.contact-details form button { margin-bottom: 30px; }
	.contact .text { position: relative; width: 100%; }
	.contact iframe { height: 300px; }
	header .pre { text-align: center; border-bottom: 1px solid var(--color-primary); display: none; }
	.booking .text, .home-2 .testimonial { width: 100%; text-align: center; margin-top: 0; }
	footer p { text-align: center; margin: 0 auto; display: block; }
	footer .link { margin-top: 30px; }
	footer .link a { margin: 15px 0 0; text-align: center; }
	footer iframe { width: auto !important; display: table; margin: 30px auto 0; }
	.menu .panel { width: 90%; display: table; margin: 0 auto; }
	#menu .item { width: 100%; }
	.vidio-mp4 { display: none; }
	.footer-logo a { display: flex !important; justify-content: center !important; }
	.contactc, .contact-card { display: block; margin: 0; }
	.working-hours { width: 100%; margin: 0; padding: 0; }
	.topCv.text-left { left: 0; z-index: 55; outline: 5px solid #fff; border: 1px solid #ddd; top: -41px; }
	.topCv.text-right { left: 0; right: 0; top: -20px; margin-bottom: 15px; }
	.banner_sec_cons p { display: none; }
	.footer-menu ul { display: flex; flex-wrap: wrap; justify-content: center; }
	.footer-content { padding: 10px; }
	.footer-menu { margin-left: 0; }
	.dinein h2 { margin-bottom: 20px; font-size: 28px; }
	.dinein { padding: 120px 0 40px; }
	.footer-logo img { margin-top: -52px; width: 250px; }
	.footer-menu ul li a { font-size: 11px !important; }
	.footer-menu ul li { margin-right: 4px !important; line-height: 13px; }
	.footer-msg { text-align: center; }
	.home-2 h2 { color: #000; font-weight: 600; margin-bottom: -40px; }
	header .navbar { padding: 0 5px; }
	video { margin-top: 15px; }
}

@media (max-width: 768px) {
	.testMon { padding: 50px 0; }
	.testMon h2 { font-size: 27px; line-height: 33px; }
	.testMon h5 { font-size: 20px; margin: 15px 0 20px; font-weight: 200; }
	.topCv.text-right { padding: 20px 25px; }
	.container.pl-5.pr-5 { padding: 0 10px !important; }
	h2 { font-size: 19px; }
}

@media (max-width: 440px) {
	header .navbar .navbar-brand img { height: 70px; margin-left: 12px; margin-top: 8px; }
}

@media (max-width: 320px) {
	header .navbar .navbar-brand img { height: 60px; }
	.navbar-brand { margin-right: 0; margin-left: 5px; }
}

@media (max-width: 280px) {
	header .navbar .navbar-brand img { height: 54px; }
	.mobile .btnNew { padding: 10px; font-size: 14px; }
}

@media (max-width: 900px) {
	.banner_sec_cons { height: 650px; min-height: 400px; padding: 0 !important; text-align: center; background-position: 50% 50% !important; background-size: cover !important; margin-top: -7.5rem; }
	h2 { font-size: 19px; }
	.main-cn .btn { margin-bottom: 50px; }
}