/*
Theme Name: Bakery Cafe Pro
Theme URI: https://www.misbahwp.com/products/coffee-shop-wordpress-theme/
Description: Bakery Cafe is the special ingredient you’ve been missing that will help you build an irresistible website for your bakery shop, cafe barbeque, cafe restaurant, diner, fast food, health food, OpenTable, restaurant, cafeteria, etc. With its delicious collection of powerful features and portfolio templates, you can create a stylish bakery cafe portfolio, present your business, display your drinks menu, and include everything else your cafe offers. It features both standards and custom shortcodes that are particularly made for presentational purposes and great for showing what your business is about. It is a highly customizable theme for restaurants, bars, and cafes. With it, you can create an unlimited number of menu items, each with its price, description, and photo. You can also create an unlimited number of locations, hours, and contact information. The theme has an extensive Admin Interface, making it easy to manage your restaurant’s website. It also includes a simple one-click import of demo content, so you can start your website in no time. It is responsive, retina-ready, and SEO friendly so it looks pleasing on all devices. So, if you’re looking for a WordPress Theme for your restaurant or café, this is a perfect choice.
Author:misbahwp
Author URI: https://www.misbahwp.com/
Version: 1.0
Requires PHP: 7.2
Tested up to: 6.0
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: bakery-cafe-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:#9f1b32;
  text-decoration: none;
}

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

.top-header {
    background: #9f1b32;
}
.register,.login {
  background: #000000;
  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: #9f1b32;
  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;
}


/* ===============================================
   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:#9f1b32;
}
.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: #fff;
}
.social-links a:hover,.top-header p{
	color: #000000; 
}

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

#site-navigation {
  background: #fff;
}
#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: #9f1b32;
	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:#000000;
}
#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: #9f1b32;
	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: #9f1b32;
	margin: 10px 0; 
 }
 .header-search .open-search-form i:hover,
 a.cart-customlocation i:hover{
 	color: #9f1b32;
 }
.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: #7e7e7f;
}
.post-meta i{
	color: #9f1b32;
}
.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: #9f1b32;
	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: #9f1b32;
    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: #9f1b32;
  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: #9f1b32;
  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: #9f1b32;
    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 #9f1b32;
    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,
.bakery-cafe-pro-pagination {
	margin:25px 0;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.bakery-cafe-pro-pagination a span,
.bakery-cafe-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,
.bakery-cafe-pro-pagination span.current,
.bakery-cafe-pro-pagination span.current:hover,
.bakery-cafe-pro-pagination span.current:focus,
.bakery-cafe-pro-pagination a span:hover,
.bakery-cafe-pro-pagination a span:focus {
	background:#9f1b32;
  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: #9f1b32;
	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 #9f1b32;
  color: #9f1b32;
  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: #9f1b32;
	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: 10px;
	border: solid 1px #121d21;
	outline: none;
}
#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: #9f1b32;
	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:#9f1b32;
	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: #9f1b32;
  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: #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 #9f1b32 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: #9f1b32;
	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%;
  max-width: 500px;
}
#carousel-caption h1{
  font-size: 60px;
  color: #fff;
  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:  #9f1b32;
}
#carousel-caption .button:hover {
  background: #000000;

}
#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:#9f1b32 ;
}
#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: #fff;
	font-weight: 600;
}
.offer-box p{
	color: #fff;
}

#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: #000000;
	font-family: 'Lora', serif;
}
#about-us img{
	border: 4px solid #fff;
}
.aboutus-p1{
	color: #9f1b32;
	font-size: 20px;
	font-family: 'Lora', serif;
	font-style: italic;
}
.aboutus-p2{
	border-left: 4px solid #9f1b32;
	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: #9f1b32; 
}
.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;
}
#menu-section .product-div figure{
	height: 160px;
}
#menu-section ins bdi{
	text-decoration: none;
}

/*Banner Section*/

#banner{
	background: #eed4b3;
	background-position: center !important;
}

#banner h3{
	color: #fff;
	font-size: 58px;
	font-family:'Lora', serif;
	text-transform: uppercase;
	font-style: italic;
	font-weight: 800;
}
#banner p{
	font-size: 22px;
	color: #fff;
	font-style: italic;
	font-weight: 600;
	margin-left: 5%;
}
#banner .banner-text {
  margin-left: 10%;
}

/*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: #fff;
	border-left: 4px solid #9f1b32;
	position: absolute;
	bottom: 20px;
	left: 0px;
}
.team-text p{
	color: #9f1b32;
	margin: 0 0 5px 0;
	padding: 0 15px;
	font-size: 15px;
	font-weight: 600;
}
.team-text h5{
	color: #9f1b32;
	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:  #9f1b32;
  -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: #9f1b32;
	text-transform: uppercase;
	font-family: 'Lora', serif;
}
#testimonial h6{
	font-size: 22px;
	color: #9f1b32;
	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: #000000;
  margin: 20px 5px;
}
#testimonial .owl-dots button.owl-dot.active {
  background-color:#9f1b32 ;
}
#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: transparent;
	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);
 
}

/*Booking*/

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

/*Apponitment*/
#apponitment .discount-heading1{
	color: #fff;
	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: #9f1b32;
  transition: all 0.2s;
  text-decoration: none;
  border-radius: 30px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
  font-weight: 500;
}
#apponitment .button{
	background:#fff;
}
#apponitment .button:hover {
  background: #000000;
  color: #fff;
}
#apponitment a.button2{
	background: #9f1b32;
	color: #fff;
}
#apponitment .button2: hover{
	background: #000000;
	color: #fff;
}
#apponitment .table,#apponitment .enquiry{
	background: #fff;
}
#apponitment .table1{
	text-align: left;
	padding-left: 20%;
}
#apponitment .table h5{
	color: #000000;
	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: #9f1b32;
	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: #fff;
	font-family: 'Great Vibes', cursive;
}
#apponitment .offer2{
	position: absolute;
	bottom: 15%;
	left: 49%;
	right: 10%;
	text-align: left;
}
.enquiry h4{ 
	text-transform: uppercase;
	color: #00000;
	font-family: 'Lora', serif;
	padding-top: 30px;
	font-weight: 600;
}
#apponitment .enquiry p{
	text-transform: uppercase;
	font-size: 22px;
	color: #9f1b32;
	margin: 0 auto;
}
.enquiry-text{
	margin: 30px 0;
}

/*Latest News*/

#latest-news h4.post-title{
	text-transform: uppercase;
}
#latest-news .post-title a{
	color: #9f1b32;
	font-size: 20px;
	font-family: 'Lora', serif;
	font-weight: 600;
}
#latest-news .read_more{
	color: #9f1b32;
	font-weight: bold;
}
#latest-news .post-meta{
	color: #000000;
	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;
	border-bottom: 1px solid transparent;
} 
#menu-section button:hover,
#menu-section button:focus ,
#menu-section button:active{
	color: #9f1b32;
	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: #000000;
}
/*#menu-section .product-image{
	border: 4px solid #9f1b32;	 
}*/
.tabcontent .owl-carousel .owl-item img{
	width: 100%;
	height: auto;
}
#menu-section .product-details {
  background: #9f1b32;
  opacity: 0.5;
  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 #fff;
  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 #fff;
  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: #9f1b32;
  color: #ffff;
  border: 1px solid transparent;
  cursor: pointer;
  margin: 0 20px;
  width: 20%;
}
.book-table input.wpcf7-form-control.wpcf7-submit:hover{
	background: transparent;
	color: #fff;
	border: 1px solid #e2c198;
}
 

/*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 #9f1b32;
  width: 20%;
  margin: 15px 0;
}
.footer-area p{
  color: #cecece;
}
.footer-area img{
	margin: 20px 0;
}
.footer-area .textwidget img{
	width: 100%;
}
.footer-area select{
  padding: 10px;
  outline: none;
}
.footer-area .recent_post .post-meta a{
  color: #fff;
}
.footer-area .fas, .footer-area .far {
	color: #9f1b32;
	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:#9f1b32;
  border: none;
  color: #fff;
  cursor: pointer;
  border-radius: 0 20px 20px 0 ;
  margin: 10px 0;
}
.footer-area .fab{
	font-size: 20px;
	color: #9f1b32;
	margin: 15px 20px 0 0;
}
.copyright{
  border-top: 1px solid darkgrey;
}
.copyright p{
  font-size: 15px;
  color: #d5dee6;
}
.copyright a{
  color: #9f1b32;
}
.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: #9f1b32;
}
.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: #9f1b32;
  border: none;
  color: #fff;
  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: #000000;
	}
	.register, .login{
		padding: 10px 20px;
	}
	button.close-menu {
	 display: inline-block;
	}
	.main-header{
		margin-bottom: 0px;
	}
	#carousel-caption {
	  top: 35%;
	  transform: translateY(-25%);
	  left: 0; 
	  right: 0;
	  bottom: 0;
	}
	#carousel-caption h1 {
	  font-size: 40px;
	}
	#carousel-caption p{
		display: none;
	}
	#carousel-caption a.button{
		font-size: 12px;
		padding: 5px 10px;
		margin: 0;
	}
	#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:#9f1b32 ;
	}
	#offer-section .owl-dots span {
	  font-size: 70px;    
	  position: relative;
	}
	#menu-section .product-details{
		top: 50%;
		padding: 30px 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:#9f1b32 ;
	}
	#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: 20px;
	}
	#banner p{
		font-size: 14px;
	}
	#banner .banner-text {
	  margin-left: 0;
	  text-align: left;
	}
	#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:#9f1b32 ;
	}
	#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:#9f1b32 ;
	}
	#latest-news .owl-dots span {
	  font-size: 70px;    
	  position: relative;
	}
	#banner{
		background-size: contain !important;
	}
}

/*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: #000000;
		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%;
	}
	.section-content {
	  margin-left: 15%;
	  margin-right: 15%;
	}
	#menu-section button{
		left: 30%;
	}
	iframe{
		width: 100%; 
	}
	#banner .banner-text {
	margin-left: 0;
	}
	#banner h3{
		font-size: 32px;
	}
	.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%;
	  
	}
	.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%;
	}
}