
/* ---------- responsive ---------- */
@media (max-width:1000px){
  .grid--4,.info-list{ grid-template-columns:repeat(2,1fr); }
  .choice-grid{ grid-template-columns:1fr; }
  .steps{ grid-template-columns:repeat(3,1fr); gap:30px 16px; }
  .step:not(:last-child)::after{ display:none; }
  .section-head{ grid-template-columns:1fr; gap:16px; align-items:start; }
  .split{ grid-template-columns:1fr; }
  .contact-grid{ grid-template-columns:1fr; }
  .menu-list{ grid-template-columns:1fr; }
  .stats{ grid-template-columns:repeat(2,1fr); }
	

}
@media (max-width:640px){
  .grid--2, .grid--3, .grid--4{ grid-template-columns:1fr; }
  .form-grid{ grid-template-columns:1fr; }
}
 
@media (max-width:1000px){ .grid--5{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:640px){ .grid--5{ grid-template-columns:1fr 1fr; } }

 @media (max-width:1000px){
  .dish-row{ grid-template-columns:repeat(3,1fr); }
  .fav-grid{ grid-template-columns:1fr; }
  .tst-grid{ grid-template-columns:1fr 1fr; }
  .gallery{ grid-template-columns:1fr 1fr; grid-auto-rows:200px; }
  .gallery .g3{ grid-column:1 / span 2; grid-row:1; } .gallery .g1{ grid-column:1; grid-row:2; }
  .gallery .g2{ grid-column:2; grid-row:2; } .gallery .g4{ grid-column:1; grid-row:3; } .gallery .g5{ grid-column:2; grid-row:3; }
  .home-hero .title,.home-hero .title .accent{ font-size:40px; }
}
@media (max-width:640px){
  .dish-row{ grid-template-columns:1fr 1fr; }
  .tst-grid{ grid-template-columns:1fr; }
  .home-hero .title,.home-hero .title .accent{ font-size:32px; }
}
 
@media screen and   (max-width: 1600px) { 
.container  ,.header-inner { }	
	 .site-logo img {
    max-height: 5.5em;
}.primary-menu > li {
	margin: 0 17px;} 
	.home-hero .title, .home-hero .title,.home-hero .title .accent {     font-size: 46px;}
	.title ,.title .accent {    font-size: 34px;}
	body:not(.home) {     padding-top: 114px;}
	.btn--lg {
    padding: 11px 17px;
    font-size: 14px;
}
}

@media screen and   (max-width: 1400px) { 
.container  ,.header-inner{          max-width: 96%;}	
	.main-footer > .container,.fooeter-copyright .container {}
	.primary-menu > li {    margin: 0 10px;	} 
	.title {   }
	.menu-section .head { 
    margin-bottom: 18px;
}
} 
@media screen and (max-width: 1365px) {
	.primary-menu a {     font-size: 15px;}
}
@media screen and (max-width: 1199px) {
	body:not(.home) {     padding-top: 180px;}
	
    .site-logo img {		max-height: 5rem;	}
	.sticky .site-logo img {
    max-height: 3.1em;
}
	.primary-menu > li {	 }
	.primary-menu a ,.sticky .primary-menu a{     font-size: 14px;}
	body:not(.enable-search-modal) .header-titles-wrapper {     width: auto;        margin: 0;        padding: 0;}  
	.top-sec-right a {
           padding: 10px 9px;
        font-size: 13px;
	}
	.footer-sec-four.first { padding-right:0;}
	ul.menu {     flex-direction: column;}.footer-sec-four.third {
    width: 25%;
}    .btn--lg {
        padding: 10px 12px;
        font-size: 14px;
   }
.sub-header.featured-banner h1 {    font-size: 26px;	}
	.menu-cat__head h2 {		font-size: 25px;}.title, .title .accent {
        font-size: 28px;
    }
	.map-embed iframe {     height: 330px;}
   .home-hero .title, .home-hero .title .accent {        font-size: 35px; }
	p.cathead,.column.one11.one11last span.cattect,.column.one11.one11last span.wpcf7-form-control-wrap { width:100%;}
	.column.one11.one11last p { flex-direction: column;}.column {    width: 31%;}	.btn,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 {
    font-size: 13px;
    padding: 10px 15px;
    letter-spacing: normal;
	}.choice {     padding: 33px 15px 32px;}
	.choice p,.lead ,.rl-image-widget-text,.feature p,.main-footer .widget ul li a, .main-footer p, .main-footer .widget ul li, .main-footer .widget,#site-footer a,.hours li span,.checklist li span,.info-row p, .info-row a,.address-footer div{     font-size: 14.04px;}
	p, p.desc, p, p.desc, ul li, ol li { line-height: 1.48;    font-size: 14px;}
	.choice h3 {    font-size: 27.4px;		margin-bottom: 5px;}
	.feature {    text-align: center;    padding: 34px 15px;
	}.tag-chip { font-size: 13px;    padding: 8px 12px;}
	.dish-card {     padding: 10px;}.dish-card__name {
    margin-top: 15px;
    font-weight: 700;
    font-size: 16px;
}
	.gallery { grid-auto-rows: 245px;}
	.section, section {
    padding: 2.6em 0px; 
}
	.section-head {     margin-bottom: 36px;}
	.choice__icon {     margin: 0 auto 0;}
	.eyebrow {     font-size: 12.12px;        letter-spacing: normal;}
	
}
@media screen and (min-width:768px) and (max-width: 1024px)  and (orientation:landscape){  
    body:not(.home) {        padding-top: 82px;    }
	.footer-sec-four.four {
    width: 20%;
}
	.step h4 {
		font-size: 16.32px;}
	
	.footer-sec-four.first {
    padding-right: 3em;
 
}.footer-sec-four.second {
    width: 20%;
}.footer-sec-four.third {
        width: 28%;
    }
 
}
@media screen and (min-width:768px) and (max-width: 1024px)  and (orientation:portrait){  
	    .hero__media img {       }
	
}

@media screen and (max-width: 991px) {	
	    .title, .title .accent {
        font-size: 24px;
      
    }
	    .top-sec-right a {
        padding: 7px 9px
  
	}.home-hero {     min-height: 500px;}
	.home-hero .container {    padding-top: 80px;    padding-bottom: 0;}
	.home-hero p {     font-size: 14px;}
    body:not(.home) {    padding-top: 80px;} 
	.home-hero .title, .home-hero .title .accent {
        font-size: 30px;
    }    .choice h3 {
        font-size: 24.4px;
         
    }    .choice__icon {
        margin: 0 auto 10px;
    }.step h4 {
    font-size: 18.32px; 
    margin: 22px 0 10px;
  
}    .grc-wrapper {
        padding: 0 40px;
    }
	.step p {
		font-size: 13.76px;}
  	button.close-nav-toggle .toggle-text { display:none;}
	.header-inner .toggle {  padding: 0;   width: auto;position:static;        margin-left: 10px; }
	
	.nav-toggle div {   width: 41px;    height: 35px;           background: var(--cream);   text-align: center;    display: flex;
    justify-content: center;    align-items: center;    flex-direction: column;    row-gap: 5px;    padding: 0 5px;
    transition: 0.2s; border-radius: 5px;  }
	
	.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;  } 
	.nav-toggle div span:nth-child(2) {
    width: 40%;
}.nav-toggle:hover div span:nth-child(2) {    width: 100%;  }
    .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: 15px;   font-weight: bold;   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;    font-weight: 800;   }	
	
	.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(--red) ;    }	
	.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;  } 	 
 	.col-left, .col-right {    width: 100%;max-width:100%;} 
		#site-footer{ padding-top:40px;}
	.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,.footer-sec-four.four{ width:48%; }  
span.our-link {   display: block;}
 
.lead ,.section.section-steps .lead,.section-counts .lead{     margin-left: 0;    max-width: 100ch;}
	    .section-head {
        margin-bottom: 30px;
        gap: 5px;
    }
.split__media img {     height: 320px;}
.grc-review-text{     line-height: 1.5;
    font-size: 14px;    max-height: none;}
.cat-row .btn {     font-size: 13px;    padding: 9px 8px;}
	    .tag-chip {
        font-size: 12px;
        padding: 8px 12px;
    }.menu-cta a ,.hours-row .day{
    font-size: 13px; 
}
	.btn-for-desc {
    display: none;
}

.for-mob-btn {
    display: block !important;
    margin: 20px auto 0;
    text-align: center;
}
	input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="number"], input[type="search"], input[type="tel"], body textarea, select
 {
    padding: 12px 10px;
}
.menu-cat__head h2 .accent { font-size: 20px;}
	
}


@media screen and (max-width: 991px) and (orientation:landscape){  
	
	button.close-nav-toggle {         padding: 2rem 0;}
	.modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a {         padding: 7px;}	 
	.home-hero .container {     padding-top: 70px;    padding-bottom: 0;}
	 
	.main-footer .widget ul li a, .main-footer p, .main-footer .widget ul li, .main-footer .widget {     line-height: 1.5;}
	  section.home-hero {
        min-height: 400px;
    }    .home-hero .title, .home-hero .title .accent {
        font-size: 24px;
    }.home-hero p {
   
    font-size: 14px;
    margin: 11px 0 13px;
    max-width: 100%;
}    .home-hero .container {
        padding-top: 50px;
        padding-bottom: 0;
    }.step__num {
    width: 62px;
    height: 62px;    font-size: 20.4px;
	}.reviews-inner h2, .reviews-inner h2 span {
    font-size: 22px;
}.address-footer div { 
    margin-bottom: 0;
}.split__media img {
        height: 282px;
    }
	.dish-card__media {     aspect-ratio: 1 / 1;}
	    .dish-card__name {
        margin-top: 14px;
        font-weight: 700;
        font-size: 14px;
    }
}
@media screen and (max-width:767px){
	 .sub-header.featured-banner h1 {     font-size: 24px;}	  
	 .menu-modal-inner,.footer-sec-four.first, .footer-sec-four.second, .footer-sec-four.second2, .footer-sec-four, .ct-detail ul li,.footer-sec-four.third,.col-half,.footer-sec-four.four{ 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 { padding: 14px 15px;}
	    body:not(.enable-search-modal) .header-titles-wrapper {        width: 19%;    }
	.section-head {     margin-bottom: 20px;}
	    .container, .header-inner {        max-width: 94%;    }
	.quicknav a { padding: 9px 10px;}.column {        width: 100%;        margin: 10px 0;
    }section, section {
    padding: 3.6em 0px;
  
}    .btn, 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 {       
        padding: 9px 11px;      
    }
	.table-one.postcode-table th {   font-size: 14px;}
	.menu-list .menu-item__name { font-size: 15px;  font-weight: 700;}
	.menu-cat__head { flex-direction: column;
  align-items: flex-start;
  row-gap: 0;}.menu-cat__note {
  font-size: 14px;
}
	.menu-list .menu-item__price { font-size:16px;}
}
  
 
	 

@media screen and (max-width:767px) and (orientation:landscape){
	    body:not(.home) {
        padding-top: 81px;
    }    section.home-hero {
        min-height: 350px;
    }
  .home-hero .container {
        padding-top: 40px;
        padding-bottom: 0;
    }    .home-hero .title, .home-hero .title .accent {
        font-size: 22px;
    }    .steps {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px 16px;
    }
	.step h4 {
        font-size: 16.32px;
        margin: 12px 0 4px;
    }
	
}
@media screen and (max-width:767px) and (orientation:portrait){
	    .title, .title .accent {
        font-size: 23px;
    }.home-hero .title, .home-hero .title .accent {
        font-size: 24px;
    }
 header#site-header.sticky .header-inner {
    
}.top-sec-right a {
        padding: 7px 6px;
    }    .nav-toggle div {
		width: 32px;}
	.top-sec-right {
    margin-left: 0;
   
}
    body:not(.home) {      padding-top: 81px;    }
	.sticky .site-logo img {
    max-height:4.3rem;
}  	.grid-3 {    grid-template-columns: repeat(1, 1fr);} 
	    .main-heading {        font-size: 30px;    } 
	 .colhalf{        width: 100%;    }
	.header-inner {         flex-wrap: wrap;}
   body:not(.enable-search-modal) .header-titles-wrapper {width: 30%;  }   
	.dish-card {     padding: 10px;}
	.dish-card__name {     font-size: 14px;}
	.dish-row{     gap: 10px;}
	    .steps,.info-list {
        grid-template-columns: repeat(1, 1fr);
       
    }    .choice h3 {
        font-size: 20.4px;
    }
	.step h4 {     margin: 10px 0 10px;}
	.fooeter-copyright {
    padding-left: 20px;
    padding-right: 20px;
}
	a.arrow-top { bottom:75px;}
	.main-footer .widget ul li a, .main-footer p, .main-footer .widget ul li, .main-footer .widget { line-height: 1.5;}
	.cat-row {     gap: 5px !important;    top: 82px;}
	    .cat-row .btn {
        font-size: 12px;
        padding: 8px 7px !important;
    }section.section-counts {
    text-align: center;
}.address-footer div { 
    margin-bottom: 5px;
}.hours-row .tag {     padding: 3px 4px;    font-size: 9px;    letter-spacing: normal;}
.table-one.postcode-table th{font-size: 11px;
    padding: 3px;}
.table-one.postcode-table td{font-size: 12px;padding: 2px 7px;}
.table-one.postcode-table th:first-child{width: 21%;}
	.table-one.postcode-table th:nth-child(2){width: 25%;}
}

