@media screen and (min-width:2000px) {
	.Join-the-movement-bg img.Join-bg-image{
		width:100%; 
	}
}

@media screen and (min-width:1200px) {
	.container {
		max-width: 1310px;
	}	

}

@media screen and (max-width:1800px) {
	body {
		padding: 20px 30px;	
	}
	.header-bg {			
		padding:40px 130px;			
	}
	button.toggle {	
		margin-right: 20px;
	}
	.banner-bg{		
		padding:200px 90px 70px 90px;		
	}
	.banner-content{
		padding-top:50px;
	}
	.banner-content h2{
		font-size:72px;
		line-height: 96px;
		margin-bottom:72px;
	}
	.banner-content h2 img{
		width:52px;
	}
	.enter-postcode-address{
		margin-bottom:72px;
	}
	.users-restaurants-box{
		margin-right:90px;
	}
	.users-restaurants-box:last-child{
		margin-right:0;
	}
	.users-restaurants-box h3{
		font-size:65px;
		margin-bottom:20px;
	}
	.users-restaurants-box p{
		font-size: 38px;
	}
	.banner-image img{
		max-width:400px;
	}
	button.toggle {
		width: 42px;
		height: 34px;		
		margin-right: 20px;
	}
	button.toggle span{
		top:14px;
		width:42px;
	}
	button.toggle::after,
	button.toggle::before {
		width: 42px;
	}
	.logo a img{
		width:130px;
	}
	.navigation-box {
		padding-left: 40px;
	}
	.navigation-box ul {
		padding: 6px 8px;
	}
	.navigation-box ul li a {
		font-size: 16px;				
		padding: 9px 16px;
	}
	.header-right ul li a {
		font-size: 16px;		
		padding: 8px 18px;
	}
	button.toggle.open::after {
		transform: rotateZ(-45deg) scaleX(1.25) translate(9px, -10px);
	}
	button.toggle.open::before {
		transform: rotateZ(45deg) scaleX(1.25) translate(8px, 8px);
	}	
	.Join-the-movement-bg {
		height: 538px;
	}
	.Join-movement-content {	
		padding: 0 66px;
	}
	.main-heading h2 {
		margin-bottom: 30px;
	}
	h2 {
		font-size: 76px;
		line-height: 96px;	
	}
	h2 br{
		display: none;
	}
	p {
		font-size: 22px;
		color: #202020;
		line-height: 30px;
	}	
	p br{
		display: none;
	}
	.everything-you-crave-image {
		padding: 80px 90px 0 90px;
	}	
	.perfect-cuisine-content {
		padding-left: 90px;
	}
	.download-our-app-image {
		padding-left: 90px;
	}
	.everything-you-crave-content {
		padding: 0 40px 0 88px;
	}
	.download-our-app-content {
		padding-top:0;
		padding-left: 70px;
		padding-right: 50px;
	}
	.restaurants-near-me {
		padding:35px 40px;
	}
	.restaurants-near-me h3 {
		line-height: 70px;
		font-size: 72px;
	}
	.view-all-cities-bg {
		padding: 60px 120px 50px 120px;
	}
	.view-all-cities-bg .main-heading {
		margin-bottom: 72px;
	}
	.cities-box ul li {		
		margin-bottom: 30px;
	}
	.cities-box ul li:last-child{
		margin-bottom:0;
	}
	.cities-box ul li a {
		font-size: 24px;	
	}
	.navigation-dropdown button.close{
		margin-bottom:80px;
	}
	.navigation-list {
		margin-bottom: 80px;
	}	

}

@media screen and (max-width:1750px) {	
	.container{
		padding-left:0;
		padding-right:0;
	}
	.popular-cuisines-section {
		padding-left:90px;
		padding-right:90px;
		padding-bottom:50px;
	}
	.products-list-section{
		padding-left:90px;
		padding-right:90px;
	}
	.other-cuisines-box h6{
		margin-bottom:38px;
	}	
	.search-for-restaurant svg{
		font-size:20px;
	}	
	.filter-box p{
		font-size:22px;
	}
	.filter-box button.filter-btn{
		margin-left:25px;
	}		
	.search-for-restaurant input.form-control{
		width:320px;
	}
	.header-middle-box .location-box {
		margin-right: 16px;
	}
	.header-two button.toggle {
		margin-right: 30px;
	}	
	.product-main-box-section {
		padding-bottom: 40px;
	}
	.product-box .product-content h5{
		font-size:32px;
	}
	.product-box .product-content ul.rating-list li {
		font-size: 18px;
		padding-right: 12px;
		margin-right: 12px;
	}
	.product-box .product-content ul.times-list li::before, 
	.product-box .product-content ul.rating-list li::before {
		top: 55%;
		transform: translate(0, -55%);		
	}
	.filter-section,
	.most-popular-section{
		padding-left:90px;
		padding-right:90px;
	}	
	.fixed-filter .filter-list li {
		margin-right: 10px;
	}
	.filter-section.fixed-filter .search-for-restaurant input.form-control {
		width: 250px;
	}
	.fixed-filter .filter-list li a {
		font-size: 16px;
		padding: 10px 18px 10px 18px;
	}
	.fixed-filter .filter-list li a img {
		height: 16px;
	}
	.fixed-filter .filter-list li a svg.fa-chevron-down {
		font-size: 15px;
		margin-left: 3px;
	}
	.header-right ul li.add-cart-btn {
		margin-right: 0px;
	}
	.header-right ul li.add-cart-btn a {
		font-size: 16px;
		padding: 6px 16px;
	}
	.header-right ul li.add-cart-btn a img {
		width: 22px;
	}
	.header-right ul li {
		margin-left: 10px;
	}
	.header-two .header-right ul li.add-cart-btn {
		margin-right: 26px;
		padding-left: 165px;
	}	
	.checkout-section .login-box {
		max-width: 800px;
	}
	.restaurant-search-banner img.restaurant-banner-image {
		height: 600px;
	}
	.search-restaurant-title {
		top: 100px;
	}
	.restaurant-search-banner .enter-postcode-address{
		bottom:100px;
	}	
	.add-to-cart-box-two .add-cart-box {
		min-width: 350px;
		max-width: 350px;
	}
	.add-to-cart-box-two .add-cart-box .checkout-btn a span{
		font-size: 18px;
	}
	.add-to-cart-box-two .add-cart-box .checkout-btn a span svg {
		font-size: 22px;
		margin-left: 10px;
	}
	.add-to-cart-box-two .add-cart-box .cart-top {
		padding-left:20px;
		padding-right:20px;
	}
	.add-to-cart-box-two .add-cart-box .cart-item {		
		padding-left:20px;		
		padding-right:10px;
	}
	.add-to-cart-box-two .add-cart-box .cart-item .cart-content ul li {
		font-size: 15px;
	}
	.add-to-cart-box-two .add-cart-box .cart-item .cart-content ul {
		margin-bottom: 0px;
	}
	.subtotal-price-box {
		width: 220px;
	}
	.restaurant-location-box .location-details ul li a img.hygiene-rating-img {
		width:50px;
		margin-left: 20px;
		margin-right: 5px;
	}
	.product-details-left {
		max-width: calc(100% - 350px);
		padding-top: 30px;
		padding-right: 30px;
	}
	.product-details-left .product-main-box img.product-main-image {
		height: 320px;
	}
	.product-rating-section {
		padding-top: 65px;
	}
	.product-name h5 {
		font-size: 42px;
	}
	.rating-main-box {
		padding-right: 30px;
	}
	.restaurant-location-box .location-map iframe {
		height: 250px;
	}
	.restaurant-location-box .location-details {
		padding: 0 20px 0 20px;
	}
	.restaurant-location-box .location-details ul li a {
		padding: 12px 20px 12px 0;
	}
	.restaurant-location-box .location-details ul li a .arrow-right {		
		top: 50%;
		transform: translate(0, -50%);
	}
	.restaurant-location-box .location-details ul li a img {
		width: 16px;
		margin-right: 5px;		
	}
	.restaurant-location-box .location-details ul li a .arrow-right img {
		width: 12px;
	}
	.restaurant-location-box .location-details ul li a .arrow-right svg{
		font-size: 16px;
	}
	.rating-show {
		padding-left:40px;
	}
	.reviews-rating-box{
		padding-right:25px;
	}
	.menu-inner-sec .menu-list li a{
		font-size: 18px;
	}
	.menu-top-line {
		padding-top: 15px;
	}
	.menu-inner-sec {
		padding-top: 10px;
	}
	.menu-section .search-for-restaurant input.form-control {
		font-size: 16px;
		width: 305px;
	}
	.favourite-box .favourite-content h6{
		font-size: 19px;
		margin-bottom: 2px;
	}
	.favourite-box .favourite-content span.price{
		font-size: 16px;		
		padding-bottom: 2px;
	}
	.favourite-box .favourite-content p{
		font-size: 14px;
		line-height: 22px;
	}
	.horizontal-favourite-box .horizontal-content-box {
		padding: 20px 25px;
	}
	.horizontal-favourite-box .horizontal-content-box h6{
		font-size:20px;
		margin-bottom:4px;
	}
	.horizontal-favourite-box .horizontal-content-box span.price{
		font-size:16px;
		padding-bottom:4px;
	}
	.horizontal-favourite-box .horizontal-content-box p{
		font-size: 14px;
		line-height: 22px;
	}
	.delivery-pick-up-list li {
		padding: 12px 10px 5px 10px;
	}
	.delivery-pick-up-list li p{
		font-size: 18px;
	}
	.order-free-delivery-list li {
		font-size: 12px;
		margin: 0 7px;
	}
	.order-free-delivery-list li img {
		margin-right: 5px;
		width: 22px;
	}
	.reviews-show .reviews-list li a {
		font-size: 22px;
	}
	.progress-box .progress {
		height: 13px;
	}
	.progress-box span {
		font-size: 14px;
		padding-right: 15px;
	}
	.menu-section.category-menu-fixed .menu-inner-sec {
		max-width: 930px;
	}

}

@media screen and (max-width:1399px) {
	.navigation-box {
		padding-left: 20px;
	}
	.banner-content h2 {
		font-size: 70px;
		margin-bottom:62px;
	}
	.banner-content h2 img{
		width:48px;
	}
	.navigation-box ul li a {
		font-size: 15px;
		padding: 8px 14px;
	}
	.header-right ul li a {
		padding: 7px 16px;
	}
	.enter-postcode-address {
		margin-bottom: 62px;
	}
	.download-our-app-content {	
		padding-left: 40px;
		padding-right: 40px;
	}
	.download-our-app-content ul {
		padding-top: 0px;		
	}
	.restaurants-near-me {	
		top: 40px;
		left: 35px;
	}
	.view-all-cities-bg {
		padding: 60px 100px 50px 100px;
	}
	.cities-box ul li {
		margin-bottom: 25px;
	}
	.cities-box ul li a {
		font-size: 22px;
	}
	.footer-bg {
		padding: 40px 70px 0 70px;
	}
	.perfect-cuisine-content {
		padding-left: 80px;
	}
	.download-our-app-image {
		padding-left: 80px;
	}
	.Join-the-movement-bg::before{
		max-width:850px;
	}
	.popular-slider-item {
	    margin-left: 24px;
	}
	.filter-list li {
		margin-right: 15px;
	}
	.filter-list li a{
		padding: 14px 18px; 
	}
	.filter-list li a img {
		height: 22px;
		margin-right: 3px;
	}
	.search-for-restaurant input.form-control {
		width: 300px;
	}
	.popular-item .popular-item-name img{
		max-width:110px;
	}
	.popular-item {
		width: 136px;
		height: 100px;
	}
	.popular-item::after,
	.popular-item::before{
		width: 136px;
		height: 100px;
	}

}

@media screen and (max-width:1330px) {
	.popular-slider-item {
    	margin-left: 17px;
	}	
	.header-two button.toggle {
		margin-right: 20px;
	}
	.header-right ul li {
		margin-left: 8px;
	}
	.header-right ul li a {
		padding: 6px 16px;
		font-size: 14px;
	}
	.header-right ul li.add-cart-btn a {
		font-size: 14px;
		padding: 4px 15px;
	}
	.header-right ul li.add-cart-btn a img {
		margin-right: 4px;
		margin-top: -6px;
		width: 20px;
	}	
	.header-two .header-right ul li.add-cart-btn {
		padding-left: 55px;
	}	
	.checkout-section .login-box {		
		padding-right: 25px;
	}
	.step-box {
		padding: 17px 80px;
	}
	.add-to-cart-box-two .add-cart-box{
		min-width: 350px;
		max-width: 350px;
	}
	.add-to-cart-box-two .add-cart-box .checkout-btn a span{
		font-size:18px;
	}
	.add-to-cart-box-two .add-cart-box .checkout-btn a span svg {
		font-size: 22px;
	}
	.add-to-cart-box-two .add-cart-box .cart-item .cart-content ul li{
		font-size: 14px;
	}
	.add-to-cart-box-two .add-cart-box .cart-item .cart-add-item ul li span {
		padding: 0 7px;
	}
	.promo-code-box {
		padding:15px 20px;
	}
	.promo-code-box h6{
		font-size: 18px;
		margin-bottom:15px;
	}
	.promo-code-box h6 img{
		margin-left:10px;
	}
	.horizontal-favourite-box .horizontal-content-box {
		padding: 15px 20px;
	}
	.favourite-box .favourite-content h6 {
		font-size: 15px;
		line-height: 22px;
	}
	.favourite-box .favourite-content p {
		font-size: 13px;
		line-height: 20px;
	}
	.menu-inner-sec .menu-list li a {
		font-size: 16px;
	}
	.product-rating {
		margin-bottom: 6px;
	}
	.product-rating ul li {
		font-size: 14px;
		padding-right: 10px;
		margin-right: 10px;
	}	
	.product-rating ul li:last-child{
		padding-right:0;
		margin-right:0;
	}
	.product-rating ul li svg.fa-circle {
		font-size: 4px;
		margin: 0 6px;
	}
	.product-rating ul li .fa-star {
		font-size: 22px;
	}
	.open-close {
		margin-bottom: 40px;
	}

}

@media screen and (max-width:1300px) {
	.header-bg {
		padding-left: 100px;
		padding-right: 100px;		
	}
	.banner-bg {
		padding: 180px 70px 70px 70px;
	}
	button.toggle {	
		margin-right: 15px;
	}
	.logo a img {
		width: 120px;
	}
	.navigation-box ul li a {
		font-size: 14px;
		padding: 7px 15px;
	}
	.header-right ul li a {
		padding: 7px 15px;
	}
	.banner-content h2 {
		font-size: 62px;
		line-height: 86px;
		margin-bottom: 50px;
	}
	.banner-content h2 img{
		width:45px;
		top:-8px;
	}
	.enter-postcode-address {
		margin-bottom: 60px;
	}
	.users-restaurants-box h3 {
		font-size: 60px;
		margin-bottom: 15px;
	}
	.users-restaurants-box p {
		font-size: 34px;
	}
	.banner-image img {
		max-width: 325px;
	}
	.enter-postcode-address input.form-control {
		font-size: 18px;
		padding-left:60px;		
	}
	.Join-the-movement-bg {
		height: 500px;
	}
	.main-heading h2 {
		font-size: 66px;
		line-height: 86px;
		margin-bottom: 20px;
	}
	.everything-you-crave-image {
		padding: 70px 70px 0 70px;
	}
	.perfect-cuisine-content {
		padding-left: 70px;
	}
	.everything-you-crave-content {
		padding: 0 30px 0 68px;
	}
	.view-all-cities-bg {
		padding: 60px 80px 50px 80px;
	}
	.download-our-app-image {
		padding-left: 70px;
	}
	.Join-the-movement-bg::before{
		max-width:650px;
	}
	.popular-cuisines-section {
		padding-left: 70px;
		padding-right: 70px;
		padding-bottom:50px;
	}
	.products-list-section {
		padding-left: 70px;
		padding-right: 70px;
	}
	.popular-slider-item {
	    margin-left: 17px;
	}
	.popular-slider-item:first-child{
		margin-left:0; 
	}
	.popular-cuisines-card .popular-cuisines-content {
		padding: 10px 0 0 25px;
	}
	.popular-cuisines-card .popular-cuisines-content ul li{
		font-size:12px;
	}
	.popular-cuisines-card .popular-cuisines-content ul li:first-child {
		width: 45%;
	}
	.location-box{
		margin-bottom:25px;
	}
	.other-cuisines-box h6 {
		margin-bottom: 28px;
	}	
	.location-box ul {
		align-items: center;
	}	
	.location-box {
		padding: 7px 15px 7px 15px;
	}
	.location-box ul li svg.fa-location-dot{
		top:1px;
		font-size:20px;
		margin-right: 10px;
	}	
	.location-box ul li.dot {
		margin: 0 10px;
	}
	.search-for-restaurant svg {
		font-size: 18px;
	}
	.search-for-restaurant button.btn {
		right:6px;
		width: 95px;
		font-size: 16px;
	}
	.filter-box p {
		font-size: 20px;
	}
	.popular-cuisines-card .popular-cuisines-content h5{
		font-size:32px;
	}
	.search-filter-box {
	    margin-bottom: 30px;
	}
	.rating-star-box {
 	   padding-top: 10px;
	}
	.popular-cuisines-card .popular-cuisines-image {
 	   max-width: 236px;
	}
	.popular-cuisines-card .popular-cuisines-image img{
		width:100%;
	}
	.popular-cuisines-card .popular-cuisines-content {
 	   padding: 5px 0 0 25px;
	}
	.rating-star-box {
    	padding-top: 5px;
	}
	.filter-section, .most-popular-section {
		padding-left: 70px;
		padding-right: 70px;
	}
	.filter-list li a{
		font-size:18px;
		padding:12px 15px;
	}
	.filter-list li a img {
		height: 18px;
		margin-right: 2px;
	}
	.filter-list li a svg.fa-chevron-down {
		font-size: 17px;
		margin-left: 5px;
	}
	.filter-section.fixed-filter{
		padding-left:50px;
		padding-right:50px;
	}
	.filter-section.fixed-filter .search-for-restaurant input.form-control {
		width: 200px;
	}
	.popular-cuisines-section .main-heading {
		margin-bottom: 10px;
	}
	.popular-cuisines-section .main-heading {
		margin-bottom: 10px;
	}
	.popular-item .popular-item-name img {
		max-width: 100px;
		margin-bottom: 8px;
	}
	.popular-item {
		width: 126px;
		height: 90px;
	}
	.popular-item::after, .popular-item::before {
		width: 126px;
		height: 90px;
	}
	.popular-item .popular-item-name p{
		font-size:16px;
	}
	.product-box .product-content {
		padding-top: 10px;
	}
	.product-box .product-content h5{
		font-size:28px;
	}
	.product-box .product-content ul.rating-list{
		margin-bottom: 5px;
	}
	.product-box .product-content ul.rating-list li {
		font-size: 16px;
		padding-right: 10px;
		margin-right: 10px;
	}
	.discount-offer{
		font-size:14px;
	}
	.discount-offer img {
		margin-right: 5px;
		width: 18px;
	}	
	.checkout-page {
		padding-top: 102px;
	}
	.restaurant-location-box .location-details ul li a img.hygiene-rating-img {
		width: 25px;
		margin-left: 6px;
		margin-right: 0;
	}
	.delivery-pick-up-list li {
		padding: 9px 10px 3px 10px;
	}
	.order-free-delivery-list li {
		font-size: 11px;
		margin: 0 4px;
	}
	.order-free-delivery-list li img {
		margin-right: 3px;
		width: 20px;
		margin-top: -2px;
	}
	.restaurant-location-box .location-details ul li a{
		font-size: 14px;
	}
	.product-main-box-section {
		padding-top: 102px;
	}
	.rating-list .rating-box p {
		font-size: 16px;	
		line-height: 28px;
	}
	.product-details-left .product-main-box img.product-main-image {
		height: 290px;
	}
	.product-main-box .product-logo {
		width: 100px;
		height: 100px;
		line-height: 90px;
		left: 30px;
		bottom: -45px;
	}

}

@media screen and (max-width:1199px) {
	body {
		padding: 15px 20px;
	}
	.header-bg {
		padding:30px 60px;
	}
	.banner-bg {
		padding: 150px 40px 50px 40px;
		border-radius:40px;
	}
	button.toggle {
		margin-right: 10px;
	}
	.logo a img {
		width: 110px;
	}
	.navigation-box {
		padding-left: 20px;
	}
	.navigation-box ul {
		padding: 5px 6px;
	}
	.navigation-box ul li a {
		font-size: 13px;
		padding: 5px 10px;
	}
	.header-right ul li {
		margin-left: 8px;
	}
	.header-right ul li:first-child{
		margin-left:0;
	}
	.header-right ul li a {
		font-size:13px;
		padding: 4px 10px;
	}
	.header-right ul li.add-cart-btn a {
		font-size: 12px;
		padding: 2px 10px;
	}
	.header-right ul li.add-cart-btn a img {
		width: 16px;
	}
	.banner-content {
		padding-top: 20px;
	}
	.banner-content h2 {
		font-size: 55px;
		line-height: 70px;
		margin-bottom: 50px;
	}
	.enter-postcode-address {
		margin-bottom: 50px;
	}
	.users-restaurants-box h3 {
		font-size: 55px;
		margin-bottom: 5px;
	}
	.users-restaurants-box p {
		font-size: 30px;
	}
	.banner-image img {
		max-width: 275px;
	}
	.Join-the-movement-bg {
		height: 420px;
	}
	.Join-the-movement-bg::before {
		max-width: 550px;
		clip-path:polygon(0 0, 100% 0%, 63% 100%, 0% 100%);
		border-radius:40px 0 0 40px;
	}
	.Join-movement-content {
		padding: 0 40px;
	}
	.Join-the-movement-bg img.Join-bg-image{
		border-radius:40px;
	}
	h2 {
		font-size: 55px;
		line-height: 65px;
	}
	.main-heading {
		margin-bottom: 30px;
	}
	.main-heading h2 {
		font-size: 55px;
		line-height: 65px;
		margin-bottom: 20px;
	}
	.btn {
		font-size: 16px;	
		padding: 9px 16px;		
	}
	.everything-you-crave-content a.btn {
		padding: 9px 25px;
	}
	.perfect-cuisine-content a.btn {
		padding: 9px 20px;
	}
	.everything-you-crave-image {
		padding: 40px 40px 0 40px;
	}
	p {
		font-size: 20px;
		line-height: 26px;
	}
	.download-our-app-bg {
		padding-top: 40px;
	}
	.download-our-app-content {
		padding-left: 30px;
		padding-right: 20px;
	}
	.download-our-app-content .main-heading h2 {
		line-height: 65px;
	}
	.download-our-app-content .main-heading {
		margin-bottom: 20px;
	}
	.perfect-cuisine-content {
		padding-left: 40px;
	}
	.download-our-app-image {
		padding-left: 40px;
	}
	.restaurants-near-me {
		padding:25px 30px;
		border-radius: 25px;
		top: 30px;
		left: 30px;
	}
	.restaurants-near-me h3 {
		line-height: 60px;
		font-size: 55px;
	}
	.view-all-cities-bg {
		padding: 50px 80px 50px 80px;
	}
	h4 {
		font-size: 42px;		
		line-height: 55px;
	}
	.view-all-cities-bg .main-heading {
		margin-bottom: 52px;
	}
	.cities-box ul li a {
		font-size: 20px;
	}
	.footer-bg {
		padding: 40px 50px 0 50px;
	}
	.footer-box ul li {
		margin-bottom: 12px;
	}
	.follow-us ul li {	
		margin: 0 6px;
	}
	.follow-us ul li a {
		font-size: 22px;
	}
	.copy-right {
		padding-top: 15px;
	}
	.copy-right p{
		font-size:14px;
	}
	.navigation-list{
		margin-bottom: 70px;
	}
	.navigation-list ul li {
		margin-bottom: 15px;
	}
	.navigation-list ul li a.dropdown-item{
		font-size:18px;
	}
	.navigation-dropdown {	
		padding: 15px 20px 70px 20px;
		width: 250px;		
	}
	.app-buttons ul li a {
		width: 90px;		
	}
	.app-buttons ul li a.ios-btn {
		padding-left: 47px;
	}
	.app-buttons ul li a.android-btn {
		padding-left: 37px;
	}
	.your-restaurant-box p {
		font-size: 18px;
		margin-bottom: 15px;
	}
	.download-grubz-app .grubz-app-icon {
		width: 70px;
		min-width: 70px;
		height: 70px;
		min-height: 70px;
		line-height: 65px;
		border-radius: 10px;
	}
	.download-grubz-app .grubz-app-icon img{
		width:35px;
	}
	.download-grubz-app .grubz-download-app-text{
		padding-left:10px;
	}
	.download-grubz-app .grubz-download-app-text p{
		font-size:12px;
	}
	.app-buttons ul li {
		margin-right: 15px;
	}
	.app-buttons ul li:last-child{
		margin-right:0;
	}
	.navigation-dropdown button.close{
		font-size: 28px;
		margin-left:5px;
		margin-bottom: 60px;
	}
	.popular-cuisines-section {
		padding-left: 40px;
		padding-right: 40px;
	}
	.products-list-section {
		padding-left: 40px;
		padding-right: 40px;
	}
	.popular-slider ul.slick-dots{
		display: none !important;
	}	
	.navigation-dropdown .logo{
		padding-top: 20px;
	}
	.navigation-dropdown .logo img {
		width: 92px;
	}
	body.open{
		overflow: hidden;
	}
	.other-cuisines-box{
		position: fixed;
		background: #fff;
		z-index: 123;
		min-width: 320px;
		max-width: 320px;
		padding: 20px;
		box-shadow:0 0 5px 0 #e1e1e1;
		left: -100%;
		transition: all 0.5s;
		top: 0;
		bottom: 0;
		overflow: hidden;
		overflow-y: auto;
		visibility: hidden;
		opacity:0;		
	}
	.other-cuisines-box::-webkit-scrollbar {
		width: 5px;
	}  
	.other-cuisines-box::-webkit-scrollbar-track {
		background: #ffe6e7;
	}  
	.other-cuisines-box::-webkit-scrollbar-thumb {
		background: #FC353A;
	}  
	.other-cuisines-box::-webkit-scrollbar-thumb:hover {
		background: #FC353A;
	}
	.filter-box button.filter-btn svg{
		font-size:35px;
	}
	.other-cuisines-box.open{
		left:0;
		visibility: visible;
		opacity:1;
	}
	.other-cuisines-box button.other-cuisines-btn{
		color:#FC353A;
		font-size: 28px;
		line-height: normal;
		background-color: transparent;
		border:0;
		outline: none;
		box-shadow: none;
		margin-bottom:30px;
	}
	.popular-slider-item {
	    margin-left: 15px;
	}
	.popular-slider-item:first-child{
		margin-left:0; 
	}
	.top-shorting-bar .search-filter-box {
	    padding-left: 15px;
	}
	.top-shorting-bar .location-box {
 	   max-width: 250px;
	}
	.top-shorting-bar .filter-box {
 	   padding-left: 15px;
	}
	.top-shorting-bar .filter-box p{
		font-size: 18px;
	}
	.top-shorting-bar .search-filter-box .search-for-restaurant {
 	   max-width: 100%;
	}
	.other-cuisines-box .search-for-restaurant input.form-control{ 
		height:50px;
		padding-left:45px;
		padding-right:105px;   
	}
	.other-cuisines-box .search-for-restaurant svg {
	    left: 18px;
	}
	.other-cuisines-box .search-for-restaurant button.btn {
    	right: 5px;
    	width: 90px;
    	padding: 8px 15px;
	}
	.header-middle-box .location-box {
		margin-right: 10px;
	}
	.filter-section, 
	.most-popular-section {
		padding-left: 40px;
		padding-right: 40px;
	}
	.inner-page {
		padding-top: 140px !important;
		padding-bottom:40px;
	}
	.filter-section{
		padding-bottom:40px;
	}
	.filter-list li {
		margin-right: 10px;
	}
	.filter-list li a {
		font-size: 16px;
	}
	.filter-section.fixed-filter {
		padding-left: 25px;
		padding-right: 25px;
	}
	.fixed-filter .filter-list li{
		margin-right: 7px;
	}
	.fixed-filter .filter-list li a {
		font-size: 14px;
		padding: 9px 14px 9px 14px;
	}
	.fixed-filter .filter-list li a svg.fa-chevron-down {
		font-size: 13px;
		margin-left: 2px;
	}
	.fixed-filter .filter-list li a img {
		height: 14px;
		margin-right: 3px;
	}
	.fixed-filter .search-for-restaurant svg {
		font-size: 16px;
	}
	.filter-section.fixed-filter .search-for-restaurant input.form-control {
		font-size:14px;
		width: 180px;
		padding-left: 40px;
		padding-right: 15px;
	}
	.product-box .product-content ul.rating-list li {
		font-size: 14px;
	}
	.product-box .product-content ul.times-list li{
		font-size:13px;
	}
	.discount-offer {
		font-size: 13px;
	}
	.add-cart-box .cart-middle {
		max-height: calc(100vh - 212px);
	}
	.header-two .header-right ul li a {
		font-size: 16px;
		padding: 6px 25px;
	}
	.menu-inner-sec .menu-list li a{
		font-size: 18px;
	}
	.header-middle-box .search-for-restaurant input.form-control {
		width: 200px;
	}	
	.product-main-box .product-logo {
		width: 100px;
		height: 100px;
		line-height: 90px;	
	}
	.product-main-box-section{
		padding-bottom:60px;
	}
	.product-main-box .product-logo img {
		width: 74px;
	}
	.rating-main-box {
		padding-right: 0px;
	}
	.product-name h5 {
		font-size: 40px;
		margin-bottom: 10px;
	}
	.open-close {
		margin-bottom: 35px;
	}
	.reviews-rating-main h6 {
		font-size: 28px;
		margin-bottom: 20px;
	}
	.restaurant-location-box .location-details {
		padding: 0 15px 10px 15px;
	}
	.restaurant-location-box .location-details ul li img {
		margin-right: 10px;
	}
	.delivery-pick-up-list li {
		padding: 12px 15px 6px 15px;
	}
	.delivery-pick-up-list li p{
		font-size: 18px;
	}	
	.order-free-delivery-list li {
		margin: 0 10px;
	}
	.order-free-delivery-list li img{
		width: 25px;
	}
	.checkout-section{
		flex-wrap: wrap;
	}
	.checkout-section .login-box{
		max-width:100%;
		padding-right:0;
	}
	.add-to-cart-box-two{
		width:100%;
	}
	.add-to-cart-box-two>div{
		justify-content: center;
	}
	.track-order-box{
		float: none;
		margin: auto;
		margin-bottom: 40px;
	}
	.checkout-section.track-section .login-box {
		max-width: 100%;
	}
	.track-section .add-to-cart-box-two .add-cart-box{		
		margin: auto;
	}
	.restaurant-search-banner img.restaurant-banner-image {
		height: 500px;
	}
	.search-restaurant-title {
		font-size: 55px;
		top: 80px;
	}
	.restaurant-search-banner .enter-postcode-address{
		bottom: 80px;
	}
	.horizontal-favourite-box .horizontal-content-box {
		padding: 15px 20px;
	}
	.horizontal-favourite-box .horizontal-content-box p, .favourite-box .favourite-content p {
		font-size: 14px;
	}
	.terms-condition h5{
		font-size:32px;
	}
	.terms-condition p {
		font-size: 20px;
		line-height: 30px;
	}
	.terms-condition {
		padding-bottom: 0px;
	}
	.terms-condition p {		
		margin-bottom:30px;
	}
	.product-details-left {
		max-width: 100%;
		float: none;
		padding-top: 30px;
		padding-right: 0;
	}
	.product-main-box-section .add-to-cart-box-two .add-cart-box{
		margin: auto;
	}

}

@media screen and (max-width:991px) {
	.navigation-box {
		display: none;
	}
	.header-bg {
		padding: 25px 50px;
	}
	button.toggle {
		margin-right: 20px;
	}
	.logo a img {
		width: 120px;
	}
	.banner-bg {
		padding: 160px 30px 40px 30px;
		border-radius: 30px;
	}
	.banner-content {
		text-align: center;
		padding-top: 20px;
		padding-bottom:50px;
	}
	.enter-postcode-address {
		margin: auto;
		margin-bottom: 50px;
	}
	.users-restaurants-main-box{
		max-width:100%;
		justify-content: center;
	}
	.banner-image{
		text-align: center;
	}
	.banner-image img {
		max-width: 305px;
	}
	.Join-the-movement-bg img.Join-bg-image {
		display: none;
	}
	.Join-the-movement-bg::before {
		max-width: 100%;
		clip-path:polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
		border-radius: 30px;
	}
	.Join-movement-content{
		padding:0 30px;
		text-align: center;
	}
	.everything-you-crave-image{
		max-width: 100%;
		padding-top:50px;
		border-radius:30px;
	}
	.everything-you-crave-content {
		padding: 0 30px 0 68px;
	}
	.everything-you-crave-content {
		padding: 40px 30px 0 30px;
		text-align: center;
	}
	.perfect-cuisine-content {
		padding:40px 30px 0 30px;
		text-align: center;
	}
	.perfect-cuisine-image{
		text-align: center !important;
	}
	.download-our-app-bg {
		padding-top: 50px;
		border-radius:30px;
	}
	.download-our-app-image {
		padding:0 30px;
		text-align: center;
	}
	.download-our-app-content{
		padding:40px 30px;
		text-align: center;
	}
	.restaurants-bg img {
		min-height: 350px;
		border-radius: 30px;
		object-fit: cover;
	}
	.restaurants-near-me {
		padding: 20px 25px;
		border-radius: 20px;
		top: 25px;
		left: 25px;
	}
	.restaurants-near-me h3 {
		line-height: 55px;
		font-size: 48px;
	}
	.view-all-cities-bg {
		padding: 50px 60px 20px 60px;
	}
	.view-all-cities-bg .main-heading {
		margin-bottom: 50px;
	}
	.cities-box{
		text-align: center;
		margin-bottom:40px;
	}
	.footer-bg{
		border-radius:30px;
	}
	.popular-cuisines-section {
		padding-left: 30px;
		padding-right: 30px;
		padding-bottom:35px;
	}
	.products-list-section {
		padding-left: 30px;
		padding-right: 30px;
	}
	.filter-section {
		padding-bottom: 35px;
	}
	.filter-box p {
		font-size: 18px;
	}	
	.header-middle-box .search-for-restaurant{
		display: none;
	}
	.header-middle-box .location-box {
		margin-right: 0px;
		display: none;
	}
	.filter-list li a{
		white-space: nowrap;
	}	
	.fixed-filter .filter-list {
		padding-bottom:0;
	}
	button.slick-arrow{
		top:-50px;
	}
	button.slick-arrow.slick-prev {
		margin-right: 60px;
	}
	.filter-section.fixed-filter .container{
		display: inline-block;
	}
	.filter-slide{
		position: fixed;
		min-width: 250px;
		max-width: 250px;
		left: 0;
		top: 0;
		bottom: 0;
		z-index: 123;
		padding:20px;
		box-shadow: 0 0 5px 0 #e1e1e1;
		background-color: #fff;
		left:-100px;
		visibility: hidden;
		opacity:0;
		transition: all 0.3s;
		height: 100%;
		overflow: hidden;
		overflow-y: auto;
	}
	.filter-slide::-webkit-scrollbar {
		width: 5px;
	}  
	.filter-slide::-webkit-scrollbar-track {
		background: #ffe6e7;
	}  
	.filter-slide::-webkit-scrollbar-thumb {
		background: #FC353A;
	}  
	.filter-slide::-webkit-scrollbar-thumb:hover {
		background: #FC353A;
	}
	body.open .filter-slide{
		left:0;
		visibility: visible;
		opacity:1;
	}
	.filter-slide button.filter-slide-button{
		font-size: 28px;
		color: #FC353A;
		padding: 0;
		border: 0;
		border-radius: 0;
		background-color: transparent;		
		margin-left: 5px;
		margin-bottom: 20px;
	}
	.filter-slide .location-box{
		padding:11px 15px;
		margin-bottom:15px;
	}
	.filter-slide ul.filter-list{
		flex-wrap: wrap;
	}
	.filter-slide ul.filter-list li{
		width:100%;
		margin:0;
		margin-bottom:15px;
	}
	.filter-slide ul.filter-list li a{
		padding:12px 15px;
		font-size:16px;
		width:100%;
		position: relative;
	}
	.filter-slide ul.filter-list li a img{
		height:18px;
		margin-top:-3px;
		margin-right:5px;
	}
	.filter-slide .filter-list li a svg.fa-chevron-down{
		font-size: 17px;
		margin-left: 5px;
		position: absolute;	
		right:15px;
	}
	.filter-mobile-view{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.filter-section .search-for-restaurant {
		display: block;
	}
	.filter-section .search-for-restaurant input.form-control{
		width:320px;
	}
	.filter-section.fixed-filter .search-for-restaurant input.form-control {
		width: 320px;
	}
	.filter-mobile-view .filter-btn {
		display: block;
	}
	.filter-mobile-view .filter-btn a.filter-slide-button{
		font-size: 18px;
		color: #000;
		text-decoration: none;
		font-weight: 600;
	}
	.filter-mobile-view .filter-btn a.filter-slide-button img{
		height:26px;
		margin-left:8px;
	}
	.filter-list .filter-box .dropdown-menu{
		width:220px;
	}
	.filter-list .filter-box .dropdown-menu ul li {
		font-size: 18px;
		padding: 11px 20px;
		margin-bottom:0;
	}
	.filter-box .dropdown-menu ul li .form-check {
		padding-left: 30px;
	}
	.dietary-dropdown .dropdown-menu {
		width: 220px;
	}
	.dietary-dropdown .dropdown-menu ul li{
		margin-bottom:0;
	}
	.dietary-dropdown .dropdown-menu ul li a{
		padding:8px 25px;
	}
	.header-bg.header-two {
		padding-top: 25px;
		padding-bottom: 25px;
	}
	.header-two .header-right ul li a {
		padding: 5px 20px;
	}
	.filter-section, .most-popular-section {
		padding-left: 30px;
		padding-right: 30px;
	}
	.filter-popup-list {
		min-width: 228px;
		max-width: 228px;
	}
	.filter-popup-list ul li a {
		font-size: 18px;	
	}
	.filter-category-list ul li {
		font-size: 18px;
	}
	#FilterModal .modal-content .modal-body {
		padding: 0 35px;
	}
	.filter-popup-list ul li {
		padding-bottom: 20px;
	}
	.filter-category-list ul li {
		padding-bottom: 28px;
	}
	#FilterModal .modal-footer button.btn {
		width: 160px;
		height: 46px;
		margin: 0 10px;
	}
	#FilterModal .modal-content .modal-header h5.modal-title{
		font-size:30px;
	}
	.modal-content .modal-header {
		padding: 10px 34px;
		position: relative;
	}
	#FilterModal .modal-dialog .modal-content button.btn-close {
		right: 30px;
		top: 50%;
		transform: translate(0, -50%);
	}
	.header-two .header-right ul li.add-cart-btn {
		padding-left: 0px;
		margin-right: 0;
	}
	.header-two .header-right ul li a.basket-toggle-btn {
		width: 90px;
		padding: 5px 20px;
	}	
	.product-main-box img {
		height: 220px;
		object-fit: cover;
		border-radius:20px;
	}
	.product-main-box .product-logo img{
		height: auto;
	}
	.product-main-box .product-logo {
		width: 100px;
		height: 100px;
		line-height: 90px;		
	}
	.menu-section{
		margin-top: 35px;
	}
	.menu-section .search-for-restaurant input.form-control{
		font-size:16px;
		padding-left:40px;
		width:250px;
	}
	.menu-inner-sec {
		padding-top: 10px;
	}
	.menu-inner-sec .menu-list li a {
		font-size: 16px;
		padding-bottom: 15px;
	}
	.rating-main-box{
		margin-bottom: 30px;
	}
	.restaurant-location-section {
		padding-top: 132px;
	}
	.restaurant-search-banner img.restaurant-banner-image {
		height: 400px;
	}	
	.search-restaurant-title {
		font-size: 45px;
		top: 50px;
		line-height: normal;
	}
	.restaurant-search-banner .enter-postcode-address {
		bottom: 60px;
	}
	.horizontal-favourite-box .horizontal-image-box {
		width: 120px;
		min-width: 120px;
	}
	.horizontal-favourite-box .horizontal-content-box h6, .favourite-box .favourite-content h6 {
		font-size: 22px;
	}
	.horizontal-favourite-box .horizontal-content-box p, .favourite-box .favourite-content p{
		line-height: 26px;
	}
	.inner-page {
		padding-top: 130px !important;
	}
	.menu-inner-sec .left-arrow {
		padding-left: 25px;
	}
	.menu-section.category-menu-fixed {		
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.product-rating-section{
		padding-bottom:30px;
	}
	.product-main-box-section{
		padding-top: 98px;
	}
	.product-details-left .product-main-box img.product-main-image {
		height: 260px;
	}

}

@media screen and (max-width:767px) {
	.footer-box img.footer-logo {
		width: 155px;
	}
	.view-all-cities-bg {
		padding: 50px 40px 20px 40px;
	}	
	.footer-bg {
		padding: 40px 30px 0 30px;
	}	
	.popular-item {
		margin: auto;
	}
	.search-filter-box .search-for-restaurant {
    	max-width: 100%;
    	width: 100%;
	}
	.filter-box p{
		display: none;
	}
	.filter-section.fixed-filter{
		padding:20px;
	}
	.filter-section .search-for-restaurant input.form-control {
		width: 225px;
	}
	.filter-section.fixed-filter .search-for-restaurant input.form-control {
		width: 225px;
	}
	.search-for-restaurant button.btn{
		right:5px;
	}		
	.location-box{
		padding:14px 24px 14px 24px;
		max-width:100%;
	}
	.filter-box .dropdown-menu {
		margin-top: 70px !important;		
	}
	.filter-box .dropdown-menu{
		width:260px; 
	}
	.filter-box .dropdown-menu ul li {
	    font-size: 18px;
	    padding: 10px 24px;
	}
	.filter-box .dropdown-menu ul li .form-check {
	    padding-left: 50px;
	}	
	.header-bg.header-two {
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 30px;
		padding-right:30px;
	}
	.header-two .header-right ul li a {
		padding: 3px 15px;
		font-size: 15px;
	}
	.popular-cuisines-section {
		padding-left: 20px;
		padding-right: 20px;
	}
	.modal-content .modal-header {
		padding: 10px 30px;
	}
	#FilterModal .modal-content .modal-body {
		padding: 0 30px;
	}
	#FilterModal .modal-dialog .modal-content button.btn-close {
		right: 25px;
	}
	.filter-popup-list {
		min-width: 188px;
		max-width: 188px;
	}
	.filter-popup-list ul li {
		padding-bottom: 10px;
	}
	.filter-category-list ul li {
		padding-bottom: 25px;
	}
	.filter-category-list ul li .form-check {
		padding-left: 50px;
	}
	.filter-category-list {
		margin-bottom: 35px;
	}
	.filter-content {
		padding: 20px 20px 20px 20px;
	}
	#FilterModal .modal-footer button.btn {
		margin: 5px 10px;
	}
	.header-two .header-right ul li a.basket-toggle-btn {
		width: 70px;
		padding: 3px 10px;
	}
	.filter-section, .most-popular-section {
		padding-left: 10px;
		padding-right: 10px;
	}	
	.product-rating ul li{
		font-size:14px;
		padding-right: 12px;
		margin-right: 12px;
	}
	.product-rating ul li span{
		font-size:24px;
	}
	.product-rating ul li .fa-star{
		font-size: 22px;
	}
	.checkout-page {
		padding-top: 88px;
	}
	.track-order-box{
		padding-top:20px;
	}
	.track-order-heading {
		margin-bottom: 30px;
	}
	.track-order-box p {
		margin-bottom: 35px;
	}
	.order-status .check-arrow {
		margin-bottom: 50px;
	}
	.order-statusp-list ul li p{
		font-size: 16px;
	}
	.restaurant-location-section {
		padding-top: 115px;
	}
	.restaurant-search-banner {
		margin-bottom: 40px;
	}
	.restaurant-search-banner img.restaurant-banner-image {
		height: 320px;
	}
	.search-restaurant-title {
		font-size: 40px;
		top: 40px;
		padding-left: 30px;
		padding-right: 30px;
	}
	.restaurant-search-banner .enter-postcode-address {
		max-width: 440px;	
	}
	.restaurant-search-banner .enter-postcode-address input.form-control {
		height:54px;
		font-size: 16px;
		padding-right: 130px;
		border-radius: 50px;
	}
	.restaurant-search-banner .enter-postcode-address button.btn {
		top: 5px;
		right: 5px;
		font-size: 17px;
		width: 110px;
		height: 44px;
	}
	.inner-page {
		padding-top: 120px !important;
	}
	.menu-inner-sec .left-arrow {
		padding-left: 5px;
	}
	.terms-condition h5 {
		font-size: 30px;
	}
	.product-main-box-section{
		padding-top: 88px;
	}
	.product-details-left .product-main-box img.product-main-image {
		height: 220px;
	}

}

@media screen and (max-width:575px) {
	button.toggle {
		margin-right: 15px;
	}
	.logo a img {
		width: 100px;
	}
	.banner-bg{
		padding-top:150px;
	}
	.banner-content h2 img {
		width: 40px;
	}
	.Join-the-movement-bg {
		height: 400px;
	}
	.enter-postcode-address input.form-control{
		font-size: 16px;
		height: 54px;
		padding-right:125px;
	}
	.everything-you-crave-image{
		padding-top:40px;
		padding-left:30px;
		padding-right:30px;
	}
	.everything-you-crave-content {
		padding-top:30px;
	}
	.enter-postcode-address button.btn {		
		font-size: 18px;
		width: 110px;
		height: 42px;
		top: 6px;
		right: 6px;
	}
	.users-restaurants-box {
		margin-right: 40px;
	}
	.users-restaurants-box:last-child{
		margin-right:0;
	}
	.users-restaurants-box h3 {
		font-size: 48px;
		margin-bottom: 0;
	}
	.users-restaurants-box p {
		font-size: 24px;
	}
	.perfect-cuisine-content {
		padding-top:30px;
	}
	.view-all-cities-bg .main-heading {
		margin-bottom: 40px;
	}
	p {
		font-size: 18px;
	}
	h2{
		font-size:52px;
	}
	.main-heading{
		margin-bottom:25px;
	}
	.main-heading h2{
		font-size:52px;
		margin-bottom:15px;
	}
	.footer-box{
		text-align: center;
		margin-bottom:40px;
	}
	.follow-us{
		margin-bottom:40px;
	}
	.copy-right{
		text-align: center;
	}
	.popular-item {
		width: 170px;
		height: 135px;
	}
	.popular-item::after, .popular-item::before {
		width: 170px;
		height: 135px;
	}
	.popular-cuisines-section .main-heading h5{		
		font-size:34px;
		text-align: center;
	}
	.popular-slider {	    
	    padding-bottom: 10px;
	}
	.popular-item .popular-item-name img {
		margin-top:-30px; 
	    max-width: 85px;
	    margin-bottom:10px; 
	}
	.popular-item {
	    width: 100px;
	    height: 70px;
	}
	.popular-item:after,
	.popular-item:before{
		width: 100px;
	    height: 70px;
	    border-radius:10px; 
	}
	.popular-item .popular-item-name p{
		font-size:14px;
		font-weight:normal;
	}
	.popular-cuisines-section {
	    padding-top:110px !important;
	}	
	.add-cart-box {
		min-width: 350px;
		max-width: 350px;	
	}
	.add-cart-box .cart-top {
		padding: 15px 20px 15px 20px;
	}
	.add-cart-box .cart-middle {
		max-height: calc(100vh - 205px);
	}
	.add-cart-box .cart-item {
		padding: 10px 10px 10px 20px;
	}
	.add-cart-box .cart-item .cart-content h6 {
		font-size: 16px;
	}
	.add-cart-box .cart-item .cart-content ul li{
		font-size:14px;
	}
	.add-cart-box .cart-item .cart-content ul li::before{
		top: 48%;
	}
	.terms-conditions p{
		font-size:16px;
		line-height: 22px;
	}
	.modal-content .login-body {
		padding: 20px 30px 20px 30px;
	}
	.modal-dialog .modal-content button.btn-close {	
		top: 20px;
		left: 20px;
	}
	.product-box {
		padding-bottom: 30px;
	}
	.offer-for-you-slider, 
	.most-popular-slider{
		margin-bottom:25px;
	}
	.popular-cuisines-section .main-heading {
		margin-bottom: 50px;
	}
	button.slick-arrow {
		top: -40px;
	}
	.offer-for-you-slider button.slick-arrow, .most-popular-slider button.slick-arrow {
		top: -40px;
	}
	.header-two button.toggle {
		margin-right: 15px;
	}
	.popular-cuisines-section{
		padding-bottom: 25px;
	}
	.filter-section {
		padding-bottom: 25px;
	}
	.product-box .product-image .product-logo {
		top: 10px;
		left: 10px;
		width: 70px;
		height: 70px;
	}
	.product-box .product-image .product-logo img{
		width:60px;
	}
	.product-box .product-image .product-logo img.peri-peri-logo {
		height: 49px;
	}
	#FilterModal .modal-content .modal-body {
		flex-wrap: wrap;
	}
	.filter-popup-list {
		max-width: 100%;
		width: 100%;
		border: 0;
		padding: 20px 0 20px 0;
		border-bottom: 2px solid #F4F3F3;
	}
	.header-two .header-right ul li a.basket-toggle-btn {
		width: 55px;
		font-weight:normal;
		padding: 3px 5px;
	}
	.header-two .header-right ul li.add-cart-btn a img.white-cart-image {
		margin-right: 0;
	}
	.menu-section .search-for-restaurant input.form-control {
		width: 200px;
	}
	.inner-page {
		padding-top: 110px !important;
	}
	.product-rating ul {
		flex-wrap: wrap;
	}
	.product-rating ul li{
		width:100%;
		margin:0;
		padding:0;
		margin-bottom:12px;
	}
	.product-rating ul li::before{
		display: none;
	}
	.open-close {
		margin-bottom: 30px;
	}
	.reviews-rating-detail{
		flex-wrap: wrap;
	}
	.reviews-rating-detail .reviews-show{
		width:100%;
		margin-bottom: 20px;
	}
	.reviews-rating-detail .rating-show{
		padding:0;
	}
	.rating-list .rating-box {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.rating-list .rating-box p{
		font-size: 16px;
	}
	.step-box {
		padding: 17px 50px;
	}
	.step-box .step-number {
		font-size: 22px;
		width: 36px;
		height: 36px;
		line-height: 36px;
		left:20px;
	}
	.step-box .success-icon{
		right:20px;
	}	
	.step-box .success-icon img {
		width: 36px;		
	}
	.add-to-cart-box-two>div{
		flex-wrap: wrap;
	}
	.add-to-cart-box-two .add-cart-box {
		max-width: 100%;
		width:100%;
	}
	.subtotal-price-box{
		width:100%;
	}
	.add-to-cart-box-two .add-cart-box .cart-top{
		border-right: 2px solid #F4F3F3;
	}
	.promo-code-box,
	.subtotal-box{
		border-left: 2px solid#F4F3F3;
	}
	.subtotal-box ul{
		border-left:0;
	}
	.checkout-page {
		padding-top: 76px;
	}
	.step-box .step-number {
		top:17px;
		font-size: 20px;
		width: 32px;
		height: 32px;
		line-height: 32px;
		left: 15px;
	}
	.step-box .success-icon {
		top:17px;
		right: 15px;
	}
	.step-box .success-icon img {
		width: 32px;
	}	
	.step-box h5.title{
		font-size:26px;
	}
	.step-box {
		padding: 15px 30px;
	}
	.next-btn {
		padding-left: 25px;
		padding-right: 25px;
	}
	.accordion-header a span.check {
		top: 12px;
		left: -20px;
	}
	.accordion-header a span.check img {
		width: 15px;
	}
	.track-order-heading {
		margin-bottom: 20px;
	}
	.track-order-box {
		padding-top: 10px;
	}
	.track-order-box p{
		font-size: 18px;
	}
	.track-order-heading .product-logo {
		width: 75px;
		height: 75px;
		line-height: 75px;
		margin-right: 30px;
	}
	.track-order-heading .product-logo img {
		width: 50px;
	}
	.order-status .check-arrow {
		margin-bottom: 40px;
	}
	.order-status .check-arrow img{
		width:75px;
	}
	.search-restaurant-title {
		font-size: 36px;
		top: 35px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.restaurant-search-banner .enter-postcode-address {
		max-width: 400px;
		bottom: 40px;
	}
	.restaurant-location-section {
		padding-top: 105px;
	}
	.product-main-box-section {
		padding-top: 76px;
	}
	.product-details-left .product-main-box img.product-main-image {
		height: 190px;
	}
	.product-main-box .product-logo {
		width: 90px;
		height: 90px;
		line-height: 80px;
	}
	.follow-us{
		width:100%;
	}
	.footer-box img.footer-logo{
		margin-top:0;
    }

}

@media screen and (max-width:480px) {	
	body {
		padding: 10px;
	}
	.header-bg {
		padding: 25px 30px;
	}
	button.toggle {
		width: 34px;
		height: 28px;
		margin-right: 7px;
	}
	button.toggle span {
		width: 34px;
		height: 4px;
		top:12px;
	}
	button.toggle::after, button.toggle::before {
		width: 34px;
		height: 4px;
	}
	button.toggle.open::before {
		transform: rotateZ(45deg) scaleX(1.25) translate(8px, 7px);
	}
	button.toggle.open::after {
		transform: rotateZ(-45deg) scaleX(1.25) translate(7px, -8px);
	}
	.logo a img {
		width: 75px;
	}
	.header-right ul li a {
		font-size: 11px;
		padding: 3px 10px;
	}	
	.header-right ul li:first-child{
		margin-left:0;
	}
	.navigation-list ul li a.dropdown-item {
		font-size: 16px;
	}
	.your-restaurant-box p{
		font-size:16px;
	}
	.banner-bg {
		border-radius: 20px;
		padding:120px 20px 30px 20px;
	}
	.banner-image img {
		max-width: 100%;
	}
	.banner-content{
		padding-bottom:10px;
	}
	.banner-content h2 {
		font-size: 45px;
		line-height: 60px;
		margin-bottom: 40px;
	}
	.banner-content h2 img {
		width: 30px;
		top: -4px;
	}
	.enter-postcode-address input.form-control {
		font-size: 14px;
		height: 48px;
		padding-left:48px;
		padding-right: 95px;
	}
	.enter-postcode-address img.send-icon {
		width: 25px;
		left:15px;
	}
	.enter-postcode-address button.btn {
		font-size: 15px;
		width: 80px;
		height: 40px;
		top: 4px;
		right: 4px;
	}
	h2 {
		font-size: 52px;
		line-height: 48px;
	}
	.main-heading h2 {
		font-size: 42px;
		line-height: 48px;
	}
	.enter-postcode-address {
		margin: auto;
		margin-bottom: 35px;
	}
	.users-restaurants-main-box{
		flex-wrap: wrap;
	}
	.users-restaurants-box{
		width:100%;
		margin:0;
		margin-bottom:25px;
	}
	.users-restaurants-box h3 {
		font-size: 45px;
		line-height: normal;
		margin-bottom: 5px;
	}
	.restaurants-near-me {
		padding: 15px 20px;
		border-radius: 15px;
		top: 20px;
		left: 20px;
	}
	.restaurants-near-me h3 {
		font-size: 35px;
		line-height: 42px;		
	}
	.restaurants-bg img {
		min-height: 320px;		
	}
	.Join-the-movement-bg {
		height: 360px;
	}
	.download-our-app-bg{
		padding-top:40px;
	}
	.download-our-app-content {
		padding: 30px 30px;
	}
	.download-our-app-content .main-heading h2 {
		line-height: 48px;
	}
	.download-our-app-content ul li {
		width:100%;
		margin:0;
		margin-bottom:10px;	
	}
	.download-our-app-content ul li:last-child{
		margin-bottom:0;
	}
	.view-all-cities-bg {
		padding: 40px 30px 20px 30px;
	}
	h4{
		font-size: 34px;
	}
	.view-all-cities-bg .main-heading {
		margin-bottom: 30px;
	}
	.cities-box ul li {
		margin-bottom: 20px;
	}
	.cities-box ul li a {
		font-size: 18px;
	}
	.inner-page {
		padding-top: 100px !important;
	}
	.popular-cuisines-section {
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 10px;
	}
	.popular-cuisines-section .main-heading {
	    margin-bottom: 40px;
	}
	.most-popular-section .main-heading{
		margin-bottom:40px;
	}	
	.products-list-section {
		padding-left: 20px;
		padding-right: 20px;
	}
	.search-for-restaurant input.form-control {
		padding-left: 44px;
		padding-right: 100px;
	}
	.search-for-restaurant svg {
		font-size: 16px;
		left: 20px;
	}
	.search-for-restaurant button.btn {
		width: 85px;
		padding:8px 15px;
		font-size: 15px;
	}
	.filter-box {
		padding-top: 8px;
	}	
	.other-cuisines-box {
		min-width: 280px;
		max-width: 280px;		
	}
	.other-cuisines-box button.other-cuisines-btn {	
		margin-bottom: 25px;
	}
	.other-cuisines-box h6 {
		margin-bottom: 20px;
	}	
	.popular-item .popular-item-name img {
		margin-top:-25px; 
	    max-width: 65px;
	}
	.popular-item {
	    width: 80px;
	    height: 60px;
	}
	.popular-item:after,
	.popular-item:before{
		width: 80px;
	    height: 60px;
	    border-radius:5px; 
	}
	.popular-item .popular-item-name p{
		font-size:14px;
	}
	.location-box {
	    padding: 13px 20px 13px 20px;
	}	
	.search-for-restaurant svg {
	    font-size: 16px;
	    left: 16px;
	}
	.search-for-restaurant input.form-control {
		font-size:14px;
		padding-left: 40px;
	    padding-right: 85px;
	}
	.search-for-restaurant button.btn {
	    width: 70px;
	    font-weight:500; 
	    padding: 5px 5px;
	    font-size: 14px;
	}
	.search-filter-box {
	    margin-bottom: 20px;
	}	
	.filter-section .search-for-restaurant input.form-control {
		width: 175px;
		padding-right: 15px;
	}
	.filter-section.fixed-filter .search-for-restaurant input.form-control {
		width: 175px;
	}
	.filter-mobile-view .filter-btn a.filter-slide-button img {
		height: 24px;
		margin-left: 5px;
	}
	.filter-box button.filter-btn {
	    margin-left: 15px;
	}
	.filter-box button.filter-btn svg {
	    font-size: 28px;
	}
	.filter-box button.filter-btn img{
		width:28px; 
	}
	.filter-box .dropdown-menu {
	    width: 230px;
	    border-radius:10px; 
	    margin-top:60px !important; 
	}
	.filter-box .dropdown-menu:before {
    	top: -18px;
	    border-left: 16px solid transparent;
	    border-right: 16px solid transparent;
	    border-bottom: 20px solid #fff;
	}
	.filter-box .dropdown-menu ul li {
	    font-size: 16px;
	    padding: 8px 22px;
	}	
	.filter-box .dropdown-menu ul li .form-check {
	    padding-left: 35px;
	}
	.filter-box .dropdown-menu ul li .form-check input.form-check-input {
	    margin-top: 5px;
	}	
	.other-cuisines-box .search-for-restaurant svg {
 	   left: 16px;
	}	
	.other-cuisines-box .search-for-restaurant input.form-control {
	   font-size:14px; 
 	   height: 48px;
	   padding-left: 40px;
	   padding-right: 95px;
	}
	.other-cuisines-box .search-for-restaurant button.btn {
       width: 80px;
       padding: 6px 15px;
	}	
	.header-two button.toggle {
		margin-right: 6px;
	}
	.header-two .header-right ul li a {
		padding: 1px 10px;
		font-size: 13px;
	}
	.header-bg.header-two{
		padding-left:20px;
		padding-right:20px;
	}
	button.slick-arrow {
		top: -30px;
	}
	.filter-section, .most-popular-section {
		padding-left: 10px;
		padding-right: 10px;
	}
	button.slick-arrow.slick-prev {
		margin-right: 50px;
	}
	.offer-for-you-slider button.slick-arrow.slick-prev, .most-popular-slider button.slick-arrow.slick-prev {
		margin-right: 50px;
	}
	button.slick-arrow {	
		width: 28px;
		height: 28px;		
		line-height:28px;
	}
	button.slick-arrow.slick-next::before,
	button.slick-arrow.slick-prev::before{
		font-size:14px;
	}
	.product-box .product-content {
		padding-top: 5px;
	}
	.product-box .product-content h5 {
		font-size: 24px;
	}
	.modal-content .modal-header {
		padding: 7px 20px;
	}
	#FilterModal .modal-content .modal-header h5.modal-title {
		font-size: 28px;
	}
	#FilterModal .modal-dialog .modal-content button.btn-close {
		right: 20px;
	}
	#FilterModal .modal-content .modal-body {
		padding: 0 20px;
	}
	.filter-popup-list ul li a {	
		padding-left: 20px;
	}
	.filter-popup-list ul li {
		padding-bottom: 7px;
	}
	.filter-category-list ul li .form-check {
		padding-left: 40px;
	}
	.filter-category-list {
		margin-bottom: 15px;
	}
	.header-two .header-right ul li a.basket-toggle-btn {
		width:50px;
		padding: 1px 5px;
	}	
	.horizontal-favourite-box .horizontal-content-box {
		padding: 15px; 
	}	
	.horizontal-favourite-box .horizontal-image-box a.add-option {
		font-size:14px;
		width: 55px;
		height: 28px;
		line-height: 28px;
		right: 15px;
		bottom: 14px;
	}	
	.menu-section .search-for-restaurant input.form-control {
		font-size: 14px;
		width: 170px;
		padding-right: 20px;
	}
	.menu-inner-sec {
		padding-top: 0px;
	}	
	.menu-inner-sec .menu-list li a {
		font-size: 15px;
		padding-bottom: 12px;
	}
	.menu-list-arrow {
		padding-top: 2px;
	}
	.menu-inner-sec .right-arrow {
		padding-top: 2px;
		padding-left: 15px;
	}
	.product-main-box img {
		height: 160px;
		border-radius: 15px;
	}
	.product-main-box .product-logo {
		width: 80px;
		height: 80px;
		line-height: 70px;
		left: 20px;
	}
	.product-main-box .product-logo img {
		width: 60px;
	}
	.product-name h5 {
		font-size: 32px;
		margin-bottom: 5px;
	}
	.product-rating ul li {
		margin-bottom: 8px;
	}
	.product-rating ul li span {
		font-size: 22px;
	}
	.open-close ul li{
		font-size: 14px;
	}
	.reviews-rating-box {
		padding: 20px 20px 10px 20px;
	}
	.reviews-show h4 {
		font-size: 48px;
		margin-bottom: 5px;
	}
	.reviews-show .reviews-list li a {
		font-size: 20px;
	}
	.progress-box {
		margin-bottom: 0px;
	}
	.progress-box .progress {
		height: 12px;
	}
	.rating-list .rating-box p {
		font-size: 15px;
	}
	.rating-list .rating-box .rating-details span{
		font-size: 13px;
	}
	.rating-list .rating-box .rating-details .rating-star li a{
		font-size: 13px;
	}
	.delivery-pick-up-list li {
		padding: 10px 10px 4px 10px;
	}
	.restaurant-location-box .location-details ul li{
		font-size: 14px;
	}
	#opening-times ul li span{
		font-size: 15px;
	}
	.checkout-page {
		padding-top: 70px;
	}
	.next-btn {
		padding-left: 25px;
		padding-right: 25px;
	}
	.next-btn button.btn{
		font-size: 22px;
	}
	.step-body-box .form-group textarea.textarea-msg {
		height: 150px;
		padding: 10px 20px;
	}	
	.order-place-btn span {
		font-size: 16px;
	}
	.order-place-btn button.btn svg{
		font-size: 18px;
	}
	.track-order-box {
		padding-top: 0px;
	}
	.track-order-heading .product-logo {
		width: 55px;
		height: 55px;
		line-height: 50px;
		margin-right: 15px;
	}
	.track-order-heading .product-logo img {
		width: 40px;
	}
	.order-status .check-arrow {
		margin-bottom: 30px;
	}
	.track-order-heading {
		margin-bottom: 10px;
	}
	.track-order-heading h5 {
		font-size: 26px;
	}
	.track-order-box h6 {
		font-size: 22px;
		margin-bottom: 10px;
	}
	.track-order-box p {
		font-size: 16px;
		margin-bottom: 25px;
	}
	.order-status .check-arrow img {
		width: 65px;
	}
	.order-statusp-list ul::before {
		height: 8px;
	}
	.order-statusp-list ul li::before{
		height:8px;
	}
	.order-statusp-list ul li::after {
		width: 18px;
		height: 18px;
		top:-5px;
	}
	.order-statusp-list ul li {
		padding-top: 25px;
	}
	.order-statusp-list ul li::before {
		left: -48%;
	}
	.order-statusp-list ul li:first-child::before {
		width: 52%;
	}
	.order-statusp-list ul li p {
		font-size: 11px;
		line-height: 16px;
		text-align: center;
	}
	.restaurant-search-banner img.restaurant-banner-image {
		height: 250px;
	}
	.search-restaurant-title {
		font-size: 32px;
		top: 20px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.restaurant-search-banner .enter-postcode-address {
		max-width: 270px;
		bottom: 25px;
	}
	.restaurant-search-banner .enter-postcode-address input.form-control {
		height: 48px;
		padding-right: 110px;
	}
	.restaurant-search-banner .enter-postcode-address button.btn {
		font-size: 16px;
		width: 90px;
		height: 38px;
	}
	.restaurant-location-section {
		padding-top: 90px;
	}
	.terms-condition .main-heading{
		margin-bottom: 15px;
	}
	.terms-condition .main-heading h4{
		line-height: 50px;
	}
	.terms-condition h5 {
		font-size: 28px;
		margin-bottom: 5px;
	}
	.terms-condition p{
		font-size: 18px;
	}
	.privacy-policy-condition li{
		font-size: 18px;
	}
	.filter-section.fixed-filter {
		padding: 15px 15px;
	}
	.product-main-box-section {
		padding-top: 70px;
	}
	.reviews-rating-main .review-response h6{
		font-size: 24px;
		margin-bottom: 10px;
	}
	.rating-list .rating-box .review-response p {
		font-size: 15px;
		margin-bottom: 10px;		
	}
	.review-response h6 span {	
		width: 100%;
		display: inline-block;		
	}

}

@media screen and (max-width:400px) {	
	button.toggle {
		width: 28px;
		height: 24px;
		margin-right: 6px;
	}
	button.toggle span {
		width: 28px;
		top:11px;
		height:3px;
	}
	button.toggle::after, button.toggle::before {
		width: 28px;
		height:3px;
	}
	.logo a img {
		width: 65px;
	}
	.header-right ul li {
		margin-left: 6px;
	}
	.header-right ul li a {
		padding: 1px 7px 3px 7px;
	}
	.header-right ul li.add-cart-btn a {
		padding: 0;
		width: 26px;
		height: 26px;
		text-align: center;
		line-height: 26px;
		position: relative;
		border:0;
		background-color: transparent;
	}
	.header-right ul li.add-cart-btn a img{
		margin-right:0;
	}
	.header-right ul li.add-cart-btn a span{
		width: 16px;
		height: 16px;
		background-color: #fff;
		position: absolute;
		font-size: 12px;
		color: #FC353A;
		top: -10px;
		right: -7px;
		line-height: 15px;
		border-radius: 50%;
		font-weight: 800;
	}
	.header-right ul li.add-cart-btn a img.white-cart-image {
		display: inline-block;
	}
	.header-right ul li.add-cart-btn a img.red-cart-image {
		display: none;
	}
	.add-cart-box {
		min-width: 300px;
		max-width: 300px;
	}
	.add-cart-box .checkout-btn a{
		width:100%;
	}
	.add-cart-box .checkout-btn a span{
		font-size:16px;
	}
	.add-cart-box .checkout-btn a span svg {
		font-size: 20px;
		margin-left: 10px;
	}
	.add-cart-box .cart-item .cart-image-item img {
		width: 60px;
		height: 60px;
	}
	.add-cart-box .cart-item .cart-content h6 {
		font-size: 15px;
	}
	.add-cart-box .cart-item .cart-content ul{
		margin-bottom:0;
	}
	.add-cart-box .cart-item .cart-content ul li {
		font-size: 10px;
		margin-left: 5px;
		padding-left: 5px;
	}
	.add-cart-box .cart-item .cart-content ul li::before {
		top: 42%;
		left:-4px;
	}
	.add-cart-box .cart-item .cart-add-item ul li span {
		padding: 0 8px;
	}
	.add-cart-box .cart-item .cart-add-item ul li {
		line-height: 26px;
	}
	.add-cart-box .cart-item .cart-add-item ul li a {
		font-size: 10px;
		width: 26px;
		height: 26px;
		line-height: 26px;
	}
	.header-two .header-right ul li a.basket-toggle-btn {
		width: 22px;
		height:22px;
		line-height: 22px;
	}	
	.header-two .header-right ul li.add-cart-btn a img.white-cart-image{
		width:12px;
	}
	.header-two .header-right ul li.add-cart-btn a span{
		box-shadow: 0 0 2px 2px #e7e7e7;
	}
	.step-box h5.title {
		font-size: 24px;
	}
	.add-to-cart-box-two .add-cart-box {
		min-width: 300px;
	}
	.checkout-page {
		padding-top: 65px;
	}
	.add-to-cart-box-two .add-cart-box .checkout-btn a span {
		font-size: 15px;
	}
	.add-to-cart-box-two .add-cart-box .checkout-btn a span svg {
		font-size: 18px;
	}
	.add-to-cart-box-two .add-cart-box .cart-item {
		padding: 10px 10px 10px 15px;
	}
	.socials-login-options ul li {
		margin-bottom: 10px;
	}
	.socials-login-options ul li a{
		font-size: 14px;
	}	
	.socials-login-options ul li a.google-btn img {
		margin-right: 10px;
	}
	.socials-login-options ul li a.facebook-btn img {
		margin-right: 10px;
	}
	.socials-login-options ul li a.apple-btn img {
		margin-right: 10px;
	}
	.form-control{
		font-size: 16px;
	}
	.next-btn {
		padding-left: 10px;
		padding-right: 10px;
	}
	.next-btn button.btn{
		padding-left:15px;
		padding-right: 15px
	}
	.order-place-btn span {
		font-size: 14px;
	}
	.order-place-btn button.btn svg {
		font-size: 16px;
		margin-left:2px;
	}
	.security-number-group img {
		margin-right: 10px;
	}
	.security-number-group input {
		width: 55px;
	}
	.security-number-group span {
		font-size: 14px;
		padding-left: 10px;
	}
	.horizontal-favourite-box .horizontal-content-box {
		padding: 10px 15px;
	}
	.horizontal-favourite-box .horizontal-content-box h6{
		font-size: 20px;
		line-height: normal;
		margin-bottom:2px;
	}
	.horizontal-favourite-box .horizontal-content-box span.price{
		font-size:16px;
	}
	.horizontal-favourite-box .horizontal-content-box p{		
		font-size: 13px;
		line-height: 22px;
	}
	.horizontal-favourite-box .horizontal-image-box {
		width: 100px;
		min-width: 100px;
	}
	.horizontal-favourite-box .horizontal-image-box img{
		object-fit: cover;
		border-radius:0 10px 10px 0;
	}
	.horizontal-favourite-box .horizontal-image-box a.add-option {
		font-size: 13px;
		width: 54px;
		height: 28px;
	}
	.customer-favourites-section .main-heading {
		margin-bottom: 25px;
	}
	.customer-favourites-section .main-heading h6{
		font-size: 28px;
	}
	.inner-page {
		padding-top: 90px !important;
	}
	.product-details-left .product-main-box img.product-main-image {
		height: 150px;
	}
	.product-main-box-section {
		padding-top: 62px;
	}
	.product-main-box .product-logo {
		width: 70px;
		height: 70px;
		bottom: -35px;
	}
	.product-main-box .product-logo img {
		width: 54px;
	}
	.product-rating-section {
		padding-top: 50px;
	}
	.review-response {
		padding: 10px 10px 5px 15px;
		border-left:6px solid #fc353a;
	}
	.reviews-rating-main .review-response h6 {
		font-size: 22px;
		margin-bottom: 5px;
	}
	.rating-list .rating-box .review-response p {
		font-size: 14px;
		margin-bottom: 8px;
	}

}