@charset "utf-8";
/* CSS Document */
body {
	font-family: 'Montserrat', sans-serif !important;
	background: #e2e2e2;
}
.rowbody{
	margin:0 !important;
}
.padbody{
	padding:0 !important;
}



.rating {
  display: flex;
  width: 100%;
  justify-content: center;
  overflow: hidden;
  flex-direction: row-reverse;
  height: 150px;
  position: relative;
}

.rating-0 {
  filter: grayscale(100%);
}

.rating > input {
  display: none;
}

.rating > label {
  cursor: pointer;
  width: 40px;
  height: 40px;
  margin-top: auto;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 76%;
  transition: .3s;
}

.rating > input:checked ~ label,
.rating > input:checked ~ label ~ label {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}


.rating > input:not(:checked) ~ label:hover,
.rating > input:not(:checked) ~ label:hover ~ label {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23d8b11e' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}

.emoji-wrapper {
  width: 100%;
  text-align: center;
  height: 100px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.emoji-wrapper:before,
.emoji-wrapper:after{
  content: "";
  height: 15px;
  width: 100%;
  position: absolute;
  left: 0;
  z-index: 1;
}

.emoji {
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: .3s;
}

.emoji > svg {
  margin: 15px 0; 
  width: 70px;
  height: 70px;
  flex-shrink: 0;
}

#rating-1:checked ~ .emoji-wrapper > .emoji { transform: translateY(-100px); }
#rating-2:checked ~ .emoji-wrapper > .emoji { transform: translateY(-200px); }
#rating-3:checked ~ .emoji-wrapper > .emoji { transform: translateY(-300px); }
#rating-4:checked ~ .emoji-wrapper > .emoji { transform: translateY(-400px); }
#rating-5:checked ~ .emoji-wrapper > .emoji { transform: translateY(-500px); }

.feedback {
    max-width: 282px;
    background-color: #fff;
    width: 100%;
    padding: 10px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    box-shadow: 0 4px 30px rgb(0 0 0 / 5%);
}

.image-wrap {
    position: relative;
    width: 100%;
  
    overflow-x: hidden;
}

.banner-content {
    position: absolute;
   
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    text-align: center;
    font-size: 1.5em;
    color: #fff;
    line-height: 1.5;
}
h1.receipes1 {
    margin-bottom: 30px !important;
    font-size: 50px;
    line-height: 1.2;
    margin: 0;
    color: #fff;
    font-family: 'Noto Serif', serif;
    font-weight: 500;
}
.img-content img {
    width: 100%;
 
    display: block;
}
.input-group.sr-field.col-md-6.col-12.mb-3 {
  
}
form.search-form {
    display: flex;
    width: 100%;
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #000000a3;
    opacity: .8;
    height: 100%;
}
.ban-btn {
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    border-radius: 4px;
}





form.search-form {
  
}
.card{
	border:0 !important;
}
.section1{
	background:#08310a !important
}
div#navbar_top {
    background: #000;
}
.bg-light {
	padding: 0;
    background-color: #000000 !important;
}
.new-t {
    padding: 40px 0px;
}
h5.review {
    font-size: 30px;
    padding-bottom: 26px;
    color: #000;
    font-weight: 700;
}
button.btn.btn-s {
    background: #000;
    color: #fff;
}
.row.rowbody.footer {
    background: #000;
    text-align: center;
    padding: 10px;
}
h5.copyright {
    margin: 0;
    font-size: 14px;
    color: #ba973d;
    padding: 10px;
}
.navbar-light .navbar-nav .nav-link {
    color: #FFF;
    font-family: 'Noto Serif', serif;
    font-size: 14px;
}
.dropdown-menu a.nav-item.nav-link {
    font-size: 13px;
}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
    color: #f6d564;
}
 img.img-fluid.logo-img {
    width: 150px;
}
div#navbarCollapse {
   
}
.dropdown-menu.break {
	padding-left: 10px;
    min-width: 13rem !important;
}
button.navbar-toggler {
    color: #e9b11b;
    border: 1px solid #e9b11b !important;
    margin-top: 42px !important;
}
span.navbar-toggler-icon img.img-fluid {
    margin-top: 6px;
}
button.navbar-toggler {
	float: right !important;
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: rgb(175 137 54)  !important;
}
.navbar-nav.col-md-12 ul {
	margin: 0;
	width: 100%;
	text-align: center;
	font-family: 'Roboto', sans-serif;
}
 

span.menu-icn {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
}
/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 33.33%;
  display: none; /* Hide all elements by default */
}

/* Clear floats after rows */ 
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Content */
.content {
    background-color: white;
}
.des {
    background: #9e8019;
    padding: 20px 0px;
}
p.footer-para {
    color: #fff;
    font-size: 20px;
    margin: 0;
    font-weight: 400;
    text-align: center;
    font-family: 'Roboto', sans-serif;
}
.row.rowbody.new-b {
    border: 1px solid #ccc;
    padding: 0px 0px;
    margin-bottom: 20px !important;
}
/* The "show" class is added to the filtered elements */
.show {
  display: block;
}

/* Style the buttons */
.btn {
	border: none;
	outline: none;
	padding: 12px 16px;
	background-color: white;
	cursor: pointer;
	border-radius: 0px;
	padding: 10px 50px;
}

.btn:hover {
  background-color: #ddd;
}

.btn.active {
	background-color: #666;
	color: white;
	border-radius: 0px;
	padding: 10px 50px;
}
 
div#myBtnContainer {
	margin-bottom: 30px;
}
.new-box{
	margin-bottom: 30px;
}
.row.rowbody.section3{
	background: url(img/subheader.jpg);
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.dark-overlay.dark-overlay-2::before {
    background-color: rgba(0,0,0,.6);
}
.metro_subheader-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    padding: 50px 0;
}
.metro_subheader-inner1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    padding: 120px 0;
}
span.dots {
    width: 3% !important;
}
h1.receipes {
    margin-bottom:30px !important;
    font-size: 60px;
    line-height: 1.2;
    margin: 0;
    color: #fff;
    font-family: 'Noto Serif', serif;
    font-weight: 500;
}
.dark-overlay {
    position: relative;
    z-index: 1;
}
.dark-overlay::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.4);
    z-index: -1;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
}


.line-new {

    border-bottom: 0;
}



.item{
 
  
  clear:both;
}
.item .img, .item span{ border-radius:3px;}
.item .img {
	float: left;
	width: 100px;
	
	margin-left: 0px;
}
.img img.img-fluid {
	padding: 14px;
	background: transparent !important;
}
.item span{height:11px; width:180px; margin-bottom:19px; float:left;}

.item span:nth-of-type(3){width:75px; margin-botom:0;}

p.price {
    color: #F44336;
    width: 20%;
    float: left;
    margin: 0;
    font-weight: 600;
    padding: 10px 0px;
    text-align: center;
    border-left: 1px solid #ccc;
}
.row.rowbody.tab-items {
    padding-top: 20px;
}

button.btn.all-tab {
    color: #ffffff;
    border-radius: 30px;
    background: #ba973d;
}
button.btn.non-veg-tab {
    color: #ffffff;
    border-radius: 30px;
    background: #b52318;
}
.btn.active {
    background-color: #3e3c3b !important;
    color: white !important;
    border-radius: 0px !important;
    padding: 10px 50px !important;
}
div#myBtnContainer {
    text-align: center;
}
button.btn.vegitarian-tab {
    color: #ffffff;
    border-radius: 30px;
    background: #4caf50;
}
button.btn.vegitarian-tab.active {
	border-radius:30px !important;
	background: rgba(0,0,0,.05);

}
button.btn.all-tab.active {
	border-radius: 30px !important;
	background: rgba(0,0,0,.05);
}
button.btn.non-veg-tab.active {
	border-radius: 30px !important;
	background: rgba(0,0,0,.05);
}
.row.rowbody.content-br {
    border: 1px solid #ccc;
    border-top: 0;
}
div#myBtnContainer {
  
    margin: 0;
}
h2.food-head {
    font-size: 40px;
    text-align: center;
    padding: 30px;
    color: #000000;
    font-family: 'Noto Serif', serif;
}
.row.rowbody.content1 {
    padding: 50px 0px;
}
.column.new-bx {
    width: 100%;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
li.item-head1 {
    padding: 0px 0px;
    font-size: 16px;
    color: #464343;
    font-weight: 500;
    width: 100%;
    float: left;
    padding-left: 20px;
    margin: 0;
    border-bottom: 1px solid #ccc;
    line-height: 42px;
}
span.price {
    width:20% !important;
    color: #F44336;
    font-weight: 600;
    text-align: center;
    border-left: 1px solid #ccc;
    line-height: 40px;
    height: 40px;
    margin: 0;
}

span.item-name {
    width: 77%;
    float: left;
    height: 40px;
    margin: 0;
}
p.price1 {
    color: #f44336;
    font-weight: 700;
    font-family: 'Noto Serif', serif;
    font-size: 16px;
    margin-bottom: 0;
}
h5.item-head3 {
    font-size: 16px;
    color: rgb(34, 32, 32);
    font-weight: 500;
  
}

img.img-fluid.item-1 {
    padding: 0;
    cursor: pointer;
}

.right-side {
    margin: auto;
    padding-left: 10px !important;
}
h5.item-head1 {
    padding: 10px 0px;
    font-size: 18px;
    color: #7d7a7a;
    font-weight: 500;
    font-family: 'Noto Serif', serif;
    width: 80%;
    float: left;
    padding-left: 20px;
    margin: 0;
}
h5.item-head {
    padding-top: 20px;
    font-size: 13px;
    color: #000;
    font-weight: 600;
}
p.item-des {
    font-size: 17px;
    color: #666666;
    padding-top: 0%;
    line-height: 30px;
}
:root{
	--blue: #008EFA;
	--pink: #FF207A;
	--bg: #EEEEEE;
	--white: #FEFEFE;
}
*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

.main{
	position: fixed;
    bottom: 20px;
    right: 8%;
    z-index: 99;
    font-size: 12px;
    border: none;
    outline: none;
    background-color: transparent;
    color: white;
    cursor: pointer;
    padding: 18px;
    border-radius: 10px;
}
.menu{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 300px;
	height: 100px;
	padding: 30px;

	border-radius: 5px;
	box-shadow: 0 0 5px 1px rgba(0,0,0,.05);
	background-color: var(--white);
}
.menu__trigger {
    position: absolute;
    top: -32px;
    left: calc(252% - 50px);
    width: 60px;
    height: 60px;
    background-color: #ba973d;
    border: 0px solid var(--bg);
    border-radius: 50%;
    padding: 2px;
    cursor: pointer;
    transition: .35s ease;
}
p.item-des1 {
    font-size: 15px;
    color: #666666;
}
.menu__base{
	width: 20px;
	height: 20px;
	object-fit: contain;
	opacity: .7;
}
input.form-control.search-inp {
    border-radius: 0px;
    padding: 21px !important;
 
}
button.btn.btn-outline-secondary.btn-search {
    background: black;
    color: #fff;
}
.input-group.sr-field.col-6.mb-3 {
    margin-top: 30px;
}
.menu__item{
	position: absolute;
	width: 60px;
	height: 60px;
	top: 70px;
	padding: 14px;
	border-radius: 50%;


	background-color: #a98837;
	border: none;
	box-shadow: 0 0 5px 1px rgba(0,0,0,.05);
	z-index: -1000;
	opacity: 0;
}
.menu__item--0{ transition: .35s ease; left: calc(50% - 30px);}
.menu__item--1{ transition: .35s ease .1s; left: calc(50% - 30px);}
.menu__item--2{ transition: .35s ease .2s; right: calc(50% - 30px);}

.is-rotate {
	transform: rotateZ(225deg);
	background-color:#FF9800;
}
.item-0 {
    top: 20px;
    left: calc(25% - 41px);
    opacity: 1;
    top: calc(5% - 23px);
    bottom: 20px;
}
.item-1 {
    top: -25px;
    left: calc(7% - 10px);
    opacity: 1;
    top: calc(0% - 80px);
}
.item-2 {
    top: 20px;
    right: calc(25% - 88px);
    opacity: 1;
    top: calc(-4% - 100px);
}
.navbar .nav-item:hover .nav-link {
	
	
}
.dropdown-menu a.nav-item.nav-link {
    color: #000 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600;
    font-size: 12px;
}
.section2 {
    background: #ffffff;
    padding: 50px 0px;
}

.navbar-nav.col-md-12 li {
    display: inline-block;
    text-align: -webkit-center;
}
.dropdown-menu.dinner-menu {
    min-width: 500px;
}
.navbar-nav.col-md-12 a {
    font-size: 13px;
    padding: 8px 20px;
    text-align: center;
}

.navbar-nav.col-md-12 a {
  
    text-align: left !important;
}
.row.rowbody.top-bg {
    background: #000;
}
 
@media only screen and (max-width: 320px) {
}
@media (max-width: 576px) {
.row.rowbody.top-bg img {
    width: 100px !important;
    float: left;
}
p.footer-para {
    color: #fff;
    font-size: 11px;
    margin: 0;
    font-weight: 400;
    text-align: center;
    font-family: 'Roboto', sans-serif;
}
img.img-fluid.mx-auto.d-block.logo-new-home {
    width: 100px;
}
h5.copyright {
    margin: 0;
    font-size: 12px;
    color: #ba973d;
    padding: 10px;
}
img.img-fluid.bistro-img {
    width: 200px;
}
.banner-content {
    position: inherit;
    top: 0%;
    left: 50%;
    transform: inherit;
    width: 100%;
    text-align: center;
    font-size: 1.5em;
    color: #fff;
    line-height: 1.5;
        z-index: 99;
}
.dropdown-menu.dinner-menu {
    min-width: auto !important;
}
h5.item-head-1a {
 
    font-size: 12px !important;
   
}
.carousel-control-prev, .carousel-control-next {
  
    width: 8%;
   
}
h5.item-head3 {
    font-size: 12px;
   
}
.metro_subheader-inner1 {
   
    padding: 54px 0;
}
p.item-des {
    font-size: 15px !important;
    color: #666666;
    padding-top: 0%;
    line-height: 26px !important;
}
p.para-test {
    font-size: 14px;
    line-height: 24px;
}
.metro_subheader-inner {
    padding: 2px 0;
   
}
input.form-control.search-inp {
font-size: 10px;
    border-radius: 0px;
    padding: 7px 20px !important;
    width: 80% !important;
}
button.btn.btn-outline-secondary.btn-search {
    padding: 4px 10px;
    font-size: 10px;
}
div#myBtnContainer button.btn {
    font-size: 12px;
    padding: 5px 17px !important;
}
.col-6 a.nav-item.nav-link {
    padding: 10px 0px !important;
}

.image-wrap {
    height: 114px;
    position: relative;
    width: 100%;
    overflow-x: hidden;
    position: absolute;
}
    .section2 {
        background: #ffffff;
        padding: 0px 0px;
    }

.form-control {
    display: block;
    width: 70% !important;
    }
    li.item-head1 {
        font-size: 10px;
        padding: 0;
        line-height: 26px;
    }
    .btn.active {
        background-color: #3e3c3b !important;
        color: white !important;
        border-radius: 0px !important;
        padding: 6px 18px !important;
    }
    span.dots {
        margin-bottom: 12px;
        width: 8% !important;
    }
    span.price {
       
        line-height: 22px;
        height: 22px;
      
    }
    .menu__trigger {
        position: absolute;
        top: 2px !important;
        left: calc(252% - 6px) !important;
        width: 38px !important;
        height: 38px !important;
        background-color: #ba973d;
        border: 0px solid var(--bg);
        border-radius: 50%;
        padding: 2px;
        cursor: pointer;
        transition: .35s ease;
    }
    .menu__item {
        position: absolute;
        width: 38px;
        height: 38px;
        top: 70px;
        padding: 6px;
        border-radius: 50%;
        background-color: #a98837;
        border: none;
        box-shadow: 0 0 5px 1px rgba(0,0,0,.05);
        z-index: -1000;
        opacity: 0;
    }

    .item-2 {
        top: 20px !important;
        right: calc(25% - 88px) !important;
        opacity: 1;
        top: calc(-4% - 50px) !important;
    }
    .item-1 {
        top: -25px !important;
        left: calc(4% - -35px) !important;
        opacity: 1;
        top: calc(0% - 40px) !important;
    }
    .item-0 {
        top: 20px;
        left: calc(25% - -20px) !important;
        opacity: 1;
        top: calc(5% - 0px) !important;
        bottom: 20px;
    }

    span.dots img {
        width: 11px;
    }
    span.item-name {
        padding-left: 10px;
        width: 72%;
        height: auto;
        line-height: 20px;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
    }
    button.btn.non-veg-tab {
       
        padding: 5px 8px !important;
        font-size: 14px;
    }
    button.btn.vegitarian-tab {
      
        padding: 5px 8px !important;
        font-size: 14px;
    }
    button.btn.all-tab {
       
        padding: 5px 8px !important;
        font-size: 14px;
    }
    
    .metro_subheader-inner {
      
        padding: 10px 0;
    }
.img-content img {
    width: 100%;
    display: block;
    height: 120px;
}
.form-group label {
    font-size: 13px;
}
h5.review {
    font-size: 25px;
    padding-bottom: 6px;
    color: #000;
    font-weight: 700;
}
button.btn.btn-s {
    background: #000;
    color: #fff;
    font-size: 12px;
    padding: 6px 20px;
}
p.para-test {
    font-size: 14px !important;
    line-height: 24px !important;
}
.row.rowbody.new-t.mx-auto input.form-control {
    width: 100% !important;
}
.row.rowbody.new-t.mx-auto textarea#exampleFormControlTextarea1{
 width: 100% !important;
}

img.img-fluid.quote-img {
    margin-bottom: 10px;
    width: 30px;
    margin-top: 20px;
}


.new-t {
    padding: 40px 20px;
}
h1.receipes1 {
    margin-bottom: 7px !important;
    font-size: 27px;
    line-height: 1.2;
    margin: 0;
    color: #fff;
    font-family: 'Noto Serif', serif;
    font-weight: 500;
}
h1.receipes {
    font-size: 27px;
    margin: 0 !important;
    margin-bottom: 8px !important;
}
h2.food-head {
    font-size: 23px !important;
    padding: 20px 10px 0px !important;
}
	div#navbarCollapse {
		float: left;
		width: 100%;
	}

	.row.rowbody.content1 {
		padding: 10px 0px;
	}
	.main {
		position: fixed;
		bottom: 20px;
		right: 30%;
		z-index: 99;
		font-size: 12px;
		border: none;
		outline: none;
		background-color: transparent;
		color: white;
		cursor: pointer;
		padding: 18px;
		border-radius: 10px;
	}

	.navbar-nav.col-md-12 li {
   
		width: 100%;
	}
    p.price1 {
   
    font-size: 14px !important;
    margin-bottom: 0;
}
h5.item-head {
    padding-top: 5px;
    font-size: 13px !important;
    color: #000;
    font-weight: 600;
    padding-right: 3px;
    text-transform: uppercase;
    line-height: 20px;
}
}


@media (min-width: 730px) and  (max-width: 767px) {

.banner-content {
    position: inherit;
    top: 0%;
    left: 50%;
    transform: inherit;
    width: 100%;
    text-align: center;
    font-size: 1.5em;
    color: #fff;
    line-height: 1.5;
        z-index: 99;
}
h5.item-head-1a {
 
    font-size: 12px !important;
   
}
.carousel-control-prev, .carousel-control-next {
  
    width: 8%;
   
}
h5.item-head3 {
    font-size: 12px;
   
}
.metro_subheader-inner1 {
   
    padding: 54px 0;
}
p.item-des {
    font-size: 15px !important;
    color: #666666;
    padding-top: 0%;
    line-height: 26px !important;
}
p.para-test {
    font-size: 14px;
    line-height: 24px;
}
.metro_subheader-inner {
    padding: 2px 0;
   
}
input.form-control.search-inp {
font-size: 10px;
    border-radius: 0px;
    padding: 7px 20px !important;
    width: 80% !important;
}
button.btn.btn-outline-secondary.btn-search {
    padding: 4px 10px;
    font-size: 10px;
}
div#myBtnContainer button.btn {
    font-size: 12px;
    padding: 5px 17px !important;
}
.col-6 a.nav-item.nav-link {
    padding: 10px 0px !important;
}

.image-wrap {
    height: 114px;
    position: relative;
    width: 100%;
    overflow-x: hidden;
    position: absolute;
}
    .section2 {
        background: #ffffff;
        padding: 0px 0px;
    }

.form-control {
    display: block;
    width: 70% !important;
    }
    li.item-head1 {
        font-size: 10px;
        padding: 0;
        line-height: 26px;
    }
    .btn.active {
        background-color: #3e3c3b !important;
        color: white !important;
        border-radius: 0px !important;
        padding: 6px 18px !important;
    }
    span.dots {
        margin-bottom: 12px;
        width: 8% !important;
    }
    span.price {
       
        line-height: 22px;
        height: 22px;
      
    }
    .menu__trigger {
        position: absolute;
        top: 2px !important;
        left: calc(252% - 6px) !important;
        width: 38px !important;
        height: 38px !important;
        background-color: #ba973d;
        border: 0px solid var(--bg);
        border-radius: 50%;
        padding: 2px;
        cursor: pointer;
        transition: .35s ease;
    }
    .menu__item {
        position: absolute;
        width: 38px;
        height: 38px;
        top: 70px;
        padding: 6px;
        border-radius: 50%;
        background-color: #a98837;
        border: none;
        box-shadow: 0 0 5px 1px rgba(0,0,0,.05);
        z-index: -1000;
        opacity: 0;
    }

    .item-2 {
        top: 20px !important;
        right: calc(25% - 88px) !important;
        opacity: 1;
        top: calc(-4% - 50px) !important;
    }
    .item-1 {
        top: -25px !important;
        left: calc(4% - -35px) !important;
        opacity: 1;
        top: calc(0% - 40px) !important;
    }
    .item-0 {
        top: 20px;
        left: calc(25% - -20px) !important;
        opacity: 1;
        top: calc(5% - 0px) !important;
        bottom: 20px;
    }

    span.dots img {
        width: 11px;
    }
    span.item-name {
        padding-left: 10px;
        width: 72%;
        height: auto;
        line-height: 20px;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
    }
    button.btn.non-veg-tab {
       
        padding: 5px 8px !important;
        font-size: 14px;
    }
    button.btn.vegitarian-tab {
      
        padding: 5px 8px !important;
        font-size: 14px;
    }
    button.btn.all-tab {
       
        padding: 5px 8px !important;
        font-size: 14px;
    }
    
    .metro_subheader-inner {
      
        padding: 10px 0;
    }
.img-content img {
    width: 100%;
    display: block;
    height: 120px;
}
.form-group label {
    font-size: 13px;
}
h5.review {
    font-size: 25px;
    padding-bottom: 6px;
    color: #000;
    font-weight: 700;
}
button.btn.btn-s {
    background: #000;
    color: #fff;
    font-size: 12px;
    padding: 6px 20px;
}
p.para-test {
    font-size: 14px !important;
    line-height: 24px !important;
}
.row.rowbody.new-t.mx-auto input.form-control {
    width: 100% !important;
}
.row.rowbody.new-t.mx-auto textarea#exampleFormControlTextarea1{
 width: 100% !important;
}

img.img-fluid.quote-img {
    margin-bottom: 10px;
    width: 30px;
    margin-top: 20px;
}


.new-t {
    padding: 40px 20px;
}
h1.receipes1 {
    margin-bottom: 7px !important;
    font-size: 27px;
    line-height: 1.2;
    margin: 0;
    color: #fff;
    font-family: 'Noto Serif', serif;
    font-weight: 500;
}
h1.receipes {
    font-size: 27px;
    margin: 0 !important;
    margin-bottom: 8px !important;
}
	div#navbarCollapse {
		float: left;
		width: 100%;
	}


	h2.food-head {
        font-size: 25px;
        padding: 20px;
    }
	.row.rowbody.content1 {
		padding: 10px 0px;
	}
	.main {
		position: fixed;
		bottom: 20px;
		right: 30%;
		z-index: 99;
		font-size: 12px;
		border: none;
		outline: none;
		background-color: transparent;
		color: white;
		cursor: pointer;
		padding: 18px;
		border-radius: 10px;
	}

	.navbar-nav.col-md-12 li {
   
		width: 100%;
	}
p.price1 {
    color: #f44336;
    font-weight: 700;
    font-family: 'Noto Serif', serif;
    font-size: 21px;
    margin-bottom: 0;
}
h5.item-head {
    padding-top: 5px;
    font-size: 20px !important;
    color: #000;
    font-weight: 600;
    padding-right: 3px;
    text-transform: uppercase;
}
}










@media (max-width: 768px) {
.row.rowbody.section2 img {
   
  
   
}
.banner-content {
    position: inherit;
    top: 0%;
    left: 50%;
    transform: inherit;
    width: 100%;
    text-align: center;
    font-size: 1.5em;
    color: #fff;
    line-height: 1.5;
        z-index: 99;
}
h5.item-head-1a {
 
    font-size: 12px !important;
   
}
.carousel-control-prev, .carousel-control-next {
  
    width: 8%;
   
}
h5.item-head3 {
    font-size: 12px;
   
}
.metro_subheader-inner1 {
   
    padding: 54px 0;
}
p.item-des {
    font-size: 15px !important;
    color: #666666;
    padding-top: 0%;
    line-height: 26px !important;
}
p.para-test {
    font-size: 14px;
    line-height: 24px;
}
.metro_subheader-inner {
    padding: 2px 0;
   
}
img.img-fluid.d-block.mx-auto.bistro-img.new-logo-bis {
    padding: 20px 0px;
}
input.form-control.search-inp {
font-size: 10px;
    border-radius: 0px;
    padding: 7px 20px !important;
    width: 100% !important;
}
button.btn.btn-outline-secondary.btn-search {
    padding: 4px 10px;
    font-size: 10px;
}
div#myBtnContainer button.btn {
    font-size: 12px;
    padding: 5px 17px !important;
}
.col-6 a.nav-item.nav-link {
    padding: 10px 0px !important;
}

.image-wrap {
    height: 114px;
    position: relative;
    width: 100%;
    overflow-x: hidden;
    position: absolute;
}
    .section2 {
        background: #ffffff;
        padding: 0px 0px;
    }

.form-control {
    display: block;
    width: 70% !important;
    }
    li.item-head1 {
        font-size: 10px;
        padding: 0;
        line-height: 26px;
    }
    .btn.active {
        background-color: #3e3c3b !important;
        color: white !important;
        border-radius: 0px !important;
        padding: 6px 18px !important;
    }
    span.dots {
        margin-bottom: 12px;
        width: 8% !important;
    }
    span.price {
       
        line-height: 22px;
        height: 22px;
      
    }
    .menu__trigger {
        position: absolute;
        top: 2px !important;
        left: calc(252% - 6px) !important;
        width: 38px !important;
        height: 38px !important;
        background-color: #ba973d;
        border: 0px solid var(--bg);
        border-radius: 50%;
        padding: 2px;
        cursor: pointer;
        transition: .35s ease;
    }
    .menu__item {
        position: absolute;
        width: 38px;
        height: 38px;
        top: 70px;
        padding: 6px;
        border-radius: 50%;
        background-color: #a98837;
        border: none;
        box-shadow: 0 0 5px 1px rgba(0,0,0,.05);
        z-index: -1000;
        opacity: 0;
    }

    .item-2 {
        top: 20px !important;
        right: calc(25% - 88px) !important;
        opacity: 1;
        top: calc(-4% - 50px) !important;
    }
    .item-1 {
        top: -25px !important;
        left: calc(4% - -35px) !important;
        opacity: 1;
        top: calc(0% - 40px) !important;
    }
    .item-0 {
        top: 20px;
        left: calc(25% - -20px) !important;
        opacity: 1;
        top: calc(5% - 0px) !important;
        bottom: 20px;
    }

    span.dots img {
        width: 11px;
    }
    span.item-name {
        padding-left: 10px;
        width: 72%;
        height: auto;
        line-height: 20px;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
    }
    button.btn.non-veg-tab {
       
        padding: 5px 8px !important;
        font-size: 14px;
    }
    button.btn.vegitarian-tab {
      
        padding: 5px 8px !important;
        font-size: 14px;
    }
    button.btn.all-tab {
       
        padding: 5px 8px !important;
        font-size: 14px;
    }
    
    .metro_subheader-inner {
      
        padding: 10px 0;
    }
.img-content img {
    width: 100%;
    display: block;
    height: 120px;
}
.form-group label {
    font-size: 13px;
}
h5.review {
    font-size: 25px;
    padding-bottom: 6px;
    color: #000;
    font-weight: 700;
}
button.btn.btn-s {
    background: #000;
    color: #fff;
    font-size: 12px;
    padding: 6px 20px;
}
p.para-test {
    font-size: 14px !important;
    line-height: 24px !important;
}
.row.rowbody.new-t.mx-auto input.form-control {
    width: 100% !important;
}
.row.rowbody.new-t.mx-auto textarea#exampleFormControlTextarea1{
 width: 100% !important;
}

img.img-fluid.quote-img {
    margin-bottom: 10px;
    width: 30px;
    margin-top: 20px;
}


.new-t {
    padding: 40px 20px;
}
h1.receipes1 {
    margin-bottom: 7px !important;
    font-size: 27px;
    line-height: 1.2;
    margin: 0;
    color: #fff;
    font-family: 'Noto Serif', serif;
    font-weight: 500;
}
h1.receipes {
    font-size: 27px;
    margin: 0 !important;
    margin-bottom: 8px !important;
}
	div#navbarCollapse {
		float: left;
		width: 100%;
	}


	h2.food-head {
        font-size: 25px;
        padding: 20px;
    }
	.row.rowbody.content1 {
		padding: 10px 0px;
	}
	.main {
		position: fixed;
		bottom: 20px;
		right: 30%;
		z-index: 99;
		font-size: 12px;
		border: none;
		outline: none;
		background-color: transparent;
		color: white;
		cursor: pointer;
		padding: 18px;
		border-radius: 10px;
	}

	.navbar-nav.col-md-12 li {
   
	}
    .navbar-light .navbar-nav .nav-link {
    color: #FFF;
    font-family: 'Noto Serif', serif;
    font-size: 13px;
    padding: 15px 9px !important;
}
img.img-fluid.red-dot1 {
  
    width: 14px !important;
}
img.img-fluid.green-dot1 {
   
    width: 14px !important;
}
p.price1 {
    color: #f44336;
    font-weight: 700;
    font-family: 'Noto Serif', serif;
    font-size: 12px;
    margin-bottom: 0;
}
h5.item-head {
    padding-top: 5px;
    font-size: 11px !important;
    color: #000;
    font-weight: 600;
    padding-right: 3px;
    text-transform: uppercase;
}
}
@media (max-width: 992px) {
}
@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{ color: #fff;  }
	
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
}

.navbar .nav-item:hover .dropdown-menu {
    display: block;
    background:#fff;
	margin-top:0px;
	border: 1px solid #fff;
    border-radius: 0;
}

@media (min-width: 768px) {
button.navbar-toggler {
    display: none !important;
}
}

a.nav-item.nav-link {
	padding: 10px;
	text-align: left;
}
a.nav-link.dropdown-toggle {
    padding: 20px !important;
}
h5.item-head {
    padding-top: 5px;
    font-size: 12px;
    color: #000;
    font-weight: 600;
    padding-right: 3px;
    text-transform: uppercase;
}
img.img-fluid.red-dot1 {
   
   
    width: 20px;
}
img.img-fluid.green-dot1 {
  
    width: 20px;
}
.section3-testimonial {
    background: url(img/testimonial-bnr.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.section3-special {
    background: url(img/special-bnr.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
h5.item-head-1a {
    margin-top: 10px;
    color: #000;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
}
img.img-fluid.quote-img {
    margin-bottom: 20px;
}
h5.test-name {
    color: #000;
    font-size: 18px;
}
p.para-test {
    font-size: 16px;
    line-height: 30px;
}