/*
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: 2.9.1754565463
Updated: 2025-08-07 11:17:43

*/
/*Common CSS Start*/


@font-face {
    font-family: 'calibriregular';
    src: url('fonts/calibri-webfont.woff2') format('woff2'),
         url('fonts/calibri-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
h1, h2, h3, h4, h5, h6,a, .text-logo #logo,span, li , p,.widget_text p, .widget_text ol, .widget_text ul, .widget_text dl, .widget_text dt, .widget-content .rssSummary {  font-family:"calibriregular", Arial, Tahoma, sans-serif; letter-spacing: normal;-webkit-text-size-adjust: none;	font-weight:normal;line-height: normal;  margin: 0; }

p{color: #000;  font-size: 17px;line-height: 24px;}
body {  background: #fff;  }
.container{max-width: 1220px;margin: 0 auto;}
.top-bar .container {  display: flex;  justify-content: space-between;     width: 100%;}
.top-bar li {  list-style: none;	margin-top: 0px; }
.contact_details i {  padding-right: 5px; }
.contact_details {  display: flex;	margin-bottom: 0px;	gap: 8px;  }
.right-bar ul {  display: flex;  gap: 10px; }
#Subheader {	width: 1220px;  margin: 0px auto;  background: #bec541 none repeat scroll 0 0 ;  }

#Subheader .title {  font-size: 15px;  font-weight: bold;  line-height: 25px;  margin: 0;  padding: 0px 0px 0px 20px;
	text-transform: uppercase;  color: #fff;  }
div#Subheader  {
	padding: 10px 0px 10px 20px;   margin-top: 4rem;
}
.page-cont {  border: 1px solid #ccc;  width: 1216px;  margin: 0px auto;  }
.page-cont .container {  padding: 15px;  }
.flex {  display: flex;  justify-content: space-between;  align-items: center;  gap: 50px;}
.col-left, .col-right {  width: 100%;}
.cnt{text-align:center;}
.wht{color:#fff;}
.padd{padding:4rem 0 0 0;}
input,button.textarea {  outline:none;}
:focus-visible {    outline: none !important;}
:focus-within {    outline: none !important;}

:root {
	--wp--preset--font-size--normal: 16px;
	--wp--preset--font-size--huge: 16px;
	-webkit-text-size-adjust: none; 
}
*{
	-webkit-text-size-adjust: none;
}
.flex{
	display:flex;
}
.grecaptcha-badge { 
    visibility: hidden;
}
.page-cont {
	margin-bottom: 4rem;
}
.site-description {
  display: none;
}
/*Common CSS End*/

/*Buttons CSS Start */
.page-cont input.wpcf7-form-control.wpcf7-submit, .footer-sec-three.third input.wpcf7-form-control.wpcf7-submit, .page-cont button, .theme-btn.cnt a.cfs-hyperlink, .home-reserve button, div#n2-ss-2  a.cfs-hyperlink, div#n2-ss-3 a.cfs-hyperlink{
    border-radius: 10px;
    background: rgba(0, 0, 0, 0) url(https://newtandoor.nl/wp-content/uploads/2025/08/bt-left-1.png) no-repeat scroll 0 0;
    border-bottom: 0 solid #78b507;
    border-width: 0;
    color: #ffffff;
    padding: 20px 60px 20px 85px;
    text-transform: capitalize;
    background-color: #eee0;
    box-shadow: none;
    background-size: 85% 100%;
    text-decoration: none;
}

.home-gal .theme-btn.cnt a.cfs-hyperlink, div#n2-ss-2  a.cfs-hyperlink, div#n2-ss-3 a.cfs-hyperlink{
   background: rgba(0, 0, 0, 0) url(https://newtandoor.nl/wp-content/uploads/2025/08/button1.png) no-repeat scroll 0 0;
	    padding: 16px 15px 20px 60px;
}
div#n2-ss-2  a.cfs-hyperlink, div#n2-ss-3 a.cfs-hyperlink{
margin-top:2rem;}

#site-footer input[type="submit"] {
    background-color: transparent!important;
	    padding: 16px 51px;
    font-weight: 400;
    font-size: 14px;
    margin-top: 10px;
}
.menu-page.page-cont p button  {
    background: #bec541;
    display: inline-block;
    padding: 11px 20px;
    margin-bottom: 15px;
    cursor: pointer;
    margin-right: 7px;
    border: 0;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .03), inset 0px 4px 3px -2px rgba(0, 0, 0, .07);
    text-decoration:none;
}
/*Buttons CSS End*/

/* Header CSS Start*/
header#site-header {
	background-color: rgba(0, 0, 0, 0.66);
	max-width: 100%;
	/* padding: 0px 4%; */
}

header#site-header {
	/* min-height: 153px !important; */
	background: #000;
	margin-bottom: 4rem;
}
body.home.page-template-home {
    
}

header#site-header {
	position: relative;
	width: 100%;
	margin: auto;
	max-width: 100%;
	/*background: rgba(0, 0, 0, 0.66) !important;*/
	z-index: 9999;
	 border-bottom: 1px solid #645e5e87; 
	}

.top-bar {
	border-bottom: 1px solid #7e7145;
	color: #fff;
}
nav.primary-menu-wrapper ul.primary-menu.reset-list-style li{
	margin: 0.8rem 0 0;
}
nav.primary-menu-wrapper ul.primary-menu.reset-list-style li a {
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	font-weight: 400;
	letter-spacing:0;
	 padding: 3.7rem 1.65rem;
}
nav.primary-menu-wrapper ul.primary-menu.reset-list-style > li.current-menu-item a {
	background: rgba(158, 164, 51, 0.88);
	border-radius: 0;
	color: rgb(255, 255, 255) !important;

}

.header-inner.section-inner {
	padding: 0;
}
.right-bar a.wpml-ls-link { padding: 0 !important;    background: transparent;}
.right-bar a {
	background: #bec541;
	padding: 20px 20px !important;
	font-weight: 600;
	font-size: 16px;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;    display: inline-block;
}
li.head-facebook a {
    background: transparent;
    padding: 20px 2px 0 0px !important;
    width: auto;
    text-align: center;
}
ul.contact_details {    gap: 1rem;}
.left-bar ul.contact_details li, .left-bar ul.contact_details li a {
    color: #fff;
    font-size: 15px;
    text-decoration: none;
	font-family:"Calibri", Arial, Tahoma, sans-serif;
}
.top-bar .container {
      max-width: 98%;
  
}
 .left-bar ul.contact_details li a:hover{	color:#a1bd57;}
.right-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.right-bar ul {
    margin-bottom: 0;    margin-left: 11px;
}

.wpml-ls-legacy-list-horizontal {
    padding: 0;
}

.top-bar .container {
    align-items: center;
    padding: 0 0;
}

header#site-header.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
/* Header CSS End*/


/*Banner CSS Start */
.n2-ss-item-content.n2-ss-text.n2-ow-all p img {
    width: 35%;
    margin: 0 auto;
}

p.pad_tp {
    padding: 2rem;
}
p.wht-pad {
background: #ffffff !important;
    padding: 5rem 5rem;
    font-size: 22px !important;
    font-family: "Open Sans";
    color: rgb(0, 0, 0);
    text-decoration: none;
    text-align: center;
    line-height: 32px !important;
    font-weight: 600;
	font-family: "calibriregular", Arial, Tahoma, sans-serif;
}
p.wht-pad a{
color: #0095eb;
}
p.wht-pad a:hover {
    color: #007cc3;
}
p span.hdgbnr1 {
    color: rgb(249, 249, 249);
    line-height: 50px!important;
    letter-spacing: 0px!important;
    font-weight: 800;
    font-size: 35px!important;
}

p span.hdgbnr3 {     
    color: rgb(0, 0, 0);   
    line-height: 20px!important;
    letter-spacing: 0px!important;
    font-weight: 900!important;
    font-size: 20px!important;   
}

div#n2-ss-2 p.theme-btn.cnt, div#n2-ss-3 p.theme-btn.cnt {
    margin-top: 2rem;
}
/*Banner CSS End*/

/* Footer CSS Start*/

footer#site-footer {
	background: url(https://newtandoor.nl/wp-content/uploads/2025/08/footr.jpg);
	background-size: cover; 
	background-repeat: repeat;
}

.footer-sec-three h3 {
	margin: 0 0 25px;
	border-bottom: 3px solid #EF5438;
	font-size: 20px;
	font-weight: lighter;
	color: #bec541;
	font-family: calibri !important;
}

.footer-sec-three {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	width: 23%;
	color: #d1d0d1;
}
 
div#foo .container {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.footer-sec-three.fourth li {  width:100%; }

div#foo li {
	list-style-type: none;
}
.footer-sec-three.second ul {
	margin-left: 0;    margin-bottom: 0;
}

footer#site-footer ul li .fa {
	font-size: 20px;
	margin-right: 10px;
	vertical-align: top;
}
.footer-sec-three p, #site-footer a, .fooeter-copyright p {
	font-weight: 300;
	color:#fff;
	font-size:16px;
	text-decoration:none;
	line-height: 18px;
}

.copyright-text {
	display: flex;
	width: 95%;
    max-width: 1220px;
    margin: 0 auto;
    justify-content: space-between;
}

.fooeter-copyright {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 3rem 0;
}

.copyright-text p {
	margin-bottom: 0;
}

ul.social {
	margin: 0;
}

footer#site-footer {
	padding-bottom: 0;
}
.fooeter-copyright {
      border-top: 1px solid rgba(255, 255, 255, 0.1);
      margin-top:2rem;
}
.b-left.f-com, .f-com {
    display: flex;
    align-items: center;
}
li.facebook {    line-height: 16px;}
ul.open_time li {
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
}
.footer-sec-three.second li {
    width: 90%;
    font-size: 16px;
}
.footer-sec-three.first li:nth-child(1) div:nth-child(2) p:nth-child(2)  {
    margin-bottom: 3rem;
}
.botton-logo {    margin-bottom: 16px;}
.footer-sec-three.first li:nth-child(2) {    margin-top: 2rem;}
li#media_image-2 {    margin-top: 0;}
.footer-sec-three.second img {    width: 100%;}
.arrow-top {
position: fixed;
    bottom: 2px;
    right: 14px;
    cursor: pointer;
    z-index: 999;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    text-align: center;
    background: #fff;
    border-radius: 100px;
    width: 42px;
    height: 42px;
    text-align: center;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.arrow-top span {
    border: 0;
    outline: none;
    display: block;
    line-height: normal;
	font-size: 10px; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
   opacity:0;
}
span.top-arrow {   display: block;       margin-bottom: 18px;}
.arrow-top span  .fa {   color: #EF5438; }
span.top-arrow .fa {    font-size: 39px;    line-height: normal;}
span.dot1 {   margin-top: -29px;	transition-delay:0.4s;}
span.dot1 .fa, span.dot2 .fa{ color: #bec541; }
span.dot2 {    transition-delay:.8s;}
.arrowon span { opacity:1; }
.arrowon span.top-arrow {    transform: translateY(-10px);}
.arrowon .dot1 { transform: translateY(-10px);}
.arrowon .dot2{  transform: translateY(-10px);}
.footer-sec-three form.wpcf7-form.init p {  margin-bottom: 1rem;}
/* Footer CSS End*/

/*Home Page CSS Start*/
.home-about.padd {
    padding-top: 50px;
    position: relative;
}

.abt_top_bar {
    padding:10px 0px  15px;
    background: url(https://newtandoor.nl/wp-content/uploads/2025/08/rpt.jpg);
    background-repeat: repeat-x;
    color: #fff;
}

.abt-heading {    
    font-weight: 600;
    letter-spacing: 0px;
    font-size: 26px;
    line-height: 32px;
}

.abt_top_bar .container.flex {
    justify-content: flex-end;
}

.home-about .col-left img {
    width: 100%;
    position: relative;
    top: -60px;
}
 
.home-about.padd a.cfs-hyperlink {
    padding: 16px 30px 16px 62px;
    font-size: 14px;
    background-size: cover;
    margin: 0;
}
.home-about .col-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 4rem;
}

.home-menu.padd {
    background: url(https://newtandoor.nl/wp-content/uploads/2025/08/back-ij.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding:50px 0;
}
.home-menu .flex {
    flex-direction: column;
    gap: 2rem;
}
p.main-heading.cnt.wht {
    font-size: 30px;
    text-transform: uppercase;
    width: 100%;
    font-weight: 600;
    margin-bottom: 0;
}
h2.main-heading.cnt.wht {    font-size: 30px;    font-weight: 500;}
.list {    padding: 2rem 0;    width: 100%;}
.list ul {
    display: inline-flex;
    margin: 0;
    list-style-type: none;
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 5px;
    width: 100%;
}
.list ul li a{     color: #ffffff;    text-decoration:none;}
.list ul li {
    border-right: 1px solid #fff;
    display: inline-flex;
    font-size: 16px;
    height: auto;
    padding: 14px 0px;
    width: 100%;
    list-style: none;
    margin-bottom: 0px;
    justify-content: center;
    align-items: center;
}
.left-row {  display: flex; justify-content: space-between; align-items: center; gap: 3rem;}
.left-row img {    width: 100%;}
.logos {    display: flex;    justify-content: space-between;    width: 100%;}
.button-fb img {    width: 100%;}
.r-left {    width: 20%;}
.r-right {
    width: 78%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 4rem;
}

p.main-heading.cnt {   
    font-size: 28px;  
    width: 100%;
    font-weight: 600;
}
.hdg_row p.main-heading.cnt {	color: rgb(0, 0, 0);}

h2.main-heading.cnt { 
    font-size: 18px;
    margin: 0;
    padding: 0; 
    width: 100%;
}
.hdg_row h2.main-heading.cnt {	color: #bec541;}
.home-reserve.padd .col-left img, .home-reserve.padd .col-right img {
    margin: 0 auto;}
.hdg_row p {    margin-bottom: 0;}
.hdg_row {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 35px;
}

.home-reserve .col-right {
    border: 20px solid rgb(0, 0, 0);
    padding: 40px;
}
.home-reserve fieldset.reservation, .home-reserve fieldset.rtb-contact{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.home-reserve .rtb-select.party, .home-reserve .rtb-text.phone {
    width: 100%;
}
.home-reserve .rtb-booking-form {    padding: 0;margin-bottom: 0;}
.home-reserve .rtb-form-footer {    margin-bottom: 0;}

.home-gal .col-right {
        background-color: #bec541 !important;
}

.home-gal .container {align-items: stretch;justify-content: unset;
    gap: 0;}

.home-gal .col-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 40px;
    gap: 2rem;
}

.home-gal.padd {
    padding-bottom: 40px;
}

.home-gal .envira-gallery-wrap .envira-gallery-public {
    margin-bottom: 0;
}

.home-gal div#envira-gallery-wrap-111 {
    margin-bottom: 0;
}
.home-gal div#envira-gallery-wrap-246 {
    margin-bottom: 0;
}
.home-gal.padd p.cnt {
    font-weight: 600;
    font-size: 20px;
    padding: 0 0 17px;
    margin-bottom: 0px;
    line-height: 26px;
    width:60%;
}
/*Home Page CSS End*/

/*About Page CSS Start*/
/*About Page CSS End*/

/*Contact Page CSS Start */
.cont-flex {
	display: flex;
	justify-content: space-between;
	gap: 4rem;
}
.con-left, .con-right {	width: 100%;}
.contact-page.page-cont h2 {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: -20px;
	margin-bottom: 8px;
	line-height: 34px;
	letter-spacing: 0;
}

.page-cont .container {	padding-top: 30px;}

ul.co-f, ul.co-f1 {
	margin: 0;
	list-style-type: none;
	padding-bottom: 20px;
}

ul.co-f li, ul.co-f1 li {	margin-left: 0;}
ul.co-f1 li {	display: flex;	flex-direction: column;}

.con-left img {
	max-width: 100%;
	height: auto;
	margin: 0;width: 100%;
}
ul.co-f li, ul.co-f1 li, ul.co-f li a, ul.co-f1 li a {font-size: 14px;color: #000;}
ul.co-f li a, ul.co-f1 li a {	text-decoration: none;}
ul.co-f li a:hover, ul.co-f1 li a:hover {	color: #a1bd57;}
.con-left {	width: 35%;}
.con-right {	width: 63%;}

/*Contact Page CSS End*/

/*Caterig Page CSS Start */
.menu-page.page-cont h2 {
	font-size: 20px;
	line-height: 26px;
	font-weight: 600;
	margin-bottom: 3px;
	letter-spacing: 0;
	color:#161922;
}

.page-cont ul {	margin-left: 0;    list-style-position: inside;}
.page-cont ul li, .page-cont p{	font-size:16px; }
.page-cont p a{	text-decoration:none;	color:#000;	font-weight:600;}
.page-cont p a:hover{	color:#a1bd57;}
.page-cont ul li {
    font-size: 15px;
    font-weight: 100;
    color: #666;
    margin: 6px 0;
}
.cater1 p.cathead{
	color: #bec541;
	font-size: 20px;
	border-bottom: 2px solid #bec541;
	margin-bottom: 26px;
	font-weight: 600;
	width: 25%;
}
.column.one p {
	display: flex;
	justify-content: flex-start;
	gap: 2rem;
	align-items: center;    margin: 15px 0;
}
.page-cont input.wpcf7-form-control.wpcf7-submit {
    background-size: 100% 100%;
    padding: 19px 10px 18px 70px;
    font-weight: 400;
    font-size: 14px;
}
input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea, .woocommerce .quantity input.qty, .dark input[type="email"], .dark input[type="password"], .dark input[type="tel"], .dark input[type="text"], .dark select, .dark textarea {
	color: #626262;
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid #bec541;
	border-radius: 8px;
	box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.02);
}
span.wpcf7-form-control-wrap .wpcf7-date, span.wpcf7-form-control-wrap .wpcf7-quiz, span.wpcf7-form-control-wrap .wpcf7-number, span.wpcf7-form-control-wrap .wpcf7-select, span.wpcf7-form-control-wrap .wpcf7-text, span.wpcf7-form-control-wrap .wpcf7-textarea {
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 0;
}

span.cattect {   width: 25%;}
.wpcf7-form-control-wrap {    width: 75%;}
.inner-content-text {
    margin-bottom: 3rem;
}
/*Caterig Page CSS End*/

/*Gallery Page CSS Start */
body.page-template-gallery.gallery {    width: 100%!important;}
.gallery {    display: block;    margin: 0;    width: 100%;}
/*Gallery Page CSS End*/

/*Reservation Page CSS Start*/
.page-cont fieldset, .home-reserve fieldset {
    border: none;
}

.page-cont .rtb-booking-form {
    padding:3rem 0;margin-bottom: 0;
}
.page-cont .rtb-booking-form fieldset, .home-reserve .rtb-booking-form fieldset {
    padding: 0;
}
.page-cont legend, .home-reserve legend {
        color: #000000;
        font-size: 16px;
        margin: 0;
        text-transform: uppercase;
        padding: 0;
}
.page-cont .rtb-booking-form legend, .home-reserve .rtb-booking-form legend{ padding: 0;}
.page-cont .rtb-text, .page-cont .rtb-select {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 4rem;
    width: 100%;
}

.page-cont .rtb-booking-form label {
    width: 15%;
}

.page-cont .rtb-booking-form input, .page-cont .rtb-booking-form select#rtb-party, .home-reserve .rtb-booking-form select#rtb-party, .home-reserve .rtb-text.phone input {
    width: 100%;
    max-width: 100%;
}
.page-cont .rtb-booking-form select#rtb-party, .home-reserve .rtb-booking-form select#rtb-party {
    background: #fff;
    font-size: 14px;
    letter-spacing: 0;
    padding: 10px;
}
.rtb-booking-form fieldset>div {
    margin-top: 1em;
    width: 48%;
}
.rtb-booking-form input, .rtb-booking-form select {
    color: #626262;
    background-color: rgba(255, 255, 255, 1);
    border-color: #EBEBEB;
    height: auto;
    padding: 10px;
    font-size: 14px;
    box-shadow: none;
    box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.02);
    border-radius: 2px; max-width:100% !important;
}
.rtb-booking-form fieldset .rtb-form-submit {    width: auto;}
.rtb-booking-form fieldset .rtb-form-submit   button{      padding: 18px 36px 21px 56px;
    font-size: 11px;
    font-weight: 400;
    min-height: auto;
    height: auto;
    line-height: normal;
}

.page-cont .add-message , .home-reserve .add-message  {
    display: none;
}

.page-cont fieldset.rtb-contact {
    margin-top: 4rem;
}

.page-cont .rtb-booking-form legend {
    padding: 0;
}
/*Reservation Page CSS End*/



/*Responsive CSS Starts Here*/




@media only screen and  (max-width: 1200px) {
 
.top-bar .right-bar {
    display: flex;    width: auto;  gap: 1rem;
	}
 
	header#site-header .top-bar  .right-bar ul {  display:flex;       flex-direction: row; }
	
	    body header#site-header {
        padding: 0 1em;
    }
	 ul li { margin:0;}
	header#site-header .top-bar  .right-bar li#custom_html-3 ul {    column-gap: 7px;
 }
	header#site-header .top-bar  .right-bar  a {     padding: 18px 7px !important;
    font-weight: 600;
    font-size: 14px;    text-align: center;}
	 .header-navigation-wrapper ,button.close-nav-toggle .toggle-text{ display:none; } 	
	    div.header-inner .toggle {
              left: auto;
        right: 6px;
        display: block !important;
        position: absolute;
        bottom: 19%;
        top: auto;
    }
	.nav-toggle div {
    width: 43px;
    height: 43px;
    
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    row-gap: 6px;
    padding: 0 5px;
    transition: 0.2s;
}
 

.nav-toggle div span {
    width: 75%;
    height: 2px;
    background-color: #fff;
    display: block;
    border-radius: 0;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    position: relative;
}
	.mobile-menu { display:block;}
	.modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a {
    font-size: 16px;
    font-weight: 500;
    color: #A6A6A6;
    padding: 13px;
    padding-left: 0;
    letter-spacing: normal;text-decoration: none !important;
}   .modal-menu a:focus, .modal-menu a:hover, .modal-menu li.current-menu-item > .ancestor-wrapper > a, .modal-menu li.current_page_ancestor > .ancestor-wrapper > a {  text-decoration: none; color:#fff;  }
	.menu-wrapper.section-inner {
              width: 93%;
               margin: auto;
    }
	.menu-modal { width:250px;}
	.menu-modal.show-modal {
        display: block;
        left: auto;
        right: -250px;
        opacity: 1 !important;
        position: fixed;
        background: #191919 !important;
        z-index: 10000;        transition: 0.2s linear;
	}
.menu-modal.active { right:0;}
	    button.close-nav-toggle svg {        margin: 0;        float: right;    }
.menu-modal-inner {            width: 100%;     background: transparent;}
	body.showing-menu-modal.showing-modal {
    left: -250;
    margin-right: 3em;
}
	body {    transition: 0.2s linear;
}.fill-children-current-color, .fill-children-current-color * {    fill: #fff;}
button.close-nav-toggle {         display: block;}
.menu-wrapper .menu-item {     border-color: #dddddd12 !important;}
	    .menu-bottom {
        padding: 0;
        display: block;
    }    div.right-bar {
        width: 100%;
        display: block;
    }.right-bar li {
    list-style: none;
}.right-bar ul { 
    display: block;
}#icl_lang_sel_widget-2 ul {
    display: flex
;
}
ul.modal-menu.reset-list-style {         position: static;}
	.header-inner.section-inner {
    padding: 20px 0;
    width: 100%;
}
}


@media only screen and (min-width: 992px) and (max-width: 1300px) {
	header#site-header { max-width: 100%;margin-top: 0;  padding-top: 4rem;}
	ul.contact_details { margin: 0;}
	header#site-header li, header#site-header ul { margin-left: 0;}
	div#Subheader, .page-cont { width: 95%;}
	footer#site-footer div#foo { width: 95%;   margin: 0 auto;}
	nav.primary-menu-wrapper ul.primary-menu.reset-list-style li a { padding: 3rem 1rem;}
	body.page-template-home .container.flex {   width: 95%;}
	.home-gal .col-right {  padding: 20px 30px 30px;  gap: 1rem;}
	.home-gal.padd p.cnt { width: 100%; font-size: 18px;}
	.home-menu.padd {   background-position: bottom center;}
	.list ul li { font-size: 14px; margin-left: 1rem;}
	    header#site-header .right-bar ul { justify-content: flex-end; flex-direction: column; gap: 3rem;  }
.right-bar { justify-content: flex-end;gap:2rem;}
header#site-header .right-bar li#icl_lang_sel_widget-2 ul { gap:1rem;}
li#custom_html-3 ul li {  gap: 2rem;   justify-content: space-between;   }
}

@media only screen and (min-width: 768px) and (max-width: 1024px){
   
	 
	ul.contact_details {    flex-wrap: wrap;}
 
	.footer-sec-three, .footer-sec-four.fourth {    width: 48%;}
	div#foo .container { flex-wrap: wrap;  gap: 2rem;}
	.top-bar .right-bar { width: 48%; gap: 1rem;	}
	.top-bar .left-bar {width: 52%;}
	header#site-header .top-bar  .right-bar ul { gap: 1rem;}	
}

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

}

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

}	

@media only screen and (max-width: 991px) {	
	header#site-header .top-bar  .right-bar .wpml-ls-legacy-list-horizontal a {        padding: 18px 1px !important; }
	.top-bar .container {         width: 100%;
      
        margin: 0 auto;}
.top-bar li#custom_html-3 {
    display: none;
}
	.container {   width: 95%;   margin: 0 auto;}
	div#Subheader {    width: 95%;    margin: 3rem auto 0;}
	.page-cont {    width: 95%;    margin: 0 auto 3rem;  }
 
 

 
	.left-bar ul.contact_details, .right-bar ul {margin-left: 0;	}
 
 
 
	.page-cont .container {    padding: 20px 10px;}
	.page-cont ul li, .page-cont p {    font-size: 14px;}
	#Subheader .title {    padding-left: 0;}	
	ul.modal-menu.reset-list-style {    top: 50px;}
	header#site-header {    z-index: 99;        padding-top: 15px;}
	.copyright-text p {    font-size: 14px;}
	.b-left.f-com p {display: flex;	flex-direction: column;	-webkit-text-size-adjust: none;	}
	.copyright-text { flex-direction: column; justify-content: center; align-items: center; text-align: center;  gap: 1rem;}
	header#site-header .right-bar ul { margin-bottom: 0; }
	.page-cont .rtb-booking-form label {  font-size: 1.4rem; }
	.cater1 p.cathead {  width: 70%;}
	header#site-header .right-bar ul { justify-content: flex-end;flex-direction: column;
		gap: 2rem; }
	
	.home-about.padd { padding-bottom: 50px;}
.home-about.padd p.cnt { padding-top: 2rem;}
.container.flex { gap: 2rem;}
	.home-menu.padd {   background-position: bottom center;}
	div#foo li {   width: 100%;}
	.rtb-text.time {  width: 100%;}
.rtb-booking-form input, #stripe-payment-form #cardElement { max-width: unset!important;}
.rtb-text.name, .rtb-text.email, .rtb-text.date { width: 100%;}
	.n2-ss-item-content.n2-ss-text.n2-ow-all p img {    width: 40%;}
	.right-bar { justify-content: flex-end;}
header#site-header .right-bar li#icl_lang_sel_widget-2 ul { gap:1rem;}
.logos {     column-gap: 20px;
    align-items: center;    justify-content: center;}
}

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

	.home-about.padd { padding-bottom: 50px;}
	.home-about.padd p.cnt { padding-top: 2rem;}
	.container.flex { gap: 2rem;}

	.list ul li {font-size: 1.22rem; padding: 10px 0;  margin-left: 0.6rem;}
	.home-reserve.padd .container.flex {    flex-wrap: wrap;}
	.r-left {    width: 15%;}
	.r-right {    width: 85%;}
	.home-gal .container { flex-wrap: wrap;}
	.envira-gallery-wrap .envira-gallery-public .envira-gallery-item img {  width: 100%;}
	.home-gal .col-right { padding-bottom: 60px;}
	 
}

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

	div#foo .container { flex-direction: row; flex-wrap: wrap; gap:2rem;}
	 
 
	.home-gal.padd .container.flex {  gap: 0;}
.home-gal .col-right { padding: 20px 20px 30px; gap: 1rem;}
.home-gal.padd p.cnt { font-size: 18px; font-weight: 500; width: 95%; padding: 0 0 20px;}
.home-gal .col-right img {   width: 75%;}
	.list ul li {  margin-left: 0.5rem;}
	
	
}	

@media only screen and (max-width: 767px) {
	
	.wmpci-popup-body {  max-width: 90%;}
	ul.contact_details {
    gap: 1.2px;
}
.contact_details {
    display: flex
;
    margin-bottom: 0px;
    gap: 8px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
	.top-bar .container { flex-direction: column;  gap: 1rem;  margin-bottom: 1rem;}
	.left-bar ul.contact_details li, .left-bar ul.contact_details li a { text-align:center;    font-size: 14px;}
	div#foo .container {    flex-direction: column;}
	.footer-sec-three {    width: 100%;}
	.footer-sec-four.fourth {    width: 100%;}
	.footer-sec-three.first li:nth-child(1) div:nth-child(2) p:nth-child(2), .botton-logo, .footer-sec-three h3 {
		margin-bottom: 1rem;}
	.page-cont .rtb-booking-form label {width: 35%;	}	
	button.toggle.close-nav-toggle.fill-children-current-color { top: 20px;}
	nav.mobile-menu { padding-top: 1rem;}
	.cont-flex {    flex-wrap: wrap;}	
	.con-left, .con-right {width: 100%;display: flex;flex-wrap: wrap;}
	.con-left h2 {   width: 100%;}
	.con-left ul {    width: 48%;}
	.home-reserve .col-right {   padding: 20px;}
	.list ul {    display: flex;    flex-wrap: wrap;    gap: 0;}
	.list ul li {    border-bottom: 1px solid rgb(255, 255, 255);    margin: 0;}
	.list {    width: 75%;}
	.home-gal .container { flex-wrap: wrap;}
	.envira-gallery-wrap .envira-gallery-public .envira-gallery-item img {  width: 100%;}
	.home-gal .col-right { padding-bottom: 60px;}
	.home-gal.padd p.cnt { width: 100%;  font-size: 18px; font-weight: 500;}
	.home-gal .col-right { 	gap: 1rem;padding: 20px 30px 40px;	}
	p span.hdgbnr3 { font-weight: 600!important; font-size: 18px!important; }
	p.wht-pad { padding: 4rem 1rem !important;font-size: 18px !important;}
}

@media only screen and (max-width: 767px) and (orientation:portrait){	
	/* For mobile phones: and (min-width: 480px)*/
 
	.cater1 p.cathead {   width: 70%;}
 
 
	.con-left ul.co-f1 { width: 40%;}
	.con-left ul.co-f { width: 56%;}
	.home-about.padd .container.flex {  flex-wrap: wrap;    gap: 0;}
	.home-about .col-left img {    top: -15px;}
	
	.left-row {		flex-wrap: wrap;}
	.r-left {        margin: auto;}
	.r-right { 		width: 100%;}
	p span.hdgbnr1 {    font-size: 15px !important;    font-weight: 500;line-height: 30px !important;}
	    body header#site-header {
        padding: 20px 1em;
    }    .footer-sec-three {
        width: 100%;
        margin-bottom: 20px;
    }
	.column.one p {     flex-direction: column;}
	span.cattect,.wpcf7-form-control-wrap {
    width: 100%;
}
	    .n2-ss-item-content.n2-ss-text.n2-ow-all p img {        width: 75%;   }
}	

@media only screen and (max-width: 767px) and (orientation:landscape){
	    .home-reserve.padd .container.flex {
        flex-wrap: wrap;
    }
	  
	.left-bar li, .right-bar li{ margin-left:0;}
	.left-bar ul.contact_details li, .left-bar ul.contact_details li a, .right-bar a {
		font-size: 14px;}
 
 

	.con-left p img { width: 100%; max-height: 210px; object-fit: cover;  object-position: top center;}
	.con-left p {   width: 100%;}
	    div#foo .container { 
        max-width: 70%;
    }
	    .n2-ss-item-content.n2-ss-text.n2-ow-all p img {      width: 55%;    }
	p span.hdgbnr1 {   line-height: 40px !important; font-weight: 600;  font-size: 22px !important;}
}	
/*Responsive CSS End*/