/* CSS Document */

/* x large devices */
@media only screen and (max-width : 1250px) {
	
	.news-posts {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
	.news-posts .news-post {
		margin-bottom: 20px;
    	width: 100%;
	}
	.post-image-thumb { 
		width: 100%; 
	}
	.post-info { 
		width: 100%; 
	}
	
}

@media only screen and (max-width : 1200px) {
	
	#cookies p.text { 
		width: 80%; 
	}
	.profile { 
		width: 42%; 
	}

}

/* large devices */
@media only screen and (max-width : 992px) {
	
	#cookies p.text { 
		width: 100%; 
	}
	.logo img { 
		width: 120px; 
	}
	input.es_textbox_button,
	input.es_textbox_class { 
		width: 80% !important; 
	}
	.news-page { 
		padding-right: 30px; 
	}
}

@media only screen and (max-width : 768px) {

	.header {
		background-color: #c9c9c9;
		display: block !important;
		height: 110px;
	}
	.sidebar,
	.mobile-sidebar { 
		display: none; 
	}
	.logo-home {
		position: relative;
		left: 0;
		top: 30px;
		right: 0;
		text-align: center;
		margin: 0 auto;
		width: 78%;
		height: auto;
	}
	.menu-icon {
		position: relative;
		left: 10px;
		top: -5px;
		float: left;
	}
	.menu-icon a:first-child { 
		display: none; 
	}
	#showmenu { 
		color: #282828; 
	}
	.calender { 
		display: block; 
		margin-right: 20px;
	}
	.logo { 
		display: none; 
	}
	.sidebar a,
	.mobile-sidebar a { 
		font-size: 13px; 
	}
	.primary-menu { 
		margin-bottom: 30px; 
	}
	.social-icons .fa { 
		font-size: 20px; 
	}
	.sidebar .subscribe,
	.mobile-sidebar .subscribe { 
		display: none; 
	}
	.sidebar .footer-menu
	.mobile-sidebar .footer-menu { 
		display: none; 
	}
	.footer { 
		background-color: #eeeeee;
		color: #575756;
		font-size: 12px;
		line-height: 30px;
		display: block;
		padding-top: 20px;
		text-align: center;
		width: 100%;
	}
	.footer input.es_textbox_button,
	.footer input.es_textbox_class { 
		width: 190px !important; 
	}
	.footer .subscribe span { 
		font-size: 12px;
		font-weight: normal;
	}
	.content {
		background-color: rgba(29, 29, 27, 1);
		padding: 35px 40px 10px;
		position: static;
		margin-top: -1px;
		left: 0;
		width: 100%;
		min-height: auto;
		height: auto;
	}
	.content-wrap { 
		height: 800px; 
	}
	.about-content p:last-of-type { 
		margin-bottom: 20px; 
	}
	.home {
		background-color: rgba(29, 29, 27, .0);
		min-height: 100%;
		height: 100vh;
	}
	.about {
		background-position: bottom 21% left 59%;
		background-size: 235% auto;
	}
	.menus {
		background-position: bottom 21% left 40%;
		background-size: 235% auto;
	}		
	.menus-page .content {
		background-color: #1d1d1b;
		padding: 50px 35px 40px;
		width: 100%;
	}
	.reservations {
		background-position: bottom 5% left 59%;
		background-size: 235% auto;
	}
	.reservations-page { 
		height: 1100px; 
	}
	.reservations-page .content {
		background-color: rgba(29, 29, 27, 1);
		width: 100%;
	}
	.Dining {
		background-position: bottom 15% left 90%;
		background-size: 150% auto;
	}
	.private-dining-page { 
		padding-bottom: 35px; 
	}
	.Dining-page { 
		height: 900px; 
	}
	.Contact {
		background-position: bottom 20% left 75%;
		background-size: 150% auto;
	}
	.post-info {
		height: auto;
	}
	.post-image-thumb {
		min-height: auto;
	}
	.news-page h1 { 
		margin-bottom: 20px;
    	text-align: center;
	}
	.profile-wrap {
		border-right: 0;
		border-bottom: 0;
	}
	.team-page {
		min-height: auto;
		height: auto;
	}
	.vacancy {
		text-align: center;
		min-height: auto;
		height: auto;
		padding: 10px 30px 30px;
	}
	.vacancy ul.positions li:first-child a {
		font-weight: bold;
		font-size: 11px;
	}
	
	/***** MOBILE VERSION FIXES *****/
	.desktop { 
		display: none; 
	} 
	#cookies { 
		position: fixed;
		top: 0;
		z-index: 2;
	}
	.mobile { 
		display: block; 
		position: relative;
	}
	body { 
		background-image: none; 
	}
	#home {
		margin-top: 110px;
	}
	.header {
		position: fixed;
		top: 0;
		z-index: 1;
	}
	.top {
		position: fixed;
		top: 0 !important;
	}
	.one {
		top: 80px;
	}
	.two {
		margin-top: 191px !important;
	}
	.sidebar,
	.mobile-sidebar {
		min-height: auto;
		height: auto;
		margin-top: 58px;
		position: relative;
		z-index: 1;
	}
	#mobile-menu { 
		color: #282828; 
	}
	.mobile .content-wrap {
		height: auto;
	}
	.about-content {
		padding-bottom: 18px;
	}
	.menus-page h2 {
		font-size: 12px;
		margin-bottom: 18px;
	}
	.menus-page .content {
		padding-bottom: 20px;
		padding-top: 40px;
		width: 100%;
	}
	.news-page {
		padding-bottom: 10px;
	}
	.team-page {
    	padding-top: 30px;
	}
	.vacancy h1 {
    	text-align: center;
	}
	.vacancy h2 {
		margin-bottom: 5px;
	}
	.vacancy .job-vacancy-btn {
		margin-left: -1px;
	}
	
}

/* small devices i.e. smartphones */
@media only screen and (max-width : 670px) {
	
	.one {
		top: 97px;
	}
	.two {
		margin-top: 207px !important;
	}
}

@media only screen and (max-width : 576px) {
	
	.menus {
		background-position: bottom 30% left 40%;
    	background-size: 300% auto;
	}
	.reservations {
		background-position: bottom 15% left 59%;
		background-size: 174% auto;
	}
	.reservations-page { height: 1150px; }
	
	.news-posts {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	.content-single-post {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 1;
	}
	.profile { 
		width: 90%; 
	}
	
}

@media only screen and (max-width : 456px) {
	
	.one {
		top: 114px;
	}
	.two {
		margin-top: 224px !important;
	}
}

@media only screen and (max-width : 360px) {
	
	.one {
		top: 130px;
	}
	.two {
		margin-top: 240px !important;
	}
	
}

@media only screen and (max-width : 320px) {
	
	.one {
		top: 131px;
	}
	.menus {
		background-size: 350% auto;
	}
	
}

@media only screen and (max-width : 320px) {
	
	.one { top: 132px; }
	
}