/*Theme Name: Twenty Twenty Child
Theme URI: https://wordpress.org/themes/twentytwenty/
Template: twentytwenty
Author: the WordPress team
Author URI: https://wordpress.org/
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
Version: 3.0.1769167024
Updated: 2026-01-23 11:17:04

*/

/* Common CSS Start */

body { background: #fff;}
section { padding: 6rem 0;  }
.container {  max-width: 1200px;  width: 100%;  margin: auto;  }
.cnt {  text-align:center;  }
.flex {  display: flex;  justify-content: space-between; align-items: center;gap:30px;  }
.col-left, .col-right {  width: 50%;  }

.primary-menu a { color: #808080 !important;      font-size: 14px;   }
h2,h3,h4 {  margin-top: 0;   margin-bottom: 0;  }
li {  list-style: none;  margin: 0;  }
.main-heading {  margin-top: 0;     color: #bb9356; font-family: "Merienda", cursive;    font-size: 36px;      margin-bottom: 20px;  }
.sub-heading {    font-size: 32px;    color: #000;    font-weight: 600;      margin-bottom: 20px;       margin-top: -20px;   }
.sub-header { background: #000119; text-align: center; color: #fff; padding: 22px 0px;  font-size: 24px;  }
p {  margin-bottom: 0; font-size: 16px;    font-size: 14px;   color: #626262;   }
ul {  margin: 0;  }

a,p {     font-family: "Poppins", sans-serif;  }
.theme-btn a {   padding: 10px 30px;    border: 1px solid #000;     border-radius: 50px;    color: #000;      font-size: 16px;   }
a {  text-decoration: none; }
.theme-btn {  margin-top: 30px;  }
.subhead-head {   font-size: 26px;   color: #fff;   font-weight: 600;  }

h1, h2, h3, h4, h5, h6, .faux-heading {  letter-spacing: 0;  }
p {   line-height: 1.8;   }

.sub-heading.cnt { position: relative; text-align: center;  padding-bottom: 30px; }

.sub-heading.cnt::after {  content: "";  position: absolute;  left: 50%;  bottom: 0;  transform: translateX(-50%);
  width: 120px;   height: 12px;   background: url("https://africankitchen.nl/beta/wp-content/uploads/2026/02/Divider.png") 
              no-repeat center;   background-size: contain;  }

.theme-btn a:hover, .foot-btn a:hover {  background: #bb9356 !important;     color: #fff;     text-decoration: none !important;   }

.rtb-form-submit button {  background: #1b2d6b;  border-radius: 50px;  font-size: 14px;  color: #fff;
  transition:     background-color 0.35s ease,        transform 0.25s ease; }

.rtb-form-submit button:hover {  background-color: #bb9356;  color: #fff;  text-decoration: none;  }

.modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a, .modal-menu ul li a {
    color: #152238;    font-size: 16px;    padding: 14px 10px;    letter-spacing: 0.2px; font-weight: 500;  }

:focus-visible {    outline: none !important; }
:focus-within {    outline: none !important; }
span.toggle-inner span.toggle-text {  display: none;  }
button.toggle span.toggle-text { display: none;  }
body p {
    -webkit-text-size-adjust: none;
}

:root {
    --wp--preset--font-size--normal: 14px;
    --wp--preset--font-size--huge: 14px;
}


/* Common CSS END */

.avwp-av img {
  margin: auto;
	margin-bottom: 15px;
}
.avwp-av button.yes {
  background: #1b2d6b !important;
}
.cky-policy {
  color: #1b2d6b !important;
  font-weight: bold;
}
.cky-btn.cky-btn-reject {
  color: #1b2d6b !important;
  border-color: #1b2d6b !important;
}
.cky-btn.cky-btn-accept {
  background-color: #1b2d6b !important;
  border-color: #1b2d6b !important;
}

/* Toggle Menu CSS Start */

.toggle.nav-toggle {  background: none;  border: none;  padding: 10px;  cursor: pointer;  display: flex;
  align-items: center;  justify-content: center; }

.hamb-menu {  position: relative;  width: 24px;  height: 20px; }

.hamb-menu span {  position: absolute;  left: 0;  width: 100%;  height: 2px;   background: #3c4662;  border-radius: 2px;
  transition: all 0.3s ease;  }

.hamb-menu span:nth-child(1) { top: 0; }
.hamb-menu span:nth-child(2) { top: 50%; transform: translateY(-50%); }
.hamb-menu span:nth-child(3) { bottom: 0; }

.toggle.nav-toggle.active .hamb-menu span:nth-child(1) {  transform: translateY(8px) rotate(45deg); }
.toggle.nav-toggle.active .hamb-menu span:nth-child(2) {  opacity: 0; }
.toggle.nav-toggle.active .hamb-menu span:nth-child(3) {  transform: translateY(-8px) rotate(-45deg); }

.toggle.nav-toggle.active .hamb-menu {  transform: none; }

/* Toggle Menu CSS END */






/* Arrow To Top CSS Start */

.back-to-top {  position: fixed;  bottom: 90px;  right: 20px;  width: 48px;  height: 48px;  background-color: #bb9356;  color: #0e2d22; 
	font-size: 24px;  text-align: center;  line-height: 48px;  border-radius: 50%;  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  cursor: pointer;  text-decoration: none;  z-index: 999;  opacity: 0;  pointer-events: none;  
	transition: opacity 0.3s ease, transform 0.3s ease; }

.back-to-top.show {  opacity: 1;  pointer-events: auto; }
.back-to-top:hover {  transform: translateY(-5px); }
html { scroll-behavior: smooth; }

/* Arrow To Top CSS END */



/* Sticky Header CSS Start */

#site-header.sticky {    position: fixed;    top: 0;    width: 100%;    z-index: 12;    right: 0;    left: 0;
       background-color: #f7f7f7;   padding-bottom: 0;    border-bottom: solid 1px #cccccc4f;  }

#site-header.sticky .header-inner {  padding: 1.8rem 0;     }

/* Sticky Header CSS END */





/* Header CSS Start */

.bg-btn a {    background: #1b2d6b;    color: #fff !important;    padding: 14px 28px;  }
.primary-menu {    display: flex;    align-items: center; }
.primary-menu li {  margin: 0px 14px; }
.primary-menu li.bg-btn {  margin: 0;  }
.primary-menu li > a:hover {  color: #1b2d6b !important;   text-decoration: none;  }
.top-bar .container {   width: calc(100% - 8rem);  max-width: 1200px;  }
.top-left ul { margin: 0px; display: flex; gap: 40px;  }
.top-left li { list-style: none; margin-top: 0px;  color: #fff;  }
.top-bar { background: #1b2d6b; padding: 7px 0px;  }
.top-left a { text-decoration: none; color: #fff; font-weight: 500;   }
.primary-menu li.current-menu-item > a {    text-decoration: none;    color: #1b2d6b !important;    font-weight: 600;  }
ul.primary-menu {  margin: 0;  }
.header-inner.section-inner {  max-width: 1200px;  }
.primary-menu .bg-btn a:hover {  background: #bb9356;   color: #fff !important;  }

/* Header CSS END */




/* Slider CSS Start */

.home-slider {  height: 70vh;  overflow: hidden;   padding: 0;  }
.home-slider .slider-pro {  width: 100% !important;  height: 100% !important;  max-width: 100%;    }
.home-slider .sp-slides, .home-slider .sp-slide {   width: 100% !important;   height: 100% !important; }
.home-slider .sp-image {  width: 100% !important;  height: 100% !important;  object-fit: cover;  object-position: center;  display: block; }
.home-slider img {  max-width: none !important;  max-height: none !important;  }

/* Slider CSS END */




/* About Section CSS Start */

.home-sec1 a {    text-align: center;    margin: auto; }
.home-sec1 .theme-btn {    text-align: center; }

/* About Section CSS END */



/* Service Section CSS Start */

.box-service {    text-align: center;  }
.home-service {   background: url(img/background.png);  background-repeat: repeat; background-size: cover;  }
.service-image {  display: flex;   justify-content: center;  }
.service-content span {  color: #f7f7f7;   font-size: 16px;   }
.service-image img {  max-height: 80px;  }
.service-content {  padding: 14px 0px 8px 0px; }
.box-service a:hover {   background: #bb9356;     color: #fff;  }

.box-service a {  border: 1px solid #fff;  border-radius: 50px;  text-decoration: none;  font-size: 16px;  padding: 12px 32px;
	color: #000;  letter-spacing: 0px;     font-weight: 400;       background: #fff;  }

/* Service Section CSS END */



/* Features Section CSS Start */

.feat-bx {   width: 30%; }
.feat-bx img {   margin: auto;   max-height: 100px;   margin-bottom: 20px; }
.home-feat {  background: #f7f7f7; }
.home-feat .desc {   font-size: 18px;    color: #000;    max-width: 70%;      margin: auto;  }
.feat-bxs.flex {  display: flex;   align-items: flex-start;  }

/* Features Section CSS END */



/* Menu Section CSS Start */

.home_mnu_cont .desc {  text-align: center;  }
.mnu_hdg {    text-align: center;    margin-bottom: 10px;  margin-top: 0;    font-size: 18px;   }
.mnu_sub {    color: #bb9356;    text-align: center;    font-size: 18px;     margin-top: 0;      margin-bottom: 10px;  }
.cont_sec {    border: 1px dotted #bb9356;    padding: 8px;    background: #fff;    min-height: 210px;    display: flex;
    flex-direction: column;    justify-content: center;  }

.img_sec img {   max-height: 250px;   height: 210px;    width: 100%;    object-fit: cover;  }
.btn {  text-align: center;   }
.btn, .btn a {   color: #bb9356;   font-weight: 600; }
.home-sec3 {   padding-bottom: 0;   background: #fcfcfc;    }
.home-sec3 p.cnt:last-child {  max-width: 82%;   margin: auto;  }
.menu-home-sec {   background: #fcfcfc;     padding-top: 30px;  }
.home_mnu_cont {  width: 20%;  }

.menu-home-sec .theme-btn {    display: flex;   justify-content: center; }
.menu-home-sec .theme-btn a {  background: #1b2d6b;   color: #fff; }

.btn a{  position: relative;  display: inline-flex;  align-items: center;  gap: 6px;  transition: color 0.3s ease; }
.btn a::after{  content: "›";  font-size: 20px;  transition: transform 0.3s ease; }
.btn a:hover{  color: #1b2d6b; }
.btn a:hover::after{  transform: translateX(5px); }

/* Menu Section CSS END */



/* Review Section CSS Start */

.review-section {  background: #2a2a2a;  }
.testimonial {    background: #fff;    padding: 60px 20px;     border: 2px dashed #bb9356;  }
.review-title {    margin-top: 40px;    margin-bottom: 0;    color: #bb9356;    font-weight: 400;      font-size: 16px;  }
.review-section .sub-heading {  color: #fff;  }
.review-content p {  color: #585858;  }
.review-section .theme-btn {display: flex;justify-content: center;width: fit-content;margin: auto; }
.review-section .theme-btn a {    background: #1b2d6b;    color: #fff;     border: none;  }

/* Review Section CSS END */




/* Footer CSS Start */

.footer-sec-three {  width: 30%;  }
#site-footer {  background-color: #222222; padding-bottom: 0;  }
.main-footer .container {  display: flex;   justify-content: space-between;   align-items: flex-start;  }
.copyright-text p {  text-align: center; padding: 20px 0px;     color: #fff;   border-top: 1px solid #848484;    margin-top: 4rem;  }
.footer-sec-three h3 {   text-align: center;    color: #f7f7f7;    font-size: 22px; margin-bottom: 30px; }
.foot-btn {  margin-top: 30px;   text-align: center;  }
.our-link a {  color: #fff;  }
.second img {    background: #fff;    max-width: 100px;    width: 140px;    margin: auto;    padding: 20px;   border-radius: 6px;  }

.custom-html-widget li,.custom-html-widget li a, .footer-sec-three p {  color: #f7f7f7;  text-align: center; 
	font-family: "Poppins", sans-serif;       font-size: 14px;  }

.foot-btn a {    color: #fff;    font-weight: 500;    background: #1b2d69 !important;    border-radius: 50px;    padding: 10px 26px;
    font-size: 16px;  }

.first .custom-html-widget {   display: flex;   justify-content: center; }
.ct-list li {    display: flex;    align-items: flex-start;    gap: 16px;     text-align: left;   }
.ct-list li i {   padding-top: 4px;   width: 16px; }
.ct-list li a:hover {   color: #bb9356;   text-decoration: none !important;  }

/* Footer CSS END */



/* Reservation Page CSS Start */

.reser-page{  width:100%;  padding: 0;  background:#ffffff; }
.reser-page > .container{  width:100%;  margin:0 auto;  padding:0 18px; }
.reser-page .main-heading{  margin:0 0 22px;  text-align:center;  font-size:40px;  line-height:1.15;
  color:#BE9367;  font-weight:700;  }

.reser-page .rtb-booking-form{  background:#fff;  border:1px solid #ead8c8;  border-radius:14px;
  padding:28px;  box-shadow:0 10px 28px rgba(0,0,0,.06);  }

.reser-page .rtb-booking-form fieldset{  border:0;  margin:0 0 18px;  padding:0; }

.reser-page .rtb-booking-form legend{  display:block;  width:100%;  margin:0 0 12px;  padding:10px 0 12px;
  font-weight:700;  color:#000119;    border-bottom: 4px solid #ead8c8;  }

.reser-page .rtb-booking-form-form{  display:block;  }
.reser-page .reservation, .reser-page .rtb-contact{   display:grid;  grid-template-columns:repeat(3, 1fr);  gap:14px 16px; }
.reser-page .rtb-textarea{  grid-column:1 / -1; }
.reser-page label{  display:block;  margin:0 0 6px;  font-size:14px;  color:#000119;  font-weight:600;  }

.reser-page input[type="text"],.reser-page input[type="email"],.reser-page input[type="tel"],.reser-page select,
.reser-page textarea{  width:100%;   height:46px;   padding:10px 12px;   border:1px solid #ead8c8;   border-radius:10px;
  outline:0;   background:#fff;   color:#111;   max-width: 100%; }

.reser-page textarea{  height:110px;  resize:vertical;  padding-top:12px;  }
.reser-page input:focus, .reser-page select:focus, .reser-page textarea:focus{
  border-color:#BE9367;  box-shadow:0 0 0 3px rgba(190,147,103,.22);  }

.reser-page .add-message a{  display:inline-block;  margin-top:6px;  color:#BE9367;  font-weight:700;  text-decoration:none; }
.reser-page .add-message a:hover{ text-decoration:underline; }

.reser-page .rtb-form-footer {    display: flex;    align-items: center;    justify-content: center;    gap: 14px;
    padding-top: 6px;    flex-direction: column-reverse;  }

.reser-top a {  color: #1b2d6b;   font-weight: 700;  }

/* Reservation Page CSS END */





/* Contact Page CSS Start */

.wpcf7-form-control-wrap {  position: unset; }

.ct-details li {  display: flex;   align-items: flex-start;      gap: 30px;    margin-bottom: 20px;  }
.contact-form-sec {  padding-top: 0; } 
.contact-form-sec .flex {    align-items: flex-start;  }
.ct-details li img {  max-width: 18px;   padding-top: 4px; }

.ct-form {  max-width: 980px;  margin: 0 auto; }
.ct-form .wpcf7 form, .ct-form .wpcf7 p {  margin: 0; }
.ct-form .column {    box-sizing: border-box;    padding: 0px 18px;    margin-bottom: 20px;  }
.ct-form .column.one-second{  width: 50%;  float: left;  padding: 0 18px;  margin-bottom: 20px; }

.ct-form .wpcf7-form::after{  content: "";  display: block;  clear: both;  }

.ct-form input[type="text"], .ct-form input[type="email"], .ct-form input[type="tel"], .ct-form textarea{  width: 100%;
  height: 54px;  padding: 14px 18px;  border: 2px solid #d8dde6;  border-radius: 10px;  background: #fff;  color: #1b1f2a;
  font-size: 16px;  line-height: 1.2;  outline: none;  box-sizing: border-box;  transition: border-color .2s ease, box-shadow .2s ease; }

.ct-form textarea {  height: 100px;   padding-top: 16px;  resize: vertical;   }
.ct-form input::placeholder, .ct-form textarea::placeholder{  color: #8e97a6;    opacity: 1;  }
.ct-form input:focus, .ct-form textarea:focus{  border-color: #b9c3d6;   box-shadow: 0 0 0 4px rgba(20, 50, 110, 0.08); }

.ct-form input.wpcf7-submit{  width: auto;  min-width: 140px;  height: 48px;  padding: 0 28px;  border: 0;  border-radius: 26px;
  background: #0b1e5b;  color: #fff;  font-size: 15px;  font-weight: 600;  cursor: pointer;   }

.ct-form input.wpcf7-submit:hover{  background: #bb9356;  transform: translateY(-1px);  text-decoration: none;  }
.ct-form input.wpcf7-submit:active{  transform: translateY(0);  }

.ct-details ul{  list-style: none;  margin: 0;  padding: 0; }
.ct-details a:hover {  color: #bb9356;   text-decoration: none !IMPORTANT;    }

.ct-details li {    position: relative;    display: flex;    align-items: center;    padding-left: 54px;    min-height: 40px;
    margin-bottom: 16px;    font-size: 14px;    line-height: 1.45;  }

.ct-details li::before{  content: "";  position: absolute;  left: 0;  top: 2px;  width: 40px;  height: 40px;
  background: #bb9356;  border-radius: 50%;  transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;  }

.ct-details li img{  position: absolute;  left: 20px;  top: 22px;  transform: translate(-50%, -50%);  width: 14px;  height: 14px;
  max-width: 14px;  max-height: 14px;  padding: 0;  background: none;  filter: brightness(0) invert(1);  }

.ct-details li span,.ct-details li a{  color: inherit;  text-decoration: none; }
.ct-details li a:hover{  text-decoration: underline; }

.ct-details li.social.facebook i{  position: absolute;  left: 20px;  top: 22px;  transform: translate(-50%, -50%);
  font-size: 15px;  color: #fff;  line-height: 1;  }

.ct-details li.social.facebook:hover::before{    background: #1877f2; }
.ct-details li:hover::before{   box-shadow: 0 8px 18px rgba(0,0,0,0.18);  transform: translateY(-1px);  }
.contact-form-sec .main-heading {   border-bottom: 2px solid #1b2d6b2e;   padding-bottom: 16px;   margin-bottom: 40px;  }
.contact-map {     padding: 0;  }
.col-right .main-heading {   position: relative;   left: 18px;  }
.contact-top .cnt {   font-size: 20px;   color: #161922; }

/* Contact Page CSS END */



/* Menu Page CSS Start */

.section-title.border img { margin-top: 0px;  }
.pr-font { text-align: center; margin: 10px 0px;  font-size: 30px;      color: #bb9356;  }
tr.table-data-first { border-bottom: 1px dotted #000; border-top: 1px dotted #000; border-right: 1px dotted #000;  }
td.first-data.first-row { padding: 12px 12px; border-left: 1px dotted #000;  }
td.first-data.first-row h3 { font-size: 18px;     color: #1b2d6b;   margin-bottom: 5px;     text-transform: capitalize;  }

td.second-data.first-row {  border-bottom: 1px dotted #000;  background-color: #22336F;  color: #fff;  font-size: 16px;
  font-weight: 600; width: 70px; }

.first-data.first-row span { display: block;}
.smen2 {    color: #bb9356;   }
.menu-img img { width: 100%; height: 84%;  }
.menu-gallery {  display: flex;  flex-wrap: wrap;  gap: 30px;      padding-bottom: 20px;  }
.menu-img img { width: 100%;  height: 84%;     object-fit: cover;  }
.menu-img { width: 23%;     background: #f7f7f7;  }
.menu-flex { display: flex;   justify-content: space-between;   align-items: center;  gap: 30px;  }
.menu-left, .menu-right {  width: 100%;  }
.menu-img p {    padding: 12px;    font-size: 16px;    color: #1b2d6b;     font-weight: 600;   text-transform: capitalize;  }
.smen1 {  padding: 4px 0px;  }
td.second-data.first-row {   display: none; }
td.first-data.first-row {    background: rgba(0, 0, 0, 0.01);  }
.full-row span {   font-size: 15px;    font-weight: 500;    }

.menu-gallery {  gap: 28px; padding: 30px 0px;  }
.alignnone, .aligncenter {   margin-bottom: 0rem;  }

.menu-gallery .menu-img{  background: #ffffff;  border-radius: 14px;  overflow: hidden;
  box-shadow: 0 12px 28px rgba(0,0,0,0.08);  transition: transform .25s ease, box-shadow .25s ease;  text-align: center;  }

.menu-gallery .menu-img:hover{  transform: translateY(-6px);  box-shadow: 0 18px 36px rgba(0,0,0,0.12);  }
.menu-gallery .menu-img img{  width: 100%;  height: 240px;  object-fit: cover;  display: block; }


/* Menu Page CSS END */



/* Ogiri Page CSS Start */

.orig-code {    margin-top: 40px; }

/* Ogiri Page CSS END */




/* Gallery Page CSS Start */

body.gallery {  display: block;   margin: 0;  width: 100%;  }

.gallery-video video {  width: 100% !important;  height: auto !important;  max-width: 800px;  display: block;   margin: auto;}


/* Gallery Page CSS END */





/* Simple Pages CSS Start */

.simple-page{  background: #f6f8fc;  padding: 80px 20px;  }

.simple-page .container{  margin: 0 auto;  background: #ffffff;  padding: 40px;  border-radius: 14px;
  box-shadow: 0 18px 40px rgba(0,0,0,0.06);      color: #2b2e34;  }

.simple-page strong {    display: block;    font-size: 18px;    font-weight: 600;    margin: 22px 0px 2px 0px;    color: #bb9356;  }
.simple-page p{  font-size: 15px;  margin-bottom: 0;  }

.simple-page a{  color: #1e3a8a;  text-decoration: none;  font-weight: 500;  }
.simple-page a:hover{  text-decoration: underline;  }
.simple-page ul{  margin: 12px 0 18px 20px;  }
.simple-page li {  margin-bottom: 14px;   font-size: 14px;  }
.term_hdg {  color: #bb9356;  font-size: 18px;  padding-bottom: 15px; }
.simple-page ol {  margin-left: 10px; }
.simple-page ol:last-child {  margin-bottom: 0;  }

/* Simple Pages CSS END */



@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation:portrait){ 

	
	.home-slider { height: 500px;  overflow: hidden;  }
	.home-slider .slider-pro {  width: 100%;  height: 100%; }
	.home-slider .sp-slide img {  object-fit: cover;  height: 500px !important;  margin-top: 0 !important; }
	
}




@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation:landscape){

	.container {  width: 94%;  }

	.ct-form input[type="text"], .ct-form input[type="email"], .ct-form input[type="tel"] {
    padding: 8px 12px;    border-radius: 6px;   font-size: 14px;      height: 44px;  }
	
	.ct-form textarea { padding: 8px 12px;    border-radius: 6px;   font-size: 14px;    height: 100px;  }	
	.ct-form input.wpcf7-submit {  min-width: 120px;  height: 42px;  padding: 0 12px;  font-size: 14px;  }
	.section-inner {   width: calc(100% - 2rem);  }
	.primary-menu li {  margin: 0px 8px;  }
	.primary-menu a {   font-size: 12px;  }
	.header-titles-wrapper {  width: 10%; }
	.header-navigation-wrapper {  width: 86%; }
	ul.primary-menu {  justify-content: center;  }
	.bg-btn a {  padding: 10px 19px;   margin-left: 14px;  }
	.home_mnu_cont {  width: 30%;  }
	.menu_sec.flex {  display: flex;  flex-wrap: wrap;  justify-content: center;  }
	.main-heading {  font-size: 28px;  }
	.sub-heading.cnt {  padding-bottom: 20px;  }
	.sub-heading {   font-size: 24px;  }
	.home-feat .desc {  font-size: 16px;   max-width: 80%;  }
	.theme-btn a {  padding: 6px 22px;   font-size: 14px;  }
	.menu-img {   width: 22%;  }
	.menu-gallery {   justify-content: space-between;  }

}




@media only screen and (max-width : 991px) {

	.container {   width: 92%;  }
	nav.mobile-menu {    top: 50px;    position: relative;  }
	.main-heading {  font-size: 28px;  }
	.sub-heading {   font-size: 24px;  }
	.theme-btn a, .box-service a {   padding: 8px 24px;   font-size: 14px;  }
	.service-content span {    font-size: 14px;  }
	.sub-heading.cnt {   padding-bottom: 20px;  }
	.home-feat .desc {   font-size: 16px;   max-width: 90%;  }
	.feat-bx img {  max-height: 70px;  }
	section {  padding: 4rem 0;  }
	.menu-img p {   font-size: 14px;   }
	.full-row span {    font-size: 14px;  }
	td.first-data.first-row h3 {   font-size: 16px;  }
	
	.ct-form input[type="text"], .ct-form input[type="email"], .ct-form input[type="tel"] {
    padding: 8px 12px;    border-radius: 6px;   font-size: 14px;      height: 44px;  }
	
	.ct-form textarea { padding: 8px 12px;    border-radius: 6px;   font-size: 14px;    height: 100px;  }	
	.contact-form-sec .col-left, .contact-form-sec .col-right {   width: 100%;  }
	.ct-form input.wpcf7-submit {  min-width: 120px;  height: 42px;  padding: 0 12px;  font-size: 14px;  }
	.simple-page .container { padding: 30px 26px;         margin: 0;      width: 100%;   }
	.simple-page strong {  font-size: 16px;  }
	.simple-page p {   font-size: 14px; }
	.simple-page {   padding: 40px 20px;  }
	.subhead-head {  font-size: 18px;  }
	.header-inner {   padding: 1.8rem 0;  }
	.cnt a[href^="tel"],.cnt a[href^="mailto"]{  display: inline-block;  }
	.contact-top .cnt {    font-size: 16px;  }
	.col-right .main-heading {   left: 0px;  }

}


@media screen	and (min-width: 600px)   and (max-width: 991px)   and (orientation: landscape),
screen  and (min-width: 768px)   and (max-width: 1024px)   and (orientation: portrait) {
  
	.home_mnu_cont {    width: 30%;   }
  	.menu_sec.flex {    display: flex;    flex-wrap: wrap;     justify-content: center;   }
	.menu-img {    width: 46%;   }	
	.menu-gallery {   justify-content: space-between;  }
	
	.ct-details ul {   display: flex;   flex-wrap: wrap; }
	.ct-details ul li {    width: 46%; }
	.contact-form-sec .flex {    flex-direction: column;  }
	.modal-menu {   top: -40px; }
	
		
}



@media screen and (max-device-width: 991px) and (orientation: landscape) {

	.main-footer .container {    flex-direction: column; }
	.footer-sec-three {   width: 100%; }
	.footer-sec-three.second {   margin: 40px 0px;  }
	.footer-sec-three h3 {  font-size: 18px;   margin-bottom: 20px;  }
	
}



@media screen and (max-device-width: 767px) and (orientation: portrait) {

	.home-slider { height: 300px;  overflow: hidden;  }
	.home-slider .slider-pro {  width: 100%;  height: 100%; }
	.home-slider .sp-slide img {  object-fit: cover;  height: 250px !important;  margin-top: 0 !important; }
	section.home-sec1 {    padding-top: 0;  }
	
	.col-left, .col-right {   width: 100%;  }
	.top-left ul {  gap: 4px;   flex-direction: column;  }
	nav.mobile-menu {     position: relative;  }
	
	.flex, .main-footer .container,.menu-gallery, .menu-flex {  flex-direction: column;  }
	.home_mnu_cont, .footer-sec-three, .menu-img {  width: 100%;  }
	.feat-bx {   width: 100%;  }
	.footer-sec-three.second {  margin: 50px 0px;  }
	.copyright-text p {   display: flex;   flex-direction: column;   align-items: center;  }
	.services.flex {   gap: 70px;  }
	.ct-form .column.one-second {  width: 100%; padding: 0; }
	.ct-form .column {  padding: 0;  }
	
	.fb_iframe_widget_fluid span {  width: 100% !important;  }
	.fb_iframe_widget iframe {  width: 100% !important; }
	
	.reser-page .rtb-booking-form{    padding: 16px;    border-radius: 12px;  }

	.reser-page .reservation,  .reser-page .rtb-contact{    grid-template-columns: 1fr !important;    gap: 12px !important;   }
	.reser-page .rtb-text,  .reser-page .rtb-select,  .reser-page .rtb-textarea,  .reser-page .add-message{    width: 100%;    }

	.reser-page input[type="text"],  .reser-page input[type="email"],  .reser-page input[type="tel"],
  	.reser-page select,  .reser-page textarea{    height: 44px;    font-size: 16px;   }

  	.reser-page textarea{ height: 120px; }
  	.reser-page .rtb-form-submit button{    width: 100%;    display: block;    }
	.mnu-1,.mnu-3,.mnu-5 {   display: flex;   flex-direction: column-reverse;  }

}

@media only screen and (max-width: 767px) {
    .wmpci-popup-body {
        max-width: 90%;
    }
}