@media only screen and (max-width: 1080px) {
	.wave-left{
		display: none !important;
	}
	
	.column-section-wrap{
		padding-top:95px !important;
		padding-bottom: 95px !important
	}
	
	.google-map-img .vc_column-inner{
		height:622px !important;
	}
	
	.opening-days div p{
		height: 60px !important;
	}
	
	.opening-hours div p{
		font-size: 22px !important;
		line-height: 30px !important;
	}
	
	#food-container{
		margin: 0px 0px 30px;
	}
	
	.food-title h4::after {
 		 width: 100px;
	}	
	
	.foods  .vc_col-sm-10{
		width: 80% !important;
	}
	
	.foods  .vc_col-sm-2{
		width: 20% !important;
	}
	
	.nav-button-wrap{
		left: -25px !important;
	}
}


@media only screen and (max-width: 820px) {
	
	.google-map-img .vc_column-inner{
		height:608px !important;
	}
	
	.main-menu nav ul > li:last-child{
		background-color: transparent !important;
	}
	
	.image-collge-wrap::before{
		display: none !important;
	}
	
	.bottomless{
		height:714px !important;
	}
	
	.opening-hours div p{
		font-size: 16px !important;
		line-height: 22px !important;
	}
	
	.bold-separator {
  		max-width: 200px;
	}
	
	.foods  .vc_col-sm-10{
		width: 70% !important;
	}
	
	.foods  .vc_col-sm-2{
		width: 30% !important;
	}
	
	.food-title h4::after {
 		 display: none;
	}	
}
	

@media only screen and (max-width: 430px) {
	.hero-title .main-title{
		font-size: 38px !important;
	}	
	
	.hero-title .main-text::before{
		top:110px !important;
	}
	
	.big-padding{
		padding: 80px 0px !important;
	}
	
	.home-about-img{
		margin-top: 30px;
	}
	
	.bottomless{
		height:auto !important;
	}
	
	.google-map-img{
		clear:both !important;
	}
	
	.google-map-img .vc_column-inner {
	  height: 400px !important;
	}
	
	.opening, #maps-section .column-section-wrap{
		width:100% !important;
	}
	
	.opening-days div p {
	  height: auto !important;
	}
	
	.opening-hours div p{
		font-size: 18px !important;
		line-height: 22px !important;
	}
	
	.foods  .vc_col-sm-10{
		width: 100% !important;
	}
	
	.foods  .vc_col-sm-2{
		width: 100% !important;
	}
	
	.food-title{
		margin-bottom: 0px !important;
	}
	
}

@media only screen and (max-width: 375px) {
	.hero-title .main-title{
		font-size: 36px !important;
	}	
}