/*
Theme Name: Cafe Cafeteria Pro
Theme URI: https://www.misbahwp.com/products/cafe-wordpress-theme/
Description: Cafe Cafeteria is a WordPress theme designed to use for café, diner, restaurant, food delivery, coffee shop, recipes, menu, bakery, catering, sweet shop and all food related websites. The theme has a clean, modern, luxurious and professional design that anybody will fall in love with. It has a responsive layout that is mobile-friendly and fits in all devices. Also, it is SEO-friendly which will help your website rank on major search engines like Google. It is translation-ready that can be translated into numerous languages and supports RTL layout. You are allowed to add shortcodes to improve functionality of your website. The theme is optimized for speed therefore it has faster page load times. It is written with clean and secure codes. It offers many customization and personalization options to help you create a perfect website. It is implemented on bootstrap framework which makes it handy to use. Using the social media option you can connect all your social media pages to give credibility to your work. The testimonial section let’s your visitors comment and give reviews to your services. 
Author:misbahwp
Author URI: https://www.misbahwp.com/
Version: 1.4
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: cafe-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: underline;
}

body {
  font-family: 'Poppins', sans-serif;
  color: #222222;
  margin:0;
  background: #fff;
}

h1, h2, h3, h4, h5, h6{
  font-family: 'Great Vibes', cursive;
}

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:#dfb581;
  text-decoration: none;
}

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

.top-header {
    background: #0d090a;
}
.register,.login {
  background: #aa8a63;
  color: #fff;
  padding: 18px 20px;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
}
.login{
	background: #fff;
	color: #212121;
}
a.cart-customlocation p.cart-item-box{
  background: #d45228;
  width: 18px;
  border-radius: 50%;
  height: 18px;
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  top: 0;
  right: 25px;
  color: #fff;
}
.header {
  position: static;
}
.page-template-frontpage .header {
  position: absolute;
  width: 100%;
  z-index: 999;
}
.page-template-frontpage #site-navigation {
    background: transparent;
}

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

.logo {
  display: block;
  padding: 15px 0;
	min-height: 53px;
  line-height: 1.4em;
	word-break: break-all;
}
.logo a {
  color: #fff;
  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-family: 'Great Vibes', cursive;
}
.logo a:hover,
.logo a:focus {
  color:#723626;
}
.logo span {
  display: block;
  font-size: 14px;
  line-height: 18px;
  color: #fff;
}
.logo-image {
  float: unset;
}
.logo-image img{
	width: 100%;
}

/* ===============================================
   SOCIAL BOX
   ============================================= */

.social-links a {
  color: #8b898a;
}
.social-links a:hover,.top-header p{
	color: #aa8a63; 
}

/* ===============================================
   MENU BOX
   ============================================= */

#site-navigation {
  background: #aa8a63;
}
#main-menu {
	display:block;
	position:relative;
	float:left;
	margin:0 auto;
	width:100%
}
#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: #fff;
	text-decoration:none;
	display:block;
	z-index:1;
	padding:10px 15px;
	margin:0;
	font-size: 15px;
	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:53px;
	text-transform:uppercase;
}
#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:#dfb581;
}
#main-menu ul.children ,
#main-menu ul.sub-menu {
	opacity:0;
	position: absolute;
	top: 70px;
	left: -9999em;
	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;
}
#main-menu ul.children li ,
#main-menu ul.sub-menu li {
	position:relative;
	margin:0;
	line-height:1.2em;
	text-transform:none;
	width:213px;
	min-height: inherit;
	margin:0;
}
#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 {
	text-decoration:none;
	text-align:left;
	display:block;
	padding:20px 15px;
	margin:0;
	border:none;
	line-height:inherit;
	color: #121d21;
}
#main-menu ul.children li a:hover,
#main-menu ul.sub-menu li a:hover{
	background: #dfb581;
	color: #fff;
}
#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;
	left:calc(100% - 213px);
}
.menu-toggle,
.dropdown-toggle,
button.close-menu {
	display: none;
}
#main-menu ul.children li ul:before ,
#main-menu ul.sub-menu li ul:before {
	display:none;
}

/* ===============================================
   HEADER SEARCH
   =============================================== */

.header-search {
  text-align: right;
}
.header-search .open-search-form i,a.cart-customlocation i {
  font-size: 18px;
  cursor: pointer;
	color: #fff;
	margin: 10px 0; 
 }
 .header-search .open-search-form i:hover,
 a.cart-customlocation i:hover{
 	color: #dfb786;
 }
.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);
}}

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

.post-box,.post-single,.page-single {
  background: rgba(0, 0, 0, 0.03);
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.post-thumbnail {
  line-height: 0;
}
h4.post-title {
  font-size: 30px;
}
.post-content p{
	color: #a5a7b1;
}
.post-meta i{
	color: #723626;
}
.post-meta span {
  text-decoration: none;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 600;
  color: #62646c;
}
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%;
	height:auto;
}
.post-content:after {
  content: "";
  display: table;
  clear: both;
}

#content,footer {
    float: left;
    width: 100%;
}
.post-single .tags-bg a{
	padding: 10px 15px;
	background: #dfb581;
	border-radius: 5px;
	text-transform: uppercase;
	color: #fff;
	margin:0 10px;
	text-decoration: none;
}
.post-single .tags-bg a:hover{
	background:#222 ;
	color: #fff;
}
.post-single .blog_share_icon .fab{
	    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 50%;
    background: #dfb581;
    color: #fff;
    font-size: 18px;
    padding: 15px;
    margin: 0 10px;
}
.post-single .blog_share_icon .fab:hover{
	background: #222;
	color: #fff;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-form-url input{
  width: 100%;
}
.comment-respond input#submit {
  background: #dfb581;
  border: none;
  color: #fff;
  padding: 10px;
  font-weight: 600;
}
.comment-respond input#submit:hover{
  background-color: #222222;
}
.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: #dfb581;
  padding: 5px 15px;
  color: #fff;
}
.comment-reply a:hover {
  background: #222222;
  color: #f3f4f7;
  text-decoration: none;
}

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

  section.category-title h1 {
    text-align: center;
  }

  .logo {
    text-align: center;
  }

  .menu-toggle,
  .dropdown-toggle {
    border:none;
    display: block;
    margin: 10px 0;
    height: 40px;
    text-align: center;
    cursor: pointer;
    background: #dfb581;
    color: #fff;
    border-radius: 5px;
    margin: 10px auto;
  }

  #main-menu {
    display: none;
  }

  .header.toggled #main-menu{
    display: block;
  }

  #main-menu ul li {
    float: left;
    width: 100%;
  }

  #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;
  }

  #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 #dfb581;
    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,
.cafe-cafeteria-pro-pagination {
	margin:25px 0;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.cafe-cafeteria-pro-pagination a span,
.cafe-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,
.cafe-cafeteria-pro-pagination span.current,
.cafe-cafeteria-pro-pagination span.current:hover,
.cafe-cafeteria-pro-pagination span.current:focus,
.cafe-cafeteria-pro-pagination a span:hover,
.cafe-cafeteria-pro-pagination a span:focus {
	background:#dfb581;
  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: #dfb581;
	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 {
	background: rgba(0, 0, 0, 0.03);
	border: 1px solid rgba(0, 0, 0, 0.125);
	margin-bottom: 25px;
}
.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: 15px;
  font-weight: 500;
}
.sidebar-area li {
  padding-bottom: 15px;
}
.sidebar-area h4.title {
  padding: 10px 15px;
  border-bottom: solid 2px #723626;
  color: #723626;
  font-size: 30px;
}
.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: #dfb581;
	color: #fff;
}
.sidebar-area form {
  padding: 15px;
}
.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%;
	padding: 5px 2%;
	border: solid 1px #121d21;
}
#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: #f3f4f7;
  border: none;
}
.searchform input[type=submit] {
	background: #dfb581;
	border: none;
	color: #fff;
	font-size:14px;
	font-weight: 600;
	text-align:center;
	position:relative;
	float:left;
	text-shadow:none;
	padding:14px 0;
	width:100px;
	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:#dfb581;
	text-decoration:none
}

.searchform:after {
  content: "";
  display: table;
  clear: both;
}

footer {
	background: #181a21;
}

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: #ffffff;
}

.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;
}
.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;
}

/*SCROLL TO TOP BUTTON*/
#button_scroll {
  display: inline-block;
  background: #dfb581;
  width: 45px;
  height: 45px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
  opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  color: #fff;
}
#button_scroll::after {
  font-weight: normal;
  font-style: normal;
  font-size: 10px;
  line-height: 50px;
  color: #fff;
} 
#button_scroll:hover,#button_scroll:active {
  cursor: pointer;
  background: #222;
  color: #fff;
}
#button_scroll.show {
  opacity: 1;
  visibility: visible;
}

/*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: #354952 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 #dfb581 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;
}

/*SRTICKY HEADER*/
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
  background: transparent;
}

.admin-bar .sticky {
  margin-top: 32px;
}
 

/*Body*/

#offer-section h3, #about-us h3,
 #gallery h3 , #team h3 ,
 #testimonial h3 ,#latest-news h3{
	color: #723626;
	font-size: 60px;
	font-family: 'Great Vibes', cursive;
}

p{
	color: #515151;
}
 

/*SLIDER SECTION*/ 
 
.slider-box {
 background-color: black;
}
.slider-box img {
  opacity: 0.5;
}
#carousel-caption {
  top: 47%;
  transform: translateY(-25%);
  left: 12%;
  right: 63%;
}
#carousel-caption h1{
  font-size: 60px;
  color: #dfb581;
  font-family: 'Great Vibes', cursive;
}
#carousel-caption p{
  color: #ffffff;
  font-family: 'Lora', serif;
}
#carousel-caption  a.button{
  display: inline-block;
  padding: 10px 20px;
  margin: 20px 10px;
  text-align: center;
  color: #fff;
  transition: all 0.2s; 
  text-decoration: none;
  border-radius: 30px;
  text-transform: uppercase;
}
#carousel-caption .button{
	background:  transparent;
  border: 1px solid #dfb581;
}
#carousel-caption .button:hover {
  background: #dfb581;
}
#slider .owl-dots {
  text-align: center;
  bottom:25px; 
  position: absolute;
  width: 100%;
}
#slider .owl-dots button.owl-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  background: #ffffff;
  margin: 0 5px;
}
#slider .owl-dots button.owl-dot.active {
  background-color:#dfb581 ;
}
#slider .owl-dots span {
  font-size: 70px;    
  position: relative;
}

/*OFFER SECTION*/

 .section-content{
	margin-left: 30%;
	margin-right: 30%;
}
.offer-box{
	background: #eee7e7;
	border-radius: 10px;
}
hr:before{ content: ''; 
	background: url('./images/border/border.png') no-repeat;
	padding: 10px 100px; 
	background-position: center; 
}
#offer-section hr, #about-us hr, #menu-section .menu-hr, #gallery hr, #team hr, #testimonial hr, #booking hr, #latest-news hr{
	position: relative;
	bottom: 20px;
  margin-bottom: 30px;
  border: 0;
  border-top: none;
}

#offer-section h5{
	text-transform: uppercase;
	font-family: 'Lora', serif;
	color: #652b1d;
	font-weight: 600;
}
.offer-box p{
	color: #565656;
}

#offer-section .owl-carousel .owl-item img{
	width: 100px;
	display: inline-block;
}
#offer-section figure {
	margin: 0;
	padding: 0;
	background: transparent;
	overflow: hidden;
}
#offer-section figure:hover+span {
	opacity: 1;
}
#offer-section figure img {
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#offer-section .offer-text:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

/*STORY SECTION*/

#about-us{
	background: #f1eef4;
}
#about-us h4{
	text-transform: uppercase;
	color: #dfb786;
	font-family: 'Lora', serif;
}
#about-us img{
	border: 4px solid #fff;
}
.aboutus-p1{
	color: #723626;
	font-size: 20px;
	font-family: 'Lora', serif;
	font-style: italic;
}
.aboutus-p2{
	border-left: 4px solid #dfb786;
	padding-left: 20px;
	font-family: 'Poppins', sans-serif;
	color: #7e7e7f;
}
#about-us .dashicons{
	font-size: 45px;
	color: #212529;
	margin: 12px 0;
}
#about-us .span-content{
	color: #7e7e7f;
}
#about-us .aboutus-contenet {
	background: #fff;
}
#about-us figure {
	margin: 0;
	padding: 0;
	background: #222222;
	overflow: hidden;
}
#about-us figure:hover+span {
	opacity: 1;
}
#about-us figure img {
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#about-us figure:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.5;
}
/*Menu Section*/

#menu-section{
	background: #220c0e;
}
#menu-section h3{
	color: #fff;
	font-size: 60px;
}
#menu-section p{
	color: #fff;
	margin-left: 17%;
	margin-right: 17%;
}
.menu-text h5{
	color: #fff;
}
a.open-video {
  position: relative;
}
.cn {
  position: absolute;
  left: 40%;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}
.large {
  font-size: 80px;
  color: #fff;
  text-decoration: none;
}
.cn:hover .large {
 color: #dfb786; 
}
.video-section .video-blog{
	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;
}
.video-section .video-blog .is-open {
	right:0;
	height:100%;
	visibility: visible;
	top: 30px;
}
.video-section  .video-blog .is-open section{
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 50px;
}
.video-section .video-blog a.close-video {
	top:50px;
	position:absolute;
	margin-left:-13px;
	left:50%;
}
.video-section .video-blog i.videoblog-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;
}
.video-section .video-blog .is-open i.videoblog-close-button {
	opacity:1;
	position: relative;
	bottom: 35px;
}
.video-section .video-blog.is-open i.videoblog-close-button:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
#menu-section figure {
	margin: 0;
	padding: 0;
	background: #222222;
	overflow: hidden;
}
#menu-section figure:hover+span {
	opacity: 1;
}
#menu-section figure img {
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#menu-section figure:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.5;
}

/*Banner Section*/

#banner{
	background: #eed4b3;
}
#banner h3{
	color: #bf1c00;
	font-size: 58px;
	font-family:'Lora', serif;
	text-transform: uppercase;
	font-style: italic;
	font-weight: 800;
}
#banner p{
	font-size: 22px;
	color: #3f3101;
	font-style: italic;
	font-weight: 600;
	margin: 0 20px;
}
#banner .banner-text {
  margin-left: 24%;
}

/*Gallery Section*/

#gallery1{
  -webkit-column-count:4;
  -moz-column-count:4;
  column-count:4;
  -webkit-column-gap:20px;
  -moz-column-gap:20px;
  column-gap:20px;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(8, 5vw);
}
#gallery1 img{
	width: 100%;
	height: auto;
  margin:0% auto;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  object-fit: cover;
  display: block;
  padding-top: 8%;
}
#gallery1 figure {
	margin: 0;
	padding: 0;
	background: transparent;
	overflow: hidden;
}
#gallery1 figure:hover+span {
	opacity: 1;
}
#gallery1 figure img {
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#gallery1 figure:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.7;
}
 
/*Professionals Team Section*/
 
.team-text{
	background: #2a110a;
	border-left: 4px solid #e2c198;
	position: absolute;
	bottom: 20px;
	left: 0px;
}
.team-text p{
	color: #d4d4d4;
	margin: 0 0 5px 0;
	padding: 0 15px;
	font-size: 15px;
	font-weight: 600;
}
.team-text h5{
	color: #dfb581;
	font-size: 18px;
	text-transform: uppercase;
	font-family: 'Lora', serif;
	margin: 0 0 5px 0;
	padding: 0 15px;
	font-weight: bold;
}
.Stars {
  --percent: calc(var(--rating) / 5 * 100%);
  display: inline-block;
  font-size: 20px;
  line-height: 1;
  color: #fff;
} 
.Stars:before {
  content: '★★★★★';
  letter-spacing: 3px;
  background:  #dfb786;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#team figure {
	margin: 0;
	padding: 0;
	background: #222222;
	overflow: hidden;
}
#team figure:hover+span {
	opacity: 1;
}
#team figure img {
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#team figure:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.5;
}

/*Testimonial*/

#testimonial{
	background: #eee7e7;
}
#testimonial .fas{
	font-size: 50px;
	color: #fff;
}
#testimonial h4{
	color: #dfb786;
	text-transform: uppercase;
	font-family: 'Lora', serif;
}
#testimonial h6{
	font-size: 22px;
	color: #723626;
	font-family: 'Lora', serif;
	font-style: italic;
}
#testimonial h5{
	font-family: 'Poppins', sans-serif;
	color: #1b1b1b;
	font-weight: 600;
}
#testimonial p{
 color: #7e7e7f;
 font-style: italic;
 font-family: 'Lora', serif;
 font-size: 17px;
} 
#testimonial .owl-dots button.owl-dot {
  width: 40px;
  height: 8px;
  display: inline-block;
  background: #d5cdcd;
  margin: 20px 5px;
}
#testimonial .owl-dots button.owl-dot.active {
  background-color:#f48649 ;
}
#testimonial .owl-dots span {
  font-size: 70px;    
  position: relative;
}
#testimonial .image2{
	border: 4px solid #fff;
}
#testimonial .client-image1 {
  position: relative;
  top: 95px;
  left: 0%;
  z-index: 99;
}
#testimonial .client-image2 {
  position: relative;
  right: 16%;  
}
#testimonial .client-image3 {
  position: relative;
  left: 22%;
}
#testimonial .client-image4 {
  position: relative;
  bottom: 100px;
  left: 7%;  
}
#testimonial figure {
	margin: 0;
	padding: 0;
	background: #222222;
	overflow: hidden;
}
#testimonial figure:hover+span {
	opacity: 1;
}
#testimonial figure img {
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#testimonial figure:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.5;
}

/*Booking*/

 
#booking h3{
	color: #fff;
	font-size: 60px;
}
#booking .content-section{
	margin-left: 30%;
	margin-right: 30%;
	color: #797979;
}

/*Apponitment*/
#apponitment .discount-heading1{
	color: #222;
	text-transform: uppercase;
	font-family: 'Lora', serif;
}
#apponitment .discount-heading2{
	text-transform: uppercase;
	margin-bottom:88%;
	color: #fff;
	font-size: 30px;
	font-family: 'Lora', serif;
}
#apponitment .discount{
	position: absolute;
	top: 30%;
	transform: translateY(-25%);
	left: 0;
	right: 0;
}
.discount-image{
	width: 100%;
	height: 98.5%;
}
#apponitment .discount-content{
	color: #fff;
	margin-left: 14%;
	margin-right: 14%;
}
#apponitment a.button {
  display: inline-block;
  padding: 8px 15px;
  margin: 10px 0;
  text-align: center;
  color: #222;
  transition: all 0.2s;
  text-decoration: none;
  border-radius: 30px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
}
#apponitment .button{
	background:#F3F3F3;
	border: 1px solid #dfb581;
}
#apponitment .button:hover {
  background: #dfb581;
}
#apponitment .table,#apponitment .enquiry{
	background: #faf3ed;
}
#apponitment .table1{
	text-align: left;
	padding-left: 20%;
}
#apponitment .table h5{
	color: #dfb786;
	text-transform: uppercase;
	font-size: 30px;
	font-weight: 600;
	font-family: 'Lora', serif;
}
#apponitment table{
	width: 100%;
}
#apponitment .table th, .table td {
	padding:2px;
	vertical-align: top;
	border-top:none;
	color: #723626;
	font-family: 'Lora', serif;
	font-weight: 400;
	font-size: 22px;
	font-style: italic; 
}
#apponitment .table tr:nth-child(2n+2){
	background: transparent;
}
#apponitment .table{
	margin-bottom: 0;
}
#apponitment .offer1{
	position: absolute;
	bottom: 15%;
	left: 49%;
	right: 8%;
	text-align: left;
}
#apponitment .offer-menu h4{
	font-family: 'Poppins', sans-serif;
	text-transform: uppercase;
	color: #fff;
	font-size: 30px;
}
#apponitment .offer-menu h5{
	font-size: 40px;
	color: #dfb581;
	font-family: 'Great Vibes', cursive;
}
#apponitment .offer2{
	position: absolute;
	bottom: 15%;
	left: 49%;
	right: 10%;
	text-align: left;
}
.enquiry h4{ 
	text-transform: uppercase;
	color: #200f0c;
	font-family: 'Lora', serif;
	padding-top: 30px;
}
#apponitment .enquiry p{
	text-transform: uppercase;
	font-size: 22px;
	color: #200f0c;
	margin: 0 auto;
}
.enquiry-text{
	margin: 30px 0;
}

/*Latest News*/

#latest-news h4.post-title{
	text-transform: uppercase;
}
#latest-news .post-title a{
	color: #723626;
	font-size: 20px;
	font-family: 'Lora', serif;
}
#latest-news .read_more, #latest-news .post-meta{
	color: #dfb786;
	font-weight: bold;
}
 
.woocommerce ul.products li.product .woocommerce-loop-category__title,
 .woocommerce ul.products li.product .woocommerce-loop-product__title, 
 .woocommerce ul.products li.product h3{
    font-family: 'Lora', serif;
 }

.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;
}

#menu-section button{
	display: inline-block;
	font-size: 20px;
	background: transparent;
	color: #ffff;
	font-family: 'Lora', serif;
	text-transform: uppercase;
	cursor: pointer;
	text-decoration: none;
	transition: all 0.2s; 
	outline: none;
	border: none;
	padding: 10px;
} 
#menu-section button:hover,
#menu-section button:focus ,
#menu-section button:active{
	color: #dfb581;
	border-bottom: 1px solid #ffffff;
}
#menu-section .tab-product  a,
 #menu-section .tab-product  h5{
	font-family: 'Lora', serif;
	color: #fff;
	font-size: 18px;
}
#menu-section .tab-product  a:hover {
	color: #dfb581;
}
#menu-section .product-image{
	border: 4px solid #723626;	 
}
.tabcontent .owl-carousel .owl-item img{
	width: 100%;
	height: auto;
}
#menu-section .product-details {
  background: #99734899;
  position: absolute;
  top: 50%;
  left: 10%;
  right: 10%;
  transform: translateY(-50%);
  padding: 30px 0;
}
.tab.menu-cat{
	border-bottom: 1px solid #797979;
}
.tabcontent{
  display: none;
}
.tabcontent.active {
  display: block;
} 
.book-table select.wpcf7-form-control.wpcf7-select {
  padding: 10px 10px;
  width: 20%;
  background: transparent;
  color: #b9b9b9;
  border: 1px solid #e2c198;
  margin: 0 20px;
  font-size: 14px;
}
.book-table input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-date {
  width: 20%;
  padding: 7px 10px;
  background: transparent;
  color: #b9b9b9;
  border: 1px solid #e2c198;
  margin: 0 20px;
  font-size: 14px;
}
.book-table option{
	 color: #b9b9b9;
	font-size: 16px;
}
.book-table input.wpcf7-form-control.wpcf7-submit{
  padding: 7px 20px;
  background: #dfb581;
  color: #ffff;
  border: 1px solid #e2c198;
  cursor: pointer;
  margin: 0 20px;
  width: 20%;
}
.book-table input.wpcf7-form-control.wpcf7-submit:hover{
	background: #ffff;
	color: #dfb581;
}
 

/*FOOTER SECTION*/

.footer .recent_post h4.post-title a{
  color: #ffffff;
}
.footer-area {
  margin-left: 0;
}
.footer-area h4.title {
  color: #dfdfdf;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 1px;
  margin-top: 25px;
  text-transform: uppercase;
  font-family: 'Lora', serif;
}
.footer-area hr{
  border-top: 2px solid #dfb581;
  width: 20%;
  margin: 15px 0;
}
.footer-area p{
  color: #cecece;
}
.footer-area img{
	margin: 20px 0;
}
.footer-area .recent_post .post-meta a{
  color: #fff;
}
.footer-area .fas, .footer-area .far {
	color: #dfb786;
	margin: 0 10px 0 0;
}
.footer-area ul{
  padding: 0px;
  list-style: none;
  line-height: 2.5;
}
.footer-area .wpcf7 input[type="email"]{
	padding: 10px 15px;
  border: 1px solid #f8f9fa;
  width: 65%;
  border-radius: 20px 0 0 20px;
  background: transparent;
  color: #cecece;
}
.footer-area  [type="submit"]{
	position: relative;
  padding: 11px 20px;
  background:#dfb581;
  border: none;
  color: #fff;
  cursor: pointer;
  border-radius: 0 20px 20px 0 ;
  margin: 10px 0;
}
.footer-area .fab{
	font-size: 20px;
	color: #dfb581;
	margin: 15px 20px 0 0;
}
.copyright{
  border-top: 1px solid darkgrey;
}
.copyright p{
  font-size: 15px;
  color: #d5dee6;
}
.copyright a{
  color: #dfb581;
}
.textwidget strong{
	font-size: 25px;
}

/*Contact Page*/
#contact h2{
	font-family: 'Lora', serif;
}
.contact-form h3{
	font-family: 'Lora', serif;
	font-size: 34px;
}
embed {
    width: 100%;
}
.contact-form span.dashicons  {
  background: #eee3e3;
  font-size: 60px;
  padding: 13px 14px;
  display: inline;
  border-radius: 49px;
  color: #dfb581;
}
.contact-form h5{
	font-weight: 600;
	font-family: 'Lora', serif;
}
.contact-form input.wpcf7-form-control.wpcf7-text{
 	width: 100%;
 	padding: 5px;
 }
.contact-form textarea.wpcf7-form-control.wpcf7-textarea{
	width: 100%;
}
.contact-form input.wpcf7-form-control.wpcf7-submit {
  padding: 5px 20px;
  background: #dfb581;
  border: none;
  cursor: pointer;
}
.contact-form label{
	font-weight: 600;
}
a.close-search-form {
  display: none;
}
.post-box, .post-single, .page-single {
  background: rgba(0, 0, 0, 0.03);
  border: 1px solid rgba(0, 0, 0, 0.125);
}


/*MEDIA QUERY 320 TO 720*/

@media only screen and (min-width: 320px) and (max-width: 720px){

	.page-template-frontpage .header {
	  position: relative;  
	}
	.page-template-frontpage #site-navigation {
	    background: #aa8a63;
	}
	.register, .login{
		padding: 10px 20px;
	}
	button.close-menu {
	 display: inline-block;
	}
	.main-header{
		margin-bottom: 0px;
	}
	#carousel-caption {
	  top: 15%;
	  transform: translateY(-25%);
	  left: 0; 
	  right: 0;
	}
	#carousel-caption h1 {
	  font-size: 40px;
	}
	#carousel-caption p{
		display: none;
	}
	#carousel-caption a.button{
		font-size: 12px;
		padding: 5px 10px;
	}
	#slider .owl-dots{
		bottom: 10px;
	}
	.section-content{
		margin-left: 0;
		margin-right: 0;
	}
	#offer-section h3, #about-us h3,
	 #gallery h3 , #team h3 ,
	 #testimonial h3 ,#latest-news h3{
		font-size: 42px;
	}	 
  #offer-section .owl-dots button.owl-dot {
	  width: 12px;
	  height: 12px;
	  border-radius: 50%;
	  display: inline-block;
	  background: #ffffff;
	  margin: 0 5px;
  }
	#offer-section .owl-dots button.owl-dot.active {
	  background-color:#dfb581 ;
	}
	#offer-section .owl-dots span {
	  font-size: 70px;    
	  position: relative;
	}
	#menu-section .product-details{
		top: 50%x;
		padding: 55px 0;
	}
	#menu-section h3, #booking h3{
		font-size: 42px;
	} 
	#about-us img {
	  margin: 10px 0;
	}
	#menu-section p {
	  margin-left: 0;
	  margin-right: 0;
	}
	iframe{
		width: 100%;
		height: 100%;
	}
	.video-section .video-blog .is-open{
		top: 0;
	}
	.video-section .video-blog{
		padding: 50px 0;
	}
	#menu-section .owl-dots button.owl-dot {
	  width: 12px;
	  height: 12px;
	  border-radius: 50%;
	  display: inline-block;
	  background: #ffff;
	  margin: 0 5px;
  }
	#menu-section .owl-dots button.owl-dot.active {
	  background-color:#dfb581 ;
	}
	#menu-section .owl-dots span {
	  font-size: 70px;    
	  position: relative;
	}
	#menu-section .owl-dots {
    position: relative;
    text-align: center;
    bottom: 20px;
  }
	#banner h3{
		font-size: 30px;
	}
	#banner .banner-text {
	  margin-left: 0;
	  text-align: center;
	}
	#gallery1{
	  -webkit-column-count:1;
	  -moz-column-count:1;
	  column-count:1;
	}
	#gallery1 img{
		width: 100%;
		height: auto;
		padding-top: 10%;
	}
	#testimonial .image2 {
	  margin: 10px 0;
	}
	#testimonial .owl-carousel .owl-item img {
	  display: inline-block;
	  width: auto;
	}
	#testimonial .client-image1 {
	  top: 0;
	  left: 0;
	}
	#testimonial .client-image2 {
	  right: 0;  
	}
	#testimonial .client-image3 {
	  left: 0;
	}
	#testimonial .client-image4 {
	  bottom: 0;
	  left: 0;  
	}
	#team .owl-dots button.owl-dot {
	  width: 12px;
	  height: 12px;
	  border-radius: 50%;
	  display: inline-block;
	  background: #2a110a;
	  margin: 0 5px;
  }
	#team .owl-dots button.owl-dot.active {
	  background-color:#dfb581 ;
	}
	#team .owl-dots span {
	  font-size: 70px;    
	  position: relative;
	}
	.discount-image{
		width: 100%;
		height: 100%;
	}
	#booking .content-section {
	  margin-left: 0;
	  margin-right:0;
	}
	#apponitment .table1{
		padding-left: 8%;
	}
	#apponitment .discount-content {
	    margin-left: 0;
	    margin-right: 0;
	}
	#apponitment .discount-heading2 {
	  margin-bottom: 72%;
	  font-size: 25px;
	}
	#apponitment a.button {
	  padding: 5px 10px;
	  font-size: 10px;
	} 
	#apponitment .table th, .table td{
		left: 5%;
	}
	#apponitment .offer-menu h5{
		font-size: 25px;
	}
	#apponitment .offer-menu h4{
		font-size: 18px;
	}
	p.cart-item-box {
	  left: 50%;
	  padding: 0 6px;
	}
	.contact-form input.wpcf7-form-control.wpcf7-submit{
		margin-left: 22%;
	}
	#sb_instagram .sbi_photo{
		margin: 15px;
	}
	.book-table input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-date{
		width: 60%;
		margin: 10px 0;
	}
	.book-table input.wpcf7-form-control.wpcf7-submit{
		width: 60%;
		margin: 10px 37px;
	}
	.book-table select.wpcf7-form-control.wpcf7-select{
		width: 60%;
		margin: 10px 0;
	}
	#latest-news .owl-dots {
    position: relative;
    text-align: center;
  }
	#latest-news .owl-dots button.owl-dot {
	  width: 12px;
	  height: 12px;
	  border-radius: 50%;
	  display: inline-block;
	  background: #2a110a;
	  margin: 0 5px;
  }
	#latest-news .owl-dots button.owl-dot.active {
	  background-color:#dfb581 ;
	}
	#latest-news .owl-dots span {
	  font-size: 70px;    
	  position: relative;
	}
}

/*MEDIA 721 TO 1023*/
@media only screen and (min-width: 721px) and (max-width: 1023px){
   .logo-image img{
   	width: auto;
   }
	.main-header {
	  margin-bottom: -13.1%;
	}
	.page-template-frontpage #site-navigation {
		background: #aa8a63;
		position: relative;
	}
	.register, .login {
	  padding: 18px 15px;
	}
	p.cart-item-box {
	  left: 50%;
	}
	#menu-section p {
		margin-left: 5%;
		margin-right: 5%;
	}
	#carousel-caption {
	  top: 36%; 
	  left: 4%;
	  right: 45%;
	}
	.section-content {
	  margin-left: 15%;
	  margin-right: 15%;
	}
	#menu-section button{
		left: 30%;
	}
	iframe{
		width: 100%; 
	}
	#banner .banner-text {
	margin-left: 40%;
	}
	#banner h3{
		font-size: 50px;
	}
	.video-section .video-blog .is-open{
		top: 45px;
	}
	.video-section .video-blog{
		padding: 50px 0;
	}
	#testimonial .owl-carousel .owl-item img {
	  display: inline-block;
	  width: auto;
	}
	#testimonial .client-image2 {
	  right: 20%;
	}
	#testimonial .client-image3 {
	    left: 22%;
	}
	#testimonial .client-image4 { 
	  left: 0;
	}
	#gallery1{
	  -webkit-column-count:4;
	  -moz-column-count:4;
	  column-count:4;
	}
	#gallery1 img{
		width: 100%;
		height: auto;
		padding-top: 18%;
	}
	#booking .content-section {
		margin-left: 15%;
		margin-right: 15%;
	}
	#apponitment .table1{
		padding-left: 10%;
	}
	#apponitment .discount{
		top: 28%;
	}
	#apponitment .discount-heading2{
		margin-bottom: 79%;
		font-size: 22px;
	}
	#apponitment .discount-content{
		font-size: 12px;
		margin-left: 0;
		margin-right: 0;
	}
	#apponitment .table h5{
		font-size: 20px;
	}
	#apponitment .table th, .table td{
		font-size: 14px;
		left: 4%;
		padding: 1px;
	}
	#apponitment a.button{
		padding: 5px 10px;
		font-size: 10px;
		margin: 0;
	}
	#apponitment .offer1 {
	  bottom: 20%;
	  left: 48%;
	  right: 3%;
	}
	#apponitment .offer-menu h4{
		font-size: 18px;
	}
	#apponitment .offer-menu h5{
		font-size: 28px;
	}
	#apponitment .offer2 {
	  bottom: 6%;
	  left: 48%;
	  right: 2%;
	}
	.enquiry h4{
		padding-top: 0;
	}
	#apponitment .enquiry p{
		font-size: 14px;
	}
	.enquiry-text {
	  margin: 18px 0;
	}
	.contact-form h3 {
	  font-size: 26px;
	}
	.contact-form h5{
		font-size: 18px;
	}
	.book-table select.wpcf7-form-control.wpcf7-select{
		margin: 0 10px;
	}
}

/*MEDIA 1024 TO 1119*/
@media only screen and (min-width: 1024px) and (max-width: 1199px){
	.main-header {
	  margin-bottom: -8%;
	}
	.register, .login {
	  padding: 18px 15px;
	}
	p.cart-item-box{
		left: 50%;
	}
	#carousel-caption {
	  top: 47%;
	  left: 4%;
	  right: 58%;
	}
	.section-content {
	  margin-left: 25%;
	  margin-right: 25%;
	}
	#menu-section .product-details{
		padding: 20px 0;
	}
	#banner .banner-text {
	    margin-left: 32%;
	}
	#gallery1{
	  -webkit-column-count:4;
	  -moz-column-count:4;
	  column-count:4;
	}
	#gallery1 img{
		width: 100%;
		height: auto;
		padding-top: 18%;
	}
	#testimonial .owl-carousel .owl-item img {
	  display: inline-block;
	  width: auto;
	}
	 #testimonial .client-image1 {
	  top: 38px;
	  left: 0;
	}
	#testimonial .client-image2 {
	  right: 30px;
	}
	#testimonial .client-image3 {
	  left: 32px;
	  bottom: 48px;
	}
	#testimonial .client-image4 {
	  bottom: 97px;
	  left: -10px;
	}
	#apponitment .table1{
		padding-left: 15%;
	}
	#apponitment .discount-heading2{
		margin-bottom: 80%;
	}
	#apponitment .discount{
		top: 26%;
	}
	#apponitment .table th, .table td{
		left: 14%;
		font-size: 15px;
	}
	#apponitment .discount-content {
	  margin-left: 0%;
	  margin-right: 0%;
	}
	#apponitment a.button{
		font-size: 12px;
	}
	#apponitment .offer1{
		left: 48%;
		right: 5%;
	}
	.enquiry h4{
		padding-top: 0;
	}
	#apponitment .offer2 {
	  bottom: 10%;
	  left: 40%;
	  right: 4%;
	}
	#apponitment .offer-menu h5{
		font-size: 34px;
	}
	.enquiry-text {
	  margin: 8px 0;
	}
	.footer-area .wpcf7 input[type="email"] {
	 width: 60%;
	}
}