@media all and (max-width: 760px)
{
	
	body,
	body.withLeftCol, body.leftColHidden,
	body.withRightCol, body.rightColHidden,
	body.withLeftCol.withRightCol,
	body.leftColHidden.withRightCol,
	body.withLeftCol.rightColHidden,
	body.leftColHidden.rightColHidden,
	body.withTopToolbar
	{
		min-width: 380px;
		padding: 0;
	}
	
	#bodyContainer
	{
		padding-top: 0;
	}
    
	.menuItem_desktopOnly
	{
	    display: none !important;
	}
	
}

@media all and (max-width: 760px)
{
	
	.topToolbar
	{
		position: static;
	}
	.topToolbar_login
	{
		display: none;
	}
	
	#pageHeader
	{
		background-image: none;
		height: auto;
	}
	#pageHeader h1
	{
		position: static;
		padding: 20px 15px;
		text-shadow: none;
	}
	#pageHeader h1 a
	{
		padding: 0;
	}
	#pageHeader h1 span
	{
		display: none;
	}
	
	#header_slideshow
	{
		display: none;
	}
	
	#header_search
	{
		display: none;
	}
	
	#horizontalMenu
	{
		display: none;
	}
    
}
#mobileMenu
{
	display: none;
}
#mobileMenu_button
{
	display: none;
}

@media all and (max-width: 760px)
{
	
	#mobileMenu
	{
		background-color: #AB9987;
		border-bottom: 1px solid white;
	}
	#mobileMenu ul
	{
		margin: 0;
		padding: 0;
	}
	#mobileMenu li
	{
		border-top: 1px solid white;
	}
	#mobileMenu ul li a, #mobileMenu ul li span
	{
		display: block;
		padding: 12px 24px;
		font-size: 150%;
		color: white;
		text-decoration: none;
	}
	#mobileMenu ul li a:hover
	{
		background-color: #C0B3A5;
		color: white;
	}
	.linkBlankMarked #mobileMenu ul li a[target=_blank]::after
	{
		width: 18px;
		height: 18px;
		margin-left: 9px;
		background-image: url(/_img/base/targetBlank.svg?color=white);
	}
	.linkBlankMarked #mobileMenu ul li a[target=_blank]:hover::after
	{
		background-image: url(/_img/base/targetBlank.svg?color=white);
	}
	#mobileMenu ul li span
	{
		cursor: default;
	}
	#mobileMenu ul ul li a, #mobileMenu ul ul li span
	{
		padding-left: 60px;
	}
	#mobileMenu ul ul ul li a, #mobileMenu ul ul ul li span
	{
		padding-left: 108px;
	}
	#mobileMenu ul ul ul ul li a, #mobileMenu ul ul ul ul li span
	{
		padding-left: 156px;
	}
	#mobileMenu ul ul ul ul ul li a, #mobileMenu ul ul ul ul ul li span
	{
		padding-left: 204px;
	}
	
	#mobileMenu_button
	{
		display: block;
		position: absolute;
		width: 80px;
		height: 100%;
		top: 0;
		right: 0;
		margin: 0;
		border-width: 0;
		border-radius: 0;
		background: url(/_img/base/hamburgerButton.svg?color=white) center center no-repeat;
		color: transparent;
	}
	
}
@media all and (max-width: 760px)
{
	
	#page,
	body.withLeftCol #page, body.leftColHidden #page,
	body.withRightCol #page, body.rightColHidden #page,
	body.withLeftCol.withRightCol #page,
	body.leftColHidden.withRightCol #page,
	body.withLeftCol.rightColHidden #page,
	body.leftColHidden.rightColHidden #page
	{
		width: 100%;
	}
	
	#cols
	{
		display: block;
	}
	#leftCol, #rightCol, #footerModules
	{
		display: none;
	}
	#content, body.withLeftCol #content
	{
		display: block;
		position: static;
		width: auto;
		overflow: hidden;
	}
	
	#content h2
	{
		padding: 8px 20px 0;
		margin: 0 -18px 16px;
		color: white;
		background: #AB9987;
		border-bottom: 3px solid #665A4E;
	}
	#content h2::after
	{
		content: "";
		display: block;
		height: 3px;
		background: #D8EE7F;
		margin: 6px -20px 0;
	}
    
}
@media all and (max-width: 760px)
{
	
	.userPage_info
	{
		float: none;
		clear: both;
		text-align: left;
		padding-top: 5px;
	}
	.userPage_info .userPage_views, .userPage_actions
	{
		display: none;
	}
	
	.userPage_colContent, .userPage_colOther
	{
		width: auto;
	}
	.userPage_contentLeft .userPage_colContent,
	.userPage_contentRight .userPage_colContent
	{
		padding: 0;
	}
	.userPage_contentLeft .userPage_colContent, .userPage_contentRight .userPage_colOther,
	.userPage_contentLeft .userPage_colOther, .userPage_contentRight .userPage_colContent
	{
		float: none;
	}
	.userPage_colContent .userPage_content
	{
		margin-top: 16px;
	}
	
	.userPage_image_left, .userPage_image_right
	{
		float: none;
		display: block;
		width: 80%;
		max-width: none;
		max-height: 320px;
		margin-left: auto;
		margin-right: auto;
	}
    
}

@media all and (max-width: 760px)
{
	
	button.gallery_next, button.gallery_next:hover,
	button.gallery_previous, button.gallery_previous:hover
	{
		opacity: 0.2;
	}
	
}
@media all and (max-width: 760px)
{
	
	.footerContent
	{
		float: none;
		max-width: none;
		margin-bottom: 20px;
	}
	
	.footerLinks li.menuItem_desktopOnly:first-child + li::before
	{
		display: none;
	}
	
	.lastUpdate, .poweredBy, .footerLinks
	{
		float: none;
	}
}