/* CSS for responsive */
#wrapper #content {
	width: 100%; 
}
.p-desktop {
	display: block;
}
.p-mobile {
	display: none;
}

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

	.p-desktop {
		display: none;
	}
	.p-mobile {
		display: block;
	}
	.view-content.p-mobile {
		padding: 20px;
	}
	#wrap {
		width: 100%;
	}
	#wrapper {
		width: 100%;
		margin: 0;
		max-width: 100%;
	}
	#wrapper #content {
		width: calc(100% - 58px) !important;
		/*width: calc(100% - 20px) !important;*/
	}
	#header-content {
		width: 100%;
		margin-left: 0;
	}
	#menu-main-menu {
		margin-left: 0px;
		width: 100%;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	#logo {
		float: none;
	margin: 0 auto;
	}
	.menu-main-menu-container {
		float: none;
		width: 100%;
		text-align: center;
	}
	#footer-content {
		width: 100%;
	}
	#location-info {
		width: 70%;
	}
	.reserve #content {
		width: 100% !important;
	}
	/*spesific page setup */
	/*.page-id-4 #scrollbar1 .viewport {
		overflow: inherit;
		height: auto !important;
	}
	.page-id-4 .reserve #content {
		float: none;
		padding: 0;
	}
	.page-id-4 #wrap {
		height: 1000px;
	}*/
	#w-footer {
		position: relative;
	}
	.single .pagetext {
		background: rgba(255,255,255,255.7);
		/*padding: 
		widows: calc(100% - 20px) !important;20px;*/
	}
	/*#scrollbar1 .overview {
		position: static !important;
	}
	#scrollbar1 .viewport {
		width: inherit !important;
		background: rgba(255,255,255,255.7);
	}
	.reserve #scrollbar1 {
		width: 100% !important;
	}*/
	#social-area {
		float: none;
		margin: 0 auto;
	}
	/*.pagetext iframe {
		height: 530px !important;
		width: 325px !important;
	}
	.pagetext h1 {
		padding: 15px 0 10px 0;
	}*/
	#logo a {
		width: 100%;
	}
	.reserve #wrapper {
		height: auto;
	}
	.page-template-friends-php .events #sidebar {
		display: none;
	}
	.pagetext.press-item {
		padding: 15px;
	}
	.viewport.clearfix.p-mobile {
		clear: both;
	}
}