/*-----------------   End Default Css By Amit Silori   ----------------------------------*/
.whiteheader{ display:none;}
*{margin: 0px; padding: 0px; box-sizing:border-box; }
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}

body{	margin:0;	font-weight:400;overflow-x:hidden;font-family: 'Roboto Slab', serif; font-size:15px; color: #646464;	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}


body a{	transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-moz-transition: 0.5s all ease;	-o-transition: 0.5s all ease;	-ms-transition: 0.5s all ease;}

/* CSS TOP MARGINS * -------------------------- */
.top-marg-0 {margin-top:0;}
.top-marg-1 {margin-top:10px;}
.top-marg-2 {margin-top:20px;}
.top-marg-3 {margin-top:30px;}
.top-marg-4 {margin-top:40px;}
.top-marg-5 {margin-top:50px;}

h1,h2,h3,h4,h5,h6{margin:0;	font-weight:500; color: #000; }

h1{ font-size:36px; font-family: 'Oswald', sans-serif;}
h2{ font-size:26px; font-family: 'Oswald', sans-serif;}
h3{ font-size:20px; font-family: 'Oswald', sans-serif;}
h4{ font-size:18px; font-family: 'Oswald', sans-serif;}
h5{ font-size:15px; font-family: 'Oswald', sans-serif;}

p{font-weight: 400;  color: #646464; font-size: 15px;  line-height: 26px; margin: 0px 0 0 0; color:666; font-family: 'Roboto Slab', serif;}

ul,label{	margin:0;	padding:0;}

body a:hover{	text-decoration:none;}
html input[type="text"], input[type="email"], input[type="tel"], input[type="password"], select {border-radius: 0px;  height: 50px;  padding: 0 10px; box-sizing: border-box;   width: 100%; color: #777;border:1px solid #ddd;	font-size: 13px;background:#fff;}
html select { padding: 0 11px;font-size:13px;}
html select option {font-size:14px;	font-weight:300;}
html textarea { padding:10px 10px; box-sizing: border-box;width: 100%; color: #999;border:1px solid #ddd;border-radius:0px;	font-size: 15px;}
html button, html input[type="button"]{  color: #fff;  display: inline-block;  padding: 13px 20px;  text-transform: uppercase;  font-size: 16px;
    border-radius:2px; border:none;	font-weight:600;height:50px;}
html button:hover, html input[type="button"]:hover{   color: #fff;}
html input:focus, select:focus, textarea:focus, button:focus {outline: none;}
.form-control:focus { color: #495057; background-color: #fff;  border-color:#e7272d; outline: 0; box-shadow: 0 0 0 0.15rem rgba(231, 39, 45, .4);}
.form-control{font-size: 13px; height: 50px;border-radius: 0px; margin-bottom: 20px;}
textarea.form-control {
    height: 50px;
}
.btn {font-size:15px;	padding: 15px 25px;	font-weight:400;	border-width:2px; border-radius:0px; line-height:normal; text-transform:uppercase;}
.btn-primary {   color:#fff;  background-color: transparent;  border-color: #fff; border-radius: 0px;}
.btn-primary:hover, .btn-primary:focus {  color: #fff;  background-color: #e7272d;  border-color: #e7272d; border-radius: 0;}
.btn-primary2 {   color: #e7272d;  background-color:transparent;  border-color:#e7272d; border-radius: 0px;}
.btn-primary2:hover, .btn-primary2:focus {  color: #fff;  background-color:#e7272d;  border-color: #e7272d;}
.btn-primary-outline {  color: #fff; background-color: transparent; border-color: #0048a8;}
.btn-primary-outline:hover, .btn-primary-outline:focus { color: #fff; background-color: #333; border-color: #333;}
.btn-primary:focus, .btn-primary:focus { color: #fff; background-color: #333; border-color: #333;}
.btn-primary.focus, .btn-primary:focus { box-shadow: none;}
.btn-secondary {  color: #b63327; background: #fff; border-color: #fff; margin-right: 15px; border-radius: 30px; border-radius: 30px;}
.btn-secondary:hover, .btn-secondary:focus { color: #fff; background:#b63327; border-color: #fff;}
.btn-round {border-radius:25px;	padding:8px 25px;}
.text-uppercase{ text-transform:uppercase;}
.text-capitalize{ text-transform:capitalize;}

/*--HeaderS ection--*/

.coming-soon {    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 999;
    background: #e7272d;
    padding: 16px 0;
  }
.coming-soon .title{margin-bottom: 0px; color: #fff;}
/*--nav Section--*/
.img-fluid{width: 100%;}

/*-----------------   End Default Css By Amit Silori   ----------------------------------*/

/*--General CSS--*/
.section{ padding:4em 0;}
.title{font-size:42px; line-height:40px; color: #000; font-weight:500; font-family: 'Oswald', sans-serif; margin: 0 0 30px 0; text-transform: uppercase;}
.title.white{color: #fff;}
p.sub-pera{color: #e7272d; font-size: 18px; font-family: 'Roboto Slab', serif; font-weight: 500; text-transform: uppercase; letter-spacing: 5px;}
hr{height: 2px; width: 70px; background:#e7272d; margin: 2em 0;}
hr.hr-center{margin: 2em auto}
ul.navbar-nav.menubar li.nav-item.dropdown{transition: .5s all;}
ul.navbar-nav.menubar li.nav-item.dropdown:hover .dropdown-menu{ display: block; }
.navbar-brand{width: 20%;}
/*-- end General CSS--*/

/*-----------------   End Default Css By Amit Silori   ----------------------------------*/


/*navbar css start*/
.header-start{position: fixed; width: 100%; z-index: 999;}
.header-start .navbar{padding: 0px;}
.top-header{border-bottom: 1px solid rgba(181, 181, 181, 0.1); padding: 5px 0; transition: .5s all;}
.top-header .left-header{float: right;}
.top-header .left-header span{margin-right: 10px; color: #fff;}
.top-header .left-header span a i{    border: 1px solid #e7272d; height: 25px; width: 25px;line-height: 25px;text-align: center;}
.top-header .left-header span i{margin-right: 5px; color:  #e7272d;}
.top-header .right-header{float: left;}
.top-header .right-header.header-social i{margin-left: 10px; color: #fff;transform: scale(1.5);}
nav.navbar {}
.right-header.header-time span{color: #fff; font-size: 14px;}
.right-header.header-time span b{color: #e7272d;}
nav.navbar.bootsnav.darkHeader{ background-color:#fff; box-shadow: 1px 1px 10px rgba(0,0,0,0.1); transition: .5s all; border-bottom: 2px solid #e7272d;}
.navbar-light .navbar-nav .active .nav-link{color: #e7272d; font-weight: 600;}

.navbar-light .navbar-nav .nav-link{color: #fff; font-weight: 400; padding: 10px 15px; font-size: 14px;}
.navbar-light .navbar-nav .nav-link:hover{color: #e7272d;}
ul.menubar .dropdown-menu{background: #333;}
ul.menubar .dropdown-menu a.dropdown-item{color: #fff; font-size: 14px; font-weight: normal;}
ul.menubar .dropdown-menu a.dropdown-item:hover{background: rgba(255, 255, 255, .3); }
nav.navbar.bootsnav.darkHeader .navbar-nav .nav-link{color: #000;}
nav.navbar.bootsnav.darkHeader .navbar-nav .nav-link:hover{color: #e7272d; }
.navbar-light.bootsnav.darkHeader .navbar-nav .active .nav-link{color: #e7272d; font-weight: 600;}
.navbar-light.bootsnav .navbar-brand img.dark-logo{display: none;}
.navbar-light.bootsnav.darkHeader .navbar-brand img.dark-logo{display: block;}
.navbar-light.bootsnav.darkHeader .navbar-brand img.white-logo{display: none;}
/* end navbar css start*/

/*banner section css*/
.carousel-caption h1.heading{    font-size: 72px;  color: #fff; text-transform: uppercase; margin-bottom: 10px;}
.carousel-caption h1.heading span{color:#e7272d; }
.main-banner .carousel-caption {  position: absolute;  right: 10%;  bottom: 30%;  left: 10%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center;}
.carousel-caption p{font-size: 20px; color: #fff; margin-bottom: 40px;     line-height: 32px;
    text-shadow: 0 0 3px black;}
.carousel-caption  a.btn{ margin: 0 8px; }
.carousel-caption  a.btn:hover{}
.banner-info h2{font-size: 34px; padding-bottom: 10px;}
.banner-info p{font-size: 24px;}
/*banner section css end*/

/*start highlight css*/
.highlight{background: #f5f5f5;}
.highlight-box i{float: left; width: 20%; font-size: 55px; color: #e7272d; }
.highlight-box .highlight-text{ float:right; width: 78%; }
.highlight-box .highlight-text b{color: #000; font-size: 22px; }
.highlight-box .highlight-text{}
/*end highlight css*/

/*start welcome section css*/
.welcome-text a{margin-top: 30px;}
/*end welcome section css*/

/*open time section css*/
.special-Dishes{background: url(../images/back.jpg) center no-repeat fixed; background-size: cover;}
.dishes-box h3{color: #fff; margin-top: 20px;}
.dishes-box p{color: #fff;}
.owl-carousel .item .dishes-box  img{border-radius: 100%; width: 150px; margin: 0 auto;}
.special-Dishes-start{margin-top: 4em;}
/*end open time css*/

/*start food menu css*/
.food-menu{background: #f5f5f5;}
.food-menu-start{margin-top: 3em;}
.food-menu-list{margin-bottom: 20px;}
.food-menu-list h3 i{float: right;}
.accordion .card.food-menu-list .card-header {padding:0px;  margin-bottom: 0px;}
.food-menu-list .card-header a{padding: 1.5em 1.5em; display: block; border: 3px solid #000; transition: .5s all; background: #fff;}
.accordion .card.food-menu-list .card-header a:hover{background: #e7272d; border-color: #e7272d; color: #fff;}
.accordion .card.food-menu-list .card-header a:hover h3{color: #fff;}
.accordion .card.food-menu-list .card-header a.active{background: #e7272d; border-color: #e7272d; color: #fff;}
.accordion .card.food-menu-list .card-header a.active h3{color: #fff;}
.food-menu-box{margin-bottom: 20px;}
.food-menu-img{float: left; width: 10%; border-radius: 100%; overflow: hidden;}
.food-menu-text{float: right;width: 88%;}
.food-menu-text h4{position: relative;}
.food-menu-text h4 span.food-name{background: #fff; z-index: 2; position: relative;}
.food-menu-text .menu-dots { position: absolute;  top: 14px;  left: 0;  right: 0; margin: 0; border: 0; height: 5px; display: block; background: radial-gradient(#d5d5d5 40%,transparent 10%);  background-position: 0 0; background-size: 4px 4px; background-repeat: repeat-x;}
.food-menu-text .menu-price { position: absolute;  top: 0; right: 0; background: #fff;}
.food-menu-btn{margin-top: 1em;}
.special-Dishes-start .owl-carousel .owl-nav .owl-next { position: absolute;top: 40%; right: -30px; padding: 0px; background: transparent; }
.special-Dishes-start  .owl-carousel .owl-nav .owl-prev{position: absolute; top: 40%;left: -30px; padding: 0px; background: transparent;}
.special-Dishes-start .owl-carousel .owl-nav .owl-next i, .special-Dishes-start  .owl-carousel .owl-nav .owl-prev i{    background: #e7272d; height: 40px; width: 40PX;
    line-height: 40px; transition: .5s all; border:1px solid #e7272d;}

.special-Dishes-start .owl-carousel .owl-nav .owl-next i:hover, .special-Dishes-start  .owl-carousel .owl-nav .owl-prev i:hover{background: #000; border-color: #fff;}
.dishes-box{position: relative;}
.dishes-box span{position: absolute; top: 0px;  right: 0px;background: #e7272d; height: 50px; width: 50px; line-height: 50px; border-radius: 100%; color: #fff;}
/*end dishes section css*/

/*gallery css strat*/
.gallery-start{}

.gallery-start .row > .gallery-start .column {
/*  padding: 0 8px;*/
}

.gallery-start .row:after {
  content: "";
  display: table;
  clear: both;
}

/* Create four equal columns that floats next to eachother */
.gallery-start .column {
  float: left;
  width: 20%;
}

/* The Modal (background) */
.gallery-start .modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 20px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0, 0.5);
  z-index: 999999;
}

/* Modal Content */
.gallery-start .modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 60%;
  max-width: 1200px;
}

/* The Close Button */
.gallery-start .close {
    color: white;
    position: absolute;
    top: 10px;
    right: 255px;
    font-size: 23px;
    font-weight: normal;
    opacity: 1;
    background: #ef1d3d;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    z-index: 1;
}

.gallery-start .close:hover,
.gallery-start .close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
  opacity: 1;
  color: #fff;
}

/* Hide the slides by default */
.gallery-start .mySlides {
  display: none;
}

/* Next & previous buttons */
.gallery-start .prev,
.gallery-start .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.gallery-start .next {
  right: 0;
  border-radius: 3px 0 0 3px;
  background: rgba(0, 0, 0, .5);
}
.gallery-start .prev{ background: rgba(0, 0, 0, .5);}

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

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

/* Caption text */
.gallery-start .caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.gallery-start img.demo {
  opacity: 0.6;
  width: 100%;
}

.gallery-start .active,
.gallery-start .demo:hover {
  opacity: 1;
}

.gallery-start img.hover-shadow {
  transition: 0.3s;
  width: 100%;
}

.gallery-start .hover-shadow:hover {
}
.column.front-img {overflow: hidden; position: relative; cursor: pointer; transition: .5s all;}
.column.front-img img{transition: .5s all;}
.column.front-img:hover img{ transform: scale(1.2) rotate(.5deg); transition: .5s all; }
.gallery-overlay{ position: absolute; background: rgba(255, 255, 255, .2); padding: 100px 20px; text-align: center; top: 12px; height: 90%; width: 90%; left: 12px; transition: .5s all; border:1px solid #fff;}
.gallery-overlay i{ font-size: 30px; color: #fff; text-shadow: 2px 2px 2px #787878; transition: .5s all;}
.column.front-img:hover .gallery-overlay {display: none;}
.column.front-img:hover .gallery-overlay i{display: none;}
/*gallery css end*/

/*testimonials css start*/
.our-testimonial{background: url(../images/riview-bg.jpg) center fixed no-repeat; background-size: cover;}
.start-testimonials{margin-top: 2em;}
.start-testimonials .owl-carousel .owl-nav .owl-next { position: absolute;top: 40%; right: -15px; padding: 0px; background: transparent; }
.start-testimonials  .owl-carousel .owl-nav .owl-prev{position: absolute; top: 40%;left: -15px; padding: 0px; background: transparent;}
.start-testimonials .owl-carousel .owl-nav .owl-next i, .start-testimonials  .owl-carousel .owl-nav .owl-prev i{    background: #e7272d; height: 40px; width: 40PX;
    line-height: 40px; transition: .5s all; border:1px solid #e7272d;}

.start-testimonials .owl-carousel .owl-nav .owl-next i:hover, .start-testimonials  .owl-carousel .owl-nav .owl-prev i:hover{background: #000; border-color: #fff;}

.review-box{background:#fff; padding: 1.5em; width: 90%; margin: 0 auto}
.review-box b{color: #000; font-size: 20px;}
.review-box p{margin: 20px 0;}
.user-img{width: 22%; margin: 0 auto; position: relative;}
.user-img img{ padding: 5px; border:1px solid #e7272d; border-radius: 100%; overflow: hidden;}
.user-img span.riview-overlay{position: absolute;  top: 0; right: -6px; background: #fff; height: 35px; width: 35px; line-height: 35px; border-radius: 100%; border: 1px solid #e7272d;}
.user-img span.riview-overlay i{color: #e7272d;}
.start-reting i{color:#e7272d; margin:0 2px; }
.review-box strong{display: block; margin: 15px 0; color: #000;}
/*end testinonials section*/

/*start enquiry form css*/
 .enquiry .get-form .form-group input.btn{width: 100%; background:#e7272d; color: #fff; transition: .5s all; }
  .enquiry .get-form .form-group input.btn:hover{background: #000; border-color: #000;}
/*end enquiry form css*/

.online-food{background:#f5f5f5;}
.online-food-img{width:90%; margin:0 auto; margin-top:2em; padding:15px;background:#fff; box-shadow:0 0px 15px 0 rgb(8 18 109 / 10%);}

/*footer css start*/
.main-footer{background: url(../images/footer-bg.jpg) center no-repeat; background-size: cover;}
.footer-box p, .footer-box ul li a, .footer-box ul li, .footer-box{color: #d7d7d7;}
.footer-box p{text-align: justify;}
.footer-box h4{color: #fff; font-weight: 500; font-size: 22px;  text-transform: uppercase;}
.footer-box ul li {list-style: none; margin-bottom: 12px;}
.footer-box ul li span{float: right;margin-right: 30px;}
.footer-box ul li span.sunday{color: #e7272d; }
.footer-box ul li b{display: block; color: #e7272d; font-weight: 500;}
.footer-social{margin-top: 18px;}
.footer-social i{color: #d7d7d7; border:1px solid #d7d7d7; height: 40px; width: 40px; line-height: 40px; text-align: center; transition: .5s all; margin-right: 8px;}
.footer-social i:hover{background: #e7272d; border-color: #e7272d;}
 .copy-footer{padding: 15px 0; background: #000;}
  .copy-footer p {font-size: 12px; color: #868585;}
 .copy-footer p a{color: #d7d7d7;}
  .copy-footer p i{color: #e7272d;}
  .footer-box ul h5{color: #e7272d; font-weight: normal; font-size: 25px; margin-bottom: 10px;}

/*about page start*/
.inner_banner{    background:url(../images/abopag.jpg) center no-repeat fixed; background-size: cover;  padding: 12em 0 6em 0;}
.inner_banner .title.white{margin-bottom:   10px;}
.about_page0 small {font-size: 15px;color: #fff;}
.about_page0 small a{ color: #e7272d;}
.about_page0 small a:hover{color: #fff;  }
.about_p{margin-bottom: 2em;}
.about_content h2{font-weight: 400;    margin-bottom: 0; font-size: 36px; padding-bottom: 20px;}
.about_content p{padding-bottom: 2em;}
.about_detail{margin: 5em 0;}
/*family photo  start*/



/*about page end*/

/*start food menu poage css*/
.foodmenu-page-start .nav.nav-tabs a.btn{padding: 15px 232px; color: #e7272d; background: #fff; border:1px dotted #ddd;}
.takefood-offer{margin-top: 2em;}
.foodmenu-page-start .nav.nav-tabs li{    padding: 5px; background: #e7272d; border: 1px solid #ddd;}
.foodmenu-page-start .nav.nav-tabs a.btn.active{    background-color: #e7272d; border-color:; color: #fff;}
.foodmenu-page-start .nav.nav-tabs a:focus{box-shadow: none;}
.takefood_list h3{margin-top: 1em; background-color:#e7272d; padding: 10px; color: #fff; }
.takefood_list p.subpera{ color: #333;}
.takefood_list .take_away{font-size: 16px;  color: #e7272d; margin-top: 10px;}
.takefood_list p strong{float: right; font-size: 20px;}
.takefood_list p small{color: #000;}
.takefood_list h3 small{font-size: 13px;}
.term_condi{margin-top: 2em;}
.term_condi h4{background-color: #e7272d; padding: 10px; color: #fff;}
/*end food menu page css*/


/*start contact page*/
.single_contact_info i{color: #e7272d; border: 2px solid;border-radius: 50%; font-size: 25px; line-height: 60px; width: 60px; height: 60px;}
.single_contact_info h3{margin: 10px 0px; text-transform: uppercase;}


.licence {
	position: fixed;
	bottom: 0px;
	right: 0px;
	width: 20%;
	z-index: 1000;
	background: #e7272d;
	padding: 10px;
	text-align: center;
}
.licence-left {
    	position: fixed;
	bottom: 0px;
	left: 0px;
	/*width: 12%;*/
	z-index: 1000;
	background: #e7272d;
	padding: 10px;
	text-align: center;
}
.licence h6 {
	color: white;
	font-weight: bold;
	letter-spacing: 1px;
	word-spacing: 1px;
}
.licence-left h6 {
	color: white;
	font-weight: bold;
	letter-spacing: 1px;
	word-spacing: 1px;
}



/*********values css from here ******/
.values{padding: 3em;box-sizing: border-box;display: block;background-color:#e7272d;height:100%;width:100%;}
.values.values2{ background-color: #01739b; }
.values h1{margin-bottom: 20px; color: #fff;}
.values b{color: #222;font-weight: bolder;}
.values p{color: #222;font-weight: bolder; padding: 10px;}
.values strong{color: #fff;font-size:22px;font-weight: bolder;}
.values p b {color: #fff;font-size: 50px;}
.values p small {color: #fff;font-size: 20px;font-weight: bolder;}




/*start media css from here*/


 @media (max-width: 1024px) {
.foodmenu-page-start .nav.nav-tabs a.btn {
    padding: 15px 189px;}
    .carousel-caption h1.heading {
    font-size: 58px;
}
.welcome-img img{height: 370px;}
.footer-box ul li, .footer-box p {font-size: 13px;}
.footer-box ul h5{font-size: 20px;}
}


 @media (max-width: 768px) {
.about_detail .col-md-6{max-width: 100%; flex: 100%;  width: 100%;}
.header-start{background:#fff;}
.top-header {background:#000;}
.navbar-light.bootsnav .navbar-brand img.dark-logo {
    display: block;
}
.navbar-light.bootsnav .navbar-brand img.white-logo {
    display: none;
}
.navbar-light .navbar-nav .nav-link{color: #000;}
.top-header .left-header{display: none;}
.top-header .right-header {float: none; text-align: center;}
.main-banner{padding-top: 80px;}
.carousel-caption h1.heading {
    font-size: 48px;
}
.carousel-caption p{margin-bottom: 20px;}
.highlight-box i{float: none; text-align: center; width: 100%; margin-bottom:10px;}
.highlight-box .highlight-text{float: none; width: 100%; text-align:center;}
.welcome .col-md-6{width: 100%; max-width: 100%; flex: 100%;}
.welcome-img img {height: auto; margin-bottom: 10px;}
.food-menu-text h4 {
    position: relative;
    font-size: 16px;
}
.user-img {width: 32%;}
.footer-box ul li span{float: none; display: block;}

}


@media (max-width: 667px) {
.foodmenu-page-start .nav.nav-tabs a.btn {
    padding: 15px 84px;}
    .navbar-brand {
    width: 28%;
}
.right-header.header-time span {
    font-size: 11px;
}
.carousel-caption h1.heading {
    font-size: 43px;
}
.main-banner .carousel-caption{bottom: 20%;}
.section {
    padding: 3em 0;
}
.highlight-box{margin-bottom: 20px;}
.dishes-box span{right: 130px;}
.gallery-start .column {
    float: left;
    width: 25%;
}
.user-img {
    width: 22%;
}
.footer-box{margin-bottom: 20px;}
.footer-box hr{margin: 12px 0;}
.header-start .navbar{padding: 0 15px;}

}


@media (max-width: 640px) {

 }


@media (max-width: 568px) {
.about_detail .title{    font-size: 39px;}
.carousel-caption h1.heading {
    font-size: 35px;
}
.carousel-caption p {font-size: 16px; margin-bottom: 15px;}
.btn{padding: 12px 18px;}
.special-Dishes-start .owl-carousel .owl-nav .owl-next{right: -20px;}
.special-Dishes-start .owl-carousel .owl-nav .owl-prev{left: -20px;}
.copy-footer p {
    font-size: 10px;
    color: #868585;
}
.copy-footer {
    margin-top: -20px;
}
}

@media (max-width: 480px) {
.about_detail .title { font-size: 35px;}
.navbar-brand {
    width: 32%;
}
.carousel-caption h1.heading {
    font-size: 28px;
}
.food-menu-list .card-header a {padding: 1em 1.5em;}
.title {font-size: 35px; margin-bottom: 20px;
 }
 .dishes-box span {
    right: 100px;
}
}

@media (max-width: 375px) {
.main-banner .carousel-item img{height: 280px;}
.carousel-caption p span br{display: none;}
.carousel-caption h1.heading {
    font-size: 25px;
}
.main-banner .carousel-caption {
    bottom: 16%;
}
p.sub-pera {
    font-size: 16px;
    letter-spacing: 3px;
}
.user-img {
    width: 32%;
}
.navbar-brand {
    width: 43%;
}
.dishes-box span {
    right: 40px;
}
 }

 @media (max-width: 360px) {
.title {
    font-size: 31px;
    margin-bottom: 20px;
}
.dishes-box span {
    right: 20px;
    font-size: 10px;
}
 }

 @media (max-width: 320px) {
.carousel-caption h1.heading {
    font-size: 21px;
}
.carousel-caption p {
    font-size: 14px;
    margin-bottom: 15px;
}
.navbar-brand {
    width: 50%;
}


 }







/*min width screen size*/



/* Popup Overlay */
.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

/* Popup Content */
.popup-content {
    background: white;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    max-width: 400px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    animation: fadeIn 0.3s ease-in-out;
}

/* Fade-in Animation */
@keyframes fadeIn {
    from { opacity: 0; transform: scale(0.9); }
    to { opacity: 1; transform: scale(1); }
}

/* Close Button */
.popup-content button {
    background: #d9534f;
    color: white;
    border: none;
    padding: 10px 20px;
    margin-top: 15px;
    cursor: pointer;
    border-radius: 5px;
    font-size: 16px;
}

.popup-content button:hover {
    background: #c9302c;
}