@media screen and (min-width: 767px) {
	#header {
		width: 100%;
		
	}
	
	#top-menu {
		padding-right:0;
	}
	
	.header-links {
		width: calc(100% - 115px);
		padding: 0;
		float: right;
		text-align: right;
		margin-top: 1px;		
	}
	
	.header-links li{margin: 0px 3px 0px 3px;     display: inline-block; float: none;}
	.header-links li:first-child {margin-left: 0px;}
	.header-links li:last-child {margin-right: 0px;}
	
	#intranet-navigation {
		float: right;
		margin-left:0;		
	}
	
	#social {
		display: inline-block;
		float: right;
		margin-top: 10px;
		color: #999;
	}

	#social a:link, #social a:visited, #social a:hover, #social a:active {
		color: #999;		
	}
	
	#social i {
		margin-left: 5px;
	}
}
@media screen and (max-width: 1999px) { 

	#main-menu span.menu-level1 {
		max-width: 210px;
		padding: 3px 15px 3px 0px;
		font-size: .9em;
		line-height: 1.1em;
		letter-spacing: 0px;
	}

		#random-stories .storie-text h2, .storie-text div:first-child {
			font-size: 1.2em;
			line-height: 1.1em;
			letter-spacing: 0px;
		}

}

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

/*#random-stories div.item img {
	width: auto;
}*/

}


@media screen and (max-width: 767px) { 		
	/* basic */
	#text-content-container .photo-gallery-item .glyphicon {
		position: relative !important;
	}
	
	#text-content-container a { word-wrap: break-word;} 
	
	#text-content-container ol, 
	#text-content-container ul { 
		list-style: inside none none;
		padding-left: 13px;
	}
	.study-wrapper iframe {
		max-width: 100% !important;
	}	
		
	/* ---- */
	#header-wrapper {
		height: auto;
	}
	
	#header { width: 100%; }
	
	#header h1.logo,
	#header em.logo {
		background: url('../images/mobile/logo_m_100.png') no-repeat center top;
		background-size: 105px 50px;
	}	

	#header h1.logo, #header em.logo { 
		left: 0px;
		top: 2px;
		position: relative;
		height: 55px;
		
	}

	#header h1.logo:hover, #header em.logo:hover { background-position: center top; }	

	.header-links {
		padding: 0px;
		width: 100%;
		margin-bottom: 1px;
	}

	.header-links li {
		margin-right: 1px;
		margin: 0 0 1px 0;
		border-right: 1px solid white;
		text-align: center;
		height: auto;
	}

	.header-links li:last-child { border-right: none; }

	.header-links li a { 
		float: none !important;
		padding: 6px 0px 4px !important;
		width: 100% !important;
		font-size: 15px;
	}

	.header-links li a span {
		display: inline;
		font-size: 0.85em;
	}

	#members-header-area {
		position: absolute;
		right: auto;
		left: 5px;
		top: 0px;
		max-width: 300px;
		display: none;
		z-index: 399;
		font-size: 0.9em;
	}	
	
	#members-header-select li a:link, #members-header-select li a:visited, 
	#members-header-select li a:hover, #members-header-select li a:active { width: auto; }
	
	#members-header-select { 
		max-width: 100%;
		border: none;
		padding: 10px 20px;
	}
	
	#members-area, #members-header-area { width: 275px; }
	
	#mobile-tools {
		position: relative;
		width: 125px;
		float: right;
		padding-left: 6px;
	}

	#search-icon, #lang-icon {
		background: url("../images/mobile/search_m.png") no-repeat;
		background-size: 25px;
		margin: 16px 6px 14px;
		height: 25px;
		width: 25px;
		float: left;
	}

	#search-icon:hover { cursor: pointer }

	#search { 
		width: auto;
		position: absolute;
		top: 2px;
		display: none;
	}

	#search input#input-search-mini {
		height: auto;
		padding: 0px;
		background: #eee;
		border: 1px solid #dbdbdb;
		height: 50px;
		margin-right: 12px;
		z-index: 99;
		padding: 5px;
		border-right: 1px solid #E12A26;
		font-size: 0.8em;
	}

	#search input.input-submit{
		background: transparent url("../images/mobile/search_m.png") no-repeat;
		background-size: 25px;
		cursor: pointer;
		float: left;
		height: 25px;
		overflow: hidden;
		text-indent: -9999px;
		width: 25px;
		z-index: 100;
		border: none !important;
		margin-top: 14px;
	}

	#lang-icon:hover { cursor: pointer; } 
	#lang-icon { 
		background: url("../images/mobile/lang_m.png") no-repeat; 
		background-size: 25px 41px;
		height: 41px;
		margin: 15px 6px 0px;
	}

	.lang-mobile {
		display: none;
		height: 30px;
		background: #fafafa;
		border-top: 2px solid #9e9e9e;
	}
	
	.lang-mobile a { 
		margin: 5px 0px 5px 20px;
		font-size: 0.8em !important;
	}
	
	#social {
		display: inline-block;
		margin-top: 0px;
		    margin-left: -4px;
		color: #fff;
	}

	#social a:link, #social a:visited, #social a:hover, #social a:active {
		color: #fff;		
	}
	
	#social i {
		margin-left: 5px;
	}	
	
	/* news */
	#random-stories-wrapper { 
		padding-bottom: 15px;
		background: white;
	}  
	
	.mobile-title {
		width: 100%;
		background: #E12A26;
		color: #fff;
		text-align: left;
		float: left;
		padding: 5px 10px 2px;
		line-height: 1;
		font-size: 16px;
		letter-spacing: 0px;
		border-bottom: 1px solid #fff;
	}
	
	#news-area .mobile-title {
		margin-left: -15px;
		width: calc(100% + 30px);
	}
	
	.single-news { 
		max-width: 100%;
		width: 100%;
	}
	
	/* slider */	
	#random-stories-wrapper, #fixed-stories-wrapper { max-height: 100%; }
	
	#random-stories .storie-text {
		background: #E12A26 !important;
		bottom: 0px;
		width: 100%;
		max-width: 100%;
	}
	
	#random-stories .storie-text h2, 
	.storie-text div:first-child {
		font-size: 18px;
		float: none;
		width: 100%;
		max-width: 100%;
		padding: 0px 5px;
		letter-spacing: 0px;
	}
	
	#random-stories .storie-text p,
	.storie-text {
		color: #222;
		float: none;
		padding: 8px 20px;
		width: 100%;
		max-width: 100%;
	}
	
	#stories-nav { left: 0px; }
	
	/* events */
	
	#important-list, #quick-list, #calls-entry-ul { max-width: 100%; }
	
	#events, #links {
		max-width: 100%;
		padding: 0px;
		float: none;
	}
	
	#events-list, #calls-entry-ul { margin-top: 20px; }
	#events-list, .more { padding: 0px 10px; }
		
	div#events.group p.no-event { margin: 10px 10px 0px; }	
	#events p.more { background: #8c8c8c; }
	
	/* links */
	#links-events-wrapper { margin: 20px 0px; }	
		
	#links-events {
		width: 100%;
		padding-top: 0px;
	}		
	#events p.more a:link, #events p.more a:visited, 
	#events p.more a:hover, #events p.more a:active,
	#other-news p.more a:link, #other-news p.more a:visited, 
	#other-news p.more a:hover, #other-news p.more a:active { background: none !important; }
	
	#news li span.date, #news li span.title { padding-left: 10px; }
	.level1 { margin-right: 5px; }
	
	#important, #quick, #calls-entry { margin-top: 0px; }
	
	#other-news {
		float: none;
		width: 100%;
		max-width: 100% !important;
		background: #8c8c8c;
		padding: 2px 0px 0px !important;
	}
	
	#news li p { margin-bottom: 0px; }
	.archive-link { float: left !important; }
	
	
	#text-content-container .back-to { margin-bottom: 10px; }
	
	.owl-buttons { display: none; }
	
	/* CONTENT PAGE */
	
	#heading-breadcrumbs { background: #fff; padding:0px; }
	
	#breadcrumbs { padding: 10px 15px 5px; margin: 0px; }
		
	#breadcrumbs, #breadcrumbs a { 
		color: #8c8c8c !important; 
		font-size: 11px !important;
		line-height: 1.1;
	}
	
	#heading-breadcrumbs h1 {
		padding: 5px 10px;
		margin: 0px;
		width: 100%;
		background: #8c8c8c;
		color: #eaeaea;
		font-size: 15px;
		float: left;
	}	
	
	#text-content-container { padding: 20px 10px 0px; }
			
	.content-photo { 
		margin: 0px 10px 10px 0 !important;
		max-width: 100%;
	}
	
	#abstract {
		margin: 30px 10px 10px;
	}
	
	/* menu */
	#menu-area { 
		padding: 0px;
		position: absolute;
		z-index: 300;
		top: 0px;
		z-index: 2000;
		box-shadow: 0 5px 14px -5px #000;
	}
	
	/* fixed hovers */
	#main-menu li.menu-level1:hover,
	#main-menu li.menu-level1-open, 
	#main-menu li.menu-level1-open:hover {
		background: none;
	}
	
	#main-menu li.menu-level1 { margin: 0px; position: relative; }
	
	#main-menu li {
		border-bottom: 1px solid #fff;
		padding: 10px 0px;
	}
	
	#main-menu li.menu-level1.menu-level1-open	{ padding: 0px;}
		
	#main-menu li.menu-level1.menu-level1-open a.menu-level1 { 
		background: #E12A26;
		padding-top: 5px;
		padding-bottom: 5px;
		margin-right: 33px;
	}
	
	#main-menu a.menu-level1:link, #main-menu a.menu-level1:visited, 
	#main-menu a.menu-level1:hover, #main-menu a.menu-level1:active,
	#main-menu span.menu-level1 { width: 100%; }
	
	#main-menu span.menu-level1 { 
		padding: 6px 0px;
		line-height: 1;
	}
	
	/* lvl2 */
		
	#main-menu li.menu-level2 { padding: 0px; position:relative; }
	
	#main-menu ul.menu-level2 {
		float: none;
		padding: 0px;
		width: auto;
		height: auto;
	}	
	
	#main-menu span.menu-level2 { 
		color: #888;
		padding: 0px 0px 8px 40px;
	}
	
	#main-menu li.menu-level2-open span.menu-level2:before{ content: url('/images/mobile/menu_open_m.png'); }
	#main-menu span.menu-level2:before{ content: url('/images/mobile/menu_closed_m.png'); } 
	
	#main-menu li.menu-level1-open a.menu-level2 { background: #dbdbdb; }
		
	/* lvl3 */
	#main-menu ul.menu-level3 { 
		padding: 0px;
		width: 100%;
		background: #f2f2f2;
	}
	
	#main-menu li.menu-level3 { padding: 0px; position:relative; }
	
	#main-menu a.menu-level3:link, #main-menu a.menu-level3:visited, 
	#main-menu a.menu-level3:hover, #main-menu a.menu-level3:active {
		padding: 5px 0px;
	}
	
	#main-menu span.menu-level3 { 
		color: #222;
		padding-left: 60px;
		font-size: 0.93em;
	}
	
	/* text-shadow */
	#main-menu a.menu-level1:link, 
	#main-menu a.menu-level1:visited, 
	#main-menu a.menu-level1:hover, 
	#main-menu a.menu-level1:active {
		text-transform: none;
		text-shadow: none;
		position: relative;
	}
	
	/* underlines */
	#main-menu li.menu-level2-open a.menu-level2:link, #main-menu li.menu-level2-open a.menu-level2:visited, 
	#main-menu li.menu-level2-open a.menu-level2:hover, #main-menu li.menu-level2-open a.menu-level2:active,
	#main-menu li.menu-level2 a.menu-level2:hover,
	#main-menu li.menu-level3-open a.menu-level3:link, #main-menu li.menu-level3-open a.menu-level3:visited, 
	#main-menu li.menu-level3-open a.menu-level3:hover, #main-menu li.menu-level3-open a.menu-level3:active,
	#main-menu li.menu-level3 a.menu-level3:hover { text-decoration: none; position: relative; }
	
	#main-menu a.menu-level1:link, #main-menu a.menu-level1:visited, 
	#main-menu a.menu-level1:hover, #main-menu a.menu-level1:active {
		padding-left: 30px;
		position: relative;
		/* width: 90%; */
	}
	
	#main-menu span.menu-level4 { 
		color: #8c8c8c;
		margin-left: 40px;
		line-height: 1.3;
	}
	
	#main-menu span.menu-level5 { 
		color: #8c8c8c;
		margin-left: 45px;
		line-height: 1.3;
	}	
	
	#main-menu li.menu-level1-open, #main-menu li.menu-level1-open:hover {
		background: none;
		padding-bottom: 0px;
	}
	
	.intranet-mobile {
		border-top: 4px solid #fff;
		border-bottom: 5px solid #fff !important;
		background: #E12A26;
		float: left;
		width: 100%;
	}
	
	.intranet-mobile a { 
		margin-left: 30px;
		text-decoration: none;
		color: #fff;
	}
	
	.menu-btn {
		/* width: 33px; */
		width: 55px;
		height: 35px;
		position: absolute;
		top: 0px;
		right: 0px;
		background: url('/images/mobile/menu-btn.png') top center no-repeat;
		z-index: 3200;
		cursor: pointer;
		opacity: 0.6;
		display: block;
	}
	
	
	
	.menu-btn.open { background: url('/images/mobile/menu-btn-open.png') top center no-repeat; }
		
	.menu-btn.lvl-2 { opacity: 0.4; }
	.menu-btn.lvl-3 { opacity: 0.3;	}
	.menu-btn.lvl-4 { opacity: 0.2;	}
	
	/* footer */
	
	#footer { padding: 0px 10px;}
	
	#contact.footer-col h2 { display: none }
	
	.footer-col { 
		border-top: 1px solid #eee;
		padding: 10px 0px !important;
		width: 100%;
		float: left;
	}
	
	#contact.footer-col p { padding-left: 0px; }
	
	
	#intranet-link { 
		padding: 0px 5px 15px;
		float: right;
	}
	/* footer menu */
	
	.mobile-menu { 
		float: left;
		background: #8C8C8C;
		padding: 7px 10px 15px;
		width: 100%;
	}
	
	.mobile-menu a { 
		display: block;
		color: #fff;
		text-decoration: none;
		padding: 5px 0px;
	}
	
	#text-content-container ul li { margin: 0px 5px 10px }
	
	/* table & lists*/
	#text-content-container table.sport-table { max-width: 100%; }
	
	#text-content-container #sport.ects table { margin-left: 0px; }
	#text-content-container table#news-archive, 	
	#text-content-container span.calendar-title, #text-content-container span.news-title,
	#text-content-container span.news-date	{ float: none; display: block }
	
	.mobile-table { display: table-header-group; }
	
	#text-content-container table td { 
		padding: 3px 5px 2px;
		word-wrap:break-word;
	}
		
	/* #text-content-container table { margin-left: -5px; }*/
	
	.table-responsive { border: none !important; }
	
	/* wells */
	
	.media-body a { 
		font-size: 20px;  
		font-weight: bold;
		line-height: 1.1;
	}
	
	.summary {padding-top: 5px;; }
	.summary a { 
		font-size: 14px;
		font-weight: 400;
	}
	
	.photo-list .picture img,
	#photo-list-lead-image { 
		width: 100%; 
		max-width: 300px; 
		margin: 5px 0px 3px;
	}
	
	
	#gallery-cont .col-xs-12 {
		width: 92%;
		margin: 4%;
	}
 	
	/* lightbox */
	#lightbox-image { max-width: 98%; }
	#lightbox-container-image-box,
	#lightbox-container-image-data-box{ 
		max-width: 98% !important; 
		height: auto !important;
		padding: 0px
	}

	#lightbox-nav-btnPrev,
	#lightbox-nav-btnNext {
		height: 100% !important;
	}		
	
}

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

	table { font-size: 0.9em; }
	#search input#input-search-mini {width: 156px;}
	#search { left: -156px; }
	
	.photo-gallery-item { width: 100%; }
	.items .photo-gallery-item { 
		width: 48%; 
		background: transparent;
		-moz-box-shadow: 0px 0px 0px #fff;
		-webkit-box-shadow: 0px 0px 0px #fff;
	}
	.photo-gallery-item img.photo-gallery { max-width: 100%; }
	
	.picture.pull-left { width: 100%; }
	
	#main-menu a.menu-level1:link, #main-menu a.menu-level1:visited, 
	#main-menu a.menu-level1:hover, #main-menu a.menu-level1:active,
	#main-menu a.menu-level2:link, #main-menu a.menu-level2:visited, 
	#main-menu a.menu-level2:hover, #main-menu a.menu-level2:active,
	#main-menu a.menu-level3:link, #main-menu a.menu-level3:visited, 
	#main-menu a.menu-level3:hover, #main-menu a.menu-level3:active 	{
		padding-right: 35px;
	}
	
	#abstract {
		font-size: 1em;
	}
	
	.photolist-lead-photo, #photo-list-lead-image {
		max-width: 100%;
		margin-right: 0px;
		margin-bottom: 10px;
	}
		
	.abstract-label {
		width: 80px !important;
	}
	
	.abstract-label-wrapper {
		margin-bottom: 8px;
		font-size: 12px;
		line-height: 13px;
	}

	.abstract-label-wrapper a {
		font-size: 12px !important;
		line-height: 13px !important;	
	}	
}