/*
Theme Name: Shushi Cafeteria Pro
Theme URI: https://www.misbahwp.com/products/shushi-wordpress-theme/
Description: Sushi Cafeteria is a delightful and versatile WordPress theme designed for restaurants, cafes, and eateries specializing in sushi. With its visually appealing and clean layout, this theme captures the essence of Japanese cuisine, creating an immersive online experience. Ideal for sushi bars, cafeterias, or any food establishment, the theme presents a menu-centric design, allowing visitors to easily explore the diverse offerings. Visually, the Sushi Cafeteria theme features a tasteful blend of colors and captivating imagery that mirrors the artistry of sushi preparation. Its layout is organized for simplicity and convenience, ensuring an enjoyable navigation experience for customers exploring the menu, making reservations, or finding contact information. Functionally, the theme offers practical benefits such as online reservation features, image galleries for showcasing culinary creations, and responsive design for seamless viewing on various devices. This user-friendly theme caters to both restaurant owners and patrons, facilitating smooth interactions and enhancing the overall dining experience. Whether you're a sushi bar owner looking to establish an online presence or a food enthusiast searching for the next culinary adventure, the Sushi Cafeteria WordPress theme is an ideal choice. Its aesthetic appeal, user-friendly features, and adaptability make it a valuable asset for anyone involved in or passionate about the world of sushi and Japanese cuisine.
Author:misbahwp
Author URI: https://www.misbahwp.com/
Version: 1.0
Requires PHP: 5.6
Tested up to: 5.8
Tags: blog, food-and-drink, one-column, two-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, theme-options, threaded-comments, translation-ready
Text Domain: shushi-cafeteria-pro
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: 600;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}
.alignwide {
  margin-left  : -80px;
  margin-right : -80px;
}
.alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
.alignfull img {
  width: 100vw;
}

.post-single a, .page-single a,.sidebar-area .textwidget a,.comment-content a {
  text-decoration: none;
  color: #757575;
  text-transform: capitalize;
}
.post-single span{
  text-transform: capitalize;
}

body {
  font-family: 'Inter', sans-serif;
  color: #757575;
  margin:0;
  background: #fff;
}
h1,h2,h3, h4, h5, h6{
  font-family: 'Inter', sans-serif;
}
a {
  color:#222222;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  text-decoration: none;
}

a:hover,
a:focus {
  color:#ff4969;
  text-decoration: none;
}

header.header-top {
  background: #131c21;
}
section.category-title h1 {
  font-size: 18px;
  font-weight: 600;
}
/* ===============================================
   HEADER BOX
   ============================================= */

.register,.login {
  background: #aa8a63;
  color: #fff;
  padding: 0;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
}
.login{
	background: #fff;
	color: #212121;
}x
.header {
  position: static;
}

/*404 Page*/
.page-404 h1{
	font-size: 300px;
  color: #222222;
}
.page-404 h3{
	font-size: 38px;
	color: #ff4969;
}
.page-404 hr{
	width: 10%;
	background: #222222;
	padding: 1px;
}
.page-404 .intro-button{
 text-align: center;
 display: inline-block;
 padding: 5px;
}
.page-404 .button{
	padding: 15px 40px;
	color: #fff;
	font-size: 18px;
	display: inline-block;
	transition: all 0.2s; 
  text-decoration: none;
}
.page-404 .intro-button:hover{
	background: #222222;
}
.page-404 .intro-button,
.page-404 .intro-button::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
.page-404 .intro-button::before,
.page-404 .intro-button::after {
  background: #ff4969;
  content: '';
  position: absolute;
  z-index: -1;
}
.page-404 .intro-button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.page-404 .intro-button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

/* ===============================================
   LOGO BOX
   ============================================= */

.logo {
  display: block;
  padding: 15px 0;
	min-height: 53px;
  line-height: 1.4em;
	word-break: break-all;
}
.logo a {
  color: #222222;
  font-size: 30px;
  line-height: 35px;
  text-decoration: none;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  font-weight: 600;
}
.logo a:hover,
.logo a:focus {
  color:#222222;
}
.logo span {
  display: block;
  font-size: 14px;
  line-height: 18px;
  color: #767c83;
}
.logo-image {
  float: unset;
}

 

/* ===============================================
   MENU BOX
   ============================================= */
   #main-menu ul.children, #main-menu ul.sub-menu {
    display: none;
  }
  #main-menu ul li:hover .sub-menu {
    display: block;
  }
#main-menu {
	display:block;
	position:relative;
	float:right;
	margin:0 auto;
}
#main-menu ul {
	margin:0;
  padding: 0;
	display:block;
}
#main-menu ul li {
	position:relative;
	display:block;
	float:left;
	text-align:left;
}
#main-menu ul li a {
	color: #222222;
	text-decoration:none;
	display:block;
	z-index:1;
	padding:10px 50px;
  text-transform: capitalize;
  padding-left: 0;
	margin:0;
	font-weight: 500;
	-webkit-transition: color .1s linear, background-color .1s linear;
	-moz-transition: color .1s linear, background-color .1s linear;
	-o-transition: color .1s linear, background-color .1s linear;
	transition: color .1s linear, background-color .1s linear;
	position:relative;
	line-height:40px;
}
#main-menu a:hover,
#main-menu ul li a:hover,
#main-menu li:hover > a,
#main-menu a:focus,
#main-menu ul li a:focus,
#main-menu li.focus > a,
#main-menu li:focus > a,
#main-menu ul li.current-menu-item > a,
#main-menu ul li.current_page_item > a,
#main-menu ul li.current-menu-parent > a,
#main-menu ul li.current_page_ancestor > a,
#main-menu ul li.current-menu-ancestor > a {
	color:#ff4969;
}
#main-menu ul.children ,
#main-menu ul.sub-menu {
	opacity:0;
	position: absolute;
	top: 50px;
	left: 0;
	background:#fff;
	z-index:10001;
	width:213px;
	padding-left:0;
	-webkit-transition: opacity 0.3s ease 0s;
	-moz-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
	box-shadow: 0px 5px 30px rgb(0 0 0 / 13%);
  border-radius: 3px;
}
#main-menu ul.children li ,
#main-menu ul.sub-menu li {
	display:block; 
  position:relative; 
  float:none; 
  line-height:18px; 
  margin-left:0; 
  margin-right:0; 
  -webkit-transform: skew(0deg); 
  -ms-transform: skew(0deg); 
  transform: skew(0deg);
  padding: 5px 10px;
}
#main-menu li li:hover > ul,
#main-menu li li:focus > ul,
#main-menu li li.focus > ul {
	top:0px;
	left: -100%;
}

#main-menu ul.children li a ,
#main-menu ul.sub-menu li a {
	display: block;
  position:relative;
  padding: 0px 14px;
  padding-right: 14px;
  font-size: 14px;
	color: #222222;
	-webkit-transition: 
	all 600ms cubic-bezier(0.77, 0, 0.175, 1);
	transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
	cursor: pointer;-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#main-menu ul.sub-menu li a:hover {
	color: #fff;
	-webkit-transition-delay: .6s;
	transition-delay: .6s;
}
#main-menu ul.sub-menu li a:before, #main-menu ul.sub-menu li a:after {
	content: '';
	position: absolute;
	-webkit-transition: 
	inherit;transition: 
	inherit;z-index: -1;
}
#main-menu ul.sub-menu li a:before, #main-menu ul.sub-menu li a:after {
	top: 0;
	width: 0;
	height: 100%;}

#main-menu ul.sub-menu li a:before{
	left: 0;
	border: 1px solid #ff4969;
	border-left: 0;
	border-right: 0;}
#main-menu ul.sub-menu li a:hover:before {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}
#main-menu ul.sub-menu li a:hover:before,
 #main-menu ul.sub-menu li a:hover:after {
 	width: 100%;
 }
#main-menu ul.sub-menu li a:after {
	right: 0;
}
#main-menu ul.sub-menu li a:hover:after {
	background: #ff4969;
	-webkit-transition-delay: .4s;
	transition-delay: .4s;
}
#main-menu ul.sub-menu li a:hover:before, #main-menu ul.sub-menu li a:hover:after {width: 100%;}
#main-menu ul.children li ul:before ,
#main-menu ul.sub-menu li ul:before {
	display:none;
}
#main-menu li:hover > ul,
#main-menu li:focus > ul,
#main-menu li.focus > ul {
	opacity:1;
	right:calc(100% - 213px);
}
.menu-toggle,
.dropdown-toggle,
button.close-menu {
	display: none;
	background: #222222;
	color: #fff;
}
#main-menu ul.children li ul:before ,
#main-menu ul.sub-menu li ul:before {
	display:none;
}


.div_box2{
  display: flex;
  justify-content: center;
}
/* ===============================================
   HEADER SEARCH
   =============================================== */

.header-search {
  text-align: right;
}
.header-search .open-search-form i{
  font-size: 18px;
  cursor: pointer;
	color: #222222;
	margin: 10px 0; 
 }

 a.cart-customlocation i {
  font-size: 16px;
  cursor: pointer;
  color: black;
 }
 p.cart-item-box{
 	position: absolute;
    top: -30%;
    left: 50%;
    background: #ff4969;
    width: 18px;
    height: 18px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
 }
 .header-search .open-search-form i:hover{
 	color: #222222;
 }
/* a.cart-customlocation i:hover{
 	color: #fff;
 }*/
.header-search .search-form {
	position:fixed;
	top:0;
	right:-100%;
	width:100%;
	height:100%;
	padding:0;
	z-index:1001;
	visibility: hidden;
	-webkit-transition-property: all , -webkit-transform;
    transition-property: all , transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	background: rgba(255,255,255, 0.98) none repeat;
	border:none !important;
}
.header-search .search-form.is-open {
	right:0;
	height:100%;
	visibility: visible;
}
.header-search .search-form.is-open form {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 50px;
}
.header-search .search-form a.close-search-form {
	top:50px;
	position:absolute;
	margin-left:-13px;
	left:50%;
}
.header-search .search-form i.searchform-close-button {
	font-size:25px;
	color:#616161 !important;
	opacity:0;
	-webkit-transition: transform .2s linear;
	-moz-transition: transform .2s linear;
	-o-transition: transform .2s linear;
	transition: transform .2s linear;
}
.header-search .search-form.is-open i.searchform-close-button {
	opacity:1;
}
.header-search .search-form.is-open i.searchform-close-button:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

#site-navigation .sidenav a.closebtn, .open-menu{
  	display: none;
}


/* ===============================================
   POST BOX
   ============================================= */

 
.post-thumbnail {
  line-height: 0;
}
h4.post-title {
  font-size: 22px;
  color: #222222;
  font-weight: 800;
}
.post-content p{
	color: #757575;
}
.post-meta i{
	color: #ff4969;
}
pre {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.42857143;
	color: #121d21;
	white-space: break-spaces;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
  	border-radius: 4px;
}
.post-content img,
.post-thumbnail img,
.post-content iframe,
.post-content object,
.post-content embed {
	max-width: 100%;
}
.post-content img,
.post-thumbnail img {
	max-height:100%;
}
.post-content:after {
  content: "";
  display: table;
  clear: both;
}

#content,footer {
  float: left;
  width: 100%;
}
 
.latest-post .post-date {
  float: left;
}
.latest-post .post-meta a {
  color: #767c83;
  font-weight: 500;
  font-size: 18px;
  text-transform: capitalize;
}
.latest-post figure{
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.latest-post figure:hover+span{
	opacity: 1;
}
.latest-post figure img{
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	width: 100%;
  height: 100%;
}
.latest-post:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.post-single .tags-bg a{
	padding: 10px 15px;
	background: #ff4969;
	border-radius: 5px;
	text-transform: uppercase;
	color: #fff;
	margin:0 10px;
}
.post-single .tags-bg a:hover{
	background:#222222 ;
}
.post-single .blog_share_icon .fab{
	width: 50px;
	height: 50px;
	text-align: center;
	border-radius: 50%;
	background: #ff4969;
	color: #fff;
	font-size: 18px;
	padding: 15px;
	margin:0 10px;
  -webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}
.post-single .blog_share_icon .fab:hover{
	transform: rotate(360deg);
	background: #222222;
}
.post-single {
	display: block;
}
label{
	display: block;
}
 
.latest-post h4 a{
  color: #222222;
  font-weight: 500;
  font-size: 18px;
}
.latest-post h4 a:hover{
  color: #ff4969;
}
.latest-post .post-content p{
  color: #757575;
  font-weight: 400;
}

.latest-post .owl-item .post-admin span img{
  width: auto;
  display: inline-block;
  border-radius: 50%;
}
.latest-box{
  filter: drop-shadow(0 0 18px rgba(0,0,0,0.08));
  background: #fff;
  border-radius: 10px;
}
.latest-post .far.fa-calendar-alt, .latest-post .fas.fa-bookmark{
  color: #717982;
} 
.latest-post .icon-book{
  float: right;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #717982;
  width: 40px;
  height: 40px;
  padding: 10px 14px;
  margin-top: -8px;
}
.latest-post figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-radius: 10px 10px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 180px;
 }
.latest-post figure:hover+span{
  opacity: 1;
}
.latest-post figure img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
  border-radius: 10px 10px 0 0;
  height: 100%;
}
.latest-post .post-item:hover figure img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  border-radius: 10px 10px 0 0;
}
.latest-post .date-meta{
  float: right;
}
.latest-post .far.fa-calendar-alt{
  color: #ff4969;
}
.latest-post .far{
  color: #ff4969;
  font-size: 18px;
}
.latest-post .comments{
 color: #757575;
  font-size: 18px;
  text-transform: capitalize;
}
.latest-post .read_more{
  color: #98ce75;
  text-decoration: underline;
  font-weight: 600;
  text-transform: capitalize;
  display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-form-url input{
  width: 100%;
}
.comment-respond input#submit {
  background: #98ce75;
  border: none;
  color: #fff;
  padding: 10px;
  font-weight: 600;
  border-radius: 7px;
  display: inline-block;
  margin: 15px 0;
}
.comment-respond input#submit:hover{
  background-color: #ff4969;
}
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
.comments-title {
  font-size: 1.125rem;
}
.comment-body .pull-left {
  padding-right: 0.625rem;
}
.comment-list {
  padding-left: 0;
}
.comment-list .comment {
  display: block;
}
.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}
.comment-list .pingback a {
  margin-left: 5px;
  margin-right: 5px;
}
.comment-content.card-block {
  padding: 15px;
}
.comment-reply a {
  background: #98ce75;
  padding: 5px 15px;
  color: #fff;
  border-radius: 7px;
}
.comment-reply a:hover {
   background: #ff4969;
  color: #fff;
  text-decoration: none;
}

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

  section.category-title h1 {
    text-align: center;
  }
  #mySidenav span{
  	display: block;
  	font-size:30px;
  	cursor:pointer;
  }
  .logo {
    text-align: center;
  }
  .open-menu{
  	display: block;
  }

  #main-menu ul li {
    float: left;
    width: 100%;
    padding: 5px 15px;
  }

  #main-menu > li > ul.children,
  #main-menu > li > ul.sub-menu {
    position: absolute;
    top:-100%;
    background: #fff;
  }

  #main-menu li.focus > ul.children,
  #main-menu li.focus > ul.sub-menu ,
  #main-menu li:hover > ul.children,
  #main-menu li:hover > ul.sub-menu ,
  #main-menu li:focus > ul.children,
  #main-menu li:focus > ul.sub-menu {
    width: 100%;
    top:0;
    left: 0 !important;
    position: relative;
  }

  #main-menu ul {
    padding: 0;
    float: none;
  }

  #main-menu ul li a {
    padding: 0;
    display: initial;
    font-size: 18px;
  }

  #main-menu ul.children li a ,
  #main-menu ul.sub-menu li a {
    padding: 0;
    line-height:53px;
  }

  #main-menu ul li.menu-item-has-children:after {
    content: '';
    position: absolute;
    border: solid #222222;
    right: 10px;
    top: 50%;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    -webkit-transform: translate(0,-50%) rotate(-45deg);
    transform: translate(0,-50%) rotate(-45deg);
  }

  #main-menu ul.children li,
  #main-menu ul.sub-menu li {
    width: 100%;
    padding-left: 10px;
  }

  #main-menu ul li.menu-item-has-children:hover:after ,
  #main-menu ul li.menu-item-has-children:focus:after,
  #main-menu ul li.menu-item-has-children.focus:after {
    top: 20px;
    -webkit-transform:  rotate(45deg);
    transform:  rotate(45deg);
  }

  #main-menu a:hover,
  #main-menu ul li a:hover,
  #main-menu li:hover > a,
  #main-menu a:focus,
  #main-menu ul li a:focus,
  #main-menu li.focus > a,
  #main-menu li:focus > a,
  #main-menu ul li.current-menu-item > a,
  #main-menu ul li.current_page_item > a,
  #main-menu ul li.current-menu-parent > a,
  #main-menu ul li.current_page_ancestor > a,
  #main-menu ul li.current-menu-ancestor > a {
    background:none;
  }
}


/* ===============================================
   Pagination
   ============================================= */

.pagination,
.shushi-cafeteria-pro-pagination {
	margin:25px 0;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.shushi-cafeteria-pro-pagination a span,
.shushi-cafeteria-pro-pagination span.current {
	display:inline-block;
	text-decoration: none;
	padding:10px 20px;
	font-size:18px;
  font-weight: 600;
	line-height:21px;
	color:#222;
  border-radius: 4px;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	position:relative;
	margin:0;
	-webkit-transition: background-color .3s ease;
	-moz-transition: background-color .3s ease;
	-ms-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	transition: background-color .3s ease;
}

.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links span.current,
.shushi-cafeteria-pro-pagination span.current,
.shushi-cafeteria-pro-pagination span.current:hover,
.shushi-cafeteria-pro-pagination span.current:focus,
.shushi-cafeteria-pro-pagination a span:hover,
.shushi-cafeteria-pro-pagination a span:focus {
	background:#ff4969;
  color: #ffffff;
}

.commentlist {
	list-style:none;
	margin:0;
	padding:0
}

.commentlist ul {
	list-style:none;
	padding:0;
	margin:0;
}

.commentlist li {
	margin:0;
}

.commentlist li .comment-respond {
	margin-bottom:25px;
}

.commentlist li:last-of-type .comment-respond {
	margin-bottom:0px;
}

.comment-container {
	position: relative;
	margin:0 0 25px 0;
	padding:30px;
	background:#fff;
	border:solid 1px #f3f4f7 !important;
	z-index:999
}

.comment-avatar img {
	float:left;
}

.comment-text {
	position:relative;
	margin-left:110px;
	padding:0 0 0 15px
}

.comment-container .comment-date {
	padding:15px 0;
}

.comment-avatar {
	position:relative;
	width:110px;
	float:left;
}

.comment-author .author {
	display:block;
	font-weight:bold;
}

.commentlist .children li {
	margin-left:30px;
}

.comment-notes {
	font-size:12px;
	margin:-25px 0 25px 0;
}

h3#reply-title,
h3.comments {
	height:30px;
	line-height:30px;
	margin:30px 0;
}

h3#reply-title small,
.logged-in-as {
	font-size: 15px;
	margin:-25px 0 25px 0;
}

.comment-form input[type=text],
.comment-form input[type=email],
.comment-form textarea {
	padding: 10px 2%;
	background:#fff;
	width: 100%;
	margin:0 0 15px 0;
	border:1px solid black;
	color:#222222;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
}

.comment-form input[type=submit] {
	background: #222222;
	color: #fff;
	border:none;
	font-size:14px;
	font-weight: 600;
	text-align:center;
	position:relative;
	display: block;
	text-shadow:none;
	padding:10px 15px;
	width:inherit;
	margin:0;
	-webkit-transition: color .3s ease, background-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease;
	transition: color .3s ease, background-color .3s ease;
	cursor: pointer;
}

.comment-form input[type=submit]:hover ,
.comment-form input[type=submit]:focus {
	background-color:#248efa;
	text-decoration:none
}

.logged-in-as a {
	color:#222222;
}

.logged-in-as,
.comment-notes,
.comment-form-comment,
.comment-form-author,
.comment-form-email,
.comment-form-url,
.form-submit {
	display:block;
}

/* ===============================================
   SIDEBARS
   =============================================== */

.sidebar-area .textwidget img{
  width: 100%;
  height: auto;
}
.sidebar-area .sidebar-widget {
	margin-bottom: 25px;
  background: #fff;
  border: 1px solid  #e9e7f4;
  filter: drop-shadow(0 5px 8px rgba(0,0,0,0.08));
}
.sidebar-area a,
.sidebar-area p,
.sidebar-area li,
.sidebar-area address,
.sidebar-area dd,
.sidebar-area blockquote,
.sidebar-area td,
.sidebar-area th,
.sidebar-area .textwidget {
	line-height:1.9em;
	font-weight: normal;
}
.sidebar-area ul,#calendar_wrap,.sidebar-area .textwidget,.tagcloud {
  list-style:none;
  margin: 0;
  padding: 0 15px;
}
.sidebar-area li a,
.sidebar-area li {
  font-size: 18px;
  font-weight: 500;
}
.sidebar-area li {
  padding-bottom: 15px;
  color: #222222;
}
.sidebar-area h4.title {
  padding: 10px 15px;
    border-bottom: solid 3px #ff4969;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    background: #98ce75;
}
.sidebar-area .tagcloud a {
  font-size: 15px !important;
  background: #fff;
  color: #121d21;
  padding: 5px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  display: inline-block;
  margin: 5px 0;
  text-decoration: none;
}
.sidebar-area .tagcloud a:hover{
	background: #222222;
	color: #fff;
}
.sidebar-area form {
  padding: 0;
}
.sidebar-area select,
.sidebar-area textarea, #comments textarea,
.sidebar-area input[type="text"], #comments input[type="text"],
.sidebar-area input[type="password"],
.sidebar-area input[type="datetime"],
.sidebar-area input[type="datetime-local"],
.sidebar-area input[type="date"],
.sidebar-area input[type="month"],
.sidebar-area input[type="time"],
.sidebar-area input[type="week"],
.sidebar-area input[type="number"],
.sidebar-area input[type="email"],
.sidebar-area input[type="url"],
.sidebar-area input[type="search"],
.sidebar-area input[type="tel"],
.sidebar-area input[type="color"],
.sidebar-area .uneditable-input{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	width: 100%;
  margin: 0;
  padding: 12px;
  background-color: #f3f4f7;
  border: 1px solid rgba(0, 0, 0, 0.125);
  float: unset;
}
.sidebar-area input[type="search"]{
  width: 69%;
  border: none;
  background: transparent;
}
#wp-calendar th,
#wp-calendar
#today,
#wp-calendar
#today a {
	background:#f3f4f7;
	color:#434343 !important;
}
#wp-calendar a:hover {
	border:none;
}
#wp-calendar {
	background: #fff;
	width:100%;
}
#wp-calendar caption {
	font-size: 14px;
	text-transform:uppercase;
	margin:0 0 10px 0;
	text-align:left;
}
#wp-calendar th,
#wp-calendar td {
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	padding:3px 6px;
}
#wp-calendar td a {
	display:block;
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	text-decoration:underline
}
#wp-calendar td#prev a,
#wp-calendar td#prev a{
	text-decoration:none;
	text-align:left;
}
#wp-calendar th{
	font-weight:bold
}
tr:nth-child(2n+2) {
	background-color: #f3f4f7;
}
.searchform label {
	display: block;
}
.searchform input[type=text] {
  width: calc(100% - 110px);
  margin: 0;
  padding: 12px;
  float: left;
  background-color: #fff;
  border: 2px solid #efefef;
  outline: none;
}
.searchform input[type=submit]{
	background: #98ce75;
	border: none;
	color: #fff;
	font-size:15px;
	font-weight: 600;
	text-align:center;
	position:relative;
	float:left;
	text-shadow:none;
	padding:14px 0;
	width:110px;
	margin:0 auto;
	cursor: pointer;
	-webkit-transition: color .3s ease, background-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease;
	transition: color .3s ease, background-color .3s ease;
}

.searchform input[type=submit]:hover ,
.searchform input[type=submit]:focus {
	background-color:#ff4969;
	text-decoration:none
}
.searchform:after {
  content: "";
  display: table;
  clear: both;
}
.sidebar-area .post-thumbnail img {
    width: 100%;
    height: 75px;
    border-radius: 50%;
    margin-top: 10px;
  }
  .sidebar-area .post-title {
    font-size: 18px;
  }
footer {
	background: #2c2e44;
	border-top: 1px solid #424357;
}
footer .sidebar-area {
	background: none;
	padding: 25px 0 0 0;
}

footer a,
footer p,
footer .sidebar-area li,
footer .sidebar-area address,
footer .sidebar-area dd,
footer .sidebar-area blockquote,
footer .sidebar-area td,
footer .sidebar-area th,
footer .sidebar-area .title,
footer .sidebar-area .textwidget {
	color: #fff;
}
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
img.alignleft,
img.alignright,
img.aligncenter,
.attachment img {
	max-width:100%;
	height:auto;
	margin-bottom: 20px;
}
.alignleft,
img.alignleft {
	display:inline;
	float:left;
	margin-right:24px;
	margin-top:4px;
}
.alignright,
img.alignright {
	display:inline;
	float:right;
	margin-left:24px;
	margin-top:4px;
}
div.aligncenter,
img.aligncenter {
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	float:none;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom:12px;
}
.wp-caption {
	background:#f1f1f1;
	line-height:18px;
	margin-bottom:25px;
	max-width:100% !important;
	padding:4px;
	text-align:center;
}
.wp-caption img {
	margin:5px 5px 0;
	width:96%;
	height:100%
}
.wp-caption p.wp-caption-text {
	color:#888;
	font-size:12px;
	margin:5px;
}
.footer-area .woocommerce ul.cart_list li img, .footer-area .woocommerce ul.product_list_widget li img{
	height: 70px;
}

h1.post-title{
  position: relative;
  z-index: 11;
}
#banner{
  position: relative;
}
#banner::after{
  content: "";
  background: #000;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0.7;
}
/*SCROLL TO TOP BUTTON*/

#button_scroll {
  display: inline-block;
  background: #98ce75;
  width: 45px;
  height: 45px;
  text-align: center;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
  opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  color: #fff;
  border-radius: 10px;
  filter: drop-shadow(-3.126px 7.364px 6.5px rgba(75,124,43,0.38));
}
#button_scroll::after {
  font-weight: normal;
  font-style: normal;
  font-size: 10px;
  line-height: 50px;
  color: #fff;
} 
#button_scroll.show {
  opacity: 1;
  visibility: visible;
}
#button_scroll .fas{
	color: #fff;
	padding: 8px;
	margin: 5px 0;
}
#button_scroll:hover {
  background: #ff4969;
}
#button_scroll,
#button_scroll::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
#button_scroll::before,
#button_scroll::after {
  background: #98ce75;
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: 10px;
}
#button_scroll::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#button_scroll:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

/*PRELOADER*/
/** page **/
.cssloader {
  padding-top: calc(45vh - 25px);
  position: fixed;
  width: 100%;
  height: 100%;
  top:0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #212121;
  z-index: 99999;
}

/** loader **/

.sh1 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #fff transparent transparent transparent;
  margin: 0 auto;
  animation: shk1 1s ease-in-out infinite normal;
}
.sh2 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 50px 50px;
  border-color: transparent  transparent #ff4969 transparent ;
  margin: -50px auto 0;
  animation: shk2 1s ease-in-out infinite alternate;
}

/** animation starts here **/

@keyframes shk1 {
  0% {
    transform: rotate(-360deg);
  }  
  
  100% {
  }
}

@keyframes shk2 {
  0% {
    transform: rotate(360deg);
  }
  100% {
  }
}
.lt {
  color: #fff;
  margin: 30px auto;
  text-align: center;
  font-weight: 100;
  letter-spacing: 10px;
}
a.close-search-form{
	display: none;
}

/*SRTICKY HEADER*/

.fix-sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}
.admin-bar .fix-sticky {
	margin-top: 32px;   
}
 

/*Body*/ 

header#site-navigation{
  background: #fff;  
  box-shadow: 0 0px 10px rgb(0 0 0 / 10%); 
}
.menu-header .btn-grp{
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-left: auto;
  max-width: 150px;
}

.menu-header{
  padding-left: 100px;
  padding-right: 100px;
}
.menu-header .cart-div{
  position: relative;
}


/*SLIDER SECTION*/ 
#slider{
  position: relative;
}
#slider .slider-content{
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  max-width: 500px;
  left: 5%;
}
#slider h2{
  font-family: 'Playfair Display', serif;
  color: #ff4969;
  font-size: 28px;
  font-weight: 500;
}
#slider h1{
  color: #222222;
  font-weight: 800;
  font-size: 54px;
}
#slider p{
  font-weight: 400;
  color: #757575;
  font-size: 16px;
}
#slider .dashicons{
  text-decoration: none;
  margin: 0 5px;
  font-size: 20px;
  display: inline-block;
}
#slider .button{
  background: #98ce75;
  color: #fff;
  border-radius: 15px;
  padding: 10px 30px;
  font-weight: 600;
  display: inline-block;
  overflow: hidden;
  text-transform: capitalize;
  filter: drop-shadow(-3.126px 7.364px 6.5px rgba(75,124,43,0.38));
}
#slider .button:hover{
  background: #ff4969;
  color: #fff;
}
#slider .button,
#slider .button::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#slider .button::before,
#slider .button::after {
  background: #98ce75;
  content: '';
  position: absolute;
  z-index: -1;
}
#slider .button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#slider .button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

#slider .owl-dots {
  text-align: center;
  width: 100%;
  display: block;
  position: absolute;
  bottom: 20px;
}
#slider .owl-dots button.owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  background: #9aa4af;
  margin: 0 5px;
  outline: none;
}
#slider .owl-dots button.owl-dot.active {
  background-color:#ff4969;
}
#slider .owl-carousel{
  position: relative;
}
#slider .contact-sec{
  position: absolute;
  right: 50px;
  bottom: 50px;
  z-index: 11;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#slider .contact-number, #slider .contact-email{
  border-radius: 40px 0 0 40px;
  filter: drop-shadow(-25px 0 13px rgba(0,0,0,0.12));
  background-color: #ffffff;
  display: flex;
  align-items: center;
  padding: 10px 20px;
}
#slider .contact-number{
  margin-bottom: 30px;
}
#slider .contact-dlts-sec .dashicons{
  color: #222222;
  font-size: 30px;
  margin-right: 30px;
  display: inline-flex;
  align-items: center;
 
}
#slider .contact-dlts-sec p{
  margin-bottom: 0;
  font-size: 14px;
  color: #222222;
  font-weight: 500;
}
#slider .contact-dlts-sec h4{
  margin-bottom: 0;
  color: #222222;
  font-weight: 600;
  font-size: 20px;
}
#slider .social-links a{
  background: #f0f3f6;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
  margin-bottom: 7px;
}
#slider .social-links a:hover{
  background: #ff4969;
  color: #fff;
}

#slider .contact-socail-sec{
  margin-left: 10px;
}
/* Our Services */


#our_services .item{
  border-radius: 30px;
  background: #1d2939;
  padding: 50px 50px;
  text-align: left;
  margin: 50px 0;
}
#our_services .image-box {
  width: 90px;
  height: 90px;
  border-radius: 16px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
#our_services .image-box img{
  width: auto;
}
 
#our_services a h3{
  font-size: 22px;
  color: #fff;
  margin-bottom: 15px;
  margin-top: 20px;
}

#our_services p{
  margin-bottom: 0;
  color: #8ba3c1;
  font-size: 14px;
}
#our_services .owl-carousel .active.center{
  position: relative;
  z-index: 11;
}
#our_services .owl-carousel .active.center .item {
  background: #2d3c51;
  display: block;
  margin: 50px -25px;
  padding: 50px 30px;
}


#our_services .owl-carousel .active.center {
  transform: scale(1.1);

}
#our_services .owl-carousel .active {
  transform: scale(.9);
  transition: .6s ease;
 
}

/*Our Story Section*/

#about_us h5{
  font-size: 16px;
  color: #ff4969;
  font-weight: 500;
  border-radius: 22px;
  background-color: #ffe7eb;
  padding: 10px 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#about_us h3{
  font-size: 34px;
  color: #222222;
  font-weight: 800;
  margin: 20px 0;
}
#about_us h4{
  font-size: 38px;
  color: #ff4969;
  font-weight: 600;
}
#about_us img{
  width: 100%;
}
#about_us figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#about_us figure:hover+span{
  opacity: 1;
}
#about_us img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
#about_us :hover img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

#about_us .button{
  background: #98ce75;
  color: #fff;
  border-radius: 14px;
  padding: 10px 30px;
  font-weight: 600;
  display: inline-block;
  overflow: hidden;
  text-transform: capitalize;
  filter: drop-shadow(-3.126px 7.364px 6.5px rgba(75,124,43,0.38));
}
#about_us .button:hover{
  background: #ff4969;
}
#about_us .button,
#about_us .button::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#about_us .button::before,
#about_us .button::after {
  background: #98ce75;
  content: '';
  position: absolute;
  z-index: -1;
}
#about_us .button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#about_us .button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

/*Today Special*/

#features_food .head-sec{
  margin-bottom: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#features_food form.woocommerce-product-search{
  position: relative;
}
#features_food input#woocommerce-product-search-field{
  padding: 10px 20px;
  color: #757575;
  border-radius: 30px;
  background-color: #eaeaea;
  border: 0;
  outline: none;
  box-shadow: none;
  position: relative;
}

button.search-button{
  border: 0;
  outline: none;
  background: transparent;
  position: absolute;
  right: 15px;
  top: 10px;
  color: #757575;
}
#features_food h3{
  font-size: 34px;
  color: #222222;
  font-weight: 800;
}

#features_food figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #222222;
  border-radius: 10px;
}
#features_food figure:hover+span{
  opacity: 1;
}
#features_food .box img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  border-radius: 10px;
}
#features_food .product-box:hover .box img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
   opacity: 0.7;
  border-radius: 10px;
}
#features_food .box .box-content{
  color: #fff;
  background: #98ce75;
  text-align: center;
  width: 135px;
  padding: 10px;
  opacity: 0;
  transform: translateX(-50%);
  position: absolute;
  top: 25%;
  left: 50%;
  right: 50%;
  z-index: 1;
  transition: all 0.3s ease-out;
  border-radius: 30px;
}
#features_food .box .box-content:hover{
  background: #ff4969;
}
#features_food .product-box:hover .box-content{ opacity: 1; }
#features_food .product-box .box-content:before,
#features_food .product-box .box-content:after{
  content: '';
  height: 100%;
  width: 100%;
  border-radius: 10px;
  transform: scale(0);
  transform-origin: top left;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.3s ease 0.2s;
}
#features_food .product-box .box-content:after{
  border-left: none;
  border-top: none;
  transform-origin: bottom right;
}
#features_food .product-box:hover .box-content a:before,
#features_food .product-box:hover .box-content a:after{
    transform: scale(1);
}
#features_food .box-content a.added_to_cart.wc-forward{
  position: absolute;
  float: right;
  right: 20px;
  margin-top: 35px;
  color: #fff;
  padding: 10px 15px;
  background: #98ce75;
  border-radius: 30px;
}
#features_food .box-content a.added_to_cart.wc-forward:hover{
  background: #ff4969;
}
#features_food .product-box:hover .title{
    transform: translateY(0);
}
#features_food .box-content  a.button{
  color: #fff;
  transition: all 0.2s; 
  text-decoration: none;
  font-weight: 500;
}
#features_food .box-content  a.button::before {
  font-family: "Font Awesome 5 Free";
   font-weight: 900; content: "\f07a";
   margin: 0 5px;
}
#features_food .star-rating {
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1;
  font-size: 14px;
  width: 5.4em;
  font-family: star;
  color: #ffd146;
}
#features_food .star-rating::before {
  content: "\73\73\73\73\73";
  color: #e2e2e2;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
}
#features_food .star-rating span::before {
  content: "\53\53\53\53\53";
  top: 0;
  position: absolute;
  left: 0;
  color: #ffd146;
}
#features_food .star-rating span {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
}
#features_food h4 a{
  color: #222222;
  font-weight: 600;
  font-size: 18px;
}
#features_food span.woocommerce-Price-amount.amount{
  color: #ff4969;
  font-weight: 700;
  font-size: 18px;
  text-decoration: none;
}
#features_food ins{
  text-decoration: none;
}
#features_food del span.woocommerce-Price-amount.amount bdi{
  display: none;
}
#features_food .owl-carousel .owl-nav{
  position: absolute;
  transform: translateY(-50%);
  top:45%;
  left: 0;
  right: 0;
}
#features_food .owl-carousel .owl-nav button.owl-prev{
  width: 30px;
  height: 45px;
  font-size: 20px;
  background: #ff4969;
  color: #fff;
  outline: none;
  position: relative;
  right: 0px;
  float: left;
}
#features_food .owl-carousel .owl-nav button.owl-next{
  width: 30px;
  height: 45px;
  font-size: 20px;
  background: #ff4969;
  color: #fff;
  outline: none;
  float: right;
  position: relative;
  left: 0;
}
#features_food .product-details{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
}

#features_food .button1{
  background: #98ce75;
  color: #fff;
  border-radius: 14px;
  padding: 10px 30px;
  font-weight: 600;
  display: inline-block;
  overflow: hidden;
  text-transform: capitalize;
  filter: drop-shadow(-3.126px 7.364px 6.5px rgba(75,124,43,0.38));
}
#features_food .button1:hover{
  background: #ff4969;
}
#features_food .button1,
#features_food .button1::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#features_food .button1::before,
#features_food .button1::after {
  background: #98ce75;
  content: '';
  position: absolute;
  z-index: -1;
}
#features_food .button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#features_food .button1:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

.product-text{
  margin-bottom: 0;
}
#features_food p.product-cat-name{
  font-size: 16px;
  margin-bottom: 10px;
  color: #999;
}

/*Today Special Offer*/

 
#special_offer h3{
  font-size: 34px;
  color: #222222;
  font-weight: 800;
}

#special_offer p{
  max-width: 400px;
  margin: auto;
}
#special_offer figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #222222;
}
#special_offer figure img{
  webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
}
#special_offer figure:hover  img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.7;
}
#special_offer figure:hover+span{
  opacity: 1;
}
#special_offer .owl-carousel .owl-nav{
  position: absolute;
  transform: translateY(-50%);
  top:45%;
  left: 0;
  right: 0;
}
#special_offer .owl-carousel .owl-nav button.owl-prev{
  width: 35px;
  height: 50px;
  font-size: 20px;
  background: #ff4969;
  color: #fff;
  outline: none;
  position: relative;
  right: 5%;
  float: left;
}
#special_offer .owl-carousel .owl-nav button.owl-next{
  width: 35px;
  height: 50px;
  font-size: 20px;
  background: #ff4969;
  color: #fff;
  outline: none;
  float: right;
  position: relative;
  left: 5%;
}


/*Popular Food Section*/

#popular_food p.product-cat-name{
  font-size: 16px;
  margin-bottom: 10px;
  color: #999;
}
 
#popular_food h3{
  font-size: 30px;
  color: #222222;
  font-weight: 800;
}

#popular_food p{
  max-width: 400px;margin: auto;
}
#popular_food .tab-product{
  background: #fff;
  border-radius: 10px;
  filter: drop-shadow(0 0 15px rgba(0,0,0,0.1));
  padding: 10px;
  margin-bottom: 30px;
}

#popular_food .tab-product figure{
  margin: 0;
}

#popular_food .box img{
  width: 100%;
  height: auto;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
#popular_food .tab-product:hover img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
#popular_food .star-rating {
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1;
  font-size: 14px;
  width: 5.4em;
  font-family: star;
  color: #ffd146;
}
#popular_food .star-rating::before {
  content: "\73\73\73\73\73";
  color: #e2e2e2;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
}
#popular_food .star-rating span::before {
  content: "\53\53\53\53\53";
  top: 0;
  position: absolute;
  left: 0;
  color: #ffd146;
}
#popular_food .star-rating span {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
}
#popular_food h4 a{
  color: #222222;
  font-weight: 600;
  font-size: 18px;
}
#popular_food span.woocommerce-Price-amount.amount{
  color: #ff4969;
  font-weight: 600;
  text-decoration: none;
}
#popular_food ins{
  text-decoration: none;
}
#popular_food del span.woocommerce-Price-amount.amount bdi{
  display: none;
}
#popular_food p{
  font-weight: 400;
}
#popular_food .button1{
  background: #98ce75;
  color: #fff;
  border-radius: 14px;
  padding: 10px 30px;
  font-weight: 600;
  display: inline-block;
  overflow: hidden;
  text-transform: capitalize;
  filter: drop-shadow(-3.126px 7.364px 6.5px rgba(75,124,43,0.38));
}
#popular_food .button1:hover{
  background: #ff4969;
}
#popular_food .button1,
#popular_food .button1::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#popular_food .button1::before,
#popular_food .button1::after {
  background: #98ce75;
  content: '';
  position: absolute;
  z-index: -1;
}
#popular_food .button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#popular_food .button1:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}
#popular_food a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart{
  visibility: hidden;
}
#popular_food a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:after{
    font-family: "font awesome 5 free";
    font-weight: 900;
    content: "\f07a";
    background: #eee;
    cursor: pointer;
    border-radius: 10px;
    font-size: 16px;
    padding: 10px;
    visibility: visible;
}

#popular_food .box-content a.added_to_cart.wc-forward{
  visibility: hidden;
}
#popular_food .box-content a.added_to_cart.wc-forward::after{
  font-family: "font awesome 5 free";
  font-weight: 900;
  content: "\f06e";
  visibility: visible;
  cursor: pointer;
  border-radius: 10px;
  background: #eee;
  padding: 10px;
  position: relative;
  right: 20px;
}
#popular_food .box-content.intro-button {
  display: flex;
  align-items: center;
  justify-content: center;
}

/*TESTIMONIAL SECTION*/
#testimonial{
  background-size: contain !important;
  background-position:center !important
}
 
#testimonial h3{
  font-size: 34px;
  color: #222222;
  font-weight: 800;
}

#testimonial .testimonial-content{
  max-width: 460px;
  margin: auto;
  color: #757575;
}
#testimonial .testimonial-box{
  max-width: 640px;
  margin: auto;
}
#testimonial h4{
	color: #222222;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0;
}

#testimonial h6{
	color: #ff4969;
  font-size: 14px;
}
#testimonial .fas{
	color: #ff4969;
	font-size: 30px;
  position: relative;
}
#testimonial .review{
  margin-bottom: 0;
  color: #353535;
  font-weight: 500;
}

#testimonial .testimonial-name-div{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
#testimonial figure{
  border-radius: 50%;
}
 
 
#testimonial .owl-dots {
  text-align: center;
  width: 100%;
  display: block;
  position: relative;
  top: 15px;
}
#testimonial .owl-dots button.owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 20px;
  display: inline-block;
  background: #9aa4af;
  margin: 0 5px;
  outline: none;
}
#testimonial .owl-dots button.owl-dot.active {
  background-color:#ff4969;
}

/*RECENT BLOG SECTION*/

#recent_blog h3{
  font-size: 30px;
  color: #222222;
  font-weight: 800;
}

#recent_blog .section-content{
  max-width: 460px;
  margin: auto;
}
#recent_blog .second_box figure{
  height: 160px;
}
#recent_blog figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #222222;
  border-radius: 10px;
  display: flex;
  align-self: center;
  justify-content: center;
}
#recent_blog figure img{
  webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
  border-radius: 10px;
  height: 100%;
}
#recent_blog .post-image:hover figure img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.7;
  border-radius: 10px;
}
#recent_blog figure:hover+span{
  opacity: 1;
  border-radius: 10px;
}
#recent_blog .far{
  color: #ff4969;
}
#recent_blog .comments{
  color: #ff4969;
  font-size: 20px;
  text-transform: capitalize;
}
#recent_blog span{
  color: #ff4969;
}
 
#recent_blog h4 a{
  color: #222222;
  font-weight: 600;
  font-size: 16px;
}
#recent_blog h4 a:hover{
  color: #ff4969;
}
 #recent_blog .button{
  background: #98ce75;
  color: #fff;
  border-radius: 14px;
  padding: 8px 20px;
  font-weight: 500;
  overflow: hidden;
  display: inline-block;
  filter: drop-shadow(-3.126px 7.364px 6.5px rgba(75,124,43,0.38));
}
#recent_blog .button:hover{
  background: #ff4969;
}
#recent_blog .button,
#recent_blog .button::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#recent_blog .button::before,
#recent_blog .button::after {
  background: #98ce75;
  content: '';
  position: absolute;
  z-index: -1;
}
#recent_blog .button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#recent_blog .button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}
#recent_blog .owl-dots {
  text-align: center;
  width: 100%;
  display: block;
}
#recent_blog .owl-dots button.owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  background: #9aa4af;
  margin: 0 5px;
  outline: none;
}
#recent_blog .owl-dots button.owl-dot.active {
  background-color:#ff4969;
}



.content_box span{
  color: #ff4969;
}
/* App Download Section */


#app_download h3{
  color: #fff;
  font-size: 34px;
  font-weight: 800;
  margin-bottom: 20px;
  margin-top: 10px;
}
#app_download h5{
  font-family: 'Playfair Display', serif;
    color: #ff4969;
    font-size: 28px;
    font-weight: 500;
}
#app_download h4{
  color: #fff;
  font-size: 20px;
  font-weight: 500;
}
#app_download .app_download_box{
  border-radius: 20px;
  padding: 50px;
}
#app_download .image-box{
  border-radius: 20px;
  background: #fff;
  overflow: hidden;
  filter: drop-shadow(0px 4px 40px rgba(72,71,130,0.25));
}
#app_download .image-box img{
  width: 100%;
}
#app_download .image-left-side{
  margin-top: -100px;
}

#app_download .image-right-side{
  margin-bottom: -100px;
}

#app_download .box-img{
  width: 150px;
  margin-right: 10px;
  display: inline-block;
}
#app_download .box-img img{
  width: 100%;
}

/*Reservation Section*/

 
#reservation h3{
  font-size: 34px;
  color: #222222;
  font-weight: 800;
}
#reservation .section-content{
  max-width: 460px;
  margin: auto;
}
#reservation h4{
  color: #222222;
  font-weight: 600;
}
#reservation img{ 
  width: 100%;
}   
#reservation .reservation-form{
  background: #fff;
  border-radius: 6px;
  padding: 30px 20px;
 
}

 
#reservation label{
  color: #222222;
  font-weight: 600;
  text-align: left;
}
#reservation input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-date{
  background: #f2f7ff;
  border-radius: 6px;
  color: #8398b2;
  outline: none;
  padding: 10px;
  border: none;
  margin-right: 10px;
}
#reservation input.wpcf7-form-control.wpcf7-text{
  width: 100%;
  background: #f2f7ff;
  border-radius: 6px;
  color: #8398b2;
  outline: none;
  padding: 10px;
  border: none;
}
#reservation input.wpcf7-form-control.wpcf7-text::placeholder, #reservation textarea.wpcf7-form-control.wpcf7-textarea{
  color: #8398b2;
}
 
#reservation textarea.wpcf7-form-control.wpcf7-textarea{
  height: 150px;
  background: #f2f7ff;
  border-radius: 6px;
  color: #8398b2;
  outline: none;
  padding: 10px;
  border: none;
  width: 100%;
}
#reservation input.wpcf7-form-control.has-spinner.wpcf7-submit{
  background: #98ce75;
  color: #fff;
  border-radius: 14px;
  padding: 10px 30px;
  font-weight: 600;
  filter: drop-shadow(-3.126px 7.364px 6.5px rgba(75,124,43,0.38));
  border: none;
  outline: none;
  margin-top: 10px;
}
#reservation input.wpcf7-form-control.has-spinner.wpcf7-submit:hover{
  background: #ff4969;
}
#reservation .form-grp p{
  display: flex;
  align-items: center;
  justify-content: space-around;
}
#reservation .reservation-form p{
  margin-bottom: 0;
}
#reservation .reservation-form br{
  display: none;
}
#reservation .reservation-form .form-field{
  margin-bottom: 15px;
}


/* Newsletter */
 
#newsletter {
  background-position: center !important;
  margin-top: -70px;
}
#newsletter h5{
  background: #fff;
  color:#ff4969 ;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
}
#newsletter h3{
  font-size: 34px;
  font-weight: 800;
  max-width: 480px;
  margin: auto;
  color: #fff;
}

#newsletter input.wpcf7-form-control.wpcf7-email.wpcf7-text.wpcf7-validates-as-email{
  padding: 20px 20px;
  border: 0;
  border-radius: 10px;
  background: #fff;
  outline: none;
  box-shadow: none;
  color: #757575;
  width: 100%;
}

#newsletter input.wpcf7-form-control.wpcf7-email.wpcf7-text.wpcf7-validates-as-email::placeholder{
  color: #757575;
}

#newsletter .newsletter-form{
  position: relative;
}
#newsletter .newsletter-form input.wpcf7-form-control.wpcf7-submit.has-spinner{
  position: absolute;
  right: 10px;
  top: 10px;
  background: #98ce75;
  outline: none;
  box-shadow: none;
  border: 0;
  padding: 10px 20px;
  border-radius: 8px;
  color: #fff;
}
#newsletter .newsletter-form input.wpcf7-form-control.wpcf7-submit.has-spinner:hover{
  background: #ff4969;
}
#newsletter .newsletter-div{
  position: relative;
  top: 60px;
}
#newsletter .social-links a{
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #ffffff29;
  border-radius: 40px;
  margin-right: 10px;
}
#newsletter .social-links a:hover{
  color: #ff4969;
  background: #fff;
}


/*Footer Section*/

.footer-area .textwidget{
  list-style: none;
}
.footer-area .textwidget ul{
  padding: 0 0;
}
.footer-area .textwidget ul li {
  margin: 10px 0;
  font-size: 14px;
  color: #fff;
  font-weight: 500;
  list-style: none;
}
/* .footer-area li::marker {
    color: #ff4969;
} */

.footer-area .fas, .footer-area .far{
  color: #ff4969;
  font-size: 20px;
} 
.footer-area h2{
  color: #fff;
}
.footer-area h4.title{
color: #fff;
font-weight: 500;
font-size: 20px;
margin-bottom: 20px;
}
/* .footer-area hr{
background: #fc4075;
padding: 1px;
margin-right: 65%;
} */
.footer-area  .fab{
  margin-right: 20px;
  margin-top: 10px;
  color: #fff;
  text-align: center;
  cursor: pointer;
  font-size: 16px;
  background: #fc4075;
  width: 35px;
  height: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 35px;
}
.footer-area .fab:hover{
  color: #ff4969;
}
.footer-area .post-thumbnail img {
    max-width: 100px;
    height: 70px;
    float: right;
}
.footer-area .post-title {
    font-size: 16px;
    font-weight: 400;
}
.footer-area .post-meta a{
  font-weight: 400;
  color: #ff4969;
  font-size: 18px;
}
.footer-area ul {
  padding: 0px;
  line-height: 2;
}
.footer-area ul li{
  margin: 10px 0; 
  color: #a2a2a2;
  list-style: none;
}
.footer-area img.alignnone.size-full{
  margin-top: 27px;
}
.footer-area img{
  width: 100%;
}
.footer-area select{
  width: 100%;
  padding: 10px;
}
.footer-area bdi{
  color: #ff4969;
}
.copyright {
  background: #1e2247;
}
.copyright p{
  color: #d1d1d1;
  margin-bottom: 0;
}
.copyright a{
  color: #d1d1d1;
}
.copyright a:hover{
  color: #ff4969;
}
.footer-area .woocommerce ul.product_list_widget li{
   padding: 5px 0;
}
.footer-area .textwidget h3{
  font-size: 26px;
  color: #fff;
}

/*Contact Page*/

#contact .contact-title{
  font-size: 44px;
  color: #1e1e1e;
  font-weight: 700;
}
#contact h2{
 font-size: 30px;
  line-height: 42px;
  color: #222222;
  font-weight: 500;
}
#contact p{
  color: #2b2b2b;
}
#contact .contact-enquiry{
  background: #f0f3f6;
}
#contact .services-box{
  background: #fff;
  border-radius: 10px;
  filter: drop-shadow(0 0 15px rgba(0,0,0,0.1));
  height: 225px;
}

#contact input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  width: 25%;
  margin: 10px 10px;
}
#contact input.wpcf7-form-control.wpcf7-text{
  padding: 10px 20px;
  background: #f9f8ff;
  border: 1px solid #e8e6f4 ;
  margin: 10px;
  outline: none;
  width: 46%;
}
#contact textarea.wpcf7-form-control.wpcf7-textarea{
  width: 94%;
  height: 130px;
  padding: 20px 25px;
  margin: 15px 0px;
  background: #f9f8ff;
  border: 1px solid #e8e6f4 ;
  outline: none;
}
#contact input.wpcf7-form-control.has-spinner.wpcf7-submit {
  display: inline-block;
  padding: 10px 30px;
  margin-top: 30px;
  text-align: center;
  color: #fff; 
  text-decoration: none;
  font-weight: 500;
  border-radius: 30px;
  background: #ff4969;
  border: none;
  text-transform: uppercase;
  filter: drop-shadow(-3.126px 7.364px 6.5px rgba(75,124,43,0.38));
}
#contact input.wpcf7-form-control.has-spinner.wpcf7-submit:hover{
  background: #222222;
  color:#fff; 
  border-radius: 30px;
  font-weight: 500;
  border: none;
}
#contact span.wpcf7-spinner{
  display: block;
}
#contact embed{
  width: 100%;
  height: 500px;
}
#contact .dashicons{
  font-size: 50px;
  color: #222222;
  display: inline;
-webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  display: inline-table;
}
#contact .services-box:hover .dashicons{
  transform: rotate(360deg);
  color: #ff4969
}
#contact h6{
  color: #ff4969;
  text-transform: capitalize;
  font-size: 20px;
  font-weight: 600;
}
#contact h5{
  color: #ff4969;
  text-transform: capitalize;
  font-size: 24px;
  font-weight: 500;
}
#contact h3{
  color: #222222;
  text-transform: capitalize;
  font-size: 34px;
  font-weight: 500;
}


/*MEDIA QUERY 320 TO 720*/

@media only screen and (min-width: 320px) and (max-width: 720px){
  .admin-bar .fix-sticky{
   	margin-top: 0;
    position: unset;
   }
	.sidenav {
	  height: 100%;
	  width: 0;
	  position: fixed;
	  z-index: 9999;
	  top: 0;
	  left: 0;
	  background-color: #ffff;
	  overflow-x: hidden;
	  transition: 0.5s;
	  padding-top: 60px;
	  text-align:center;
	}
	.sidenav a {
	  padding: 8px 8px 8px 32px;
	  text-decoration: none;
	  font-size: 25px;
	  color: #818181;
	  display: block;
	  transition: 0.3s;
	}
	#main-menu{
		top: 25px;
	}
	.sidenav a:hover{
	  color: #f1f1f1;
	}
	#main-menu ul.children, #main-menu ul.sub-menu{
		box-shadow: none;
	}
	.sidenav .closebtn {
	  position: absolute;
	  top: 50px;
	  right: 25px;
	  font-size: 36px;
	  margin-left: 50px;
	}
	#site-navigation .sidenav a.closebtn, .open-menu{
		display: inline-block;
		background: #ff4969;
		padding: 0 10px;
		color: #fff;
    border-radius: 6px;
	}
	#main-menu ul.children, #main-menu ul.sub-menu{
		background: transparent;
	}
	#main-menu ul.sub-menu li a:hover:after{
		background: transparent;
		color: #222222;
	}
	#main-menu ul.sub-menu li a:hover{
		color: #222222;
	}
	#main-menu ul.sub-menu li a:before{
		border: none;
	}
	.woocommerce #content table.cart td.actions .coupon .button.alt,
	.woocommerce #content table.cart td.actions .coupon .input-text+.button,
	.woocommerce table.cart td.actions .coupon .button.alt,
	.woocommerce table.cart td.actions .coupon .input-text+.button,
	.woocommerce-page #content table.cart td.actions .coupon .button.alt,
	.woocommerce-page #content table.cart td.actions .coupon .input-text+.button,
	.woocommerce-page table.cart td.actions .coupon .button.alt,
	.woocommerce-page table.cart td.actions .coupon .input-text+.button{
     float: unset;
     width: 100% !important;
     margin: 0;
  }
	.woocommerce #content table.cart td.actions .button,
	.woocommerce table.cart td.actions .button,
	.woocommerce-page #content table.cart td.actions .button,
	.woocommerce-page table.cart td.actions .button{
    width: 100%;
    margin: 0;
  }
  .woocommerce-cart table.cart td.actions .coupon .input-text{
  	width: 100% !important;
  }
  .woocommerce div.product .woocommerce-tabs ul.tabs li{
  	padding: 10px 20px;
  }
  .woocommerce .quantity .qty{
  	max-width: 130px;
  }
  .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
  	width: 100%;
  }
  .page-404 h1{
  	font-size: 100px;
  }
  .page-404 p{
  	margin-left: 0;
  	margin-right: 0;
  }
  p.cart-item-box{
    left: 50%;
  }
  .logo-image img{
    width: 100%;
  }
  .menu-header{
    padding-left: 20px;
    padding-right: 20px;
  }
   
  #slider .slider-content{
    top: 25%;
    left: 5%;
    right: 0;
    transform: translateY(-25%);
    max-width: 200px;
  }
  #slider h2{
    font-size: 16px;
  }
  #slider h1{
    font-size: 22px;
  }
  #slider p{
    display: none;
  }
  #slider .button{
    font-size: 12px;
    padding: 5px 20px;
  }
 
  #slider .owl-dots{
    bottom: 5px;
  }

  #slider .contact-number{
    margin-bottom: 0;
  }
  #slider .contact-sec{
    right: 0;
    bottom: 0;
    position: relative;
  }
  #slider .contact-dlts-sec{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #slider .contact-dlts-sec .dashicons{
    font-size: 20px;
    margin-right: 5px;
  }
  #slider .contact-dlts-sec h4{
    font-size: 13px;
  }
  #slider .contact-number, #slider .contact-email{
    padding: 5px 10px;
  }
  #our_special ul{
    padding: 0;
  }
  #our_special .product-tab{
    padding: 5px;
  }
  #reservation select.wpcf7-form-control.wpcf7-select{
    width: 100%;
    padding: 10px 0;
  }
  #about_us .image-text{
    right: 8%;
  }
  #features_food.head-sec{
    text-align: center;
    display: block;
  }
  #popular_food .box img{
    width: auto;
  }
  #about_us h3, #features_foodh3, #special_offer h3, #popular_food h3, #testimonial h3,
  #recent_blog h3, #app_download h3, #reservation h3, #newsletter h3{
    font-size: 22px;
  }

  #our_services .owl-carousel .active.center{
    transform: scale(1);
  }
  #our_services .owl-carousel .active.center .item, #our_services .item{
    margin: 30px 0;
    padding: 30px 20px;
    text-align: center;
  }
  #about_us .about-us-content{
    margin-top: 30px;
    margin-bottom: 30px;
  }
  #popular_food h4 a{
    font-size: 16px;
  }
  #popular_food span.woocommerce-Price-amount.amount{
    font-size: 14px;
  }
  #popular_food .box-content.intro-button{
    margin-right: 40px;
  }
  #testimonial{
    background: #fff !important;
  }
  #testimonial .review{
    font-size: 14px;
  }
  #app_download .app_download_box{
    padding: 20px;
  }
  #our_services .image-box{
    margin: auto;
  }
  #popular_food .star-rating{
    margin: 0 auto;
  }
  #popular_food .box-content a.added_to_cart.wc-forward{
    top: 0;
  }
  #recent_blog .comments{
    font-size: 16px;
  }
  #recent_blog .date-meta{
    font-size: 14px;
  }
  #special_offer .owl-carousel .owl-nav{
    display: none;
  }
  #special_offer .owl-dots {
    text-align: center;
    width: 100%;
    display: block;
  }
  #special_offer .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #9aa4af;
    margin: 0 5px;
    outline: none;
  }
  #special_offer .owl-dots button.owl-dot.active {
    background-color:#ff4969;
  }
  #app_download .image-left-side{
    margin-top: 20px;
  }
  #app_download .image-right-side{
    margin-bottom: 0;
    margin-top: 20px;
  }
  #app_download h4{
    font-size: 18px;
  }
  .footer-area ul{
    padding: 0 10px;
  }
  #contact .dashicons{
  	margin: 20px 0;
    display: inline;
  }
  #contact hr {
   width: 30%;
  }
  #contact .contact-form p{
  	margin-left: 0;
  	margin-right: 0;
  }
  #contact input.wpcf7-form-control.wpcf7-text,
  #contact input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number,
  #contact textarea.wpcf7-form-control.wpcf7-textarea{
  	width: 100%;
  	margin: 15px 0;
  }
  #contact .wpcf7 .ajax-loader{
  	display: block;
  	left: 38%;
  }
  #comments textarea{
  	width: 100%;
  }
	.woocommerce-page div.product div.summary{
	 	padding: 15px;
	} 
  .post-single .blog_share_icon .fab{
    width: 40px;
    height: 40px;
    font-size: 14px;
    margin: 0 -1px;
  }
  .copyright  img{
    margin: 10px 0;
  }
  .latest-post .comments{
    font-size: 16px;
  }
  .latest-post .date-meta{
    font-size: 14px;
  }

 #slider .social-links{
    display: none;
  }

  #newsletter .social-links{
    margin-bottom: 40px;
  }
}

 
/*MEDIA 721 TO 1023*/

@media only screen and (min-width: 721px) and (max-width: 1023px){
	#main-menu{
		float: left;
		width: 100%;
	}
  .admin-bar .fix-sticky{
    margin-top: 45px;
  }
  #main-menu ul li a{
  	padding: 10px 12px;
  	font-size: 14px;
  	padding-left: 0;
  }
  .logo-image img{
    width: 100%;
  }
  .menu-header input#search {
    font-size: 10px;
  }
  #contact input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{
    width: 30%;
  }
	#contact textarea.wpcf7-form-control.wpcf7-textarea{
		width: 95%;
		margin: 15px 0;
	}
	#contact input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number{
		width: 45%;
		margin: 10px 10px;
	}
	#contact input.wpcf7-form-control.wpcf7-text{
		width: 46%;
		margin: 20px 10px;
	}
	#contact .wpcf7 .ajax-loader{
		display: block;
	}
	.sidebar-area .post-title{
		font-size: 14px;
	}
	.woocommerce div.product div.images img{
		width: auto;
	}
	.woocommerce #content div.product div.images, .woocommerce div.product div.images,
	.woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{
	 	width: 50%;
	}
	.woocommerce #content div.product div.images, .woocommerce #content div.product div.summary,
	.woocommerce div.product div.images, .woocommerce div.product div.summary, 
	.woocommerce-page #content div.product div.images, .woocommerce-page #content div.product div.summary, 
	.woocommerce-page div.product div.images, .woocommerce-page div.product div.summary{
	 	float: left;
	 	width: 50%;
	}
	.woocommerce button.button{
	 	margin: 0 10px;
	 	padding: 12px 20px;
	}
  .header-menu .button1{
    padding: 5px 15px;
  }
  p.cart-item-box {
    left: 50%;
    font-size: 10px;
    top: -20%;
    width: 17px;
    height: 17px;
  }
  .header-search .open-search-form i {
    font-size: 15px;
  }
  a.cart-customlocation i{
    font-size: 14px;
  }
  #slider .slider-content {
   max-width: 340px;
  }
  #slider h2{
    font-size: 22px;
  }
  #slider h1 {
    font-size: 32px;
  }
  #slider p{
    display: none;
  }
  #reservation .wpcf7-spinner{
    display: block;
  }
  
  #our_special button.tablinks{
    padding: 5px 10px;
  }
  .page-template-frontpage #content h3{
    font-size: 26px;
  }
   
  #popular_food .box-content a.added_to_cart.wc-forward{
    top: 0;
    right: 66%;
  }
  #recent_blog .date-meta{
    font-size: 16px;
  }
  #recent_blog .comments{
    font-size: 18px;
  }
  #app_download .image-left-side{
    margin-top: 0;
  }
  #app_download .image-right-side{
    margin-bottom: 0;
  }
  #app_download .app_download_box{
    text-align: center;
  }
  #about_us .button{
    margin-bottom: 40px;
  }
  .container{
    max-width: 100%;
  }
  #newsletter .social-links{
    margin-bottom: 40px;
   }

}

/*MEDIA 1024 TO 1119*/
@media only screen and (min-width: 1024px) and (max-width: 1199px){
  .logo-image img{
    width: 100%;
  }
	#main-menu ul li a{
		padding: 10px 10px;
    font-size: 15px;
	}
  p.cart-item-box{
    left: 50%;
  }
  #slider .slider-content{
    top: 35%;
    left: 5%;
    right: 45%;
  }
  #slider h1{
    font-size: 40px;
  }
  #about_us .video-section .video-blog .is-open{
    top: 0;
  }
  #expert_chef .team-div{
    height: 140px;
  }
  #expert_chef figure{
    top: 65px;
  }
  #recent_blog .comments{
    font-size: 16px;
  }
  #recent_blog .date-meta{
    font-size: 14px;
  }
  .latest-post .comments{
    font-size: 16px;
  }
  .latest-post .date-meta{
    font-size: 14px;
  }
  #contact textarea.wpcf7-form-control.wpcf7-textarea {
   width: 95%;
  }
	
}

/*MEDIA 1200 TO 1440*/
@media only screen and (min-width: 1200px) and (max-width: 1440px){
  #slider .slider-content{
    right: 50%;
  }
  .header-menu .button1{
    padding: 5px;
    font-size: 15px;
  }
  #special_offer .owl-carousel .owl-nav button.owl-next{
    left: 4%;
  }
  #special_offer .owl-carousel .owl-nav button.owl-prev{
    right: 4%;
  }
	.woocommerce .quantity .qty{
		max-width: 150px;
	}
}

@media(max-width: 1299px){
  .menu-header{
    padding-left: 50px;
    padding-right: 50px;
  }
}