@media screen and (max-width: 767px) {
	.top-box {
		width: 100%;
		height: auto;
		clear: both;
		border-radius: 0;
	}
	.fullwidth-xs { width: 100%; }
	
	.main-content { min-height: calc(100vh - 146px); }
	
	#txtLogin_Username { width: 100%; margin-bottom: 5px; height: 54px; margin-top: 5px; clear: both;}
	#txtLogin_Password { width: 100%; margin-bottom: 5px; height: 54px; clear: both;}
	#btnLogin { width: 100%; margin-bottom: 5px; line-height: 60px;}
	
	#TopBoxLoginWrapper { float: none;}
	.top-box .open-forgot-password { position: relative; top: auto; margin-top: 20px; font-size: 12px; padding: 10px; display: inline-block;}
	.top-box-login { display: none;}
	#logo { float: none; display: block; height: 60px;}
	
	.top-box-loggedin-icons { width: calc(100% - 164px);}
	.top-box-loggedin-iconwrapper { width: 20%; margin-left: 5%; }
	.top-box-loggedin-iconwrapper>a { margin: 0 auto;}
	
	.caresheet-box.big>li { width: 33.33333%;}
	
	.gallery-album { width: calc(50% - 3px); }
	a.speciegallery-maingroup-item { width: calc(100% / 2);}
	
	.top-box-separator { display: none; }
	.top-box-loggedin-logininfo { display: none; }
	.top-box-arrowbutton { width: 10%;}
	.top-box-loggedin-icons { width: calc(90%);}
	
	.article-item { width: 100%;}
	
	.main-content { background: #ffffff; padding-top: 0;}
	.box { margin-bottom: 0; border-top: 0;}
	.page-header { display: block;}
	
	
	.UserMenu_Wrapper {
		clear: both;
		padding: 0 !important;
		background: 0;
		margin-bottom: -11px;
		margin-top: -1px;
	}
	.UserMenu_Wrapper a {
		flex-grow: 1;
		font-size: 0;
		text-align: center;
	}
	.UserMenu_Wrapper a i {
		font-size: 20px;
		padding: 10px 0px;
	}

	.UserMenu_Wrapper>div { display: flex; flex-flow: row wrap; }

	
	
	.top-box-dropdown { top: 108px; width: 240px; }
	.top-box-dropdown>a { font-size: 16px; padding: 15px; }
	
	/* ImageViewer */
	#image-viewer { height: 100%; }
	#image-viewer.show-comments { height: 80%; }
	#image-viewer.show-comments #image-viewer-left { margin-right: 0; bottom: 6px; margin-top: 6px; clear: both;}
	#image-viewer-right { margin-left: 0; width: 100%; top: 100%; clear: both; border-top: 1px solid #b7b7b7;}
	#image-viewer-wrap { min-width: 250px; padding: 0;}
	
	
	
	.veritas-small img { width: 50%; float: left;}
	.gallery-image-adminbuttons { display: block; }
	.gallery-image { width: calc(50%);}
	
	.close-imageviewer {
		right: 2px; 
		top: 2px; 
	}
	#image-viewer-image-views { right: 44px;}
	
	
	#submenu li.active, #submenu li.active:hover { background: #84ae14;}
	
	
	footer p { font-size: 0.8em;}
	
	#userevent-notices-wrapper {
		top: 46px;
		left: 50%;
		transform: translateX(-59%);
		margin-left: 0;
		width: calc(100vw);
		height: calc(100vh - 108px);
		
	}
	#userevent-notices {max-height: calc(100vh - 186px);}
	
	.hero>div { padding: 20px 20px; }
	
	.box { margin-left: -10px; margin-right: -10px; padding-left: 10px; padding-right: 10px; border-left: 0; border-right: 0;}
	
	.post-item-user { width: 50px;}
	.post-item-user img { height: auto !important; }
	.post-item-message { width: calc(100% - 50px);}

	.page-header-filter {
		background-color: #efefef; 
		padding: 10px;
		margin: -1px -10px 50px;
		border: 0;
		border-radius: 0;
		display: none;
	}
	.page-header-filter.active {
		display: block;
	}

	#userevent-notices-markallasread { text-align: center; padding: 10px;}
	.delete-image-comment { display: block; }
	.box .caresheet-header h2, .box .caresheet-header h3 {
		margin-top: 24px;
	}

	.mobile-tabs { display: flex !important; }

	.xs-nopadding { padding: 0; }
	.xs-notopmargin { margin-top: 0; }
	.xs-minusmargin { margin-left: -10px; margin-right: -10px; }
	.xs-textcenter { text-align: center; }
	.page-header a.mobile-add-button {
	    position: fixed;
	    bottom: 10px;
	    right: 7px;
	    left: auto;
	    top: auto;
	    z-index: 5;
	    color: green;
	    background: #7fc10c;
	    border-radius: 50px;
	    width: 48px;
	    height: 48px;
	    color: #ffffff;
	    border: 2px solid transparent;
	    box-shadow: 0px 2px 6px rgba(0,0,0,0.8);
	    transition: transform 0.3s ease;
	    
	}
	.page-header a.mobile-add-button i { font-weight: normal; }
	.page-header a.mobile-add-button:active {
		transform: translateY(2px);
	}



	/* DARKER THEME-TEST */
	.page-header {
		background: #2f2119;
		color: #b6a48a;
		border-bottom: 1px solid #241a14;
	}
	.page-header a {
		color: #b6a48a;
	}
	.page-header-filter {
		background: #2f2119;
	}
	.page-header a.active {
		background: rgba(0,0,0,0.2);
	}


	#TopBoxLoginWrapper {
		position: fixed;
		height: 100vh;
		width: 100vw;
		z-index: 2;
		background: #9cd209;
		top: 0;
		left: 0;
		padding: 20px;
		overflow: auto;
	}
	#TopBoxLoginWrapper #txtLogin_Username { border: 0; }
	#TopBoxLoginWrapper #txtLogin_Password { border: 0; }
	#TopBoxLoginWrapper .open-forgot-password { color: #ffffff; text-shadow: 0; }
	#TopBoxLoginWrapper .button { font-size: 20px; border: 0; background: rgba(255,255,255,0.4); margin-top: 20px;}
	.caresheet-category-link { width: 100%; }


	figure.image.img-full, figure.image.img-full + figure.image.img-full + figure.image.img-full + figure.image.img-full + figure.image.img-full { display: block; }


	.paging-small {
		margin-top: 10px;
		width: 100%;
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
	}
	.nbutton + .nbutton { margin-left: 5px; }
}

@media (min-width: 768px) and (max-width: 991px) {
	.top-box {
		width: 100%;
		height: auto;
		clear: both;
	}
	.top-box-dropdown { top: 124px; width: 200px; }
	.top-box-dropdown>a { font-size: 14px; padding: 10px; }
	
	#TopBoxLoginWrapper { float: none;}
	.top-box-login { display: none;}
	#txtLogin_Username { float: left; width: calc(40% - 4px); margin-bottom: 5px; height: 54px;}
	#txtLogin_Password { float: left; width: calc(40% - 4px); margin-bottom: 5px; height: 54px;}
	#btnLogin { float: left; width: 20%; margin-bottom: 5px; line-height: 40px;}
	.top-box .open-forgot-password { position: relative; top: auto; font-size: 12px; padding: 10px; display: inline-block;}
	
	
	
	.UserMenu_Wrapper {
		clear: both;
		padding: 0 !important;
		background: 0;
		margin-bottom: -11px;
	}
	.UserMenu_Wrapper a {
		flex-grow: 1;
		font-size: 0;
		text-align: center;
	}
	.UserMenu_Wrapper a i {
		font-size: 20px;
		padding: 10px 0px;
	}
	.UserMenu_Wrapper>div { display: flex; flex-flow: row wrap; }
	
	.main-content { min-height: calc(100vh - 162px); }
	
	.caresheet-box.big>li { width: 25%;}
	a.speciegallery-maingroup-item { width: calc(100% / 4);}
	
	
	.veritas-small img { float: left; width: calc(100% / 3);}
	.gallery-image-adminbuttons { display: block; }
	
	
	.gallery-image { width: calc(100% / 3);}
	.gallery-album { width: calc(50% - 3px); }
	
	#submenu li.active, #submenu li.active:hover { background: #84ae14;}
	
	#userevent-notices-wrapper {
		left: 0;
		margin-left: 0;
	}

	.page-header-hidden { display: none; }

	figure.image.img-full, figure.image.img-full + figure.image.img-full + figure.image.img-full + figure.image.img-full + figure.image.img-full { display: block; }
}


@media (min-width: 992px) and (max-width: 1199px) {
	a.speciegallery-maingroup-item { width: calc(100% / 5);}
	.page-header-hidden { display: none; }
	
}
@media (min-width: 1200px) {
	.page-header-hidden { display: none; }
}



@media (max-width: 568px) {
.caresheet-box.big>li { width: 50%;}	
.species-titleimage { margin-right: 0; width: 100%; text-align: center;}
}



@media print {
	#top,
	#footer-wrapper,
	.nbutton,
	.hide-print {
		display: none;
	}
}