@media(max-width:1200px){
		.container{
			width: 100%;
			padding:0 15px;
		}


		body{
			padding-top: 75px;
		}


		header{
			height: 75px;
			background: #fff;
		}
		header.fixed{
			height: 75px;
		}


		.site-branding{
			top: 0;
			left: 0;
		}
		header.fixed .site-branding{
			top: 0;
		}
		.site-branding a.logo{
		}
		.site-branding a.logo img{
			max-width: 120px;
			height: auto;
		}
		header.fixed .site-branding a.logo img{
			max-width: 120px;
		}
		.site-branding a.logo img.logo-2{
			visibility: visible;
			display: block;
		}
		.site-branding a.logo img.logo-1{
			visibility: hidden;
			display: none;
		}




		.site-navwrap{
			top:0;
		}
		header.fixed .site-navwrap{
			top: 0;
		}
		.navicons{
			display: block;
		}
		.sitenav{
			display: none;
			position:fixed;
			width:100%; 
			height:100%;
			left:0; top:0;
			margin:0 0 0 0;
			z-index:2;
			background: rgba(0,0,0,0.95);
		}
		.navwrap{
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%; height: 100%;
			padding:60px 40px;
			overflow-y: auto;
		}
		.navouter{
			display: flex;
			align-items: center;
			flex-direction: column;
			margin: auto;
		}
		nav.headermenu{
			float: none;
			width:220px;
			margin-bottom: 50px;
		}
		nav.headermenu ul{
			display: flex;
			flex-wrap: wrap;
		}
		nav.headermenu ul li{
			flex:0 0 100%;
			position: relative;
			z-index: 3;
			padding:15px 0;
			margin-bottom: 15px;
		}
		nav.headermenu ul li a{
			float: left;
			width: 100%;
			text-align: center;
			font-size: 16px;
			padding: 0 30px;
			color: #fff !important;
		}
		.contact-info{
			float: right;
			margin-left: 10px;
			padding-left: 10px;
			padding-top: 5px; padding-bottom: 5px;
			margin-top: 3px;
		}
		.contact-info a{
			font-size: 12px;
			color: #000;
		}
		.contact-info a i{
			color: #008dc7;
			margin-right: 5px;
		}
		header.fixed .contact-info a{
			color: #000;
		}
		/* -- BREAK -- */









		.banner{
			padding:80px 0;
		}
		.bannercontent .text{
			width: 50%;
		}
		.bannercontent .text h3{
			font-size: 18px;
		}
		.bannercontent .text h2{
			font-size:36px;
			margin-bottom: 20px;
		}
		.bannercontent .text p{
			font-size:14px;
			line-height: 150%;
		}
		.bannercontent .text .buttons{
			margin:35px 0 0 0;
		}
		.bannercontent .text .buttons a{
			width: 160px;
			height: 45px; line-height: 45px;
			font-size:12px;
			margin: 0 10px;
		}





		.about{
			padding:45px 0;
		}
		.about .contentinline{
			align-items: flex-start;
		}
		.about .text h3{
			font-size:42px;
			margin-bottom: 10px;
		}
		.about .text h4{
			font-size:21px;
			margin-bottom: 30px;
		}
		.about .text p, .about .text ul li{
			font-size:13px;
		}



		.foodmenu{
			padding:45px 0 10px 0;
		}
		.foodmenu h3{font-size: 42px;}
		.foodmenu h4{font-size: 21px;}
		.menuitems_wrap{
			margin-top: 40px;
		}
		.menuitems_wrap .item{
			margin-bottom: 30px;
		}
		.menuitems_wrap .item h6{font-size: 11px;}
		.menuitems_wrap .item h5{font-size: 17px;}
		.menuitems_wrap .item p{font-size: 13px;}




		.contactsection{
			padding: 45px 0;
		}
		.contactsection h3{
			font-size: 42px;
		}
		.contactsection h4{
			font-size: 21px;
		}
		.contactsection p{
			font-size:13px;
		}
		.contactform{
			width: 100%;
			margin: 0 auto 40px auto;
		}
		.contactform form input[type="text"],
		.contactform form input[type="email"],
		.contactform form textarea{
			width:100%;
		}
		.contactform form input[type="email"]{
			margin-top: 20px;
		}




		footer{
			padding: 30px 0;
		}
}
/* -- 1200 ENDS -- */








@media(max-width:800px){

		.bannercontent .text h2{
			font-size:30px;
			margin-bottom: 20px;
		}
		.bannercontent .text .buttons{
			margin:30px 0 0 0;
			display: flex;
			align-items: center;
			flex-direction: column;
		}
		.bannercontent .text .buttons a{
			width: 150px;
			height: 42px; line-height: 42px;
			font-size:12px;
			margin: 5px 0;
		}




		.about .text h3{
			font-size:36px;
			margin-bottom: 10px;
		}
		.about .text h4{
			font-size:19px;
			margin-bottom: 30px;
		}
		.about .text p, .about .text ul li{
			font-size:13px;
		}



		.foodmenu h3{font-size: 36px;}
		.foodmenu h4{font-size: 19px;}



		.maparea .mapheading{
			padding:30px 0;
			font-size:24px;
		}
		.maparea iframe{
			height: 400px;
		}
}
/* -- 800 ENDS -- */









@media(max-width:600px){
		.bannercontent .text h3{
			font-size: 18px;
		}
		.bannercontent .text h2{
			font-size:30px;
			margin-bottom: 20px;
		}
		.bannercontent .text p{
			font-size:15px;
			line-height: 150%;
		}
		.bannercontent .text .buttons{
			margin:25px 0 0 0;
		}
		.bannercontent .text .buttons a{
			width: 140px;
			height: 40px; line-height: 40px;
			font-size:11px;
			margin: 4px 0;
		}


		.about .contentinline{
			display: flex;
			align-items: center;
			flex-direction:column;
		}
		.about .imagearea{
			width: 100%;
			margin:40px 0 0 0;
		}
		.about .text{
			width: 100%;
			margin: 0 0 0 0;
		}



		.menuitems_wrap .item{
			flex-basis: 48%;
		}



		.copyright{
			float: left;
			width: 100%;
		}
		.credits{
			float: left;
			margin-top: 30px;
		}
}
/* -- 600 ENDS -- */