/*
Theme Name: Twenty Twenty Child
Version: 1.6
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns, block-styles, wide-blocks, accessibility-ready
Author: the WordPress team
Author URI: https://wordpress.org/
Theme URI: https://wordpress.org/themes/twentytwenty/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwenty

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/

@import url('//fonts.googleapis.com/css2?family=Montserrat:ital,wght@100;200;300;400;500;600;700;1,300&family=Playfair+Display:wght@400;500;600;700;800&display=swap');

/* font-family: 'Montserrat', sans-serif; */
/* font-family: 'Playfair Display', serif; */



body {
  font-family: 'Montserrat', sans-serif;
  overflow-x: hidden;
}

a {
  text-decoration: none !important;
  outline: none;
  box-shadow: none;
}

img {
  max-width: 100%;
}

h1,
h2,
h3,
h4 {
  font-family: 'Playfair Display', serif;
}


.btn.btn-primary {
  background-color: transparent;
  padding: 8px 40px;
  border: 1px solid #FFF;
  transition: all 250ms ease-in-out;
  color: #FFF;
  font-size: 18px;
  font-weight: 300;
  cursor: pointer;
  border-radius: 0;
  text-transform: uppercase;
  position: relative;
}

.btn.btn-primary:hover {
  color: #FFF;
  background-color: #540e14;
}



/*Hero*/
.o-home-hero .content-inner {
  text-align: center;
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}

.o-slide {
  position: relative;
  padding: 50px 0;
  height: 800px;
}


.slide-pix img {
  margin-top: 60px;
}

.slide-content {
  text-align: left;
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 0;
}

.slide-content .inner-content {
  position: relative;
  padding: 30px 0;
  max-width: 880px;
}

.slide-content {
  position: relative;
  z-index: 10;
}

.slide-content span {
  color: #FFF;
  font-weight: 100;
  font-size: 14px;
  line-height: 30px;
  text-transform: uppercase;
}

.slide-content h1 {
  color: #FFF;
  font-size: 90px;
  line-height: 1;
  font-weight: 400;
  margin-bottom: 0;
  padding-bottom: 60px;
}

.slide-content p {
  color: #FFF;
  font-size: 18px;
  line-height: 30px;
  font-weight: 300;
  padding: 0 0 25px 0;
}

.slide-content h3 {
  font-family: 'Playfair Display', serif;
  font-size: 24px;
  font-weight: 700;
  padding-bottom: 40px;
  color: #FFF;
}

.slide-content h3 span {
  display: block;
  font-size: 16px;
  font-weight: 300;
  font-style: italic;
  text-transform: none;
  padding-top: 10px;
}

.slide-content .top-heading {
  position: relative;
}

.slide-content .top-heading:before {
  content: " ";
  position: absolute;
  width: 250px;
  height: 1px;
  background-color: #FFF;
  left: 409px;
  top: 15px;
}



.o-home-hero .slick-track:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.65);
  z-index: 1;
}

.slide-content .btn.btn-primary {
  padding: 8px 40px;
}

.slide-content .btn:hover {
  background-color: #540e14;
}


.o-home-hero .slick-dots {
  list-style-type: none;
  text-align: center;
  position: absolute;
  bottom: 75px;
  left: 50%;
  transform: translateX(-50%);
  padding: 0;
  margin: 0;
}

.o-home-hero .slick-dots li {
  display: inline-block;
  margin: 0 8px;
}

.o-home-hero .slick-dots li button {
  border: 0;
  width: 14px;
  height: 14px;
  background-color: rgba(255, 255, 255, 0.5);
  font-size: 0;
  line-height: 0;
  padding: 0;
  box-shadow: none;
  border-radius: 50%;
}

.o-home-hero .slick-dots li.slick-active button {
  background-color: rgba(255, 255, 255, 1);
}

.o-home-hero .slick-arrow {
  position: relative;
  bottom: 15px;
  left: 50px;
  font-size: 0;
  line-height: 0;
  background-color: transparent;
  box-shadow: none;
  border: 3px solid #38291b;
  border-radius: 50%;
  text-shadow: none;
  width: 35px;
  height: 35px;
}

.o-home-hero .slick-arrow.slick-next:before {
  content: "\f105";
  position: absolute;
  font: normal 19px/1 FontAwesome;
  color: #392a1c;
  left: 12px;
  top: 5px;
}

.o-home-hero .slick-arrow.slick-prev {
  margin-right: 15px;
}

.o-home-hero .slick-arrow.slick-prev:before {
  content: "\f104";
  position: absolute;
  font: normal 19px/1 FontAwesome;
  color: #392a1c;
  left: 11px;
  top: 5px;
}






.top-bar {
  background-color: #540e14;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: hidden;
}

.top-bar ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.top-bar ul li {
  display: inline-block;
  color: #FFF;
  padding-right: 55px;
}

.top-bar ul li:last-child {
  padding-right: 0;
  float: right;
}

.top-bar ul li a {
  color: #FFF;
  text-decoration: none;
}

.top-bar i {
  color: #FFF;
  border-radius: 50%;
  /*     margin-right: 10px; */
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 32px;
}

.logo-nav-area {
  position: absolute;
  width: 100%;
  top: 80px;
  z-index: 1;
}



.main-navigation ul {
  list-style-type: none;
  padding: 0;
  text-transform: uppercase;
  text-align: right;
  font-size: 16px;
  font-weight: 300;
  padding-top: 25px;
}

.main-navigation ul li {
  display: inline-block;
  border-right: 1px solid #FFF;
  padding: 0 20px;
  line-height: 18px;
  position: relative;
}

.main-navigation ul li:last-child {
  border-right: 0;
  padding-right: 0;
}

.main-navigation ul li a {
  color: #FFF;
}

.main-navigation ul li a:hover {
  color: #ed9d1f;
}



.main-navigation ul .sub-menu {
  display: none;
  position: absolute;
  left: 0;
  width: 170px;
  padding: 0;
  margin: 0;
}

.main-navigation ul li:hover > .sub-menu {
  display: block;
}

.main-navigation ul .sub-menu li {
  display: block;
  border-right: 0;
  padding: 0;
}

.main-navigation ul .sub-menu li a {
  font-size: 12px;
  background-color: #202020;
  padding: 10px;
  text-align: center;
  display: block;
  text-transform: none;
}

.main-navigation ul .sub-menu li a:hover {
  background-color: #ed9d1f;
  color: #FFF;
}

/* Home Page */

.top-heading {
  color: #ed9d1f;
  text-transform: uppercase;
  padding-bottom: 30px;
  display: block;
  position: relative;
  letter-spacing: 7px;
}

.top-heading:before {
  content: " ";
  position: absolute;
  width: 250px;
  height: 1px;
  background-color: #ed9d1f;
  left: 180px;
  top: 11px;

}

.content-bg {
  background: url('assets/images/content-bg.jpg') 0 0 no-repeat;
  background-size: cover;
}

.story-section,
.pub-section {
  padding-top: 100px;
  padding-bottom: 100px;
}

.story-section h2,
.pub-section h2,
.menu-section h2 {
  color: #FFF;
  font-size: 36px;
  padding-bottom: 30px;
}

.story-section p,
.pub-section p,
.menu-section p {
  color: #FFF;
  padding-bottom: 20px;
  font-weight: 300;
  line-height: 30px;
}

.story-section .inner,
.pub-section .inner {
  max-width: 500px;
  padding-left: 40px;
}




.event-section {
  padding-top: 140px;
  padding-bottom: 140px;
  position: relative;
}

.event-section h2 {
  font-size: 50px;
  color: #FFF;
  padding-bottom: 20px;
}

.event-section p {
  color: #FFF;
  font-size: 30px;
  font-weight: 100;
  padding-bottom: 30px;
}

.event-section:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.85);
}

.inner-event-content {
  text-align: center;
  max-width: 780px;
  margin: 0 auto;
  position: relative;
  z-index: 10;
}


.column-block-area .inner-content {
  padding: 100px 40px;
  text-align: center;
  position: relative;
  z-index: 1;
}

.column-block-area .block {
  position: relative;
}

.column-block-area .block:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.85);
}

.column-block-area h3 {
  font-size: 34px;
  color: #FFF;
  padding-bottom: 20px;
}

.column-block-area p {
  color: #FFF;
  padding-bottom: 15px;
  font-weight: 100;
  font-size: 16px;
  line-height: 30px;
  min-height: 150px;
}

.column-block-area .btn.btn-primary {
  padding: 8px 40px;
}


.menu-section {
  padding: 100px 0;
}

.menu-section .inner-content {
  padding-top: 130px;
}

.menu-section ul {
  font-size: 30px;
  font-family: 'Playfair Display', serif;
  list-style-type: none;
}

.menu-section ul li a {
  color: #FFF;
}

.menu-section ul li {
  padding-bottom: 30px;
}

.menu-section ul li a:hover {
  color: #ed9d1f;
}

.menu-section ul li span {
  padding-left: 50px;
  font-size: 24px;
}

.menu-section ul li img {
  width: 100px;
  height: 100px;
}

/* Footer */
.footer-top-bar {
  background-color: #540e14;
  padding: 20px 0;
}

.footer-top-bar p {
  color: #FFF;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 35px;
}

.footer-top-bar a {
  color: #FFF;
}

.footer-top-bar a:hover {
  opacity: 0.8;
}

.footer-top-bar .fa-facebook {
  width: 30px;
  height: 30px;
  background-color: #FFF;
  color: #540e14;
  border-radius: 50%;
  text-align: center;
  line-height: 39px;
  font-size: 25px;
}

.footer-top-bar .fa-instagram {
  font-size: 32px;
}

.footer-top-bar .right-part {
  text-align: right;
}

.footer-top-bar .right-part a {
  margin-right: 10px;
}

.up-row {
  padding-bottom: 30px;
}

.footer-copyright aside .textwidget p {
  font-size: 14px;
  font-weight: 400
}

.footer-btm {
  background-color: #000000;
  padding-top: 100px;
  padding-bottom: 50px;
}

.footer-btm h2 {
  color: #FFF;
  font-size: 30px;
  padding-bottom: 15px;
}

.footer-btm ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  color: #FFF;
  font-weight: 300;
  line-height: 32px;
}

.footer-btm ul li {
  padding-bottom: 8px;
  color: #FFF;
}

.footer-btm ul li i,
.footer-btm ul li div {
  float: left;
}

.footer-btm ul li div {
  width: 82%;
}

.footer-btm ul li i {
  padding-right: 10px;
  padding-top: 6px;
}

.footer-btm ul li a {
  color: #FFF;
  font-size: 16px;
  font-weight: 300;
  transition: all 250ms ease-in-out;
}

.footer-btm ul li a:hover {
  color: #ed9d1f;
}

.footer-btm p {
  color: #FFF;
  font-size: 16px;
  line-height: 32px;
  font-weight: 300;
}

.footer-copyright {
  border-top: 1px solid #ed9d1f;
  padding-top: 30px;
}

.footer-copyright ul {
  text-transform: uppercase;
}

.footer-copyright ul li {
  display: inline-block;
  padding-right: 15px;
}

.footer-copyright ul li .sub-menu {
  display: none;
}

.footer-copyright span,
.footer-copyright aside {
  display: inline-block;
  color: #FFF;
  font-size: 14px;
}


/* Inner Page */
.inner-hero .page-banner {
  height: 460px;
  position: relative;

}

.inner-hero .page-banner:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.65);
}

.inner-hero .container {
  position: relative;
}

.inner-hero .page-banner h1 {
  padding-top: 200px;
  color: #FFF;
  font-size: 60px;
  position: relative;
  padding-bottom: 50px;
}

.inner-hero .page-banner h1:before {
  content: " ";
  position: absolute;
  width: 250px;
  height: 1px;
  background-color: #FFF;
  left: 0;
  bottom: 11px;
}



.great-food-wrap {
  background-color: #202020;
  padding-top: 100px;
}


.great-food-wrap .top-content {
  max-width: 810px;
  margin: 0 auto;
  text-align: center;
  color: #FFF;
  padding-bottom: 50px;
}

.great-food-wrap .top-content h2 {
  font-size: 36px;
  padding-bottom: 20px;
}

.great-food-wrap .top-content p {
  font-size: 16px;
  line-height: 25px;
  color: #FFF;
  font-weight: 300;
  padding-bottom: 20px;
}

.menu-block-wrap .inner-block {
  text-align: center;
  padding-bottom: 100px;
}

.menu-block-wrap .inner-block h3 {
  color: #FFF;
  font-size: 26px;
  border-bottom: 1px solid #ed9d1f;
  padding-bottom: 30px;
  margin-bottom: 20px;
}

.menu-block-wrap .inner-block img {
  margin-bottom: 50px;
}

.menu-block-wrap .inner-block p {
  font-size: 16px;
  line-height: 30px;
  color: #FFF;
  font-weight: 300;
  padding-bottom: 70px;
  min-height: 290px;
}

.content-area-whistle-wrap {
  padding: 100px 0;
  background-color: #202020;
}

.content-area-whistle-wrap h2 {
  font-size: 36px;
  color: #FFF;
  padding-bottom: 25px;
  position: relative;
  margin-bottom: 30px;
}

.content-area-whistle-wrap h2:before {
  content: " ";
  position: absolute;
  width: 250px;
  height: 1px;
  background-color: #ed9d1f;
  left: 0;
  bottom: 0;
}

.content-area-whistle-wrap p {
  font-size: 16px;
  color: #FFF;
  font-weight: 100;
  padding-bottom: 18px;
}

.content-area-whistle-wrap .content-inner {
  max-width: 481px;
}

.content-area-whistle-wrap .content-inner.right {
  float: right;
}


.testimonial {
  padding: 80px 0;
  position: relative;
}

.testimonial:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.65);
}

.testimonial h3 {
  font-size: 36px;
  font-style: italic;
  color: #FFF;
}

.testimonial .testim-inner {
  border-right: 1px solid #ed9d1f;
}

.testimonial p {
  color: #FFF;
  font-weight: 100;
  font-style: italic;
  line-height: 30px;
}

.testimonial strong {
  color: #FFF;
}

.testimonial-outer {}

.testimonial-outer .slick-dots {
  list-style-type: none;
  text-align: center;
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  padding: 0;
  margin: 0;
}

.testimonial-outer .slick-dots li {
  display: inline-block;
  margin: 0 8px;
}

.testimonial-outer .slick-dots li button {
  border: 0;
  width: 14px;
  height: 14px;
  background-color: rgba(255, 255, 255, 0.5);
  font-size: 0;
  line-height: 0;
  padding: 0;
  box-shadow: none;
  border-radius: 50%;
  outline: none;
}

.testimonial-outer .slick-dots li.slick-active button {
  background-color: rgba(255, 255, 255, 1);
}





.contact-wrap {
  padding: 80px 0;
  background-color: #202020;
  text-align: center;
  color: #FFF;
}

.contact-wrap img {
  margin-bottom: 20px;
}

.contact-wrap h3 {
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.contact-wrap h3:before {
  content: " ";
  position: absolute;
  width: 100px;
  height: 1px;
  background-color: #ed9d1f;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
}

.contact-wrap {
  padding-bottom: 60px;
}

.contact-wrap input[type="text"],
.contact-wrap input[type="tel"],
.contact-wrap input[type="email"],
.contact-wrap textarea {
  width: 100%;
  border: 1px solid #ed9d1f;
  background-color: transparent;
  padding: 10px;
  outline: none;
  margin-bottom: 40px;
  color: #FFF;
}

.contact-wrap textarea {
  height: 200px;

}

.contact-wrap input[type="submit"] {
  background-color: transparent;
  padding: 8px 80px;
  border: 1px solid #FFF;
  transition: all 250ms ease-in-out;
  color: #FFF;
  font-size: 18px;
  font-weight: 300;
  cursor: pointer;
  border-radius: 0;
  text-transform: uppercase;
  position: relative;
}

.contact-wrap input[type="submit"]:hover {
  color: #FFF;
  background-color: #540e14;
}

.map {
  padding: 0;
  margin: 0;
  height: 530px;
}







.contact-top-part {
  padding-bottom: 50px;
}

.contact-wrap .contact-top-part p {
  font-size: 26px;
  font-weight: 100;
}

.contact-wrap .contact-top-part p a {
  color: #FFF;
}

.wpcf7-form .top-txt {
  max-width: 710px;
  margin: 0 auto;
  padding-bottom: 40px;
}

.contact-wrap h3 {
  font-size: 36px;
}


.menu-page-wrap {
  background-color: #202020;
  padding: 100px 0;
  color: #FFF;
}

.menu-page-wrap .category-list {
  padding-bottom: 70px;
}

.menu-page-wrap .category-list img {
  height: auto;
  margin-bottom: 30px;
}

.menu-page-wrap .category-list span {
  font-size: 18px;
  color: #FFF;
  text-align: center;
  display: block;
  font-family: 'Playfair Display', serif;
}

.menu-page-wrap h3 {
  font-size: 36px;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 25px;
}

.menu-page-wrap h3:before {
  content: " ";
  position: absolute;
  width: 100px;
  height: 1px;
  background-color: #ed9d1f;
  left: 0;
  bottom: 0;
}

.menu-page-wrap h4 {
  font-size: 22px;
  padding-bottom: 15px;
  font-weight: 700;
  position: relative;
  font-family: 'Montserrat', sans-serif;
}

.menu-list h5 {
  font-size: 16px !important;
  font-weight: normal !important;
}

.menu-page-wrap h4.leaf:before {
  content: " ";
  position: absolute;
  width: 25px;
  height: 26px;
  left: 0;
  top: 0;
  background: url('assets/images/leaf-icon.png') 0 0 no-repeat;
}

.menu-page-wrap h4.smily:before {
  content: " ";
  position: absolute;
  width: 25px;
  height: 25px;
  left: 0;
  top: 0;
  background: url('assets/images/smily-icon.png') 0 0 no-repeat;
}

.menu-page-wrap .menu-inner-block h5 {
  font-size: 30px;
  font-weight: 700;
}

.menu-page-wrap .menu-inner-block h5 span {
  font-weight: 300;
}

.menu-page-wrap .menu-inner-block {
  padding-bottom: 80px;
}

.menu-page-wrap .menu-inner-block p {
  font-size: 16px;
  font-weight: 100;
}

.menu-row {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 60px;
}

.menu-row:before {
  content: " ";
  position: absolute;
  width: 270px;
  height: 1px;
  background-color: #ed9d1f;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
}

.menu-row:last-child:before {
  display: none;
}

.menu-page-wrap .additional-text {
  text-align: center;
}

.menu-page-wrap .additional-text p {
  font-weight: 100;
  line-height: 30px;
}

.menu-page-wrap .additional-text p strong {
  font-weight: 500;
}







/* ------------------------Responsive---------------------- */
.menu-icon {
  display: none;
}

@media (min-width: 768px) {
  .mobile-menu {
    display: none;
  }
}

@media (max-width: 1200px) {
  .top-bar i {
    width: 28px;
    height: 28px;
    line-height: 28px;
  }

  .top-bar ul li {
    padding-right: 31px;
    font-size: 14px;
  }

  .top-bar ul li a {
    font-size: 14px;
  }

  .main-navigation ul li {
    padding: 0 13px;
  }

  .slide-content h1 {
    font-size: 60px;
    padding-bottom: 40px;
  }

  .slide-content p {
    padding: 0 0 10px 0;
  }

  .top-heading:before {
    width: 150px;
  }


}


@media (max-width: 1024px) {}


@media (max-width: 991px) {
  .top-bar {
    text-align: center;
  }

  .top-bar .container {
    width: 100%;
    max-width: 100%;
  }

  .mobile-menu {
    display: none;
  }

  .mobile-menu ul {
    list-style-type: none;
    padding: 0;
    width: 100%;
  }

  .mobile-menu ul li a {
    background-color: #541114;
    display: block;
    color: #FFF;
    padding: 10px;
    border-bottom: 1px solid #ccc;
    padding-left: 36px;
  }

  .mobile-menu li {
    position: relative;
  }

  .mobile-menu li .sub-menu {
    display: none;
  }

  .mobile-menu li .sub_arrow {
    width: 42px;
    height: 42px;
    background: rgba(255, 255, 255, 0.3);
    position: absolute;
    top: 0;
    right: 0;
  }

  .mobile-menu li .sub_arrow:before {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: '+';
    text-align: center;
    line-height: 42px;
    font-size: 30px;
    color: #fff;
  }

  .mobile-menu li .sub_arrow.active:before {
    content: '-';
  }



  .main-navigation {
    display: none;
  }

  .menu-icon {
    display: block;
  }

  .menu-icon i {
    font-size: 30px;
    color: #FFF;
    position: absolute;
    right: 0;
    top: 35px;
  }

  .logo-nav-area .container {
    position: relative;
    top: 0;
  }

  .story-section .inner,
  .pub-section .inner {
    padding-left: 0;
    padding-right: 20px;
  }

  .menu-section ul {
    font-size: 24px;
    padding: 0;
  }

  .menu-section ul li span {
    padding-left: 20px;
  }

  .footer-btm ul li a {}

}

@media (max-width: 767px) {
  .column-block-area p {
    min-height: none;
  }

  .inner-hero .container,
  .logo-nav-area .container {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .top-bar ul li:last-child {
    float: none;
  }

  .o-home-hero .slick-track:before {
    background-color: rgba(0, 0, 0, 0.8);
  }

  .logo-nav-area {
    top: 102px;
  }

  .menu-icon i {
    font-size: 30px;
    color: #FFF;
    position: absolute;
    right: 20px;
    top: -65px;
  }

  .inner-hero .page-banner h1 {
    font-size: 40px;
  }

  .menu-section .inner-content {
    padding-top: 0;
  }

  .menu-section .inner-content {
    padding-bottom: 30px;
  }

  .menu-section {
    padding: 60px 0;
  }

  .story-section h2,
  .pub-section h2,
  .menu-section h2 {
    font-size: 27px;
  }

  .event-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .event-section h2 {
    font-size: 36px;
  }

  .event-section p {
    font-size: 20px;
  }

  .story-section .inner,
  .pub-section .inner {
    margin: 0 auto;
  }

  .content-bg img {
    margin-bottom: 40px;
  }

  .menu-section ul li {
    padding-bottom: 0;
  }

  .footer-btm {
    padding-top: 50px;
  }

  .footer-top-bar .right-part {
    text-align: center;
  }

  .menu-block-wrap .inner-block img,
  .menu-page-wrap .category-list img {
    margin-bottom: 30px;
    height: 120px;
    width: auto;
  }

  .menu-block-wrap .inner-block p {
    padding-bottom: 30px;
  }

  .menu-block-wrap .inner-block {
    padding-bottom: 50px;
  }

  .footer-top-bar p {
    text-align: center;
    line-height: 23px;
    padding-bottom: 15px;
  }

  .menu-page-wrap .category-list {
    text-align: center;
  }

  .menu-page-wrap .category-list span {
    padding-bottom: 20px;
  }

  .contact-wrap .contact-top-part p {
    font-size: 20px;
  }

  .slide-content .top-heading:before {
    display: none;
  }

  .slide-content h1 {
    font-size: 48px;
  }

  .story-section .inner,
  .pub-section .inner {
    padding-left: 20px;
  }

  .column-block-area h3 {
    font-size: 24px;
  }

  .testimonial .testim-inner {
    border-right: 0;
    border-bottom: 1px solid #ed9d1f;
    padding-bottom: 10px;
    margin-bottom: 20px;
  }


}


@media (max-width: 576px) {

  .inner-hero .page-banner h1,
  .slide-content h1 {
    font-size: 30px;
  }

  .slide-content p {
    font-size: 16px;
  }

  .menu-section ul li img {
    width: 50px;
    height: 50px;
    margin-bottom: 12px;
  }

  .menu-section ul {
    font-size: 20px;
  }
}

@media (max-width: 460px) {
  .logo-nav-area {
    top: 120px;
  }

}


span.cat-desc {
  display: block;
  margin-bottom: 50px;
  font-size: 15px;
}





.menu-page-wrap h4.leaf,
.menu-page-wrap h4.smily {
  padding-left: 32px;
}