/* =============================================================
   RESPONSIVE
   ============================================================= */
@media (max-width: 1024px) {
   
}
@media (max-width: 991px) {
  .grid--4 { grid-template-columns: repeat(2, 1fr); }
  .grid--3 { grid-template-columns: repeat(2, 1fr); }
   .split { grid-template-columns: 1fr; }
	  .split--flip .split__media { order: 0; }
  .split__media img { min-height: 260px;    height: 280px; }
	.story-grid, .exp, .visit-grid{ grid-template-columns:1fr; }
  .action-grid, .review-grid, .faq-grid,.spread__grid,.spread--rev .spread__grid,.srv{ grid-template-columns:1fr; }
  .exp__body{ padding:28px 24px; }
  .exp__media img{ min-height:320px; }
  .insta-grid{ grid-template-columns:repeat(3,1fr); }
	.spread__grid { }
}
@media (max-width: 620px) {
  .grid--2, .grid--3, .grid--4 { grid-template-columns: 1fr; }  .stats { grid-template-columns: repeat(2, 1fr); gap: 28px 18px; }
 
}
@media (prefers-reduced-motion: reduce) {
  * { scroll-behavior: auto !important; }
  .reveal, .js .reveal { opacity: 1 !important; transform: none !important; transition: none; }
}
 
@media screen and   (max-width: 1600px) { 
.container  ,.header-inner{ max-width: 94%; }	
	.topbar .container { max-width:94%;}
}

@media screen and   (max-width: 1400px) { 
	body button, body .button, body input[type="button"], body input[type="submit"], a.cfs-hyperlink, .hour-btn a, .more-btn a  {    padding: 9px 13px; }
.container  ,.header-inner{ max-width: 96%; }	
	.topbar .container,.main-footer > .container, .fooeter-copyright .container,.wrap.wrap--tight { max-width:96%;}
	.primary-menu a {   padding: 16px 6px;    font-size: 14px;}
	.primary-menu > li {    margin: 0 10px;	} 
	.title ,.title .accent,.section-head h2,.about-sec4 .title{ font-size: 38px;}
	.section-head p ,.faq-qa p{font-size:15px; }
	.lead {    font-size: 15px;    max-width: 65ch;}
	.home-hero h1 {     font-size: 58px;   max-width: 100%;}
 .story-grid p:not(.eyebrow) ,.action-card p{	 font-size: 16px;}
	.home-hero p { font-size:18px;}
	.stat h3 ,h2.h2{ font-size: 30px;}
	.btn--lg {
    
}
	.action-card h3 {     font-size: 28px;}
	.atmo-imgs img { height: 370px;}
	.book {     padding: 70px 0 60px;}
	    .primary-menu > li {
        margin: 0 5px;
    }
	.home-hero {   }

} 
@media screen and (max-width: 1199px) {
	.home-hero {    }
	body {     padding-top: 180px;}
    .site-logo img {		max-height: 5rem;	} 
	.primary-menu > li {	margin: 0 6px; }
	body:not(.enable-search-modal) .header-titles-wrapper {     width: auto;        margin: 0;        padding: 0;}   
	 
	.sub-header.featured-banner h1 {     font-size: 22px;}.country span {     font-size: 17px;}
 
	.footer-sec-four, .footer-sec-four.first, .footer-sec-four.second, .footer-sec-four.third {
    width: 46%;
    padding: 0;
} 
.footer-sec-four  ul.menu {    display: flex;    flex-wrap: wrap;}
.footer-sec-four ul.menu li {    width: 48%;}	
	.grid--4 {    grid-template-columns: repeat(2, 1fr);}
	.eyebrow { font-size: 11px;} 
	.btn--lg {    } 
	.lead {             }
	    .title, .title .accent ,.section-head h2,.about-sec4 .title{
        font-size: 30px;
    }	.relo__in > span {
     
    width: 30%;
}
	.relo__in span:nth-child(2) {
    width: 46%;
}
	.exp-list li {     padding: 6px 0;}
	.exp-list dd {     font-size: 14px;}
	.whychoose-con .action-card { 
    padding: 20px;
}.whychoose-con.action-grid { 
    gap: 20px;
}.whychoose-con .action-card h3 {
    font-size: 23px; 
}
 }
@media screen and (min-width:768px) and (max-width: 1024px)  and (orientation:landscape){  
    body {        padding-top: 105px;    }
	    .primary-menu a {
        padding: 0;
    }
	.btn {         padding: 9px 14px;
        font-size: 13px;}
	.exp__body {
    padding: 46px 14px 46px 36px;
}
	.wpml-ls-legacy-list-horizontal {
    border: 0;
    padding: 0; 
	}.wpml-ls-legacy-list-horizontal a {     padding: 0 5px;}

}
@media screen and (min-width:768px) and (max-width: 1024px)  and (orientation:portrait){  
	    .hero__media img {       }	
 

}

@media screen and (max-width: 991px) {	  
	p, p.desc, p, p.desc, ul li, ol li {
		font-size: 16px;}
    body {    padding-top: 105px;} 	
	.sub-header.featured-banner h1 { font-size: 22px;}	
  	button.close-nav-toggle .toggle-text,.topbar-center { display:none;}
	.header-inner .toggle {  padding: 0;   width: auto;position:static; }	
	.nav-toggle div {   width: 37px;    height: 34px;    background:var(--paper);    text-align: center;    display: flex;
    justify-content: center;    align-items: center;    flex-direction: column;    row-gap: 5px;    padding: 0 5px;
    transition: 0.2s;   }	
	.nav-toggle div span {  width: 75%;    height: 2px;    background-color: #282828;    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;  } 	
    .menu-modal-inner {  background:var(--cream) ;  max-width: 50%;  position: relative;  transform: translateX(100%);
        transition: all  ease-in 0.25s;  position: fixed;  height: 100%;  left: auto;  right: 0;   width: 100%;  }		
	.menu-modal.active .menu-modal-inner {      transform: translateX(0);  }	
	.modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a {  font-size: 22px;   font-weight: 400;   color:var(--ink);		
	padding: 16px;    padding-left: 0;     letter-spacing: normal;      }		
	.header-footer-group, body:not(.overlay-header) #site-header .toggle, .menu-modal .toggle { }
	button.close-nav-toggle svg { color:var(--ink);}
	.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;     }	
	
	.menu-wrapper .menu-item {    position: relative;    border: 0;    border-top: 1px solid rgba(255, 255, 255, .03); }
	.modal-menu {  left:0; width: 100%; } 
	.modal-menu ul.sub-menu li a {    font-size: 14px;    padding: 5px;    font-weight: 400; }	
	
	.modal-menu a:focus, .modal-menu .ancestor-wrapper a:hover, .modal-menu li.current-menu-item > .ancestor-wrapper > a,
	.modal-menu li.current_page_ancestor > .ancestor-wrapper > a {color:var(--orange) ;    }	
	.menu-modal.active {    background: rgb(0 0 0 / 71%);  }
	.menu-modal.active ul.modal-menu,.menu-modal.active .menu-bottom  img  {   opacity: 1;   transform: translateX(0); } 
	.modal-menu ul.sub-menu {     padding: 10px; }	
 .modal-menu > li > .ancestor-wrapper > button.sub-menu-toggle{        padding: 0 2rem;        color: var(--ink);   }
	.header-inner {       width: 100%;    display: flex;    justify-content: space-between;    align-items: center;  } 	 
	section.aboutpage-sec1 .container {    flex-direction: column-reverse;    row-gap: 20px;}
	.col-left, .col-right,.box,.assort-img2,.column.one11.one11last span.cattect,.column.one11.one11last span.wpcf7-form-control-wrap ,.exp-list dd{    width: 100%;max-width:100%;} 
		#site-footer{  }
	.footer-sec-four.first,.footer-sec-four.second, .footer-sec-four.second2,.footer-sec-four ,.ct-detail ul li,.footer-sec-four.second, .footer-sec-four.third{ width:48%; }  
span.our-link {text-align: left;  display: block;}  
.container, .header-inner  {max-width:96%;    }	
	.features__grid,.stats{    grid-template-columns: repeat(2, 1fr);}
	.contact-grid ,.app-panel,.section.about .split{     grid-template-columns: repeat(1, 1fr);}
	.sig-card h3 { font-size: 23px;}
  .sig-card__body {    padding: 15px 14px 21px;}
	.sig-card p ,.exp-list dt,.menu-item__desc,.menu-item__desc_en{	font-size: 14px; }
 p.cathead {     width: 100%;    margin-bottom: 10px;}
	.btn {    padding: 9px 13px;        font-size: 13px;}
	.home-hero h1 {        font-size: 45px;    }
	.story-grid div:first-child {    order: 2;
}    .exp__media img {        min-height: auto;        height: 310px;    }
	.action-card {     padding: 34px 20px 20px;}
	.action-grid,.story-grid ,.intro-grid{     gap: 36px;}
	.visit-map iframe {    width: 100%;    height: 330px;	}
	.spread {    padding: 80px 0 0;}
	    .spread__text {
        padding: 0 0 36px;
        order: 1;
        margin-top: 40px;
    }.spread--rev .spread__text {    order: 2;    padding: 40px 0 0;}
  .spread__media::before{ inset:-20px -20px -20px 20px; }
	div.spread__media img {
    min-height: 100px;
    height: 330px;    
}.column {    width: 31%;} 
	.proc{ grid-template-columns:1fr 1fr; gap:30px 24px; }
  .proc-step:not(:last-child)::after{ display:none; }	
.visit__grid {
    display: grid;
    grid-template-columns: 32% 1fr;
    gap: 26px;
    align-items: start;
}	
	.srv__media img {     aspect-ratio: 6 / 2;}
	.srv {     gap: 26px;}.srv--rev .srv__media {    order: 1;}
	.srv--rev .srv__body {    order: 2;	}.spec-card { padding: 22px 18px;} 
	.story-collage .sm {
    aspect-ratio: 5 / 2;
}.story-collage .big {
    grid-column: 1 / -1;
    aspect-ratio: 21 / 8;
}
.sig-grid {     gap: 15px;}
.column.one11.one11last p ,.section-head--split{ flex-wrap: wrap;}
		.menu-chips { gap: 5px;}
	.menu-chips .chip {    padding: 8px 12px;    font-size: 14px;}	
	    .action-card h3 ,.exp-list{         margin-bottom: 10px;    }
	.whychoose-con.action-grid {    grid-template-columns: repeat(2, 1fr);}
.section-head--split {     flex-direction: column;    align-items: flex-start;    gap: 10px;}
	.move .col {		padding: 24px 15px; {     padding: 24px 15px;}
}
@media screen and (max-width: 991px) and (orientation:landscape){  
	.home-hero {               height: 310px; }
	.home-hero .container {     padding-top: 0;
    padding-bottom: 0;}
	button.close-nav-toggle {         padding: 2rem 0;}
	.modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a {         padding: 7px;}	
	.sub-header.featured-banner h1 {		font-size: 20px; }
	 .section-head { 
    margin-bottom: 24px;
	}.lead p {    font-size: 14px;}
	   
	    .modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a {
        padding: 7px;
        font-size: 18px;
    }     .atmo-imgs img {
        height: 280px;
    }
	.visit-map iframe {         height: 250px;}
}

@media screen and (max-width:767px){
	    .section-title {        font-size: 24px;	} 
	    .container, .header-inner {
        max-width: 94%;
    }
	.flex { 
  flex-direction: column;
}
	 .menu-modal-inner,.footer-sec-four.first, .footer-sec-four.second, .footer-sec-four.second2, .footer-sec-four ,.footer-sec-four.third,.col-half{ max-width:100%;width:100%;}
	body button, body .button, body input[type="button"], body input[type="submit"], a.cfs-hyperlink, .hour-btn a, .more-btn a, .rtb-form-submit button { }
	    body:not(.enable-search-modal) .header-titles-wrapper {        width: 19%;    }
	.announce-bar {  }
	header#site-header.sticky {  }
 
	.visit__grid ,.book__grid,.spec-lead{ 	grid-template-columns: repeat(1, 1fr);}.visit__aside {
    position: static;
    top: 104px;
}.spec-lead img {
    height: 240px;
    min-height: auto;
}
	.spec-lead > div {
    order: 2;
}.footer-sec-four.first img { 
    max-width: 100px;
}
}

@media screen and (max-width:767px) and (orientation:landscape){
	    body {        padding-top: 103px;    }	
	.cta-sec .badge {     padding: 9px 14px;}
	    header#site-header.sticky {        transform: translateY(-35px);    }.topbar li:nth-child(2) {    display: none;}    .home-hero h1 {
        font-size: 35px;
    }    .home-hero {        min-height: 280px;    }    .home-hero p {        font-size: 16px;	}
	.relo__in span:nth-child(2) ,.relo__in > span{           text-align: center;      width: 100%;}.relo a {
    margin: auto;	}.relo__in {     gap: 7px;}
	.menu-item__name {     font-size: 15px;}
	.map-hero iframe {     height: 280px;}
	 

.footer-sec-four.third,.footer-sec-four.second {
    width: 48%;
}
 
}
@media screen and (max-width:767px) and (orientation:portrait){
	img.desk-banner {    display: none;}
	img.mob-banner {    display: block !important;}
	.wpml-sec {
    position: absolute;
    right: 50px;
    top: 10px;
}
	.home-hero h1 {             font-size: 37px;    }
	.home-hero p {        font-size: 16px;    }
	.home-hero .container {     padding-top: 0;    padding-bottom: 0;}
	.announce-bar  {display:none;}
	.right-sec {         width: 100%;
    justify-content: space-between;
    margin-top: 16px;
}
	header#site-header.sticky {    transform: translateY(0);}
	.header-inner .toggle { 
        position: absolute;
              right: 10px;
        top: 11px;
    }
	.sticky .right-sec {        margin-top: 10px;}
 .acont-sec a.btn {
    width: 48%;        font-size: 13px;        padding: 10px;}
	.sticky .acont-sec a.btn{        font-size: 12px;        padding: 8px;}
	.sub-header.featured-banner { padding-bottom:25px;}
	    .grid--4 ,.menu-list,.proc,.spec-grid,.stat-row,.sig-grid,.exp-list li,.intro-grid,.hours-wrap,.menu-panel,.whychoose-con.action-grid,.move .cols{			grid-template-columns: repeat(1, 1fr);}		
    body {           padding-top: 127px;        }
	.sticky .site-logo img {    max-height:4.3rem;}  
	.grid-3 ,.features__grid,.form-grid,.values__grid{    grid-template-columns: repeat(1, 1fr);}
 
	    .main-heading {        font-size: 24px;    } 
	.topbar ul {justify-content: center; }
	.wpml-ls-legacy-list-horizontal {padding:3px;}
	   .footer-sec-3.first, .footer-sec-3.second, .footer-sec-3.second2, .footer-sec-3,.cta-sec .badge,.topbar-right,.column,.column.one11.one11last span.cattect,.menu-footer-menu-2-container,.acont-sec,.colhalf,.relo__in > span,.relo__in span:nth-child(2){        width: 100%;    }
	.fooeter-copyright .menu {     justify-content: center;}
	.header-inner,.column.one11.one11last p ,.section-head--split{         flex-wrap: wrap;}
   body:not(.enable-search-modal) .header-titles-wrapper {        width: 30%;        padding: 0;    } 
 section.catring-sec3 {
    padding-top: 20px;
    padding-bottom: 40px;
}
	span.our-link {         text-align: center;}.info-block {    padding: 14px 0;}
	.pak-info { grid-template-columns: repeat(1, 1fr) !important; }.srv__media img {
        aspect-ratio: 6 / 4;
    }    .story-collage .big {
        grid-column: 1 / -1;
        aspect-ratio: 14 / 8;
    }    .story-collage .sm {
        aspect-ratio: 2 / 2;
}table.delivery tbody td,table.delivery tbody th{ padding:4px;}
.menu-panel,.review-card { padding:25px;}
	    .title, .title .accent, .section-head h2 ,.about-sec4 .title{        font-size: 25px;    } 
	.story-grid p:not(.eyebrow), .action-card p,.exp-list dd {        font-size: 16px;    }  
	.btn {        padding: 11px 13px;    }
.exp-list li {     gap: 4px;}    .action-card h3 {
        font-size: 24px;        margin-bottom: 10px;    }
.action-card .lbl {   margin-bottom: 10px;}    .atmo-imgs img {        height: 260px;    }
.home-hero__quick {     margin-top: 14px;}
.plus-icon {     top: 9px;}
	.faq-qa h4 {     font-size: 16px;}.faq-qa p {
		font-size: 15px;}
.about-sec4 .atmo-imgs {     gap: 10px;}
.menu-item__name ,.exp-list dd{     font-size: 15px;}
	.menu-cat__head h2 {    font-size: 19px;	}
	.form {    padding: 30px 20px;	}
	
}