@media screen and (max-width: 1400px) {
	.navigation ul li{
		padding:6px 4%;
	}
}
@media screen and (max-width: 1300px) {
	.navigation ul li{
		padding:6px 3.3%;
	}
}
@media screen and (max-width: 1100px) {
	.navigation ul li{
		padding:6px 2.8%;
	}
}
@media screen and (max-width: 1000px) {
	.menu-grid-col h2{
		font-size:16px;
	}
	.nav-right{
		display:none;
	}
	.nav-left{
		width:100%;
	}
	.navigation{
			display:none;
	}
	.navigation ul li{
		width:96%;
		padding:10px 2%;
		border-bottom:1px solid #999;
	}
	.navigation ul li:after{
		display:none;
	}
	.res-nav-trigger{
		display:block;
	}
	 .navigation{
        width:100%;
        height:0;
        position:fixed;
        margin:0;
        background-color:#000;
        color:#fff;
        display:block;
        top:0;
        left:0;
        float:none;
        z-index:9999;
        transition:height 250ms cubic-bezier(.645,.045,.355,1);
        overflow:hidden;
        border:none;
    }
    .navigation--active{
        height:100vh;
        transition:height 250ms cubic-bezier(.645,.045,.355,1);
        padding-top:50px;
    }
    .carousel-inner img{
		width:320px;
	}
	.carosuelImage{
		height: 520px;
	}
}
@media (max-width: 792px){
	.booking-form iframe{
		height: 850px !important;
	}
}

@media screen and (max-width: 768px) {
	body {
		font-size: 12px;
	}
	h1 {
		font-size:40px;
		line-height:50px;
	}
	iframe.desktop{
		display:none !important;
	}
	iframe.mobile{
		display:block !important;
	}
	.contact-section{
		display:block;
	}
	.menu-grid{
		max-width:100%;
		display: block;
	    flex-wrap: nowrap;
	    margin:0 auto;
	}
	.location-col1{
		width:92%;
	}
	.location-col2{
		width:100%;
		display:none;
	}
	.location-col3{
		width:100%;
	}
	.col-2{
		width:100%;
		padding:15px 0;
	}
	.center-arrows{
		display:block;
	}
	.carosuelImage{
		height:460px;
	}
	.carousel-text{
		display:none;
	}
	.home ul#tab-wrapper{
		display:block;
	}
	a.filter{
		width:45.5%;
		display:inline-block;
	}
	a.filter:nth-child(4n){
		background: #3d322d !important;
	}
	a.filter:nth-child(5n){
		background: #5c4b42 !important;
	}
	a.filter:nth-child(3n){
		background:#4b3f33 !important;
	}
	.element-item{
		width:100%;
		height:350px;
	}
	.photo-gallery{
		margin-top:30px;
		margin-bottom:40px;
	}
	h2.title{
		font-size:34px;
		line-height:44px;
	}
	.map-iframe,#bgmp_map-canvas{
		height:400px !important;
		min-height: 400px !important;

	}
	.photo-gallery h2.title{
		text-align:center;
	}
	.photo-gallery .wrapper-2{
		max-width:100%;
		margin:0 70px;
		padding:0 0;
	}
	.carousel-gallery a#prev1{
		position:absolute;
		left:-60px;
	}
	.carousel-gallery a#next1{
		position:absolute;
		right:-54px;
	}
	.inner-block{
		width:275px;
	}
	.menu-grid{
		display:none;
	}
	.food-menu-mobile{
		display:block;
	}
	.menu-item-slider h2{
		font-size:14px;
	}
	.mobile-contact-form{
		display:block;
	}
	.carousel-inner img{
		width:250px;
	}

}
@media screen and (max-width: 600px) {

	.booking-form iframe{
		height: 1300px !important;
	}

	.floating-button{
		display:none;
	}
	.floating-button-mobile{
		display: block;
	}
	.carousel-inner img{
		width:180px;
	}
	.inner-block{
		height:180px;
	}
	.center-arrows{
		top:85px;
	}
	.view-vacancies{
		width:250px;
		font-size: 14px;
	}
	.carosuelImage{
		height:300px;
	}
}
@media screen and (max-width: 480px) {
	.element-item .inner img{
		width:175px;
	}
	h2.chef-name{
		text-align:center;
	}
	h2.position{
		text-align:center;
	}
	.image-left{
		width:100%;
	}
	.image-left img{
		margin:0 auto;
		display:block;
	}
	.text-right{
		width:100%;
		padding:0 0;
	}
	.map-iframe,#bgmp_map-canvas{
		height:300px !important;
		min-height:300px !important;
	}
	.gift-vouchers{
		padding:5px 5px;
	}
	.social{
		font-size:26px;
	}
	.social i{
		margin-right:0px;
	}
	img.mcmullen-logo{
		height:32px;
	}
	footer{
		font-size:12px;
		padding:20px 15px;
	}
	.copyright{
		font-size:12px;
		line-height:20px;
		margin-top:15px;
	}
	button.view-vacancies{
		min-width:100px;
	}
	.center-arrows img{
		width:30px;
	}
	.photo-gallery .wrapper-2{
		margin:0 40px;
	}
	.carousel-gallery a#prev1{
		left:-36px;
	}
	.carousel-gallery a#next1{
		right:-36px;
	}
	.food-menu-mobile a#prev{
		left:-33px;
	}
	.food-menu-mobile a#next{
		right:-35px;
	}
	.food-menu-mobile a#prev-xmas{
		left:-33px;
	}
	.food-menu-mobile a#next-xmas{
		right:-35px;
	}
	.mobile-arrows img{
		width:25px;
	}
	.food-menu-mobile{
		margin:0 50px;
	}
	.hotl-arrows{
		display: none;
	}
}