/*
Theme Name: Vega Child
Theme URI: https://www.lyrathemes.com/vega/
Template: vega
Author: Ray
Description: Vega is a clean, minimal, responsive one page business theme. This simple theme can be used for a personal blog, business website, landing page, business portfolio, or any other creative website. Using Vega to create your new website will be a fast and easy experience, without getting overwhelmed with needless settings and choices. This multipurpose theme is built on the Bootstrap framework making it fully responsive and mobile friendly. This one page theme can also be used to set up a single page (one page) website. It has animated content, three pre-built color choices (orange, blue, and green), text and image logo options, full screen image banner, multiple home page displays, multiple blog feed displays, and custom CSS options. The one page home page displays the banner, welcome content, featured pages, two call to action rows with an optional parallax background effect, recent posts, and an open content row. You can set the background color for each front page section, and control the filter/overlay color for the CTA sections and front page banner too! Vega has been tested with WooCommerce and has basic WooCommerce support/integration. This simple business theme can also be used to create multilanguage websites (tested using qTranslateX). Backed by world class, one-on-one support, Vega is featured-packed yet simple enough to be used to create almost any kind of website.
Tags: one-column,two-columns,right-sidebar,grid-layout,flexible-header,custom-header,custom-colors,custom-menu,featured-image-header,featured-images,footer-widgets,full-width-template,theme-options,translation-ready,blog,news,portfolio
Version: 3.0.0.1579100171
Updated: 2020-01-15 14:56:11

*/

@font-face {
    font-family: 'HCI_Lab_Font';
    src: url("./font/V_custom.ttf");
}


*{
	font-family: 'Source Sans Pro', sans-serif;
	/*font-family: 'Source Sans Pro Semibold', sans-serif;*/
}
h3, h1{
	font-family: 'Source Sans Pro Semibold', sans-serif;
}
p{
	font-family: 'Source Sans Pro', sans-serif;
}
a{
  word-wrap: break-word;
}
table td, table th{
  word-wrap: break-word;
}
.bg-margin-for-link .bg-showmore-plg-link{
	font-family: 'Source Sans Pro Semibold', sans-serif;
}

/*Individual People Email Icon to hide*/
.ex-social-account .teampress-email{
	display: none;
}
/*body{
	font-size: calc(14px + (40 - 14) * ((100vw - 375px) / (1920 - 375))) !important;
}*/
/* May 20 2020: Updating Banner and Content height and alignment*/
.image-banner img{
	border: 1px solid #000000;
	border-left: 0;
	border-right: 0;
	opacity: 1;
	margin-top: -4%;
}
.navbar-custom{
	box-shadow: 0 0 0px rgba(0,0,0,0.2);
	background:white;
}
.filledup-two {
  margin-left: 0%!important;
  height: auto;
}

#head-title{
	text-align: left;
	letter-spacing: 0;
	color: #212529;
	text-transform: uppercase;
	opacity: 1;
	font-size: 40px !important;
	margin-top: 4%;

}
.jumbotron{
	display:none;
}
#head-title-sing-pro{
	margin-top: 5%;
	text-align: left;
	letter-spacing: 0;
	color: #212529;
	text-transform: uppercase;
	opacity: 1;
	font-size: 40px !important;

}
/*#welcome .single-project-desc-info{
	visibility: hidden;
}*/
.inner{
	display: none;
}
.helper{
	display: none;
}
/*.frontpage-banner-parallax-bg {
    width: 100%;
	height: auto;
}*/

#sub-head-title{
	text-align: left;
	letter-spacing: 0;
	color: #000000;
	text-transform: uppercase;
	opacity: 1;
	/*font-size: 26px !important;*/

}

#sub-head-title-und{
	text-align: left;
	letter-spacing: 0;
	color: #000000;
	text-transform: uppercase;
	opacity: 1;
	font-size: 26px !important;
	text-decoration: underline;

}

button.bg-showmore-plg-button:before, a.bg-showmore-plg-link:before {
    font-family: 'HCI_Lab_Font', sans-serif;
}

.yellow, .yellow-sm, .yellow-sm-downlogo, .red, .red-sm, .red-sm-downlogo, .blue, .blue-sm, .blue-sm-downlogo {
    font-family: 'HCI_Lab_Font', sans-serif;
    /*font-size: 33px;*/
    margin-right: 15px;
    vertical-align: middle;
    /*line-height: 51px;*/
}

.yellow, .yellow-sm, .yellow-sm-downlogo:before {
    color: #fcbf00 !important;
}

.red, .red-sm {
    color: #e4003f !important;
}

.blue, .blue-sm {
    color: #2e93cd !important;
}

.bg-showmore-plg-link:before {
    font-family: 'HCI_Lab_Font', sans-serif;
    /*font-size: 27px;*/
    margin-right: 1%;
    /*vertical-align: top;*/
    line-height: 51px;
}

#people .bg-showmore-plg-link:before, #theses .bg-showmore-plg-link:before, #contact .bg-showmore-plg-link:before {
    color: #fcbf00;
}

#research .bg-showmore-plg-link:before, #publications .bg-showmore-plg-link:before {
    color: #e4003f;
}

#teaching .bg-showmore-plg-link:before, #jobs .bg-showmore-plg-link:before {
    color: #2e93cd;
}

.yellow:before, .yellow-sm:before, .red:before, .red-sm:before, .blue:before, .blue-sm:before, .bg-showmore-plg-link:before {
    content: ">";
}

/*.yellow-sm-downlogo:before, .red-sm-downlogo:before, .blue-sm-downlogo:before, .bg-close:before {*/
.bg-close:before {
    transform: translate(-5px, -4px) rotate(90deg);
    content: ">";
}

#research-cat-blocks .bg-showmore-plg-link, #teaching-semester-page .bg-showmore-plg-link {
    font-size: 26px !important;
}

#teaching-semester-page {
	margin-left: 30px !important;
}

#theses-page #alumni {
	margin-left: 0 !important;
}

#theses-page .bg-showmore-plg-link {
	font-size: 26px;
	text-transform: uppercase;
	color: black !important;
}
/*.blue:before{
	display:inline-block;
    height:40px;
    width:32px;
    margin-right: 13px;
	opacity:1;
	letter-spacing: 0px;
	text-align: left;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Logo_Dreieck3.png) no-repeat 0 0;
    background-size: 32px 40px;
}

.yellow:before{
	display:inline-block;
    height:40px;
    width:32px;
    margin-right: 13px;
	opacity:1;
	letter-spacing: 0px;
	text-align: left;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Logo_Dreieck2.png) no-repeat 0 0;
    background-size: 32px 40px;
}
.yellow-sm{
	margin-left: 9.7%;
}
.yellow-sm:before{
	display:inline-block;
    height:40px;
    width:32px;
    margin-right: 5px;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Logo_Dreieck2-1.png) no-repeat 0 0;
    background-size: 32px 40px;
}

.yellow-sm-downlogo{
	margin-left: 89px;

}*/
/*.yellow-sm-downlogo:before{
	display:block;
	
    height:40px;
    width:100%;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Logo_Dreieck2-2.png) no-repeat 0 0;
    background-size: 40px 32px;
}*/
/*.ind-people-pro-title{
	position:absolute;
	    margin-top: -3%;
    	margin-left: 4%;
}*/

#internvisitors #visit-intern .gs_project_theme1 #gs_projects279{
		margin-left: -0.6%;
}
#internvisitors #visit-intern .gs_project_theme1 #gs_projects277{
		margin-left: -0.6%;
}
#internvisitors #visit-intern .gs_project_theme1 #gs_projects89{
		margin-left: -0.6%;
}

/*.red-sm-downlogo:before{
	display: inline-block;
	height: 48px !important;
	width: 48px !important;
	background-size: 34px 28px;
	position: absolute;
	margin-top: 4px;
	margin-right: 5px;
	content: "";
	background: url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Dreieck_rot.png) no-repeat 0 0;
}*/

.ind-pub-cat-title h3{
    	margin-left: 4%;
}


/*.red:before{
	display:inline-block;
    height:40px;
    width:32px;
    margin-right: 13px;
	opacity:1;
	letter-spacing: 0px;
	text-align: left;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Logo_Dreieck.png) no-repeat 0 0;
    background-size: 32px 40px;
}
*/
/*.yellow-sm:before{
	display:inline-block;
    height:31px;
    width:25px;
    margin-right: 5px;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Logo_Dreieck2-1.png) no-repeat 0 0;
    background-size: 25px 31px;
}*/


/*.yellow-sm-dwn:before{
	display:inline-block;
    height:25px;
    width:31px;
    margin-right: 5px;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Logo_Dreieck2-2.png) no-repeat 0 0;
    background-size: 31px 25px;
}*/

/*.red-sm:before{
	display:inline-block;
    height:31px;
    width:25px;
    margin-right: 5px;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Dreieck_rot-1.png) no-repeat 0 0;
    background-size: 25px 31px;
}*/


/*.red-sm-dwn:before{
	display:inline-block;
    height:25px;
    width:31px;
    margin-right: 5px;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Dreieck_rot.png) no-repeat 0 0;
    background-size: 31px 25px;
}*/



/* Home Page Style */




#parent {
  display: flex;
}
#narrow {
  width: 60%;
	margin-right: 3%;
  
}
#wide {
  flex: 1;
  margin-top: -0.5%;
}

#narrow .gs-project-name a{
	color: #fcbf00 !important;
}


/* changing main container width for each page */
.container {
	max-width:1300px;
}


/* Home Page Style ends here */


/* font for menu items */
.navbar-custom .navbar-nav li a {
	font-size: 18px;
}

/* Navigation Bar Color Style */
#menu-item-1187 a{
	color: black !important;
}
#menu-item-1187 a:active, #menu-item-1187 a:focus{
	color: #fcbf00 !important;
}
#menu-item-1187 a:hover{
	color: #fcbf00 !important;
}
#menu-item-1187 a:visited{
	color: #fcbf00 !important;
}

#menu-item-1189 a:active, #menu-item-1187 a:focus{
	color: #e4003f !important;
}
#menu-item-1189 a:visited, #menu-item-1187 a:hover{
	color: #e4003f !important;
}
#menu-item-1190 a:active, #menu-item-1190 a:focus{
	color: #0083bb !important;
}
#menu-item-1190 a:visited, #menu-item-1190 a:hover{
	color: #0083bb !important;
}

#menu-item-1191 a:active, #menu-item-1191 a:focus{
	color: #fcbf00 !important;
}
#menu-item-1191 a:visited, #menu-item-1191 a:hover{
	color: #fcbf00 !important;
}

#menu-item-1188 a:active, #menu-item-1188 a:focus{
	color: #e4003f !important;
}
#menu-item-1188 a:visited, #menu-item-1188 a:hover{
	color: #e4003f !important;
}

#menu-item-1186 a:active, #menu-item-1186 a:focus{
	color: #0083bb !important;
}
#menu-item-1186 a:visited, #menu-item-1186 a:hover{
	color: #0083bb !important;
}

#menu-item-1185 a:active, #menu-item-1185 a:focus{
	color: #fcbf00 !important;
}
#menu-item-1185 a:visited, #menu-item-1185 a:hover{
	color: #fcbf00 !important;
}

body.page-id-61 li.people-nav a:active, body.page-id-61 li.people-nav a:focus{color: #fcbf00 !important;} 
body.page-id-61 li.people-nav a:visited, .people-nav a:hover{
	color: #fcbf00 !important;
}

body.page-id-63 li.research-nav a:active, body.page-id-63 li.research-nav a:focus{color: #e4003f !important;} 
body.page-id-63 li.research-nav a:visited, .research-nav a:hover{
	color: #e4003f !important;
}

body.page-id-387 li.teaching-nav a:active, body.page-id-387 li.teaching-nav a:focus{color: #0083bb !important;} 
body.page-id-387 li.teaching-nav a:visited, .teaching-nav a:hover{
	color: #0083bb !important;
}

body.page-id-389 li.theses-nav a:active, body.page-id-389 li.theses-nav a:focus{color: #fcbf00 !important;} 
body.page-id-389 li.theses-nav a:visited, .theses-nav a:hover{
	color: #fcbf00 !important;
}

body.page-id-164 li.publications-nav a:active, body.page-id-164 li.publications-nav a:focus{color: #e4003f !important;} 
body.page-id-164 li.publications-nav a:visited, .publications-nav a:hover{
	color: #e4003f !important;
}

body.page-id-391 li.job-nav a:active, body.page-id-391 li.job-nav a:focus{color: #0083bb !important;} 
body.page-id-391 li.job-nav a:visited, .job-nav a:hover{
	color: #0083bb !important;
}

body.page-id-393 li.contact-nav a:active, body.page-id-393 li.contact-nav a:focus{color: #fcbf00 !important;} 
body.page-id-393 li.contact-nav a:visited, .contact-nav a:hover{
	color: #fcbf00 !important;
}


/* Navigation Bar Color Style Ends here */

.frontpage-content .description{
	width: 100% !important;
}

.zoomIn{
	visibility: hidden !important;
}

.soliloquy-container .soliloquy-prev{
	visibility: hidden !important;
}

.soliloquy-container .soliloquy-next{
	visibility: hidden !important;
}

#internvisitors figure.tpstyle-19:hover img{
   opacity: 1 !important;
}


#internvisitors .bg-margin-for-link  .bg-showmore-plg-link{
	text-align: left !important;
    letter-spacing: 0 !important;
    color: #000000 !important;
    text-transform: uppercase !important;
    opacity: 1;
    font-size: 28px !important;
}
/*#internvisitors .bg-margin-for-link .bg-showmore-plg-link:before{
	display:inline-block;
    height:31px;
    width:25px;
    margin-right: 5px;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Logo_Dreieck2-1.png) no-repeat 0 0;
    background-size: 25px 31px;
}*/

/*#internvisitors .bg-margin-for-link  .bg-close:before{
	display:inline-block;
    height:25px;
    width:31px;
    margin-right: 5px;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Logo_Dreieck2-2.png) no-repeat 0 0;
    background-size: 31px 25px;
}
*/
/*Footer Style CSS*/
#footer{
	left: -162%;
	top: -20%;
	width: 100%;
}
.footer{
	padding: 12px !important;
}
.footer .container .row .col-md-8{
	max-width: 62.2%;
}
.footer .container{
	max-width: 96%;
	padding: 0px;
}
.footer .container .row .col-md-4 .copyright p{
	margin-left: -60%;
	margin-top: 3%;
}

#footer-address-text{
	float: left;
	text-align:left;
	font-size:18px;
}

/*Footer Style CSS Ends*/




/*CSS For Steimle Profile Starts*/
#internvisitors-steimle figure.tpstyle-19:hover img{
   opacity: 1 !important;
}


#internvisitors-steimle .bg-margin-for-link  .bg-showmore-plg-link{
	text-align: left !important;
    letter-spacing: 0 !important;
    color: #000000 !important;
    text-transform: uppercase !important;
    opacity: 1;
    font-size: 28px !important;
}
/*#internvisitors-steimle .bg-margin-for-link .bg-showmore-plg-link:before{
	display:inline-block;
    height:31px;
    width:25px;
    margin-right: 5px;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Logo_Dreieck2-1.png) no-repeat 0 0;
    background-size: 25px 31px;
}*/

/*#internvisitors-steimle .bg-margin-for-link  .bg-close:before{
	display:inline-block;
    height:25px;
    width:31px;
    margin-right: 5px;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Logo_Dreieck2-2.png) no-repeat 0 0;
    background-size: 31px 25px;
}*/


/*CSS For Steimle Profile Ends */

#alumni .bg-margin-for-link  .bg-showmore-plg-link{
	text-align: left !important;
    letter-spacing: 0 !important;
    
    text-transform: uppercase !important;
    opacity: 1;
    font-size: 26px !important;
	color: #000000 !important;
}
#alumni .bg-margin-for-link .bg-showmore-plg-link:before {
    content: ">";
    font-family: 'HCI_Lab_Font';
    color: #fcbf00;
    vertical-align: middle;
}

/*#alumni .bg-margin-for-link  .bg-close:before{
	display:inline-block;
    height:40px;
    width:35px;
	
    margin-top: 15px;

    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Logo_Dreieck2-2.png) no-repeat 0 0;
    background-size: 31px 25px;
}*/

#res-dft .bg-margin-for-link  .bg-showmore-plg-link{
	text-align: left !important;
    letter-spacing: 0 !important;
    color: #e4003f !important;
    text-transform: uppercase !important;
    opacity: 1;
    font-size: 28px !important;
}
/*#res-dft .bg-margin-for-link .bg-showmore-plg-link:before{
	display:inline-block;
    height:31px;
    width:25px;
    margin-right: 5px;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Dreieck_rot-1.png) no-repeat 0 0;
    background-size: 25px 31px;
}
*/
/*#res-dft .bg-margin-for-link  .bg-close:before{
	display:inline-block;
    height:25px;
    width:31px;
    margin-right: 5px;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Dreieck_rot.png) no-repeat 0 0;
    background-size: 31px 25px;
}*/

#res-bi .bg-margin-for-link  .bg-showmore-plg-link{
	text-align: left !important;
    letter-spacing: 0 !important;
    color: #e4003f !important;
    text-transform: uppercase !important;
    opacity: 1;
    font-size: 28px !important;
}
/*#res-bi .bg-margin-for-link .bg-showmore-plg-link:before{
	display:inline-block;
    height:31px;
    width:25px;
    margin-right: 5px;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Dreieck_rot-1.png) no-repeat 0 0;
    background-size: 25px 31px;
}*/

/*#res-bi .bg-margin-for-link  .bg-close:before{
	display:inline-block;
    height:25px;
    width:31px;
    margin-right: 5px;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Dreieck_rot.png) no-repeat 0 0;
    background-size: 31px 25px;
}*/

#res-fsd .bg-margin-for-link  .bg-showmore-plg-link{
	text-align: left !important;
    letter-spacing: 0 !important;
    color: #e4003f !important;
    text-transform: uppercase !important;
    opacity: 1;
    font-size: 28px !important;
}
/*#res-fsd .bg-margin-for-link .bg-showmore-plg-link:before{
	display:inline-block;
    height:31px;
    width:25px;
    margin-right: 5px;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Dreieck_rot-1.png) no-repeat 0 0;
    background-size: 25px 31px;
}
*/
/*#res-fsd .bg-margin-for-link  .bg-close:before{
	display:inline-block;
    height:25px;
    width:31px;
    margin-right: 5px;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Dreieck_rot.png) no-repeat 0 0;
    background-size: 31px 25px;
}*/

#res-it .bg-margin-for-link  .bg-showmore-plg-link{
	text-align: left !important;
    letter-spacing: 0 !important;
    color: #e4003f !important;
    text-transform: uppercase !important;
    opacity: 1;
    font-size: 28px !important;
}
/*#res-it .bg-margin-for-link .bg-showmore-plg-link:before{
	display:inline-block;
    height:31px;
    width:25px;
    margin-right: 5px;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Dreieck_rot-1.png) no-repeat 0 0;
    background-size: 25px 31px;
}*/

/*#res-it .bg-margin-for-link  .bg-close:before{
	display:inline-block;
    height:25px;
    width:31px;
    margin-right: 5px;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Dreieck_rot.png) no-repeat 0 0;
    background-size: 31px 25px;
}*/

#res-sd .bg-margin-for-link  .bg-showmore-plg-link{
	text-align: left !important;
    letter-spacing: 0 !important;
    color: #e4003f !important;
    text-transform: uppercase !important;
    opacity: 1;
    font-size: 28px !important;
}
/*#res-sd .bg-margin-for-link .bg-showmore-plg-link:before{
	display:inline-block;
    height:31px;
    width:25px;
    margin-right: 5px;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Dreieck_rot-1.png) no-repeat 0 0;
    background-size: 25px 31px;
}*/

/*#res-sd .bg-margin-for-link  .bg-close:before{
	display:inline-block;
    height:25px;
    width:31px;
    margin-right: 5px;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Dreieck_rot.png) no-repeat 0 0;
    background-size: 31px 25px;
}*/

#res-ip .bg-margin-for-link  .bg-showmore-plg-link{
	text-align: left !important;
    letter-spacing: 0 !important;
    color: #e4003f !important;
    text-transform: uppercase !important;
    opacity: 1;
    font-size: 28px !important;
}
/*#res-ip .bg-margin-for-link .bg-showmore-plg-link:before{
	display:inline-block;
    height:31px;
    width:25px;
    margin-right: 5px;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Dreieck_rot-1.png) no-repeat 0 0;
    background-size: 25px 31px;
}*/

/*#res-ip .bg-margin-for-link  .bg-close:before{
	display:inline-block;
    height:25px;
    width:31px;
    margin-right: 5px;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Dreieck_rot.png) no-repeat 0 0;
    background-size: 31px 25px;
}*/

#summer20{
	padding-bottom: 15px;
}

#summer20 .bg-margin-for-link  .bg-showmore-plg-link{
	text-align: left !important;
    letter-spacing: 0 !important;
    /*text-transform: uppercase !important;*/
    opacity: 1;
    font-size: 28px !important;
}
/*#summer20 .bg-margin-for-link .bg-showmore-plg-link:before{
	display:inline-block;
    height:31px;
    width:25px;
    margin-right: 5px;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Dreieck_blau.png) no-repeat 0 0;
    background-size: 25px 31px;
}*/
/*#summer20 .bg-margin-for-link  .bg-close:before{
	display:inline-block;
    height:25px;
    width:31px;
    margin-right: 5px;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Dreieck_blau-1.png) no-repeat 0 0;
    background-size: 31px 25px;
}*/

#wint1920 .bg-margin-for-link  .bg-showmore-plg-link{
	text-align: left !important;
    letter-spacing: 0 !important;
    /*text-transform: uppercase !important;*/
    opacity: 1;
    font-size: 28px !important;
}
/*#wint1920 .bg-margin-for-link .bg-showmore-plg-link:before{
	display:inline-block;
    height:31px;
    width:25px;
    margin-right: 5px;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Dreieck_blau.png) no-repeat 0 0;
    background-size: 25px 31px;
}*/
/*#wint1920 .bg-margin-for-link  .bg-close:before{
	display:inline-block;
    height:25px;
    width:31px;
    margin-right: 5px;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Dreieck_blau-1.png) no-repeat 0 0;
    background-size: 31px 25px;
}*/

#wint1819 .bg-margin-for-link  .bg-showmore-plg-link{
	text-align: left !important;
    letter-spacing: 0 !important;
    /*text-transform: uppercase !important;*/
    opacity: 1;
    font-size: 28px !important;
}
/*#wint1819 .bg-margin-for-link .bg-showmore-plg-link:before{
	display:inline-block;
    height:31px;
    width:25px;
    margin-right: 5px;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Dreieck_blau.png) no-repeat 0 0;
    background-size: 25px 31px;
}*/
/*#wint1819 .bg-margin-for-link  .bg-close:before{
	display:inline-block;
    height:25px;
    width:31px;
    margin-right: 5px;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Dreieck_blau-1.png) no-repeat 0 0;
    background-size: 31px 25px;
}*/

#wint1718 .bg-margin-for-link  .bg-showmore-plg-link{
	text-align: left !important;
    letter-spacing: 0 !important;
    /*text-transform: uppercase !important;*/
    opacity: 1;
    font-size: 28px !important;
}
/*#wint1718 .bg-margin-for-link .bg-showmore-plg-link:before{
	display:inline-block;
    height:31px;
    width:25px;
    margin-right: 5px;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Dreieck_blau.png) no-repeat 0 0;
    background-size: 25px 31px;
}*/
/*#wint1718 .bg-margin-for-link  .bg-close:before{
	display:inline-block;
    height:25px;
    width:31px;
    margin-right: 5px;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Dreieck_blau-1.png) no-repeat 0 0;
    background-size: 31px 25px;
}
*/
#wint1617 .bg-margin-for-link  .bg-showmore-plg-link{
	text-align: left !important;
    letter-spacing: 0 !important;
   /* text-transform: uppercase !important;*/
    opacity: 1;
    font-size: 28px !important;
}
/*#wint1617 .bg-margin-for-link .bg-showmore-plg-link:before{
	display:inline-block;
    height:31px;
    width:25px;
    margin-right: 5px;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Dreieck_blau.png) no-repeat 0 0;
    background-size: 25px 31px;
}*/
/*#wint1617 .bg-margin-for-link  .bg-close:before{
	display:inline-block;
    height:25px;
    width:31px;
    margin-right: 5px;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Dreieck_blau-1.png) no-repeat 0 0;
    background-size: 31px 25px;
}*/

#wint1516 .bg-margin-for-link  .bg-showmore-plg-link{
	text-align: left !important;
    letter-spacing: 0 !important;
    /*text-transform: uppercase !important;*/
    opacity: 1;
    font-size: 28px !important;
}
/*#wint1516 .bg-margin-for-link .bg-showmore-plg-link:before{
	display:inline-block;
    height:31px;
    width:25px;
    margin-right: 5px;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Dreieck_blau.png) no-repeat 0 0;
    background-size: 25px 31px;
}*/

#wint1213 .bg-margin-for-link  .bg-showmore-plg-link{
	text-align: left !important;
    letter-spacing: 0 !important;
    /*text-transform: uppercase !important;*/
    opacity: 1;
    font-size: 28px !important;
}
/*#wint1213 .bg-margin-for-link .bg-showmore-plg-link:before{
	display:inline-block;
    height:31px;
    width:25px;
    margin-right: 5px;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Dreieck_blau.png) no-repeat 0 0;
    background-size: 25px 31px;
}*/
/*#wint1213 .bg-margin-for-link  .bg-close:before{
	display:inline-block;
    height:25px;
    width:31px;
    margin-right: 5px;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Dreieck_blau-1.png) no-repeat 0 0;
    background-size: 31px 25px;
}
*/
#maker16 .bg-margin-for-link  .bg-showmore-plg-link{
	text-align: left !important;
    letter-spacing: 0 !important;
   /* text-transform: uppercase !important;*/
    opacity: 1;
    font-size: 28px !important;
}
/*#maker16 .bg-margin-for-link .bg-showmore-plg-link:before{
	display:inline-block;
    height:31px;
    width:25px;
    margin-right: 5px;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Dreieck_blau.png) no-repeat 0 0;
    background-size: 25px 31px;
}*/
/*#maker16 .bg-margin-for-link  .bg-close:before{
	display:inline-block;
    height:25px;
    width:31px;
    margin-right: 5px;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Dreieck_blau-1.png) no-repeat 0 0;
    background-size: 31px 25px;
}*/

#maker15 .bg-margin-for-link  .bg-showmore-plg-link{
	text-align: left !important;
    letter-spacing: 0 !important;
    /*text-transform: uppercase !important;*/
    opacity: 1;
    font-size: 28px !important;
}
/*#maker15 .bg-margin-for-link .bg-showmore-plg-link:before{
	display:inline-block;
    height:31px;
    width:25px;
    margin-right: 5px;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Dreieck_blau.png) no-repeat 0 0;
    background-size: 25px 31px;
}*/
/*#maker15 .bg-margin-for-link  .bg-close:before{
	display:inline-block;
    height:25px;
    width:31px;
    margin-right: 5px;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Dreieck_blau-1.png) no-repeat 0 0;
    background-size: 31px 25px;
}*/

#summer18 .bg-margin-for-link  .bg-showmore-plg-link{
	text-align: left !important;
    letter-spacing: 0 !important;
   /* text-transform: uppercase !important;*/
    opacity: 1;
    font-size: 28px !important;
}
/*#summer18 .bg-margin-for-link .bg-showmore-plg-link:before{
	display:inline-block;
    height:31px;
    width:25px;
    margin-right: 5px;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Dreieck_blau.png) no-repeat 0 0;
    background-size: 25px 31px;
}*/
/*#summer18 .bg-margin-for-link  .bg-close:before{
	display:inline-block;
    height:25px;
    width:31px;
    margin-right: 5px;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Dreieck_blau-1.png) no-repeat 0 0;
    background-size: 31px 25px;
}*/

#summer17 .bg-margin-for-link  .bg-showmore-plg-link{
	text-align: left !important;
    letter-spacing: 0 !important;
    /*text-transform: uppercase !important;*/
    opacity: 1;
    font-size: 28px !important;
}
/*#summer17 .bg-margin-for-link .bg-showmore-plg-link:before{
	display:inline-block;
    height:31px;
    width:25px;
    margin-right: 5px;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Dreieck_blau.png) no-repeat 0 0;
    background-size: 25px 31px;
}*/
/*#summer17 .bg-margin-for-link  .bg-close:before{
	display:inline-block;
    height:25px;
    width:31px;
    margin-right: 5px;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Dreieck_blau-1.png) no-repeat 0 0;
    background-size: 31px 25px;
}*/

#summer16 .bg-margin-for-link  .bg-showmore-plg-link{
	text-align: left !important;
    letter-spacing: 0 !important;
    /*text-transform: uppercase !important;*/
    opacity: 1;
    font-size: 28px !important;
}
/*#summer16 .bg-margin-for-link .bg-showmore-plg-link:before{
	display:inline-block;
    height:31px;
    width:25px;
    margin-right: 5px;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Dreieck_blau.png) no-repeat 0 0;
    background-size: 25px 31px;
}*/
/*#summer16 .bg-margin-for-link  .bg-close:before{
	display:inline-block;
    height:25px;
    width:31px;
    margin-right: 5px;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Dreieck_blau-1.png) no-repeat 0 0;
    background-size: 31px 25px;
}*/

#summer14 .bg-margin-for-link  .bg-showmore-plg-link{
	text-align: left !important;
    letter-spacing: 0 !important;
    /*text-transform: uppercase !important;*/
    opacity: 1;
    font-size: 28px !important;
}
/*#summer14 .bg-margin-for-link .bg-showmore-plg-link:before{
	display:inline-block;
    height:31px;
    width:25px;
    margin-right: 5px;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Dreieck_blau.png) no-repeat 0 0;
    background-size: 25px 31px;
}*/
/*#summer14 .bg-margin-for-link  .bg-close:before{
	display:inline-block;
    height:25px;
    width:31px;
    margin-right: 5px;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Dreieck_blau-1.png) no-repeat 0 0;
    background-size: 31px 25px;
}*/

#summer13 .bg-margin-for-link  .bg-showmore-plg-link{
	text-align: left !important;
    letter-spacing: 0 !important;
    /*text-transform: uppercase !important;*/
    opacity: 1;
    font-size: 28px !important;
}
/*#summer13 .bg-margin-for-link .bg-showmore-plg-link:before{
	display:inline-block;
    height:31px;
    width:25px;
    margin-right: 5px;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Dreieck_blau.png) no-repeat 0 0;
    background-size: 25px 31px;
}*/
/*#summer13 .bg-margin-for-link  .bg-close:before{
	display:inline-block;
    height:25px;
    width:31px;
    margin-right: 5px;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Dreieck_blau-1.png) no-repeat 0 0;
    background-size: 31px 25px;
}*/



#find{
color: #fcbf00;
}
#find a{
color: #fcbf00 !important;
}

.news-more-link{
	padding: 0!important;
	background: none !important;
	color: #e4003f !important;
	
}

.news-more-link:hover{
	background: none !important;
	color: #e4003f !important;
	font-weight: bold !important;
}


.member-desc{
	display: none !important;
}
#post-675{
	width: 100% !important;
}

#pro-pub-list{
	text-align: left !important;
    letter-spacing: 0 !important;
    color: #fcbf00 !important;
    text-transform: uppercase !important;
    opacity: 1;
    font-size: 28px !important;
}

.member-info .mb-meta{
	color: white !important;
}

.extp-member-single .member-info{
	border-bottom: 2px solid white !important;
}

.member-img{
	margin-left: .8%;
}


.ctgrid .item-grid .tpstyle-8 h3 a{
    color: #000000 !important;
	
}

figcaption h5{
	 color: #fcbf00 !important;
}

figure.tpstyle-19:hover img{
	    opacity: 1 !important;
}

figure.tpstyle-19 .tpstyle-19-image{
	z-index: auto !important;
	border-bottom: 0px !important;
}

.tpstyle-19-image p{
	display: none !important;
}

.gs-project-name a{
	color: #e4003f !important;
}
.single-proj-tit{
	display: none !important;
}

/***************************************
 Individual People Page
***************************************/
/*Professor's page*/
/*#post-98{
	width: 100% !important;
	padding-right: 0px !important;
	padding-left: 0px !important;
	margin-right: auto;
	margin-left: auto;
	max-width: 100%;
	overflow: hidden;
}*/
#post-98 .yellow-sm{
	margin-left: 9.7%;
}
#post-98 .member-img{
	/*margin-left: .9%;*/
}
#post-98 .people-hci-others{
	margin-left: 78px !important;
}

/*Anne's page*/
#post-675 .yellow-sm{
	margin-left: 9.7%;
}
#post-675 .member-img{
	/*margin-left: .8%;*/
}
/*Bruno's Page*/


/*Marion's page*/
#marion-office{
	margin-left: 1.5%;
}
#marion-email{
	margin-left: 1.5%;
}
/*Aditya's page*/
#aditya-website{
	margin-left: 1.8%
}
/*End Individiual People page css*/

/***************************************
 Individual Teaching Page
***************************************/
.teaching-wrapper{
	max-width: 1250px;
	margin-left: 9.7%;
	height: auto;
	overflow: hidden;
	padding-right: 35px;
}

.teaching-wrapper .teaching-top-table{
	width: 40%;
}
.teaching-wrapper .table-striped{
	width: 80%;
}
.teaching-wrapper .teaching-title-hci-2{
	margin-top: -5px;
	position: absolute;
}

.teaching-wrapper p{
	font-family: 'Source Sans Pro', sans-serif;
	color: #000000;
}
.teaching-wrapper h3{
	font-family: 'Source Sans Pro semibold', sans-serif;
}
.page-id-1328 .jumbotron{
	display: none;
}
.jumbotron{
	display:none;
}

.page-id-585 .jumbotron{
	display: none;
}
.page-id-592 .jumbotron{
	display: none;
}
.page-id-598 .jumbotron{
	display: none;
}
.page-id-602 .jumbotron{
	display: none;
}
.page-id-608 .jumbotron{
	display: none;
}
.page-id-613 .jumbotron{
	display: none;
}
.page-id-619 .jumbotron{
	display: none;
}
.page-id-623 .jumbotron{
	display: none;
}
.page-id-628 .jumbotron{
	display: none;
}
.page-id-632 .jumbotron{
	display: none;
}
.page-id-636 .jumbotron{
	display: none;
}
.page-id-639 .jumbotron{
	display: none;
}
.page-id-644 .jumbotron{
	display: none;
}
.page-id-647 .jumbotron{
	display: none;
}
.page-id-651 .jumbotron{
	display: none;
}
.page-id-655 .jumbotron{
	display: none;
}
.page-id-661 .jumbotron{
	display: none;
}
.page-id-668 .jumbotron{
	display: none;
}
.page-id-671 .jumbotron{
	display: none;
}
/*End Individiual Teaching page css*/
.teaching-ind-page .teaching-wrapper #head-title .teaching-title-hci-2{
	font-family: 'Source Sans Pro semibold', sans-serif;
}
.teaching-title-hci{
	color: white;
}
.extp-member-single{
	font-size: 1rem !important;
}
.people-ind-title-hci{
	font-family: 'Source Sans Pro Semibold', sans-serif;
}
.people-title{
	font-family: 'Source Sans Pro Semibold', sans-serif;
}
#post-98 .people-hci-intro{
	margin-top: 48px;
}
#people-contact{
	margin-left: 40.1%;
}
#people-contact h3{
		font-size: 20px;
	}
#people-contact p{
		font-size: 18px;
	}



#project-single .bg-margin-for-link  .bg-showmore-plg-link{
	text-align: left !important;
    letter-spacing: 0 !important;
    color: #000000 !important;
    text-transform: uppercase !important;
    opacity: 1;
    font-size: 28px !important;
}
/*#project-single .bg-margin-for-link .bg-showmore-plg-link:before{
	display:inline-block;
    height:31px;
    width:25px;
    margin-right: 5px;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Dreieck_rot-1.png) no-repeat 0 0;
    background-size: 25px 31px;
}*/

/*#project-single .bg-margin-for-link  .bg-close:before{
	display:inline-block;
    height:25px;
    width:31px;
    margin-right: 5px;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Dreieck_rot.png) no-repeat 0 0;
    background-size: 31px 25px;
}*/



/*#project-single-2 .bg-margin-for-link  .bg-showmore-plg-link{
	text-align: left !important;
    letter-spacing: 0 !important;
    color: #000000 !important;
    text-transform: uppercase !important;
    opacity: 1;
    font-size: 28px !important;
}*/
/*#project-single-2 .bg-margin-for-link .bg-showmore-plg-link:before{
	display:inline-block;
    height:31px;
    width:25px;
    margin-right: 5px;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Dreieck_rot-1.png) no-repeat 0 0;
    background-size: 25px 31px;
}*/

/*#project-single-2 .bg-margin-for-link  .bg-close:before{
	display:inline-block;
    height:25px;
    width:31px;
    margin-right: 5px;
    content: "";
    background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Dreieck_rot.png) no-repeat 0 0;
    background-size: 31px 25px;
}*/

#project-single-2 .exp-arrow .tpstyle-8 figcaption{
	text-align: center !important;
}

.gs-project-review{
	display: block !important;
}
.gs-project-skill{
	display: block !important;
}

#home{
	/*text-align: left !important;*/
/* 	max-width: 1250px !important; */
	max-width: 1400px !important;
	/*margin-left: 149px;*/
	margin-top: -8%;
}

.icon_title{
	width: 1449px !important;
	
}

#people-hci{
	max-width: 1250px !important;
}

.extp-member-single .extp-content-member .member-img .first-img img{
	width: 62% !important;
	height: auto !important;
}



.page-id-63 .jumbotron{
	display: none !important;
}

#post-675 .bg-margin-for-link{
	display: none;
}

.news-content-excerpt{
	display: none;
}
.news-content .grid-date-post{
	color: #e4003f;
}
.news-content .grid-date-post a{
	display: none;
}

/*Parallex Banner Customization*/
.frontpage-banner-parallax-bg{
	height: 300px;
	width: 100%;
	overflow: hidden;
}
.frontpage-banner.frontpage-banner-parallax-bg::before{
	opacity: 0 !important;
}
/*Individual Research Page*/
#pro-main-title{
	/*position: absolute;
	margin-top: -.5%;*/
}

#research-single-people{
	margin-left: 1.4%;
}
/*For two memebers*/
.postid-189 .ex-tplist.column-5 .item-grid{
	width: 40% !important;
}
.postid-187 .ex-tplist.column-5 .item-grid{
	width: 40% !important;
}
.postid-185 .ex-tplist.column-5 .item-grid{
	width: 25.15% !important;
}
/*For three memebers*/
.postid-201 .ex-tplist.column-5 .item-grid{
	width: 33% !important;
}
/*For two memebers*/
.postid-220 .ex-tplist.column-5 .item-grid{
	width: 29.5% !important;
}
/*For two memebers*/
.postid-246 .ex-tplist.column-5 .item-grid{
	width: 44% !important;
}
/*For two memebers*/
.postid-271 .ex-tplist.column-5 .item-grid{
	width: 43.7% !important;
}

/*Individual Research Page*/
/* Research Banner CSS */
.nav-page-banner{
	margin-left: -120px;
    padding: 0px !important;
    width: 1349px !important;
	margin-top: -37px;
	height: 440px;
  	overflow: hidden; 
}
.nav-page-banner img{
object-fit: cover;
object-position: 0 -170px;
}

#research-hci{
	max-width: 1250px !important;
    margin-top: -35px;
	/*margin-left: -30px;*/
}
/*Research Banner CSS Ends*/


/* Teaching Banner CSS */
/*.nav-teaching-banner{
	margin-left: -120px;
    padding: 0px !important;
    width: 1349px !important;
	margin-top: -37px;
	height: 440px;
  	overflow: hidden; 
}*/
/*.nav-teaching-banner img{
	object-fit: cover;
	object-position: 0 -170px;
}*/

#teaching-hci{
	max-width: 1250px !important;
    margin-top: -35px;
	
}
/*Responsive Banner Image for Teaching*/
.icon_title{
	width: 100% !important;
}
.nav-teaching-banner{
    width: 100% !important;
	height: auto;
  	overflow: hidden; 
	margin-top: -10px;
}
.section{
	padding: 17px 0 35px !important;
	/*margin-left: 6%;*/
}
.bg-white .container {
    width: 100% !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-right: auto;
    margin-left: auto;
	max-width: 100%;
	/*overflow: hidden;*/
}

.post-content{
	margin-left: 6%;
}

.nav-teaching-banner img {
    object-fit: cover;
    object-position: 0 0px;
}

#teaching{
	margin-left: 3%;
}
/*Responsive Teaching Banner Ends*/

.page-id-387 .jumbotron{
	display: none !important;
}

#page-387 .page-title{
	color: white;
}
/*Teaching Banner CSS Ends*/



#page-63 .entry-title{
	color: white;
}


/*People Banner CSS*/
/*.nav-people-banner{
	margin-left: -120px;
    padding: 0px !important;
    width: 1349px !important;
	margin-top: -37px;
	height: 440px;
  	overflow: hidden; 
}*/
.nav-people-banner{
    width: 100% !important;
	height: auto;
  	overflow: hidden; 
	margin-top: -10px;
	
}
.people-block-adjustment{
	margin-left: 2.3%;
}

.nav-people-banner img{
	object-fit: cover;
	object-position: 0 0px;
}

#people-hci{
	max-width: 1250px !important;
    margin-top: -35px;
}
#people #alumni{
	margin-left: 0.5%;
}
#page-61 .entry-title{
	color: white;
}
.page-id-61 .jumbotron{
	display: none !important;
}
/*People Banner CSS Ends*/

/* Theses Banner CSS */
/*.nav-theses-banner{
	margin-left: -120px;
    padding: 0px !important;
    width: 1349px !important;
	margin-top: -37px;
	height: 440px;
  	overflow: hidden; 
}*/
.nav-theses-banner{

    width: 100% !important;
	height: auto;
  	overflow: hidden; 
	margin-top: -10px;
}

/*.nav-theses-banner img{
object-fit: cover;
object-position: 0 -450px;
}*/
.nav-theses-banner img{
object-fit: cover;
object-position: 0 0px;
}

#theses-hci{
	max-width: 1250px !important;
    margin-top: -85px;
}

#page-389 .page-title{
	color: white;
}
.page-id-389 .jumbotron{
	display: none !important;
}
/*Theses Banner CSS Ends*/

/* Publications Banner CSS */
/*.nav-publications-banner{
	margin-left: -120px;
    padding: 0px !important;
    width: 1349px !important;
	margin-top: -37px;
	height: 440px;
  	overflow: hidden; 
}
.nav-publications-banner img{
object-fit: cover;
object-position: 0 -120px;
}*/
.nav-publications-banner{
    width: 100% !important;
	height: auto;
  	overflow: hidden;
	margin-top: -10px;
}
.nav-publications-banner img{
object-fit: cover;
object-position: 0 0px;
}
#publications-hci{
	max-width: 1250px !important;
    margin-top: -35px;
	/*margin-left: -30px;*/
}

#page-164 .entry-title{
	color: white;
}
.page-id-164 .jumbotron{
	display: none !important;
}
/*Publications Banner CSS Ends*/

/* Jobs Banner CSS */
/*.nav-jobs-banner{
	margin-left: -120px;
    padding: 0px !important;
    width: 1349px !important;
	margin-top: -37px;
	height: 440px;
  	overflow: hidden; 
}
.nav-jobs-banner img{
object-fit: cover;
object-position: 0 -380px;
}*/

.nav-jobs-banner{
    width: 100% !important;
	height: auto;
  	overflow: hidden;
	margin-top: -10px;
}
.nav-jobs-banner img{
object-fit: cover;
object-position: 0 0px;
}

#jobs-hci{
	max-width: 1250px !important;
    margin-top: -35px;
	/*margin-left: -30px;*/
}

#page-391 .page-title{
	color: white;
}
.page-id-391 .jumbotron{
	display: none !important;
}
/*Jobs Banner CSS Ends*/

/* Contact Banner CSS */
/*.nav-contact-banner{
	margin-left: -120px;
    padding: 0px !important;
    width: 1349px !important;
	margin-top: -37px;
	height: 440px;
  	overflow: hidden; 
}
.nav-contact-banner img{
object-fit: cover;
object-position: 0 -120px;
}*/

/**Latest Responsive Customization for Contact Page**//
.nav-contact-banner{
    width: 100% !important;
	height: auto;
  	overflow: hidden;
	
}
.nav-contact-banner img{
	object-fit: cover;
	object-position: 0 0px;
	margin-top: -10px;
}

#contact-iframe iframe{
	width: 100% !important;
	
}



/*#contact-hci{
	max-width: 1259px !important;
    margin-top: -35px;
	margin-left: -30px;
}*/

#contact-hci{
	max-width: 1250px !important;
    margin-top: -35px;
	
}


#page-393 .page-title{
	color: white;
}
.page-id-393 .jumbotron{
	display: none !important;
}
/*Contact Banner CSS Ends*/

#internvisitors{
	margin-left: 85px;
}
.people-title-yellow{
	color: #fcbf00;
	margin-left: 9.7%;

}
/*Logo Fix*/
.navbar-custom .navbar-brand{
	padding-top: 0px !important;
	padding-left: 15px;
	max-height: 1000px;
}
#home-para{
	font-size: 18px;
	margin-left: -15px;
	margin-top: 4%;
    margin-bottom: 40px;

}
#narrow #head-title{
	margin-left: -15px;
	margin-top: 1%;
}


#internvisitors-steimle #visit-intern .bg-margin-for-link .bg-showmore-plg-link{
	color: #fcbf00 !important;
}

#internvisitors #visit-intern .bg-margin-for-link .bg-showmore-plg-link{
	color: #fcbf00 !important;
}

/*Research Design*/
#gs_projects_single{
	margin-left: 0;
}
#research-hci #research #research-cat-blocks .bg-margin-for-link .bg-showmore-plg-link{
	color: #e4003f !important;
}
#iframe-div{
	width: 100%;
	height: auto;
}
#iframe-div iframe{
	width: 100%;
	height: 500px;
}

#people-hci #teaching #teaching-semester-page .bg-margin-for-link .bg-showmore-plg-link{
	color: #2e93cd; !important;
}

#theses-hci #theses .bg-margin-for-link .bg-showmore-plg-link{
	color: #fcbf00; !important;
}

.page-content .page .page-title:after{
	border-bottom: 0px !important;
}

.people-banner{
	width: 100%;
	height: auto;
  	overflow: hidden; 
}

.people-banner img{
	object-fit: cover;
	object-position: 0 -0px;
}

/*April 29-30 CSS*/

#student #head-title{
	color: #000000 !important;
}

#staff #head-title #people-main-head{
	margin-top: -5px !important;
	/*position: absolute;*/
	font-family: 'Source Sans Pro Semibold', sans-serif;
}
/*#student #head-title #people-main-head-student{
	margin-top: -5px !important;
	position: absolute;
}*/


/*#alumni .bg-margin-for-link #hci-people-text{
	position: absolute;
	margin-top: -6px;
}*/

.home-blue-title{
	position: absolute;
	margin-top: -6px;
}
.home-red-title{
	position: absolute;
	margin-top: -6px;
}
.home-yellow-title{
	position: absolute;
	margin-top: -6px;
}

#post-98 .people-ind-title-hci{
	position: absolute;
	margin-top: -2px !important;
}
#post-675 .people-ind-title-hci{
	position: absolute;
	margin-top: -2px !important;
}
/*GS Project Awards and Venue info customization*/
.bold-project-info{
	font-weight: bold;
}
.italic-project-info{
	font-style: italic;
}

.news .news-title a{
	/*font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", 
  Helvetica, Arial, "Lucida Grande", sans-serif !important;*/
}

/* Homes page main title adjustment */

/*#home #head-title .home1-title-hci-2{
	position: absolute;
	margin-top: -6px !important;
	
}*/
#home #head-title .home2-title-hci-2{
	/*position: absolute;
	margin-top: -6px !important;*/
	font-family: 'Source Sans Pro Semibold', sans-serif;
	
}
#home #head-title .home3-title-hci-2{
	/*position: absolute;
	margin-top: -6px !important;*/
	font-family: 'Source Sans Pro Semibold', sans-serif;
	
}

#page-1013 #head-title{

	margin-left: 30px;
	margin-top: 51px;
	
}

#home-page{
	margin-top: 20px !important;
	
}

.gs_project_theme1 .container{
	margin-left: -15px;
}

.home-news{
	margin-left: 45px;
	font-family: "Helvetica Neue";
}

/* Research page main title adjustment */

#research #head-title .research-title-hci-2{
	/*position: absolute;
	margin-top: -6px !important;*/
	font-family: 'Source Sans Pro Semibold', sans-serif;
	
}

#page-63 #head-title{

	margin-left: 30px;
	margin-top: 51px;
	
}

#research-semester-page{
	/*margin-top: -2%;*/
	margin-left: 5%;
}
#research-semester-page table{
	margin-left: -38px;
}

/*Research Expand/Close Section CSS*/
#page-63 .bg-margin-for-link .bg-showmore-plg-link {
	font-size: 28px !important;
	/*font-weight: 800 !important;*/
		
}
/*#page-63  .bg-margin-for-link .bg-showmore-plg-link::before {
	display: inline-block;
	height: 48px !important;
	width: 48px !important;
	background-size: 28px 34px;
	position: absolute;
	margin-top: 8px;
	margin-left: -40px;
}*/
/*#page-63 .bg-margin-for-link .bg-close::before {
	display: inline-block;
	height: 48px !important;
	width: 48px !important;
	background-size: 34px 28px;
	position: absolute;
	margin-top: 8px;
}*/

/* Teaching page main title adjustment */

#teaching #head-title .teaching-title-hci-2{
	/*position: absolute;
	margin-top: -6px !important;*/
	font-family: 'Source Sans Pro Semibold', sans-serif;
}

#page-387 #head-title{

	margin-left: 30px;
	margin-top: 51px;
	
}

#teaching-semester-page{
	margin-top: 20px;
	/*margin-left: 68px;*/
}

/*Teaching Expand/Close Section CSS*/
#page-387 .bg-margin-for-link .bg-showmore-plg-link {
	font-size: 28px !important;
	/*font-weight: 800 !important;*/
		
}
#page-387  .bg-margin-for-link .bg-showmore-plg-link::before {
	font-family:'HCI_Lab_Font';
    vertical-align: middle;

}
/*#page-387 .bg-margin-for-link .bg-close::before {
	display: inline-block;
	height: 48px !important;
	width: 48px !important;
	background-size: 34px 28px;
	position: absolute;
	margin-top: 8px;
}*/

/*Theses page style*/
/* Theses page main title adjustment */

#theses #head-title .theses-title-hci-2{
	/*position: absolute;
	margin-top: -6px !important;*/
	font-family: 'Source Sans Pro Semibold', sans-serif;
	
}

#page-389 #head-title{

	margin-left: 3%;
	margin-top: 51px;
	
}

#theses-page{
	margin-top: 20px;
	margin-left: 3%;
}

#theses-page #alumni{
	margin-left: 40px;
}

/*Theses Expand/Close Section CSS*/
#page-389 .bg-margin-for-link .bg-showmore-plg-link {
	font-size: 26px !important;
	/*font-weight: 800 !important;*/
		
}
/*#page-389  .bg-margin-for-link .bg-showmore-plg-link::before {
	display: inline-block;
	height: 48px !important;
	width: 48px !important;
	background-size: 28px 34px;
	position: absolute;
	margin-top: 5px;
	margin-left: -40px;
}*/
/*#page-389 .bg-margin-for-link .bg-close::before {
	display: inline-block;
	height: 48px !important;
	width: 48px !important;
	background-size: 34px 28px;
	position: absolute;
	margin-top: 8px;
}*/

/*end Theses*/

/*Publications page style*/
/* Publications page main title adjustment */

#publications-hci #head-title .pub-title-hci-2{
	/*position: absolute;
	margin-top: -6px !important;*/
	font-family: 'Source Sans Pro Semibold', sans-serif;
	
}

#page-164 #head-title{

	margin-left: 30px;
	margin-top: 51px;
	
}

#pub-page{
	margin-top: 20px;
	margin-left: 70px;
}


/*Publications Expand/Close Section CSS*/
#page-164 .bg-margin-for-link .bg-showmore-plg-link {
	font-size: 28px !important;
	/*font-weight: 800 !important;*/
		
}
/*#page-164  .bg-margin-for-link .bg-showmore-plg-link::before {
	display: inline-block;
	height: 48px !important;
	width: 48px !important;
	background-size: 28px 34px;
	position: absolute;
	margin-top: 7px;
	margin-left: -40px;
}*/
/*#page-164 .bg-margin-for-link .bg-close::before {
	display: inline-block;
	height: 48px !important;
	width: 48px !important;
	background-size: 34px 28px;
	position: absolute;
	margin-top: 7px;
}*/

/*end*/

/*Jobs page style*/
/* Jobs page main title adjustment */

#jobs-hci #head-title .jobs-title-hci-2{
	/*position: absolute;
	margin-top: -6px !important;*/
	font-family: 'Source Sans Pro Semibold', sans-serif;
	
}

#page-391 #head-title{

	margin-left: 30px;
	margin-top: 51px;
	
}

#jobs-page{
	margin-top: 20px;
	margin-left: 30px;
}



/*end*/

/*Contact page style*/
/* Contact page main title adjustment */

#contact-hci #head-title .contact-title-hci-2{
	/*position: absolute;
	margin-top: -6px !important;*/
	font-family: 'Source Sans Pro Semibold', sans-serif;
	opacity: 1;
	letter-spacing: 0px;
	text-align: left;
	
}

#page-393 #head-title{

	margin-left: 30px;
	margin-top: 51px;
	
}

#contact-page{
	margin-top: 20px;
	margin-left: 30px;
}



/*end*/

#anne-p-style{
		margin-top: 15px !important;
}

#bruno{
	margin-top: 56px !important;
}

#marion{
	margin-top: 72px !important;
}
#marc{
	margin-top: 72px !important;
}
#paul{
	margin-top: 72px !important;
}
#aditya{
	margin-top: 72px !important;
}
#narjes{
	margin-top: 72px !important;
}
#adwait{
	margin-top: 72px !important;
}
.prof-contact-offchr{
	margin-left: 234px !important;
}

/* CSS Project Section Style for Bruno */
#post-286 .bg-margin-for-link .bg-showmore-plg-link {
	font-size: 28px !important;
	font-weight: 800 !important;
		
}
/*#post-286  .bg-margin-for-link .bg-showmore-plg-link::before {
	display: inline-block;
	height: 48px !important;
	width: 48px !important;
	background-size: 28px 34px;
	position: absolute;
	margin-top: 8px;
	margin-left: -40px;
}
#post-286 .bg-margin-for-link .bg-close::before {
	display: inline-block;
	height: 48px !important;
	width: 48px !important;
	background-size: 34px 28px;
	position: absolute;
	margin-top: 8px;
}*/
#post-286 #internvisitors{
		margin-left: 125px !important;
}

#post-286 .people-ind-title-hci {
    position: absolute;
    margin-top: -2px !important;
}


/* CSS Project Section Style for Marion */
#post-1063 .bg-margin-for-link .bg-showmore-plg-link {
	font-size: 28px !important;
	font-weight: 800 !important;
		
}
/*#post-1063 .bg-margin-for-link .bg-showmore-plg-link::before {
	display: inline-block;
	height: 48px !important;
	width: 48px !important;
	background-size: 28px 34px;
	position: absolute;
	margin-top: 8px;
	margin-left: -40px;
}*/
/*#post-1063 .bg-margin-for-link .bg-close::before {
	display: inline-block;
	height: 48px !important;
	width: 48px !important;
	background-size: 34px 28px;
	position: absolute;
	margin-top: 8px;
}*/
#post-1063 #internvisitors{
		margin-left: 125px !important;
}

#post-1063 .people-ind-title-hci {
    position: absolute;
    margin-top: -2px !important;
} 

/*CSS Project Section Style for Paul*/


#post-282 .bg-margin-for-link .bg-showmore-plg-link {
	font-size: 28px !important;
	font-weight: 800 !important;
		
}
/*#post-282 .bg-margin-for-link .bg-showmore-plg-link::before {
	display: inline-block;
	height: 48px !important;
	width: 48px !important;
	background-size: 28px 34px;
	position: absolute;
	margin-top: 8px;
	margin-left: -40px;
}*/
/*#post-282 .bg-margin-for-link .bg-close::before {
	display: inline-block;
	height: 48px !important;
	width: 48px !important;
	background-size: 34px 28px;
	position: absolute;
	margin-top: 8px;
}*/
#post-282 #internvisitors{
		margin-left: 125px !important;
}

#post-282 .people-ind-title-hci {
    position: absolute;
    margin-top: -2px !important;
}


/*CSS Project Section Style for Aditya*/


#post-89 .bg-margin-for-link .bg-showmore-plg-link {
	font-size: 28px !important;
	/*font-weight: 800 !important;*/
		
}
/*#post-89 .bg-margin-for-link .bg-showmore-plg-link::before {
	display: inline-block;
	height: 48px !important;
	width: 48px !important;
	background-size: 28px 34px;
	position: absolute;
	margin-top: 8px;
	margin-left: -40px;
}*/
/*#post-89 .bg-margin-for-link .bg-close::before {
	display: inline-block;
	height: 48px !important;
	width: 48px !important;
	background-size: 34px 28px;
	position: absolute;
	margin-top: 8px;
}*/
#post-89 #internvisitors{
		margin-left: 9.8% !important;
}

.people-ind-title-hci {
    position: absolute;
    margin-top: -2px !important;
}


/*CSS Project Section Style for Narjes*/


#post-279 .bg-margin-for-link .bg-showmore-plg-link {
	font-size: 28px !important;
	/*font-weight: 800 !important;*/
		
}
/*#post-279 .bg-margin-for-link .bg-showmore-plg-link::before {
	display: inline-block;
	height: 48px !important;
	width: 48px !important;
	background-size: 28px 34px;
	position: absolute;
	margin-top: 8px;
	margin-left: -40px;
}*/
/*#post-279 .bg-margin-for-link .bg-close::before {
	display: inline-block;
	height: 48px !important;
	width: 48px !important;
	background-size: 34px 28px;
	position: absolute;
	margin-top: 8px;
}*/
#post-279 #internvisitors{
		margin-left: 9.8% !important;
}

#post-279 .people-ind-title-hci {
    position: absolute;
    margin-top: -2px !important;
}


/*CSS Project Section Style for Adwait*/


#post-277 .bg-margin-for-link .bg-showmore-plg-link {
	font-size: 28px !important;
	/*font-weight: 800 !important;*/
		
}
/*#post-277 .bg-margin-for-link .bg-showmore-plg-link::before {
	display: inline-block;
	height: 48px !important;
	width: 48px !important;
	background-size: 28px 34px;
	position: absolute;
	margin-top: 8px;
	margin-left: -40px;
}*/
/*#post-277 .bg-margin-for-link .bg-close::before {
	display: inline-block;
	height: 48px !important;
	width: 48px !important;
	background-size: 34px 28px;
	position: absolute;
	margin-top: 8px;
}*/
#post-277 #internvisitors{
		margin-left: 9.8% !important;
}

#post-277 .people-ind-title-hci {
    position: absolute;
    margin-top: -2px !important;
}

/*CSS Project Section Style for Marc*/


#post-1169 .bg-margin-for-link .bg-showmore-plg-link {
	font-size: 28px !important;
	font-weight: 800 !important;
		
}
/*#post-1169 .bg-margin-for-link .bg-showmore-plg-link::before {
	display: inline-block;
	height: 48px !important;
	width: 48px !important;
	background-size: 28px 34px;
	position: absolute;
	margin-top: 8px;
	margin-left: -40px;
}*/
/*#post-1169 .bg-margin-for-link .bg-close::before {
	display: inline-block;
	height: 48px !important;
	width: 48px !important;
	background-size: 34px 28px;
	position: absolute;
	margin-top: 8px;
}*/
#post-1169 #internvisitors{
		margin-left: 125px !important;
}

#post-1169 .people-ind-title-hci {
    position: absolute;
    margin-top: -2px !important;
}




/*CSS Alumni and Visitor-Intern Section Style of People thumbnail page*/


#page-61 .bg-margin-for-link .bg-showmore-plg-link {
	font-size: 26px !important;
	/*font-weight: 800 !important;*/
	/*margin-left: 35px;*/
		
}
/*#page-61 .bg-margin-for-link .bg-showmore-plg-link::before {
	display: inline-block;
	height: 48px !important;
	width: 48px !important;
	background-size: 28px 34px;
	position: absolute;
	margin-top: 7px;
	margin-left: -40px;
}*/
/*#page-61 .bg-margin-for-link .bg-close::before {
	display: inline-block;
	height: 48px !important;
	width: 48px !important;
	background-size: 34px 28px;
	position: absolute;
	margin-top: 7px;
}*/
#page-61 #internvisitors{
		margin-left: 500px !important;
}

/*CSS Projects,Courses etc. Section Style of Professor*/


#post-98 .bg-margin-for-link .bg-showmore-plg-link {
	font-size: 26px !important;
	/*font-weight: 800 !important;*/
	/*margin-left: 35px;*/
		
}
/*#post-98 .bg-margin-for-link .bg-showmore-plg-link::before {
	display: inline-block;
	height: 48px !important;
	width: 48px !important;
	background-size: 28px 34px;
	position: absolute;
	margin-top: 7px;
	margin-left: -40px;
}*/
/*#post-98 .bg-margin-for-link .bg-close::before {
	display: inline-block;
	height: 48px !important;
	width: 48px !important;
	background-size: 34px 28px;
	position: absolute;
	margin-top: 7px;
}*/
#post-98 #internvisitors{
		margin-left: 500px !important;
}

#pro-pub-list{
	font-size: 28px !important;
	/*font-weight: 800 !important;*/
}


/*Research Single Page Design*/

.sin-proj-img{
	display: none;
}
.sin-proj-details{
	display: none;
}
.prev-next-navigation{
	display: none;
}
.project-label{
	display: none;
}

/*RESPONSIVE DESIGN STARTS*/

/* ==========================================================================
   Media Queries
   ========================================================================== */
/*------------------------------------------------*/


/* portrait layouts equal and smaller than 360px, most mobiles */
 
@media only screen
and (max-width : 360px){

/*People Page*/	
	#footer-empty-space-2{
		display: none !important;
	}
	#footer-empty-space-3{
		display: none !important;
	}
	#footer-empty-space-4{
		display: none !important;
	}
	#footer{
		left: 0px !important;
	}
	#footer-img-3{
		text-align: right !important;
	}
	#footer-img-3 a{
		font-size: 13px !important;
	}
	.nav-people-banner img{
		object-position: 0 0 !important;
	}
	.nav-people-banner {
		/*margin-left: -120px;
		padding: 0px !important;*/
		width: 100% !important;
		margin-top: -37px;
		height: auto;
		overflow: hidden;
	}
	.navbar-custom .navbar-brand {
		padding-top: 15px;
	}
	/*.yellow::before {
		display: inline-block;
		height: 39px;
		width: 30px;
		margin-right: 0px;
		content: "";
		background: url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Logo_Dreieck2.png) no-repeat 0 0;
		background-size: 24px 33px;
	}*/
 
 
}


/* portrait layouts equal and smaller than 375px, most mobiles */
 
@media only screen
and (max-width : 375px){
	p, li{
		font-size: 11px;
	}
	h3,h2{
		font-size: 14px !important;
		
	}
	
	button.bg-showmore-plg-button:before, a.bg-showmore-plg-link:before {
    font-family: 'HCI_Lab_Font', sans-serif;
}

	.yellow, .yellow-sm, .yellow-sm-downlogo, .red, .red-sm, .red-sm-downlogo, .blue, .blue-sm, .blue-sm-downlogo {
		font-family: 'HCI_Lab_Font', sans-serif;
		font-size: 14px;
		margin-right: 5%;
		vertical-align: top;
		line-height: 51px;
		/*margin-left: -40px;*/
	}

	.yellow, .yellow-sm, .yellow-sm-downlogo:before {
		color: #fcbf00 !important;
	}

	.red, .red-sm {
		color: #e4003f !important;
	}

	.blue, .blue-sm {
		color: #2e93cd !important;
	}

	.bg-showmore-plg-link:before {
		font-family: 'HCI_Lab_Font', sans-serif;
		/*font-size: 27px;*/
		/*margin-right: 8px;*/
		vertical-align: middle;
		line-height: 51px;
	}

/*People Page*/
	
/*Footer Style CSS*/
	#footer{
		left: 12.5%;
		top: -22%;
	}
	#footer img{
		width: 300px;
		/*margin-left:40px;*/
	}
	#footer-address-text{
		font-size: 11px;
		width: 66%;
	}
	#imprint{
		font-size: 11px !important;
	}
	#dataProtection{
		font-size: 11px !important;
	}
	#footer-address-url{
		margin-top: 25%;
	}
	.footer .container .row .col-md-4 .copyright p {
    	margin-left: 9%;
		margin-top: 1%
	}
/*Footer Style CSS Ends*/	
	#footer-empty-space-2{
		display: none !important;
	}
	#footer-empty-space-3{
		display: none !important;
	}
	#footer-empty-space-4{
		display: none !important;
	}
	#footer-img-3{
		text-align: right !important;
	}
	#footer-img-3 a{
		font-size: 13px !important;
	}
	#footer table{
		margin-left: -25px;
	}
	.nav-people-banner img{
		object-position: 0 0 !important;
	}
	.nav-people-banner {
		/*margin-left: -120px;
		padding: 0px !important;*/
		width: 100% !important;
		margin-top: -10px;
		height: auto;
		overflow: hidden;
		margin-left: 0% !important;
	}
	
	/*Home General*/
	#page-1013 h3{
		font-size: 14px;
	}
	#page-1013 p{
		font-size: 11px;
	}
	
	#welcome .container .block-title{
		display: none;
	}
	
	#home-page #home-para{
		font-size: 11px;
    	margin-top: -60px;
    	margin-left: -20px;
	}
	
	.gs-project-name a{
		font-size:10px;
	}
	
	.gs-project-name p{
		font-size:11px;
	}
	.teaching-wrapper .table td, .table th{
		font-size:11px !important;
		position: relative;
		padding: 8px;
		
	}
	.teaching-wrapper .table-striped{
		width: 70% !important;
	}
	.teaching-ind-page ul li, p{
		width: 100%;
	}
	
	/*end*/
	
	/* To adjust Home Banner page in 375px of width */
	.image-banner img{
		margin-top: -26%;
		
	}
	.frontpage-banner-parallax-bg {
		margin-left: -120px;
		/*padding: 0px !important;*/
		width: 100% !important;
		/*margin-top: -37px;*/
		height: 0px;
		overflow: hidden;
	}
	#home-page{
		margin-top: 0px !important;
	}
	#home{
		margin-top: -4%;
	}
	#welcome .wow .container{
		padding: 0px !important;
	}
	
	/*end*/
	
	/*Title alignment w.r.t other page title and adjustment of the first description*/
	.section{
		padding: 29px 0 35px;
	}
	
	/* Swap Div for Home */
	
	.home-wrapper {
		display:table !important;
		max-width: 315px;
		margin-left: 47px;
	}

	.home-project {
		display:table-header-group !important;
	}

	.home-news { 
		display:table-footer-group !important
	}
	/* Swap Segment Ends */
	/*Projects Section Adjustment*/
	
	#gs_projects1013 .col-xs-6{
		width: 50% !important;
	}
	#narrow #head-title{
		margin-bottom: 0px;
		margin-left: -69px !important;
	}
	.home-wrapper .home-project{
		margin-left: -30px;
	}
	#narrow .gs_project_theme1{
		margin-left: -60px !important;
	}
	/*News Section Adjustment*/
	#home-page #wide{
		margin-top: 10px;
	}
	.wpnawfree-plugin{
		margin-top: 40px !important;
    	margin-left: -85px !important;
	}
	#wide #head-title{
		margin-left: -69px !important;
		margin-top: 35px;
	}
	.news-col-list .news-inner-wrap-view{
		border-bottom: 0px;
		padding-bottom: 0px;
		margin-bottom: 0px;
	}
	
	.news-content .grid-date-post{
		margin-bottom: 10px;
		font-size: 8px;
	}
	.home-news{
	margin-left: 0px !important;
	}
	
	.news .news-title{
		margin-top: -15px !important;
	}
	.news .news-title a{
		font-size: 11px;
		/*font-family: "HelveticaNeue-Regular", "Helvetica Neue", "Helvetica Neue", 
  		Helvetica, Arial, "Lucida Grande", sans-serif !important;*/
		color: #000000 !important;
	}
	/*Home Title fix*/
	/*#home #head-title .blue::before {
		display: inline-block;
		height: 24px !important;
		width: 24px !important;
		background-size: 14px 17px;
		
		margin-top: -5px;
		
	}*/
	/*#home #head-title .yellow::before {
		display: inline-block;
		height: 24px !important;
		width: 24px !important;
		background-size: 14px 17px;
		
		margin-top: -5px;
		
	}*/
	/*#home #head-title .red::before {
		display: inline-block;
		height: 24px !important;
		width: 24px !important;
		background-size: 14px 17px;
		
		margin-top: -5px;
		
	}*/
	#home #head-title .home1-title-hci-2{
		font-size: 14px !important;
		font-weight: 800 !important;
		/*margin-left: -6px;*/
	}
	#home #head-title .home2-title-hci-2{
		font-size: 14px !important;
		font-weight: 800 !important;
		margin-left: -4%;
		/*margin-left: -20px;
    	margin-top: 5px !important;*/
	}
	#home #head-title .home3-title-hci-2{
		font-size: 14px !important;
		font-weight: 800 !important;
		margin-left: -3%;
	}
	
	#home #head-title .home3-title-hci-2{
	/*position: absolute;*/
	/*margin-top: 5px !important;*/
	font-family: 'Source Sans Pro Semibold', sans-serif;	
	}

	
	#page-1013 #head-title{
		margin-left: 30px;
		margin-top: 33px !important;
	}
	
	#page-1013 .page-title{
		line-height: 5px !important;
	}
	
	/*end*/
	
	/*Teaching General*/
	#page-387 h3{
		font-size: 14px;
	}
	#page-387 p{
		font-size: 11px;
	}
	
	
	/*end*/
	
	/* To adjust Teaching Banner page in 375px of width */
	.nav-teaching-banner img{
		object-position: 0 0 !important;
	}
	/*.nav-teaching-banner {
		margin-left: -120px;
		padding: 0px !important;
		width: 100% !important;
		margin-top: -10px;
		height: auto;
		overflow: hidden;
	}*/
	#teaching-hci{
		margin-top: -49px;
	}
	
	/*end*/
	
	/*Teaching Title fix*/
	/*#page-387 .blue::before {
		display: inline-block;
		height: 24px !important;
		width: 24px !important;
		background-size: 14px 17px;
		
		margin-top: -5px;
		
	}*/
	
	#teaching #head-title .teaching-title-hci-2{
		font-size: 18px !important;
		/*font-weight: 800 !important;*/
		margin-left: -3%;
	}
	
	#page-387 #head-title{
		margin-left: 4%;
		margin-top: 33px !important;
	}
	
	#page-387 .page-title{
		line-height: 5px !important;
	}
	
	/*end*/
	
	/* Expand/ Close Icon and text fix for Teaching page*/
	
	#page-387 .bg-margin-for-link .bg-showmore-plg-link {
		font-size: 14px !important;
		/*font-weight: 800 !important;*/
	}
	#head-title {
    text-align: left;
    letter-spacing: 0;
    color: #212529;
    text-transform: uppercase;
    opacity: 1;
    font-size: 14px !important;
    margin-top: 12%;
}
	/*#page-387  .bg-margin-for-link .bg-showmore-plg-link::before {
		display: inline-block;
		height: 24px !important;
		width: 24px !important;
		background-size: 14px 17px;
		position: absolute;
		margin-top: 4px;
		margin-left: -20px;
	}*/
/*	#page-387 .bg-margin-for-link .bg-close::before {
		display: inline-block;
		height: 24px !important;
		width: 24px !important;
		background-size: 17px 14px;
		position: absolute;
		margin-top: 4px;
	}*/
	/*end*/
	
	/* Course Content Adjustments Teaching page*/
	
/*	#teaching-semester-page{
		margin-top: 40px;
		margin-left: 3%;
	}*/
	
	/*Individual Teaching Page adjustment*/
	/*.teaching-ind-page .teaching-wrapper .blue::before {
		display: inline-block;
		height: 24px !important;
		width: 24px !important;
		background-size: 14px 17px;
	}*/
	/*.teaching-ind-page .teaching-wrapper #head-title .teaching-title-hci-2 {
    	margin-top: -2px;
    	position: absolute;
    	margin-left: -10px;
	}*/
	.teaching-wrapper{ 
		margin-left: 12.4%;
	}
	.teaching-wrapper .table{
		margin-top: 25%;
	}
	#alpc1617{
		margin-top: 50px;
	}
	.ind-teaching-wrapper-adjustment{
		margin-top: 50px;
	}
	/*end Teaching*/
	
	/*Theses styling*/
	/*Theses General*/
	#page-389 h3{
		font-size: 14px;
	}
	#page-389 p{
		font-size: 11px;
	}
	
	
	/*end*/
	/* To adjust Research Banner page in 375px of width */
	/*.nav-research-banner img{
		object-position: 0 0 !important;
	}*/
	#page-63 p{
		font-size: 11px;
	}
	#page-63 .piclist p{
		width: 92%;
	}
	.piclist > a, .piclist > div {
    min-width: 316px !important;
	}
	#gs_projects63 .col-xs-6{
    width: 48% !important;
	}
	.single-project-desc-info{
		display: none;
	}
	.nav-research-banner {
		/*margin-left: -120px;
		padding: 0px !important;*/
		width: 100% !important;
		margin-top: -10px;
		height: auto;
		overflow: hidden;
	}
	
	
	/*end*/
	
	/*Theses Title fix*/
/*	#page-63 .red::before {
		display: inline-block;
		height: 24px !important;
		width: 24px !important;
		background-size: 14px 17px;
		
		margin-top: 0px;
		
	}*/
	#research #head-title .research-title-hci-2{
		font-size: 14px !important;
		
		margin-left: -3%;
		/*margin-top: -1px !important;*/
	}
	#research-hci{
		margin-top: -28px;
		margin-left: -11.3%;

	}
	.gs-single-container{
		overflow: hidden;
	}
	
	#page-63 #head-title{
		margin-left: 22%;
		margin-top: 13px !important;
	}
	
	#page-63 .page-title{
		line-height: 5px !important;
	}
	
	
	/*end*/
	
	/* Expand/ Close Icon and text fix for Research page*/
	
	#page-63 .bg-margin-for-link .bg-showmore-plg-link {
		font-size: 14px !important;
		
	}
	/*#page-63  .bg-margin-for-link .bg-showmore-plg-link::before {
		display: inline-block;
		height: 24px !important;
		width: 24px !important;
		background-size: 14px 17px;
		position: absolute;
		margin-top: 4px;
		margin-left: -20px;
	}*/
	/*#page-63 .bg-margin-for-link .bg-close::before {
		display: inline-block;
		height: 24px !important;
		width: 24px !important;
		background-size: 17px 14px;
		position: absolute;
		margin-top: 4px;
	}*/
	
	/*#gs_projects_single .col-md-12 #head-title-sing-pro .red::before {
		display: inline-block;
		height: 24px !important;
		width: 24px !important;
		background-size: 14px 17px !important;
		margin-right: 0px;
	}*/
	/*#research-single-people #head-title-sing-pro .red::before {
		display: inline-block;
		height: 24px !important;
		width: 24px !important;
		background-size: 14px 17px !important;
		margin-right: 0px;
	}*/
	#research-single-people #head-title-sing-pro .red #pro-main-title{
		margin-top: -0.15% !important;
	}
	#research-single-people {
    	margin-left: 4.4%;
	}
	#head-title-sing-pro{
		font-size: 14px !important;
	}
	#pro-main-title{
		/*position: absolute;*/
		margin-left: -3%;
	}
	#gs_projects_single {
    	margin-left: 6.3%;
	}
	iframe{
		width: 300px !important;
	}
	/*end*/
	
	/* Course Content Adjustments Theses page*/
	
	#research-semester-page{
		margin-top: -15%;
		margin-left: 32%;
	}
	#research-cat-blocks{
		margin-left: -6%;
	}
	
	
	/*Research styling ends here*/
	
	
	/* To adjust Theses Banner page in 375px of width */
	/*.nav-theses-banner img{
		object-position: 0 0 !important;
	}*/
	.nav-theses-banner {
		/*margin-left: -120px;
		padding: 0px !important;*/
		width: 100% !important;
		margin-top: -10px;
		height: auto;
		overflow: hidden;
	}
	
	/*end*/
	
	/*Theses Title fix*/
	/*#page-389 .yellow::before {
		display: inline-block;
		height: 24px !important;
		width: 24px !important;
		background-size: 14px 17px;
		margin-right: 5px;
		margin-top: -1px;
		
	}*/
	#theses #head-title .theses-title-hci-2{
		font-size: 18px !important;
		/*font-weight: 800 !important;*/
		margin-left: -3%;
		margin-top: -1px !important;
	}
	#theses-hci{
		margin-top: -33px;
	}
	
	/*#page-389 #head-title{
		margin-left: 30px;
		margin-top: 13px !important;
	}*/
	
	#page-389 .page-title{
		line-height: 5px !important;
	}
	#teaching-semester-page {
    margin-left: 4% !important;
}
	/*end*/
	
	/* Expand/ Close Icon and text fix for Theses page*/
	
	#page-389 .bg-margin-for-link .bg-showmore-plg-link {
		font-size: 14px !important;
		/*font-weight: 800 !important;*/
	}
	/*#page-389  .bg-margin-for-link .bg-showmore-plg-link::before {
		display: inline-block;
		height: 24px !important;
		width: 24px !important;
		background-size: 14px 17px;
		position: absolute;
		margin-top: 4px;
		margin-left: -20px;
	}*/
	/*#page-389 .bg-margin-for-link .bg-close::before {
		display: inline-block;
		height: 24px !important;
		width: 24px !important;
		background-size: 17px 14px;
		position: absolute;
		margin-top: 4px;
	}*/
	/*end*/
	
	/* Course Content Adjustments Theses page*/
	
	#theses-page{
		/*margin-top: 40px;*/
		margin-left: 8%;
	}
	#teaching {
    margin-left: 8%;
}
	
	/*Theses styling ends here*/
	
	/*Publications styling*/
	/*Publicatons General*/
	#page-164 h3{
		font-size: 14px;
	}
	#page-164 p{
		font-size: 11px;
	}
	.papercite_bibliography li{
		font-size: 11px;
	}
	
	
	/*end*/
	
	/* To adjust Publications Banner page in 375px of width */
	.nav-publications-banner img{
		object-position: 0 0 !important;
	}
	.nav-publications-banner {
		/*margin-left: -120px;
		padding: 0px !important;*/
		width: 100% !important;
		margin-top: -10px;
		height: auto;
		overflow: hidden;
	}
	
	/*end*/
	
	/*Publications Title fix*/
	/*#page-164 .red::before {
		display: inline-block;
		height: 24px !important;
		width: 24px !important;
		background-size: 14px 17px;
		margin-right: 5px;
		margin-top: 0px;
		
	}*/
	#publications-hci #head-title .pub-title-hci-2{
		font-size: 14px !important;
		/*font-weight: 800 !important;*/
		margin-left: -3%;
		margin-top: -1px !important;
	}
	/*#page-164 .red-sm-downlogo:before{
		display: inline-block;
		width: 100% !important;
		background-size: 17px 14px !important;
		position: absolute;
		margin-top: 0px;
		margin-right: 5px;
		content: "";
		background: url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Dreieck_rot.png) no-repeat 0 0;
	}*/

	.ind-pub-cat-title h3{
			margin-left: 10%;
	}
	
	#page-164 #head-title{
		margin-left: 30px;
		margin-top: 24px !important;
	}
	
	#page-164 .page-title{
		line-height: 5px !important;
	}
	
	/*end*/
	
	/* Expand/ Close Icon and text fix for Publications page*/
	
	#page-164 .bg-margin-for-link .bg-showmore-plg-link {
		font-size: 14px !important;
		/*font-weight: 800 !important;*/
	}
	/*#page-164  .bg-margin-for-link .bg-showmore-plg-link::before {
		display: inline-block;
		height: 24px !important;
		width: 24px !important;
		background-size: 14px 17px;
		position: absolute;
		margin-top: 5px;
		margin-left: -20px;
	}*/
	/*#page-164 .bg-margin-for-link .bg-close::before {
		display: inline-block;
		height: 24px !important;
		width: 24px !important;
		background-size: 17px 14px;
		position: absolute;
		margin-top: 4px;
	}*/
	/*end*/
	
	/* Course Content Adjustments Publications page*/
	
	#pub-page{
		margin-top: 0px;
		margin-left: 0px;
	}
	
	#pub-page table tbody tr td{
		font-size: 9px;
	}
	#pub-page table{
		margin-left: -21px;
	}
	#papercite_type{
		width: 50px;
	}
	/*Publications styling ends here*/
	
	/*Jobs styling*/
	/*Jobs General*/
	#page-391 h3{
		font-size: 14px;
	}
	#page-391 p{
		font-size: 11px;
	}
	#publications-hci{
		margin-top: -42px;
	}
	
	
	/*end*/
	
	/* To adjust Jobs Banner page in 375px of width */
	.nav-jobs-banner img{
		object-position: 0 0 !important;
	}
	.nav-jobs-banner {
		/*margin-left: -120px;
		padding: 0px !important;*/
		width: 100% !important;
		margin-top: -10px;
		height: auto;
		overflow: hidden;
	}
	
	/*end*/
	
	/*Jobs Title fix*/
	/*#page-391 .blue::before {
		display: inline-block;
		height: 24px !important;
		width: 24px !important;
		background-size: 14px 17px;
		margin-right: 5px;
		
		margin-top: 0px;
		
	}*/
	.navbar-brand.image-logo img {
    max-width: 100%;
    height: auto;
    margin-left: -7%;
}
	#jobs-page h3{
		font-size: 13px!important;
	}
	#jobs-hci #head-title .jobs-title-hci-2{
		font-size: 14px !important;
		/*font-weight: 800 !important;*/
		margin-left: -8px;
		margin-top: -1px !important;
		
	}
	
	#page-391 #head-title{
		margin-left: 30px;
		margin-top: 14px !important;
	}
	
	#page-391 .page-title{
		line-height: 5px !important;
	}
	
	/*end*/
	
	
	/* Course Content Adjustments Jobs page*/
	
	#jobs-page{
		margin-top: 0px;
		margin-left: 9%;
	}
	
	
	/*Jobs styling ends here*/
	
	/*Contact styling*/
	/*Contact General*/
	#page-393 h3{
		font-size: 14px;
	}
	#page-393 p{
		font-size: 11px;
	}
	
	#page-393 span{
		font-size: 14px !important;
	}
	#find a{
		font-size: 11px;
	}
	
	/*end*/
	/*Logo Adjustment*/
	.navbar-custom .navbar-brand{
		padding-left: 30px !important;
	}
	/*Logo ends*/
	
	/* To adjust Contact Banner page in 375px of width */
	/*.nav-contact-banner img{
		object-position: 0 0 !important;
	}
	.nav-contact-banner {
		margin-left: -120px;
		padding: 0px !important;
		width: 480px !important;
		margin-top: -37px;
		height: 217px;
		overflow: hidden;
	}*/
	
	/*end*/
	
	/*Contact Title fix*/
	/*#page-393 .yellow::before {
		display: inline-block;
		height: 24px !important;
		width: 24px !important;
		background-size: 14px 17px;
		margin-right: 5px;
		margin-top: -1px;
		
	}*/
	#contact-hci #head-title .contact-title-hci-2{
		font-size: 14px !important;
		/*font-weight: 800 !important;*/
		margin-left: -8px;
		margin-top: -1px !important;
	}
	
	#page-393 #head-title{
		margin-left: 30px;
		margin-top: 14px !important;
	}
	
	#page-393 .page-title{
		line-height: 5px !important;
	}
	
	/*end*/
	
	
	/* Course Content Adjustments Contact page*/
	
	#contact-page{
		margin-top: 0%;
		margin-left: 9%;
	}
	
	/* Iframe adjustment Contact page */
	/*#contact-iframe iframe{
		width: 375px;
		height: 225px;
		margin-left: -15px;
	}*/
	
	
	/*Contact styling ends here*/
	
	.navbar-custom .navbar-brand {
		padding-top: 12px !important;
	}
	.ex-tplist > .ctgrid .item-grid {
		width: 48% !important;
	}
	.teampress-email{
		display: none !important;
	}
	figure.tpstyle-19 figcaption{
		padding: 10px !important;
		width: 100%;
	}
	.ex-tplist h3{
		font-size: 10px !important;
		font-weight: 600 !important;
	}
	.ex-tplist figcaption h5{
		font-size: 10px !important;
		font-weight: 600 !important;
	}
	/*.ex-tplist .ctgrid{
		margin-left: 0px !important;
		margin-right: -11px !important;
	}*/
	/*.yellow::before {
		display: inline-block;
		height: 24px !important;
		width: 24px !important;
		background-size: 14px 17px;
	}*/
	#head-title{
		font-size: 18px !important;
		/*margin-bottom: -50px;*/
	}
	/*#staff{
		margin-top: -50px;
	}
	
	#student{
		margin-top: -60px;
	}*/
	.people-block-adjustment{
		margin-left: 9.2%;
	}
	#people-hci{
		margin-top: -51px;
		padding-right: 32px;
	}
	#people-main-head{
		margin-left: -3%;
	}
	#people-main-head-student{
		margin-left: -2%;
	}
	#staff{
	width: 100% !important;
	height: auto;
	overflow: hidden;
	}
	#people-main-head{
		/*position: absolute;*/
		/*left: 30px;*/
		margin-top: -1px;
		font-weight: 800 !important;
	}
	#people-main-head-student{
		/*position: absolute;
		left: 30px;
		margin-top: -1px;*/
		font-weight: 800 !important;
		color: #000000;
	}
	/*#alumni .bg-margin-for-link .bg-showmore-plg-link::before{
		display: inline-block;
		height: 24px !important;
		width: 24px !important;
		background-size: 14px 17px;
		position: absolute;
		margin-top: 5px;
		margin-left: -20px;
	}*/
	#alumni .bg-margin-for-link .bg-showmore-plg-link{
		font-size: 14px !important;
		color: #000000 !important;
		/*position: absolute;*/
		/*left: 36px;*/
		/*margin-top: -1px;*/
		/*font-weight: 800 !important;*/
	}
	#alumni .bg-margin-for-link{
		margin-left: -5%;
	}
	/*.visitor-intern-hci .bg-margin-for-link .bg-showmore-plg-link::before{
		display: inline-block;
		height: 24px !important;
		width: 24px !important;
		background-size: 14px 17px;
		position: absolute;
		margin-top: 5px;
		margin-left: -20px;
	}*/
	.visitor-intern-hci .bg-margin-for-link .bg-showmore-plg-link{
		font-size: 14px !important;
		color: #fcbf00 !important;
		/*position: absolute;
		left: 36px;
		margin-top: -1px;*/
		font-weight: 800 !important;
	}
	.alumni-hci{
		margin-top: -106px;
	}
	/*.ind-people-hci-cls-2{
		padding-bottom: 20px;
	}
	#page-61 .bg-margin-for-link .bg-showmore-plg-link {
	
		margin-left: 0px!important;
		
	}
	#post-98 .bg-margin-for-link .bg-showmore-plg-link {
	
		margin-left: 0px!important;
		
	}*/
	
	/*Individual People Page CSS*/
	.extp_cat-staff{
		width: 99% !important;
	}
	.people-banner img{
		object-position: 0 0 !important;
	}
	/*.yellow-sm::before {
		display: inline-block;
		height: 24px !important;
		width: 24px !important;
		background-size: 14px 17px;
	}*/
	.people-title-yellow{
		margin-left: 13%;
		font-size: 14px;
	}
	/*Individual People Project Title Adjustment*/
	/*.yellow-sm-downlogo:before{
		display:block;
		width:100%;
		content: "";
		background:url(https://rammstein.cs.uni-saarland.de/wp-content/uploads/design_images/HCI_Logo_Dreieck2-2.png) no-repeat 0 0;
		background-size: 17px 14px;
	}*/
	.ind-people-pro-title{
		margin-top: -10.3%;
		margin-left: 6%;
	}
	
	/*Individual People Project Title Adjustment Ends*/
	.gs_project_theme1 .container {
    	margin-left: -8px;
	}
	.filledup-two {
    	margin-left: -3% !important;
	}
	/*#theses-page #alumni {
    margin-left: 10%;
}*/
	.people-ind-title-hci{
		/*margin-top: 2px;
		position: absolute;
		margin-left: -8px;*/
	}
	.extp-member-single .member-img{
		width: 100% !important;
	}
	.extp-member-single .extp-content-member .member-img .first-img img{
		width: 145px !important;
		height: 145px !important;
		margin-left: -134px;
	}
	
	/* Swap Div for Professor */
	
	.people-hci-wrapper {
		display:table; 
	}

	.people-hci-desc {
		display:table-row-group;
	}

	.people-hci-contact { 
		display:table-header-group;
	}
	.people-hci-others { 
		display:table-header-group;
	}
/* Swap Segment Ends */
	.people-hci-wrapper{
	max-width: 315px;
	margin-left: 37px;
	}
	#people-contact h3{
		font-size: 13px !important;
	}
	#people-contact p{
		font-size: 11px !important;
	}
	.people-hci-desc{
		font-size: 11px;
	}
	#post-98 .member-img{
		margin-left: 0.3% !important;
	}
	#post-98 .yellow-sm {
    margin-left: 12.7% !important;
	}
	#gs_projects98 .col-xs-6{
		width: 43% !important;
		margin-left: 22px;
	}
	#post-98 .bg-margin-for-link ul li{
		font-size: 11px !important;
	}
	.member-info{
		display: none;
	}
	.people-banner{
		height: auto;
	}
	.people-hci-wrapper .people-hci-desc .people-hci-intro{
		margin-top: 22px !important;
	}
	#internvisitors-steimle .bg-margin-for-link .bg-showmore-plg-link{
		font-size: 14px !important;
		
	}
	#pro-pub-list{
		font-size: 14px !important;
		font-weight: 600;
	}
	/*#internvisitors-steimle .bg-margin-for-link .bg-showmore-plg-link::before{
		display: inline-block;
		height: 24px !important;
		width: 24px !important;
		background-size: 14px 17px;
		position: absolute;
		margin-top: 4px;
		margin-left:0px;
		
	}*/
	.prof-contact-offchr{
		margin-left: 0px !important;
	}

	/*#internvisitors-steimle .bg-margin-for-link .bg-close::before{
		display: inline-block;
		height: 24px !important;
		width: 24px !important;
		background-size: 17px 14px;
		position: absolute;
		margin-top: 4px;
		
		
		
	}*/
	#internvisitors-steimle .bg-margin-for-link .bg-close .hci-people-text-cls{
		position: absolute;
		margin-left: 45px !important;
	}
	/*#alumni .bg-margin-for-link .bg-close::before{
		display: inline-block;
		height: 24px !important;
		width: 24px !important;
		background-size: 17px 14px;
		position: absolute;
		margin-top: 4px;
		
		
	}*/
	#alumni .bg-margin-for-link #hci-people-text{
		margin-left: 2px;
		font-weight: 600;
	}
	
	#internvisitors-steimle #visit-intern .bg-margin-for-link #hci-people-text{
		margin-left: 20px;
		font-weight: 600;
	}
	.whitespace{
		display: none;
	}
	.pro-leave-message{
		display: none;
	}
	#alumni .bg-margin-for-link #hci-people-text{
	position: relative !important;
	margin-top: 0px !important;
	}
	#staff #head-title #people-main-head {
    margin-top: -1px !important;
    
	}
	#student #head-title #people-main-head-student {
    margin-top: -1px !important;
    
	}
	#post-98 .people-ind-title-hci{
	
	/*margin-top: 2px !important;*/
	margin-left: 2%;	
	}
	
	/* Anne CSS Starts */
	
	#post-675 .people-ind-title-hci{
	
	margin-top: 2px !important;
	}
	/* Swap Div for Anne */
	
	.anne-wrapper {
		display:table; 
	}

	.anne-desc {
		display:table-footer-group;
		font-size: 11px;
	}
	#post-675 #anne{
		overflow: hidden;
		padding-right: 32px;
	}
	.anne-wrapper {
    	margin-left: 11% !important;
	}

	.anne-contact { 
		display:table-header-group;
	}
	/* Swap Segment Ends */
	.anne-wrapper{
		/*max-width: 315px;
		margin-left: 19px;*/
	}
	.whitespace-anne{
		display:none !importants;
	}
	#anne-p-style{
		margin-top: -40px !important;
	}
	#post-675 .yellow-sm {
    	margin-left: 12.4% !important;
	}
	#post-675 .member-img {
    	margin-left: 0% !important;
	}
	
	
	/* CSS for Bruno Starts */
	#bruno{
	margin-top: 56px !important;
	}
	
	/* Swap Div for Bruno */
	
	.bruno-wrapper {
		display:table;
		max-width: 315px;
		margin-left: 47px;
	}

	.bruno-desc {
		display:table-footer-group;
	}

	.bruno-contact { 
		display:table-header-group;
	}
	/* Swap Segment Ends */
	#post-286 .bg-margin-for-link .bg-showmore-plg-link {
		font-size: 14px !important;
		font-weight: 800 !important;
	}
	/*#post-286  .bg-margin-for-link .bg-showmore-plg-link::before {
		display: inline-block;
		height: 24px !important;
		width: 24px !important;
		background-size: 14px 17px;
		position: absolute;
		margin-top: 4px;
		margin-left: -20px;
	}*/
	/*#post-286 .bg-margin-for-link .bg-close::before {
		display: inline-block;
		height: 24px !important;
		width: 24px !important;
		background-size: 17px 14px;
		position: absolute;
		margin-top: 4px;
	}*/
	#post-286 #internvisitors{
		margin-left: 39px !important;
	}
	#post-286 .people-ind-title-hci {
		margin-top: 2px !important;
	}
	.whitespace-bruno{
		display: none !important;
	}
	
	
	/* CSS for Marion Starts */
	
	#marion-office{
		margin-left: 0%;
	}
	#marion-email{
		margin-left: 0%;
	}
	#marion{
	margin-top: 56px !important;
	}
	
	/* Swap Div for Marion */
	
	.marion-wrapper {
		display:table;
		max-width: 315px;
		margin-left: 47px;
	}

	.marion-desc {
		display:table-footer-group;
	}

	.marion-contact { 
		display:table-header-group;
	}
	/* Swap Segment Ends */
	#post-1063 .bg-margin-for-link .bg-showmore-plg-link {
		font-size: 14px !important;
		font-weight: 800 !important;
	}
	/*#post-1063  .bg-margin-for-link .bg-showmore-plg-link::before {
		display: inline-block;
		height: 24px !important;
		width: 24px !important;
		background-size: 14px 17px;
		position: absolute;
		margin-top: 4px;
		margin-left: -20px;
	}*/
	/*#post-1063 .bg-margin-for-link .bg-close::before {
		display: inline-block;
		height: 24px !important;
		width: 24px !important;
		background-size: 17px 14px;
		position: absolute;
		margin-top: 4px;
	}*/
	#post-1063 #internvisitors{
		margin-left: 39px !important;
	}
	#post-1063 .people-ind-title-hci {
		margin-top: 2px !important;
	}
	.whitespace-marion{
		display: none !important;
	}
	
	/* CSS for Paul Starts */
	#post-282 p{
		font-size: 11px;
	}
	
	#paul{
	margin-top: 56px !important;
	}
	
	/* Swap Div for Paul */
	
	.paul-wrapper {
		display:table;
		max-width: 315px;
		margin-left: 47px;
	}

	.paul-desc {
		display:table-footer-group;
	}

	.paul-contact { 
		display:table-header-group;
	}
	/* Swap Segment Ends */
	#post-282 .bg-margin-for-link .bg-showmore-plg-link {
		font-size: 14px !important;
		font-weight: 800 !important;
	}
	#post-282  .bg-margin-for-link .bg-showmore-plg-link::before {
		display: inline-block;
		height: 24px !important;
		width: 24px !important;
		background-size: 14px 17px;
		position: absolute;
		margin-top: 4px;
		margin-left: -20px;
	}
	#post-282 .bg-margin-for-link .bg-close::before {
		display: inline-block;
		height: 24px !important;
		width: 24px !important;
		background-size: 17px 14px;
		position: absolute;
		margin-top: 4px;
	}
	#post-282 #internvisitors{
		margin-left: 39px !important;
	}
	#post-282 .people-ind-title-hci {
		margin-top: 2px !important;
	}
	.whitespace-paul{
		display: none !important;
	}
	
	
	/* CSS for Aditya Starts */
	#aditya-website{
		margin-left: 0%
	}
	#aditya{
	margin-top: 56px !important;
	}
	
	/* Swap Div for Aditya */
	
	.aditya-wrapper {
		display:table;
		max-width: 315px;
		margin-left: 47px;
	}

	.aditya-desc {
		display:table-footer-group;
	}

	.aditya-contact { 
		display:table-header-group;
	}
	/* Swap Segment Ends */
	#post-89 .bg-margin-for-link .bg-showmore-plg-link {
		font-size: 14px !important;
		font-weight: 800 !important;
	}
	/*#post-89  .bg-margin-for-link .bg-showmore-plg-link::before {
		display: inline-block;
		height: 24px !important;
		width: 24px !important;
		background-size: 14px 17px;
		position: absolute;
		margin-top: 4px;
		margin-left: -20px;
	}*/
	/*#post-89 .bg-margin-for-link .bg-close::before {
		display: inline-block;
		height: 24px !important;
		width: 24px !important;
		background-size: 17px 14px;
		position: absolute;
		margin-top: 4px;
	}*/
	#post-89 #internvisitors{
		margin-left: 48px !important;
	}
	#internvisitors #visit-intern #gs_projects89 .col-xs-6{
		width: 48% !important;
	}
	#post-89 .people-ind-title-hci {
		margin-top: 2px !important;
	}
	.whitespace-aditya{
		display: none !important;
	}
	
	/* CSS for Narjes Starts */
	
	#narjes{
	margin-top: 56px !important;
	}
	
	/* Swap Div for Narjes */
	
	.narjes-wrapper {
		display:table;
		max-width: 315px;
		margin-left: 47px;
	}

	.narjes-desc {
		display:table-footer-group;
	}

	.narjes-contact { 
		display:table-header-group;
	}
	/* Swap Segment Ends */
	#post-279 .bg-margin-for-link .bg-showmore-plg-link {
		font-size: 14px !important;
		font-weight: 800 !important;
	}
	/*#post-279  .bg-margin-for-link .bg-showmore-plg-link::before {
		display: inline-block;
		height: 24px !important;
		width: 24px !important;
		background-size: 14px 17px;
		position: absolute;
		margin-top: 4px;
		margin-left: -20px;
	}*/
	/*#post-279 .bg-margin-for-link .bg-close::before {
		display: inline-block;
		height: 24px !important;
		width: 24px !important;
		background-size: 17px 14px;
		position: absolute;
		margin-top: 4px;
	}*/
	#post-279 #internvisitors{
		margin-left: 48px !important;
	}
	#post-279 #gs_projects279 .col-xs-6{
		width: 48% !important;
	}
	#post-279 .people-ind-title-hci {
		margin-top: 2px !important;
	}
	.whitespace-narjes{
		display: none !important;
	}
	
	/* CSS for Adwait Starts */
	
	#adwait{
	margin-top: 56px !important;
	}
	
	/* Swap Div for Adwait */
	
	.adwait-wrapper {
		display:table;
		max-width: 315px;
		margin-left: 47px;
	}

	.adwait-desc {
		display:table-footer-group;
	}

	.adwait-contact { 
		display:table-header-group;
	}
	/* Swap Segment Ends */
	#post-277 .bg-margin-for-link .bg-showmore-plg-link {
		font-size: 14px !important;
		font-weight: 800 !important;
	}
	/*#post-277  .bg-margin-for-link .bg-showmore-plg-link::before {
		display: inline-block;
		height: 24px !important;
		width: 24px !important;
		background-size: 14px 17px;
		position: absolute;
		margin-top: 4px;
		margin-left: -20px;
	}*/
	/*#post-277 .bg-margin-for-link .bg-close::before {
		display: inline-block;
		height: 24px !important;
		width: 24px !important;
		background-size: 17px 14px;
		position: absolute;
		margin-top: 4px;
	}*/
	#post-277 #internvisitors{
		margin-left: 48px !important;
	}
	#post-277 #internvisitors #visit-intern #gs_projects277 .col-xs-6 {
    width: 48% !important;
	}
	#post-277 .people-ind-title-hci {
		margin-top: 2px !important;
	}
	.whitespace-adwait{
		display: none !important;
	}
	
	/* CSS for Marc Starts */
	
	#marc{
	margin-top: 56px !important;
	}
	
	/* Swap Div for Marc */
	
	.marc-wrapper {
		display:table;
		max-width: 315px;
		margin-left: 47px;
	}

	.marc-desc {
		display:table-footer-group;
	}

	.marc-contact { 
		display:table-header-group;
	}
	/* Swap Segment Ends */
	#post-1169 .bg-margin-for-link .bg-showmore-plg-link {
		font-size: 14px !important;
		font-weight: 800 !important;
	}
	/*#post-1169  .bg-margin-for-link .bg-showmore-plg-link::before {
		display: inline-block;
		height: 24px !important;
		width: 24px !important;
		background-size: 14px 17px;
		position: absolute;
		margin-top: 4px;
		margin-left: -20px;
	}*/
	/*#post-1169 .bg-margin-for-link .bg-close::before {
		display: inline-block;
		height: 24px !important;
		width: 24px !important;
		background-size: 17px 14px;
		position: absolute;
		margin-top: 4px;
	}*/
	#post-1169 #internvisitors{
		margin-left: 39px !important;
	}
	#post-1169 .people-ind-title-hci {
		margin-top: 2px !important;
	}
	.whitespace-marc{
		display: none !important;
	}
	
	
 
}


 
 
/*------------------------------------------------*/
/* General 376 and up to 520 */
/*------------------------------------------------*/
 
@media only screen and (min-width: 376px) and (max-width : 520px){
	
	/*Footer Fix*/
 #footer-empty-space-2{
		display: none !important;
	}
	#footer-empty-space-3{
		display: none !important;
	}
	#footer-empty-space-4{
		display: none !important;
	}
	#footer{
		/*left: 0px !important;*/
	}
	#footer-img-3{
		text-align: right !important;
	}
	#footer-img-3 a{
		font-size: 13px !important;
	}
	#footer table{
		margin-left: -25px;
	}
	
	/*Header Fix*/
	.navbar-brand{
		max-width: 40%;
	}
	.navbar-custom .navbar-brand{
		padding-top: 0px;
	}
	
	/*Body/ Content Fix*/
	#welcome p{
		font-size: 12px;
	}
	/*Home Title fix*/

	/*#home #head-title .yellow::before {
		display: inline-block;
		height: 24px !important;
		width: 24px !important;
		background-size: 17px 20px;
		margin-right: 5px;
		margin-top: -5px;
		
	}*/
	/*#home #head-title .red::before {
		display: inline-block;
		height: 24px !important;
		width: 24px !important;
		background-size: 17px 20px;
		margin-right: 5px;
		margin-top: -5px;
		
	}*/
	#home #head-title .home2-title-hci-2{
		font-size: 14px !important;
		/*font-weight: 800 !important;*/
		margin-left: -6px;
		margin-top: 12px !important;
	}
	#home #head-title .home3-title-hci-2{
		font-size: 14px !important;
		/*font-weight: 800 !important;*/
		/*margin-left: -6px;*/
		margin-top: 12px !important;
	}
	/*Projects Section Adjustment*/
	
	#gs_projects1013 .col-xs-6{
		width: 50% !important;
	}
	
	#welcome .container .block-title{
		display: none;
	}
	
	#home-page #home-para{
		font-size: 13px;
    	margin-top: 0px;
	}
	#home-page{
		margin-top: 0px !important;
	}
	#welcome .wow .container{
		padding: 0px !important;
	}
	.section{
		padding: 0px 0 35px !important;
	}
	.frontpage-banner-parallax-bg{
		height: 0px !important;
	}
	
	.gs-project-name a{
		font-size:13px;
	}
	
	.gs-project-name p{
		font-size:13px;
	}
	
	/*end*/
	
	/*News Section Adjustment*/
	#home-page #wide{
		margin-top: -4%;
	}
	
	
	.news-col-list .news-inner-wrap-view{
		border-bottom: 0px;
		padding-bottom: 0px;
		margin-bottom: 0px;
	}
	
	.news-content .grid-date-post{
		margin-bottom: 0px;
		font-size: 10px;
	}
	.home-news{
	margin-left: 0px !important;
	}
	
	.news .news-title a{
		font-size: 13px;
		/*font-family: "HelveticaNeue-Regular", "Helvetica Neue", "Helvetica Neue", 
  		Helvetica, Arial, "Lucida Grande", sans-serif !important;*/
		color: #000000 !important;
		line-height: 0px;
	}
	
	
 
 
}

/**Body Content Adjustment to make them responsive**/
.container {
  width: 100%;
  height: auto;
  /*margin: auto;*/
  padding: 10px;
}
/*Div for Contact*/
.empty-contact {
  width: 4.5%;
  height: auto;
  float: left;
}
/*Div for Theses*/
.empty-theses {
  width: 4.5%;
  height: auto;
  float: left;
}
/*Div for Teaching*/
.empty-teaching {
  width: 4.5%;
  height: auto;
  float: left;
}
/*Div for Teaching*/
.empty-jobs {
  width: 4.5%;
  height: auto;
  float: left;
}
/*Div for Publications*/
.empty-publications {
  width: 4.5%;
  height: auto;
  float: left;
}
/*Div for People*/
.empty-people {
  width: 4.5%;
  height: auto;
  float: left;
}
/*Div for research*/
.empty-research {
  width: 4.5%;
  height: auto;
  float: left;
}
/*Div for Home*/
.empty-home {
  width: 4.5%;
  height: auto;
  float: left;
}



#theses{
	width: 100% !important;
	height: auto;
	padding-right: 35px;
	margin-top: 4%;
}
#teaching{
	width: 100% !important;
	height: auto;
	padding-right: 35px;
}
#contact{
	width: 100% !important;
	height: auto;
	padding-right: 35px;
}

#job{
	width: 100% !important;
	height: auto;
	padding-right: 35px;
}
#publications{
	width: 100% !important;
	height: auto;
	padding-right: 35px;
}
#people{
	width: 100% !important;
	height: auto;
	padding-right: 35px;
}
#research{
	width: 100% !important;
	height: auto;
	padding-right: 35px;
}
#home-page{
	width: 100% !important;
	height: auto;
	padding-right: 35px;
}
.anne-wrapper{
	width: 100% !important;
	height: auto;
	padding-right: 35px;
}
.bruno-wrapper{
	width: 100% !important;
	height: auto;
	padding-right: 35px;
}
.marion-wrapper{
	width: 100% !important;
	height: auto;
	padding-right: 35px;
}
.paul-wrapper{
	width: 100% !important;
	height: auto;
	padding-right: 35px;
}
.marc-wrapper{
	width: 100% !important;
	height: auto;
	padding-right: 35px;
}
.aditya-wrapper{
	width: 100% !important;
	height: auto;
	padding-right: 35px;
}
.narjes-wrapper{
	width: 100% !important;
	height: auto;
	padding-right: 35px;
}
.adwait-wrapper{
	width: 100% !important;
	height: auto;
	padding-right: 35px;
}
#home-semester-page{
	margin-left: 3.5%;
}

/*Staff Cover 100%*/
.extp_cat-staff{
	width: 100%;
}
/*#theses-page{
	padding-right: 35px;

}
#contact-page{
	padding-right: 35px;
}*/
/**END END END END**/

/**Logo Adjustment for different resolutions*/

@media only screen and (min-width: 376px) and (max-width: 414px) {
	
	#head-title {
    text-align: left;
    letter-spacing: 0;
    color: #212529;
    text-transform: uppercase;
    opacity: 1;
    font-size: 14px !important;
    margin-top: 12%;
}
	#post-98 .bg-margin-for-link .bg-showmore-plg-link {
    font-size: 14px !important;
    /* font-weight: 800 !important; */
    /* margin-left: 35px; */
}
	#pro-pub-list {
    font-size: 14px !important;
    /* font-weight: 800 !important; */
}

	.yellow, .yellow-sm, .yellow-sm-downlogo, .red, .red-sm, .red-sm-downlogo, .blue, .blue-sm, .blue-sm-downlogo {
    font-family: 'HCI_Lab_Font', sans-serif;
    /* font-size: 33px; */
    margin-right: 3%;
    vertical-align: middle;
    /* line-height: 51px; */
}
	#page-389 .bg-margin-for-link .bg-showmore-plg-link {
    font-size: 14px !important;
    /* font-weight: 800 !important; */
}
	/*General Settings for 412-414px*/
	p, li{
		font-size: 12px;
		
	}
	.h2, h2 {
    font-size: 14px;
}
	h3{
		font-size: 14px !important;
	}
	#page-389 #head-title {
    margin-left: 3%;
    margin-top: 20%;
	}
	#page-387 span{
		font-size: 14px;
	}
	#page-387 #head-title {
    /*margin-left: -30%;*/
    margin-top: 30%;
	}
	#teaching-semester-page {
    margin-left: 16.5% !important;
}
	#teaching-semester-page .bg-margin-for-link .bg-showmore-plg-link{
		font-size: 14px !important;
	}
	/*.blue::before{
		background-size: 18px 22px;
		margin-right: 0px;
	}*/
	#teaching #head-title .teaching-title-hci-2{
		margin-top: 16.5% !important;
	}
	/*General Settings for 412-414px Ends*/
	.navbar-brand.image-logo img{
	margin-left: -3% !important;
	}
	/*People Page Content Alignment*/
	.ex-tplist > .ctgrid .item-grid {
		width: 48% !important;
	}
	.people-block-adjustment {
    	margin-left: 9%;
	}
	/*Home Page Content Alignment*/
	#home-semester-page {
    	margin-left: 12.5%;
		margin-top: -25%;
	}
	#gs_projects1013 .col-xs-6 {
    	width: 50% !important;
	}
	#home{
		margin-top: -3%;
	}
	/*Home Page Banner Alignment*/
	.image-banner img{
		margin-top: -21.5%;
	}
	/*General Setup for Individual People page*/
	.people-ind-title-hci {
    	position: absolute;
    	margin-top: 3px !important;
	}
	#people-contact p {
    	font-size: 12px;
	}
	.yellow-sm::before{
		background-size: 18px 22px;
	}
	.yellow-sm-downlogo::before{
		background-size: 22px 18px;
	}
	/*General Setup for Individual People page Ends*/
	/*Professor's Page*/
	#post-98 .yellow-sm {
    	margin-left: 12% !important;
	}
	.extp-member-single .extp-content-member .member-img .first-img img {
    	width: 100% !important;
	}
	#post-98 .member-img {
    	margin-left: 4.9% !important;
	}
	#people-contact {
    	margin-left: 59% !important;
	}
	#post-98 .people-hci-others {
    	margin-left: 44px !important;
	}
	#people-hci{
		padding-right: 32px;
	}
	#post-98 #gs_projects98 .col-xs-6{
		width: 50% !important;
	}
	/*Anne's page*/
	#post-675 .yellow-sm {
    	margin-left: 12% !important;
	}
	.extp-member-single .extp-content-member .member-img .first-img img {
    	width: 100% !important;
	}
	.extp-member-single .member-img {
    	width: 50% !important;
	}
	#post-675 .member-img {
    	margin-left: 4.8% !important;
	}
	/*Bruno's Page*/
	.yellow-sm {
    	margin-left: 12%;
	}
	.member-img {
    	margin-left: 4.8% !important;
	}
	#post-286 #people-contact {
    	margin-left: 65% !important;
	}
	#bruno {
    	margin-top: 49px !important;
	}
	/*Marion's Page*/
	#post-1063 #marion {
    	margin-top: 50px !important;
	}
	#marion-office{
		margin-left: 0%;
	}
	#marion-email{
		margin-left: 0%;
	}
	/*Paul's page*/
	#paul{
		margin-top: 50px !important;
	}
	#post-282 #people-contact {
    	margin-left: 65% !important;
	}
	/*Marc's page*/
	#marc{
		margin-top: 50px !important;
	}
	#post-1169 #people-contact{
		margin-left: 65% !important;
	}
	/*Aditya's page*/
	#aditya{
		margin-top: 50px !important;
	}
	#aditya-website{
		margin-left: 0%
	}
	#post-89 #people-contact{
		margin-left: 65% !important;
	}
	/*Narjes's page*/
	#narjes{
		margin-top: 50px !important;
	}
	#post-279 #people-contact{
		margin-left: 65% !important;
	}
	/*Adwait's page*/
	#adwait{
		margin-top: 50px !important;
	}
	#post-277 #people-contact{
		margin-left: 65% !important;
	}
	/*General Setup for Teaching page*/
	#page-387 .bg-margin-for-link .bg-showmore-plg-link::before{
		background-size: 18px 22px;
		margin-top: 3px;
		margin-left: -30px;
	}
	#page-387 .bg-margin-for-link .bg-close::before{
		background-size: 22px 18px;
		margin-top: 3px;
	}
	#teaching-semester-page {
		margin-left: 60px;
	}
	#teaching-hci{
		margin-top: -66px;
	}
	/*General Setup for Teaching page Ends*/
	
	/*individual teaching page*/
	.teaching-wrapper{
		margin-left: 12%;
	}
	.teaching-title-hci-2{
		/*top: -6px !important;*/
		position: relative;
	}
	.teaching-wrapper .table-striped{
		width: 100%;
		display: block;
        max-width: 100%;
        overflow: scroll;
	}
	.teaching-ind-page ul li, p{
		width: 100%;
	}
	.teaching-wrapper .teaching-title-hci-2 {
    	margin-top: 11px;
	}
	.ind-teaching-wrapper-adjustment{
		margin-top: 180px;
	}
	#page-585 .ind-teaching-wrapper-adjustment{
		margin-top: 266px;
	}
	#page-592 .ind-teaching-wrapper-adjustment{
		margin-top: 266px;
	}
	#page-598 .ind-teaching-wrapper-adjustment{
		margin-top: 266px;
	}
	#page-602 .ind-teaching-wrapper-adjustment{
		margin-top: 266px;
	}
	#page-608 .ind-teaching-wrapper-adjustment{
		margin-top: 0px;
	}
	#page-623 .ind-teaching-wrapper-adjustment{
		margin-top: 266px;
	}
	#page-632 .ind-teaching-wrapper-adjustment{
		margin-top: 266px;
	}
	#page-639 .ind-teaching-wrapper-adjustment{
		margin-top: 266px;
	}
	#page-644 .ind-teaching-wrapper-adjustment{
		margin-top: 50px;
	}
	.post-655 .ind-teaching-wrapper-adjustment{
		margin-top: 0px;
	}
	#page-661 .ind-teaching-wrapper-adjustment{
		margin-top: 266px;
	}
	#page-668 .ind-teaching-wrapper-adjustment{
		margin-top: 266px;
	}
	#page-671 .ind-teaching-wrapper-adjustment{
		margin-top: 100px;
	}
	/*Footer Style CSS*/
	#footer{
		left: 1.5%;
		top: -22%;
	}
	#footer img{
		width: 320px;
	}
	#footer-address-text{
		font-size: 13px;
		width: 66%;
	}
	#imprint{
		font-size: 13px !important;
	}
	#dataProtection{
		font-size: 13px !important;
	}
	#footer-address-url{
		margin-top: 25%;
	}
	.footer .container .row .col-md-4 .copyright p {
    	margin-left: 8%;
		margin-top: 1%
	}
/*Footer Style CSS Ends*/
	/*Publication Page Year Title Adjustment*/
	.ind-pub-cat-title h3{
			margin-left: 13%;
	}
	/*Publication Page Year Title Adjustment*/
	/*Individual People Page Title Adjustment*/
	.ind-people-pro-title{
			margin-top: -9.5%;
			margin-left: 7%;
	}
	#post-89 #internvisitors #gs_projects89 .col-xs-6{
    	width: 48% !important;
	}
	#post-89 #internvisitors {
    	margin-left: 12.5% !important;
	}
	#internvisitors #visit-intern .gs_project_theme1 #gs_projects89{
		margin-left: -2%;
	}
	#post-279 #internvisitors #gs_projects279 .col-xs-6{
    	width: 48% !important;
	}
	#post-279 #internvisitors {
    	margin-left: 12.5% !important;
	}
	#internvisitors #visit-intern .gs_project_theme1 #gs_projects279{
		margin-left: -2%;
	}
	#post-277 #internvisitors #gs_projects277 .col-xs-6{
    	width: 48% !important;
	}
	#post-277 #internvisitors {
    	margin-left: 12.5% !important;
	}
	#internvisitors #visit-intern .gs_project_theme1 #gs_projects277{
		margin-left: -2%;
	}
	/*Individual People Page Title Adjustment Ends*/
	#page-61 .bg-margin-for-link .bg-showmore-plg-link {
    font-size: 14px !important;
    /* font-weight: 800 !important; */
    /* margin-left: 35px; */
}
	/*Research Front page*/
	.research-title-hci-2{
		font-size: 14px;
	}
	.red::before {
		background-size: 18px 22px;
		margin-right: 0px;
		margin-top: 3px;
	}
	#research #head-title .research-title-hci-2{
		margin-top: 5px !important;
	}
	
	#page-63 .bg-margin-for-link .bg-showmore-plg-link::before{
		background-size: 18px 22px;
		margin-top: 3px;
		margin-left: -30px;
	}
	#page-63 .bg-margin-for-link .bg-close::before{
		background-size: 22px 18px;
		margin-top: 3px;
	}
	#page-63 .bg-margin-for-link .bg-showmore-plg-link{
		font-size: 14px !important;
	}
	#page-63 .piclist p{
		width: 92%;
	}
	.piclist > a, .piclist > div {
    min-width: 316px !important;
	}
	
	#research-semester-page {
    /* margin-top: -2%; */
    margin-left: 25%;
}
	
	/*Research Front page ends*/
	
	/*Individual Research Page*/
	#gs_projects_single .col-md-12 #head-title-sing-pro .red::before {
		display: inline-block;
		height: 24px !important;
		width: 24px !important;
		background-size: 18px 22px !important;
		margin-right: 8px;
	}
	
	#head-title-sing-pro{
		font-size: 14px !important;
	}
	#pro-main-title{
		position: absolute;
		margin-top: 1.3%;
	}
	#gs_projects_single {
    	margin-left: 6.3%;
		padding-right: 10px;
		overflow: hidden;
		width: 96%;
	}
	.gs-project-name{
		font-size: 14px;
    	font-weight: normal;
        font-style: normal;
    	color: #fcbf00;
    	text-transform: capitalize;
	}
	iframe{
		width: 330px !important;
	}
	#research-single-people {
    	margin-left: 4.4%;
	}
	/*Individual Research Page ends*/
	
	
}
@media only screen and (min-width: 415px) and (max-width: 521px){
#footer {
	left: 11.5%;
	top: -22%;
}	

#footer-address-text{
	font-size: 10px;
	margin-left: 9%;
	margin-top: 1%;
}

#imprint{
	font-size: 13px !important;
}

#dataProtection{
	font-size: 13px !important;
	}

#footer-address-url{
		margin-top: 25%;
	}

.footer .container .row .col-md-4 .copyright p {
    	margin-right: 15%;
	}
}

/*@media only screen and (min-width: 521px) and (max-width: 649px){
#footer {
	left: 11.5%;
	top: -22%;
}	

#footer-address-text{
	    font-size: 15px;
    margin-left: 9%;
    margin-top: -15%;
}

#imprint{
	font-size: 13px !important;
}

#dataProtection{
	font-size: 13px !important;
	}

#footer-address-url{
		margin-top: 35%;
	}

.footer .container .row .col-md-4 .copyright p {
    	margin-right: 15%;
	}
}

*/
@media only screen and (min-width: 670px) and (max-width: 684px) {
	/*.navbar-brand.image-logo img{
	margin-left: -12% !important;
	}*/
	/*People Page Content Alignment*/
	.people-block-adjustment {
    	margin-left: 5% !important;
	}
	/*Home Page Content Alignment*/
	#home-semester-page {
    	margin-left: 7.5%;
	}
	#home-page{
		margin-top: 0px !important;
	}
	#welcome .wow .container{
		padding: 0px;
	}
	.section{
		padding: 0px 0 35px !important;
	}
	.frontpage-banner-parallax-bg{
		height: 0px !important;
	}
	#home{
		margin-top: -2%;
	}
	/*Home Page Banner Alignment*/
	.image-banner img{
		margin-top: -12.5%;
	}
	/*Professor's page*/
	#post-98 .yellow-sm {
    	margin-left: 8.9% !important;
	}
	.extp-member-single .extp-content-member .member-img .first-img img {
    	width: 78% !important;
	}
	#people-contact {
    	margin-left: 41.1% !important;
	}
	#post-98 .people-hci-others {
    	margin-left: 51px !important;
	}
	#people-hci {
    	padding-right: 32px;
	}
	/*Anne's Profile*/
	#post-675 .yellow-sm {
    	margin-left: 9% !important;
	}
	#post-675 .member-img {
    	margin-left: 1% !important;
	}
	/*Bruno's page*/
	.yellow-sm {
    	margin-left: 9% !important;
	}
	.member-img {
    	margin-left: 1% !important;
	}
	#bruno-phone{
		margin-left: 6.2%;
	}
	#bruno-office{
		margin-left: 6.2%;
	}
	#bruno-website{
		margin-left: 6.2%;
	}
	/*Marion's page*/
	#marion {
    	margin-top: 48px !important;
	}
	#post-1063 #people-contact {
    	margin-left: 44.8% !important;
	}
	#marion-office{
		margin-left: 0%;
	}
	#marion-email{
		margin-left: 0%;
	}
	/*Paul's page*/
	#paul{
		margin-top: 48px !important;
	}
	#post-282 #people-contact {
    	margin-left: 44.8% !important;
	}
	/*Marc's post*/
	#marc{
		margin-top: 48px !important;
	}
	#post-1169 #people-contact {
    	margin-left: 44.8% !important;
	}
	/*Aditya's page*/
	#aditya{
		margin-top: 48px !important;
	}
	#aditya-website{
		margin-left: 0%
	}
	#post-89 #people-contact {
    	margin-left: 44.8% !important;
	}
	/*Narjes's page*/
	#narjes{
		margin-top: 48px !important;
	}
	#post-279 #people-contact{
		margin-left: 44.8% !important;
	}
	/*Adwait's page*/
	#adwait{
		margin-top: 50px !important;
	}
	#post-277 #people-contact{
		margin-left: 44.8%  !important;
	}
	/*individual teaching page*/
	.teaching-wrapper{
		margin-left: 8.7%;
	}
	.teaching-title-hci-2{
		top: -6px !important;
		position: relative;
	}
	.teaching-wrapper .teaching-title-hci-2 {
    	margin-top: 10px;
	}
	.ind-teaching-wrapper-adjustment{
		margin-top: 100px;
	}
	#page-608 .ind-teaching-wrapper-adjustment{
		margin-top: 0px;
	}
	#page-644 .ind-teaching-wrapper-adjustment{
		margin-top: 0px;
	}
	.post-655 .ind-teaching-wrapper-adjustment{
		margin-top: 0px;
	}
	
	.container .row .col-md-4 p {
    	margin-left: 8%;
		margin-top: 1%;
	}
/*Footer Style CSS Ends*/
	/*Publication Page Year Title Adjustment*/
	.ind-pub-cat-title h3{
			margin-left: 7%;
	}
	/*Publication Page Year Title Adjustment*/
	
	/*Individual People Page Title Adjustment*/
	.ind-people-pro-title{
			margin-top: -6%;
			margin-left: 8%;
	}
	#post-89 #internvisitors #gs_projects89 .col-xs-6{
    	width: 48% !important;
	}
	#post-89 #internvisitors {
    	margin-left: 9% !important;
	}
	#internvisitors #visit-intern .gs_project_theme1 #gs_projects89{
		margin-left: -1.5%;
	}
	#post-279 #internvisitors #gs_projects279 .col-xs-6{
    	width: 48% !important;
	}
	#post-279 #internvisitors {
    	margin-left: 9% !important;
	}
	#internvisitors #visit-intern .gs_project_theme1 #gs_projects279{
		margin-left: -1.5%;
	}
	#post-277 #internvisitors #gs_projects277 .col-xs-6{
    	width: 48% !important;
	}
	#post-277 #internvisitors {
    	margin-left: 9% !important;
	}
	#internvisitors #visit-intern .gs_project_theme1 #gs_projects277{
		margin-left: -1.5%;
	}
	/*Individual People Page Title Adjustment*/
	
	/*Research Front page*/
	.piclist h3{
		padding-right: 13px;
	}
	#page-63 .piclist p{
		width: 100%;
	}
	.piclist > a, .piclist > div {
    min-width: 316px !important;
	}
	
	/*Research Front page ends*/
	
	/*Individual Research Page*/
	#pro-main-title{
		
		margin-top: -1% !important;
	}
	#ebi{
		margin-top: 10%;
	}
	#gs_projects_single {
    	margin-left: -7%;
		overflow: hidden;
		width: 100%;
	}
	iframe{
		width: 500px !important;
	}
	#research-single-people {
    	margin-left: 3%;
	}
	/*Individual Research Page ends*/
	
	
}
@media only screen and (min-width: 650px) and (max-width: 667px) {
	/*.navbar-brand.image-logo img{
	margin-left: -8% !important;
	}*/
	/*People Page Content Alignment*/
	.people-block-adjustment {
    	margin-left: 5%;
	}
	/*Home Page Content Alignment*/
	#home-semester-page {
    	margin-left: 7.8%;
	}
	#home-page{
		margin-top: 0px !important;
	}
	#welcome .wow .container{
		padding: 0px;
	}
	.section{
		padding: 0px 0 35px !important;
	}
	.frontpage-banner-parallax-bg{
		height: 0px !important;
	}
	#home{
		margin-top: -2%;
	}
	/*Home Page Banner Alignment*/
	.image-banner img{
		margin-top: -13.5%;
	}
	/*Professor's page*/
	#post-98 .yellow-sm {
    	margin-left: 9.3%;
	}
	#post-98 .member-img {
    	margin-left: 3.3%;
	}
	.extp-member-single .extp-content-member .member-img .first-img img {
    	width: 89% !important;
	}
	#people-contact {
    	margin-left: 43.4% !important;
	}
	#post-98 .people-hci-others {
    	margin-left: 56px !important;
	}
	#people-hci{
		padding-right: 32px;
	}
	/*Anne's Profile*/
	#post-675 .yellow-sm {
    	margin-left: 9.3% !important;
	}
	#post-675 .member-img {
    	margin-left: 3.2% !important;
	}
	/*Bruno's Page*/
	.yellow-sm {
    	margin-left: 9.3% !important;
	}
	.member-img {
    	margin-left: 3.2% !important;
	}
	#bruno-phone{
		margin-left: 7%;
	}
	#bruno-office{
		margin-left: 7%;
	}
	#bruno-website{
		margin-left: 7%;
	}
	/*Marion's page*/
	#post-1063 #people-contact {
    	margin-left: 47.4% !important;
	}
	#marion-office{
		margin-left: 0%;
	}
	#marion-email{
		margin-left: 0%;
	}
	/*Paul's page*/
	#paul{
		margin-top: 48px !important;
	}
	#post-282 #people-contact {
    	margin-left: 47.4% !important;
	}
	/*Marc's page*/
	#marc{
		margin-top: 48px !important;
	}
	#post-1169 #people-contact {
    	margin-left: 47.4% !important;
	}
	/*Aditya's page*/
	#aditya{
		margin-top: 48px !important;
	}
	#post-89 #people-contact {
    	margin-left: 47.4% !important;
	}
	#aditya-website{
		margin-left: 0%
	}
	/*Narjes's page*/
	#narjes{
		margin-top: 48px !important;
	}
	#post-279 #people-contact{
		margin-left: 47.4% !important;
	}
	/*Adwait's page*/
	#adwait{
		margin-top: 50px !important;
	}
	#post-277 #people-contact{
		margin-left: 47.4%  !important;
	}
	/*individual teaching page*/
	.teaching-wrapper{
		margin-left: 9.1% !important;
	}
	.teaching-title-hci-2{
		/*top: -6px !important;
		position: relative !important;*/
	}
	.ind-teaching-wrapper-adjustment{
		margin-top: 100px;
	}
	#page-608 .ind-teaching-wrapper-adjustment{
		margin-top: 0px;
	}
	#page-644 .ind-teaching-wrapper-adjustment{
		margin-top: 0px;
	}
	.post-655 .ind-teaching-wrapper-adjustment{
		margin-top: 0px;
	}
	/*Footer Style CSS*/
	/*#footer{
		left: 8%;
		top: -22%;
	}*/
/*	#footer img{
		width: 340px;
	}
	#footer-address-text{
		font-size: 13px;
		width: 49%;
	}
	#imprint{
		font-size: 13px !important;
	}
	#dataProtection{
		font-size: 13px !important;
	}
	#footer-address-url{
		margin-top: 13%;
		margin-left: 63%;
	}*/
	.container .row .col-md-4 .copyright p {
    	margin-left: 8%;
		margin-top: 0%;
	}
/*Footer Style CSS Ends*/
	/*Publication Page Year Title Adjustment*/
	.ind-pub-cat-title h3{
			margin-left: 7.3%;
	}
	/*Publication Page Year Title Adjustment*/
	
	/*Individual People Page Title Adjustment*/
	.ind-people-pro-title{
			margin-top: -6%;
			margin-left: 8%;
	}
	#post-89 #internvisitors #gs_projects89 .col-xs-6{
    	width: 48% !important;
	}
	#post-89 #internvisitors {
    	margin-left: 9.5% !important;
	}
	#internvisitors #visit-intern .gs_project_theme1 #gs_projects89{
		margin-left: -1.5%;
	}
	#post-279 #internvisitors #gs_projects279 .col-xs-6{
    	width: 48% !important;
	}
	#post-279 #internvisitors {
    	margin-left: 9.5% !important;
	}
	#internvisitors #visit-intern .gs_project_theme1 #gs_projects279{
		margin-left: -1.5%;
	}
	#post-277 #internvisitors #gs_projects277 .col-xs-6{
    	width: 48% !important;
	}
	#post-277 #internvisitors {
    	margin-left: 9.5% !important;
	}
	#internvisitors #visit-intern .gs_project_theme1 #gs_projects277{
		margin-left: -1.5%;
	}
	/*Individual People Page Title Adjustment*/
	/*Research Front page*/
	.piclist h3{
		padding-right: 13px;
	}
	#page-63 .piclist p{
		width: 100%;
	}
	.piclist > a, .piclist > div {
    min-width: 316px !important;
	}
	.filledup-two {
    margin-left: 0.3% !important;
	}
	
	/*Research Front page ends*/
	
	/*Individual Research Page*/
	#pro-main-title{
		position: absolute;
		margin-top: -1.3%;
	}
	#ebi{
		margin-top: 10%;
	}
	#gs_projects_single {
    	margin-left: -5.3%;
		overflow: hidden;
		width: 100%;
	}
	iframe{
		width: 500px !important;
	}
	#research-single-people {
    	margin-left: 3%;
	}
	/*Individual Research Page ends*/
	
}

@media only screen and (min-width: 685px) and (max-width: 699px) {
/*Footer Style CSS*/
	/*#footer{
		left: 8%;
		top: -22%;
	}*/
	/*#footer img{
		width: 340px;
	}*/
	/*#footer-address-text{
		font-size: 13px;
		width: 49%;
	}*/
	/*#imprint{
		font-size: 13px !important;
	}
	#dataProtection{
		font-size: 13px !important;
	}
	#footer-address-url{
		margin-top: 13%;
		margin-left: 63%;
	}*/
	.container .row .col-md-4 p {
    	margin-left: 8%;
		margin-top: 0%;
	}
}

@media only screen and (min-width: 700px) and (max-width: 736px) {
	/*.navbar-brand.image-logo img{
	margin-left: -22% !important;
	}*/
	/*People Page Content Alignment*/
	.people-block-adjustment {
    	margin-left: 4.8% !important;
	}
	/*Home Page Content Alignment*/
	#home-semester-page {
    	margin-left: 6.8%;
	}
	#home-page{
		margin-top: 0px !important;
	}
	#welcome .wow .container{
		padding: 0px;
	}
	.section{
		padding: 0px 0 35px !important;
	}
	.frontpage-banner-parallax-bg{
		height: 0px !important;
	}
	#home{
		margin-top: -2%;
	}
	/*Home Page Banner Alignment*/
	.image-banner img{
		margin-top: -11%;
	}
	/*Professor's profile*/
	#post-98 .yellow-sm{
		margin-left: 8.6% !important;
	}
	#post-98 .member-img {
    margin-left: 4.7% !important;
	}
	#about-steimle .people-hci-desc .people-hci-intro p{
		margin-top: 50px !important;
	}
	#people-contact {
    	margin-left: 44.8% !important;
	}
	.extp-member-single .extp-content-member .member-img .first-img img{
		width: 100% !important;
		height: auto !important;
	}
	#post-98 .people-hci-others {
    	margin-left: 55px !important;
	}
	#people-hci{
		padding-right: 32px;
	}
	/*Anne's page*/
	#post-675 .yellow-sm {
    	margin-left: 8.6% !important;
	}
	#post-675 .member-img {
    	margin-left: 4.7% !important;
	}
	/*Bruno's Page*/
	.yellow-sm {
    	margin-left: 8.6% !important;
	}
	.member-img {
    	margin-left: 4.7% !important;
	}
	#bruno-website{
		margin-left: 6.5%;
	}
	/*Marion's page*/
	#post-1063 #people-contact {
    	margin-left: 48.6% !important;
	}
	#marion-office{
		margin-left: 0%;
	}
	#marion-email{
		margin-left: 0%;
	}
	/*Paul's page*/
	#paul{
		margin-top: 48px !important;
	}
	#post-282 #people-contact {
    	margin-left: 48.6% !important;
	}
	/*Marc's page*/
	#marc{
		margin-top: 48px !important;
	}
	#post-1169 #people-contact {
    	margin-left: 48.6% !important;
	}
	
	/*Aditya's page*/
	#aditya{
		margin-top: 48px !important;
	}
	#aditya-website{
		margin-left: 0%
	}
	#post-89 #people-contact {
    	margin-left: 48.6% !important;
	}
	/*Narjes's page*/
	#narjes{
		margin-top: 48px !important;
	}
	#post-279 #people-contact{
		margin-left: 48.6% !important;
	}
	/*Adwait's page*/
	#adwait{
		margin-top: 50px !important;
	}
	#post-277 #people-contact{
		margin-left: 48.6%  !important;
	}
	/*individual teaching page*/
	.teaching-wrapper{
		margin-left: 8.5% !important;
	}
	.teaching-title-hci-2{
		top: -6px !important;
		position: relative !important;
	}
	#page-608 .ind-teaching-wrapper-adjustment{
		margin-top: 0px;
	}
	.post-655 .ind-teaching-wrapper-adjustment{
		margin-top: 0px;
	}
	/*Footer Style CSS*/
	#footer{
		left: 7.5%;
		top: -20%;
	}
	/*#footer img{
		width: 350px;
	}
	#footer-address-text{
		font-size: 13px;
		width: 63%;
	}
	#imprint{
		font-size: 13px !important;
	}
	#dataProtection{
		font-size: 13px !important;
	}
	#footer-address-url{
		margin-top: 13%;
		margin-left: 55%;
	}*/
	.footer .container .row .col-md-4 .copyright p {
    	margin-left: 8%;
		margin-top: 0%;
	}
/*Footer Style CSS Ends*/
	/*Publication Page Year Title Adjustment*/
	.ind-pub-cat-title h3{
			margin-left: 6.8%;
	}
	/*Publication Page Year Title Adjustment*/
	
	/*Individual People Page Title Adjustment*/
	.ind-people-pro-title{
			margin-top: -5.6%;
			margin-left: 7%;
	}
	#post-89 #internvisitors #gs_projects89 .col-xs-6{
    	width: 48% !important;
	}
	#post-89 #internvisitors {
    	margin-left: 8.8% !important;
	}
	#internvisitors #visit-intern .gs_project_theme1 #gs_projects89{
		margin-left: -1.5%;
	}
	#post-279 #internvisitors #gs_projects279 .col-xs-6{
    	width: 48% !important;
	}
	#post-279 #internvisitors {
    	margin-left: 8.8% !important;
	}
	#internvisitors #visit-intern .gs_project_theme1 #gs_projects279{
		margin-left: -1.5%;
	}
	#post-277 #internvisitors #gs_projects277 .col-xs-6{
    	width: 48% !important;
	}
	#post-277 #internvisitors {
    	margin-left: 8.8% !important;
	}
	#internvisitors #visit-intern .gs_project_theme1 #gs_projects277{
		margin-left: -1.5%;
	}
	/*Individual People Page Title Adjustment*/
	
	/*Research Front page*/
	.piclist h3{
		padding-right: 13px;
	}
	#page-63 .piclist p{
		width: 100%;
	}
	.piclist > a, .piclist > div {
    min-width: 316px !important;
	}
	.filledup-two {
    margin-left: 0.3% !important;
	}
	/*Research Front page ends*/
	
	/*Individual Research Page*/
	#pro-main-title{
		position: absolute;
		margin-top: -1.3%;
	}
	#gs_projects_single {
    	margin-left: -11.3%;
		overflow: hidden;
		width: 630px;
	}
	iframe{
		width: 680px !important;
	}
	#research-single-people {
    	margin-left: 2.4%;
	}
	/*Individual Research Page ends*/
	
}
@media only screen and (min-width: 737px) and (max-width: 768px) {
	/*.navbar-brand.image-logo img{
	margin-left: 8% !important;
	}*/
	/*People Page Content Alignment*/
	/*.people-block-adjustment {
    	margin-left: 4.6% !important;
	}*/
	/*Home Page Content Alignment*/
	/*#home-semester-page {
    	margin-left: 6.5%;
	}/*
	#home-page{
		margin-top: 0px !important;
	}
	#welcome .wow .container{
		padding: 0px !important;
	}
	.section{
		padding: 0px 0 35px !important;
	}
	.frontpage-banner-parallax-bg{
		height: 0px !important;
	}
	#home{
		margin-top: -2%;
	}*/
	/*Home Page Banner Alignment*/
	/*.image-banner img{
		margin-top: -15%;
	}*/
	/*Professor's page*/
	/*#post-98 .yellow-sm {
    	margin-left: 8.5%;
	}
	.extp-member-single .extp-content-member .member-img .first-img img {
    	width: 83% !important;
	}
	#post-98 .member-img {
    	margin-left: 1.9% !important;
	}
	#people-contact {
    	margin-left: 42% !important;
	}
	#post-98 .people-hci-others {
    	margin-left: 62px !important;
	}
	#people-hci{
		padding-right: 32px;
	}*/
	/*Anne's profile*/
	/*#post-675 .yellow-sm {
    	margin-left: 8.5% !important;
	}
	#post-675 .member-img {
    	margin-left: 1.9% !important;
	}*/
	/*Bruno's Page*/
	/*#bruno-phone{
		margin-left: 5.8%;
	}
	#bruno-office{
		margin-left: 5.8%;
	}
	#bruno-website{
		margin-left: 5.8%;

	}*/
	/*.yellow-sm {
    	margin-left: 8.5% !important;
	}
	.member-img {
    	margin-left: 1.9% !important;
	}*/
	/*Marion's page*/
	/*#post-1063 #people-contact {
    	margin-left: 45.4% !important;
	}
	#marion-office{
		margin-left: 0%;
	}
	#marion-email{
		margin-left: 0%;
	}*/
	/*Paul's page*/
	/*#paul{
		margin-top: 48px !important;
	}
	#post-282 #people-contact {
    	margin-left: 45.4% !important;
	}*/
	/*Marc's page*/
	/*#marc{
		margin-top: 48px !important;
	}
	#post-1169 #people-contact {
    	margin-left: 45.4%  !important;
	}*/
	
	/*Aditya's page*/
	/*#aditya{
		margin-top: 48px !important;
	}
	#aditya-website{
		margin-left: 0%
	}
	#post-89 #people-contact {
    	margin-left: 45.4%  !important;
	}*/
	/*Narjes's page*/
	/*#narjes{
		margin-top: 48px !important;
	}
	#post-279 #people-contact{
		margin-left: 45.4% !important;
	}*/
	/*Adwait's page*/
	/*#adwait{
		margin-top: 50px !important;
	}
	#post-277 #people-contact{
		margin-left: 45.4%  !important;
	}*/
	/*individual teaching page*/
	/*.teaching-wrapper{
		margin-left: 8.5% !important;
	}
	.teaching-title-hci-2{
		top: -6px !important;
		position: relative !important;
	}
	#page-608 .ind-teaching-wrapper-adjustment{
		margin-top: 0px;
	}
	.post-655 .ind-teaching-wrapper-adjustment{
		margin-top: 0px;
	}*/
	/*Footer Style CSS*/
/* 	#footer{
		left: -165%;
    	top: -13%;
	}
	#footer img{
		width: 350px;
	}
	#footer-address-text{
		font-size: 13px;
		width: 63%;
	}
	#imprint{
		font-size: 13px !important;
	}
	#dataProtection{
		font-size: 13px !important;
	}
	#footer-address-url{
		margin-top: 13%;
		margin-left: -40%;
	}
	.footer .container .row .col-md-4 .copyright p {
    	margin-left: 8%;
		margin-top: 0%;
	} */
	
	/*Footer Style CSS*/
	/*#footer{
		left: 7.5%;
		top: -20%;
	}
	#footer img{
		width: 350px;
	}
	#footer-address-text{
		font-size: 13px;
		width: 63%;
	}
	#imprint{
		font-size: 13px !important;
	}
	#dataProtection{
		font-size: 13px !important;
	}
	#footer-address-url{
		margin-top: 13%;
		margin-left: 55%;
	}
	.footer .container .row .col-md-4 .copyright p {
    	margin-left: 8%;
		margin-top: 0%;
	}*/
/*Footer Style CSS Ends*/
	/*Publication Page Year Title Adjustment*/
	.ind-pub-cat-title h3{
			margin-left: 6.3%;
	}
	/*Publication Page Year Title Adjustment*/
	
	/*Individual People Page Title Adjustment*/
	/*.ind-people-pro-title{
			margin-top: -5.6%;
			margin-left: 7%;
	}
	#post-89 #internvisitors #gs_projects89 .col-xs-6{
    	width: 48% !important;
	}*/
	/*#post-89 #internvisitors {
    	margin-left: 8.5% !important;
	}
	#internvisitors #visit-intern .gs_project_theme1 #gs_projects89{
		margin-left: -1%;
	}
	#post-279 #internvisitors #gs_projects279 .col-xs-6{
    	width: 48% !important;
	}
	#post-279 #internvisitors {
    	margin-left: 8.5% !important;
	}
	#internvisitors #visit-intern .gs_project_theme1 #gs_projects279{
		margin-left: -1%;
	}
	#post-277 #internvisitors #gs_projects277 .col-xs-6{
    	width: 48% !important;
	}
	#post-277 #internvisitors {
    	margin-left: 8.5% !important;
	}
	#internvisitors #visit-intern .gs_project_theme1 #gs_projects277{
		margin-left: -1%;
	}*/
	/*Individual People Page Title Adjustment*/
	/*Research Front page*/
/*	.piclist h3{
		padding-right: 13px;
	}
	#page-63 .piclist p{
		width: 100%;
	}
	.piclist > a, .piclist > div {
    min-width: 316px !important;
	}
	.filledup-two {
    margin-left: 0.3% !important;
	}*/
	/*Research Front page ends*/
	
	/*Individual Research Page*/
	/*#pro-main-title{
		position: absolute;
		margin-top: -1.3%;
	}
	#gs_projects_single {
    	margin-left: 2.3%;
		overflow: hidden;
		width: 630px;
	}
	iframe{
		width: 680px !important;
	}
	#research-single-people {
    	margin-left: 2.4%;
	}
	/*Individual Research Page ends*/
	
	
}
@media only screen and (min-width: 992px) and (max-width: 1024px) {
	.navbar-brand.image-logo img{
	margin-left: 11% !important;
	}
	/*People Page Content Alignment*/
	.people-block-adjustment {
    	margin-left: 3.2% !important;
	}
	/*Home Page Content Alignment*/
	#home-semester-page {
    	margin-left: 4.8%;
	}
	#home-page{
		margin-top: 0px !important;
	}
	#welcome .wow .container{
		padding: 0px !important;
	}
	.section{
		padding: 0px 0 35px !important;
	}
	.frontpage-banner-parallax-bg{
		height: 0px !important;
	}
	#home{
		margin-top: -2%;
	}
	/*Home Page Banner Alignment*/
	.image-banner img{
		margin-top: -7.5%;
	}
	/*Professor's page*/
	#post-98 .yellow-sm {
    	margin-left: 7.3% !important;
	}
	.extp-member-single .extp-content-member .member-img .first-img img {
    	width: 74% !important;
	}
	#post-98 .member-img {
    	margin-left: 0% !important;
	}
	#people-contact {
    	margin-left: 40% !important;
	}
	#post-98 .people-hci-others {
    	margin-left: 70px !important;
	}
	#people-hci{
		padding-right: 32px;
	}
	/*Anne's profile*/
	#post-675 .yellow-sm {
    	margin-left: 7.3% !important;
	}
	#post-675 .member-img {
    	margin-left: 0% !important;
	}
	/*Bruno's Page*/
	.yellow-sm {
    	margin-left: 7.3% !important;
	}
	.member-img {
    	margin-left: 0% !important;
	}
	/*Marion's Page*/
	#marion{
		margin-top: 48px !important;
	}
	#post-1063 #people-contact {
    	margin-left: 42.3% !important;
	}
	#marion-office{
		margin-left: 0%;
	}
	#marion-email{
		margin-left: 0%;
	}
	/*Paul's page*/
	#paul{
		margin-top: 48px !important;
	}
	#post-282 #people-contact {
    	margin-left: 42.3% !important;
	}
	/*Marc's page*/
	#marc{
		margin-top: 48px !important;
	}
	#post-1169 #people-contact {
    	margin-left: 42.3%  !important;
	}
	
	/*Aditya's page*/
	#aditya{
		margin-top: 48px !important;
	}
	#aditya-website{
		margin-left: 0%
	}
	#post-89 #people-contact {
    	margin-left: 42.3% !important;
	}
	/*Narjes's page*/
	#narjes{
		margin-top: 48px !important;
	}
	#post-279 #people-contact{
		margin-left: 42.3% !important;
	}
	/*Adwait's page*/
	#adwait{
		margin-top: 50px !important;
	}
	#post-277 #people-contact{
		margin-left: 42.3%  !important;
	}
	
	/*individual teaching page*/
	.teaching-wrapper{
		margin-left: 7.3% !important;
	}
	.teaching-title-hci-2{
		top: -6px !important;
		position: relative !important;
	}
	#page-608 .ind-teaching-wrapper-adjustment{
		margin-top: 0px;
	}
	.post-655 .ind-teaching-wrapper-adjustment{
		margin-top: 0px;
	}
	/*Footer Style CSS*/
	#footer{
		left: -169.5%;
    	top: -11%;
	}
	#footer img{
		width: 350px;
	}
	#footer-address-text{
		font-size: 15px;
		width: 60%;
	}
	#imprint{
		font-size: 20px !important;
	}
	#dataProtection{
		font-size: 20px !important;
	}
	#footer-address-url{
		margin-top: 13%;
		margin-left: -40%;
	}
	.footer .container .row .col-md-4 .copyright p {
    	margin-left: 8%;
		margin-top: 0%;
	}
/*Footer Style CSS Ends*/
	/*Publication Page Year Title Adjustment*/
	.ind-pub-cat-title h3{
			margin-left: 4.7%;
	}
	/*Publication Page Year Title Adjustment*/
	
	/*Individual People Page Title Adjustment*/
	.ind-people-pro-title{
			margin-top: -4%;
			margin-left: 5%;
	}
	#post-89 #internvisitors #gs_projects89 .col-xs-6{
    	width: 48% !important;
	}
	#post-89 #internvisitors {
    	margin-left: 7% !important;
	}
	#internvisitors #visit-intern .gs_project_theme1 #gs_projects89{
		margin-left: -0.6%;
	}
	#post-279 #internvisitors #gs_projects279 .col-xs-6{
    	width: 48% !important;
	}
	#post-279 #internvisitors {
    	margin-left: 7% !important;
	}
	#internvisitors #visit-intern .gs_project_theme1 #gs_projects279{
		margin-left: -0.6%;
	}
	#post-277 #internvisitors #gs_projects277 .col-xs-6{
    	width: 48% !important;
	}
	#post-277 #internvisitors {
    	margin-left: 7% !important;
	}
	#internvisitors #visit-intern .gs_project_theme1 #gs_projects277{
		margin-left: -0.6%;
	}
	/*Individual People Page Title Adjustment*/
	
	/*Individual Research Page*/
	#pro-main-title{
		position: absolute;
		margin-top: -1.3%;
	}
	#gs_projects_single {
    	margin-left: 1.9%;
		overflow: hidden;
		width: 930px;
	}
	iframe{
		width: 900px !important;
	}
	#research-single-people {
    	margin-left: 1.6%;
	}
	#pro-main-title {
    margin-top: -0.7%;
	}
	.postid-248 .tppost-1511 figcaption{
		margin-bottom: -14%;
	}
	.postid-199 .tppost-1511 figcaption{
		margin-bottom: -14%;
	}
	.postid-204 .tppost-1511 figcaption{
		margin-bottom: -14%;
	}
	.postid-206 .tppost-1511 figcaption{
		margin-bottom: -14%;
	}
	.postid-183 .tppost-1511 figcaption{
		margin-bottom: -14%;
	}
	.postid-208 .tppost-1527 figcaption{
		margin-bottom: -14%;
	}
	.postid-208 .tppost-1511 figcaption{
		margin-bottom: -14%;
	}
	.postid-210 .tppost-1511 figcaption{
		margin-bottom: -14%;
	}
	.postid-213 .tppost-1511 figcaption{
		margin-bottom: -14%;
	}
	.postid-215 .tppost-1527 figcaption{
		margin-bottom: -14%;
	}
	.postid-215 .tppost-1511 figcaption{
		margin-bottom: -14%;
	}
	.postid-223 .tppost-1527 figcaption{
		margin-bottom: -14%;
	}
	.postid-223 .tppost-1511 figcaption{
		margin-bottom: -14%;
	}
	.postid-227 .tppost-1511 figcaption{
		margin-bottom: -14%;
	}
	.postid-230 .tppost-1511 figcaption{
		margin-bottom: -14%;
	}
	.postid-233 .tppost-1511 figcaption{
		margin-bottom: -14%;
	}
	.postid-235 .tppost-1533 figcaption{
		margin-bottom: -14%;
	}
	.postid-235 .tppost-1511 figcaption{
		margin-bottom: -14%;
	}
	.postid-243 .tppost-1533 figcaption{
		margin-bottom: -14%;
	}
	.postid-243 .tppost-1511 figcaption{
		margin-bottom: -14%;
	}
	.postid-250 .tppost-1533 figcaption{
		margin-bottom: -14%;
	}
	.postid-250 .tppost-1511 figcaption{
		margin-bottom: -14%;
	}
	.postid-254 .tppost-1511 figcaption{
		margin-bottom: -14%;
	}
	.postid-259 .tppost-1511 figcaption{
		margin-bottom: -14%;
	}
	.postid-257 .tppost-1511 figcaption{
		margin-bottom: -14%;
	}
	.postid-261 .tppost-1511 figcaption{
		margin-bottom: -14%;
	}
	.postid-262 .tppost-1511 figcaption{
		margin-bottom: -14%;
	}
	.postid-263 .tppost-1511 figcaption{
		margin-bottom: -14%;
	}
	.postid-269 .tppost-1511 figcaption{
		margin-bottom: -14%;
	}
	/*Individual Research Page ends*/
	
	.navbar-custom .navbar-nav > li > a {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: bold;
    font-weight: 600;
    padding: 25px 10px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-transform: uppercase;
    color: #010101;
}
	
}

@media only screen and (min-width: 701px) and (max-width: 767px) {
	
	.navbar-brand {
    max-width: 35%;
}
	
	#footer {
    left: 5% !important;
    width: 50%;
}
	#footer-address-text {
    font-size: 13px;
    margin-left: 55%;
}
	
	#imprint{
		font-size: 12px !important;
	}
	#dataProtection{
		font-size: 12px !important;
	}
	.footer .copyright  {
   /* margin-left: -60%;*/
    /*margin-top: 3%;*/
}
	#pub_item_authors {
    font-size: 12px;
  }
	#pub_award_info{
		 font-size: 16px;
        font-family: "Source Sans Pro Semibold";
	}
	#pub_item_venue{
        font-size: 16px;
        font-family: "Source Sans Pro";
		
    }
	#pub_item_title{
        font-size: 20px;
        font-family: "Source Sans Pro";
        color: #E4003F;
    }
	
	#pub_item_links{
		 font-size: 16px;
        font-family: "Source Sans Pro";
        color: #E4003F;

	}
	
	#head-title {
    text-align: left;
    letter-spacing: 0;
    color: #212529;
    text-transform: uppercase;
    opacity: 1;
    font-size: 40px !important;
    margin-top: 4%;
}
	
	
}
/*------------------------------------------------*/
/* General 521 and 767     */ 
/*------------------------------------------------*/
@media only screen and (min-width: 521px) and (max-width: 600px) {
	
		.frontpage-banner.frontpage-banner-parallax-bg {
    padding: 150px 0;
}
	
	#home-page {
    margin-top: -25% !important;
}
	#head-title {
    text-align: left;
    letter-spacing: 0;
    color: #212529;
    text-transform: uppercase;
    opacity: 1;
    font-size: 24px !important;
    margin-top: 12%;
}
	
	#footer-empty-space-2{
		/*display: none !important;*/
	}
	#footer-empty-space-3{
		/*display: none !important;*/
	}
	#footer-empty-space-4{
		/*display: none !important;*/
	}
 
	#footer{
		/*position: relative !important;
		left: -38px !important;
		top: -49px !important;*/
		width:85%;
	}
	#footer-img-3{
		
	}
	#footer-img-3 a{
		font-size: 13px !important;
	}
	#footer table{
		position: absolute;
		margin-top: 80px;
		margin-left: 38px;
	}

	.footer .container .copyright{
		
		margin-top: -68px;
	}
	/*---------------------------------*/
	/*Header Fix*/
	.navbar-brand{
		max-width: 45%;
	}
	.navbar-custom .navbar-brand{
		padding-top: 0px;
		width: 200px;
margin: 0 3%;
	}
	/*.navbar-brand.image-logo img{
		max-width: 90%;
		margin-left: 16px;
	}*/
	
	/*Body/ Content Fix*/
	#welcome p{
		font-size: 14px;
	}
	/*Home Title fix*/


	#home #head-title .home2-title-hci-2{
		font-size: 24px !important;
		font-weight: 800 !important;
		margin-left: -6px;
		margin-top: 14px !important;
	}
	#home #head-title .home3-title-hci-2{
		font-size: 24px !important;
		font-weight: 800 !important;
		margin-left: 0px;
		margin-top: 14px !important;
	}
	/*Projects Section Adjustment*/
	
	#gs_projects1013 .col-xs-6{
		width: 80% !important;
	}
	.frontpage-content {
    text-align: left;
}
	
	#welcome .container .block-title{
		display: none;
	}
	
	#home-page #home-para{
		font-size: 14px;
		margin-bottom: 20px;
		width:97%;
    	
	}
	
	.gs-project-name a{
		font-size:14px;
	}
	
	.gs-project-name p{
		font-size:14px;
	}
	
	/*end*/
	
	/*News Section Adjustment*/
	#home-page #wide{
		margin-top: -4%;
	}
	
	
	.news-col-list .news-inner-wrap-view{
		border-bottom: 0px;
		padding-bottom: 0px;
		margin-bottom: 0px;
	}
	
	.news-content .grid-date-post{
		margin-bottom: 0px;
		font-size: 11px;
	}
	.home-news{
	margin-left: 0px !important;
	}
	
	.news .news-title a{
		font-size: 14px;
		/*font-family: "HelveticaNeue-Regular", "Helvetica Neue", "Helvetica Neue", 
  		Helvetica, Arial, "Lucida Grande", sans-serif !important;*/
		color: #000000 !important;
		line-height: 0px;
	}
	
	.yellow, .yellow-sm, .yellow-sm-downlogo, .red, .red-sm, .red-sm-downlogo, .blue, .blue-sm, .blue-sm-downlogo {
    font-family: 'HCI_Lab_Font', sans-serif;
    font-size: 33px; 
    margin-right: 15px;
    vertical-align: middle;
    /* line-height: 51px; */
}
	.yellow:before, .yellow-sm:before, .red:before, .red-sm:before, .blue:before, .blue-sm:before, .bg-showmore-plg-link:before {
    content: ">";
}
	
	#research-semester-page {
    /* margin-top: -2%; */
    margin-left: 13%;
}
 
	#narrow #head-title {
    margin-left: -15px;
    margin-top: -1%;
}
	
	
	#head-title {
    text-align: left;
    letter-spacing: 0;
    color: #212529;
    text-transform: uppercase;
    opacity: 1;
    font-size: 24px !important;
    margin-top: 10%;
}
	#post-98 .bg-margin-for-link .bg-showmore-plg-link {
    font-size: 14px !important;
    /* font-weight: 800 !important; */
    /* margin-left: 35px; */
}
	#pro-pub-list {
    font-size: 14px !important;
    /* font-weight: 800 !important; */
}

	.yellow, .yellow-sm, .yellow-sm-downlogo, .red, .red-sm, .red-sm-downlogo, .blue, .blue-sm, .blue-sm-downlogo {
    font-family: 'HCI_Lab_Font', sans-serif;
    font-size: 20px;
    margin-right: 3%;
    vertical-align: middle;
    /* line-height: 51px; */
}
	#page-389 .bg-margin-for-link .bg-showmore-plg-link {
    font-size: 14px !important;
    /* font-weight: 800 !important; */
}
	/*General Settings for 412-414px*/
	p, li{
		font-size: 12px;
		
	}
	.h2, h2 {
    font-size: 14px;
}
	h3{
		font-size: 14px !important;
	}
	#page-389 #head-title {
    margin-left: 3%;
    margin-top: 20%;
	}
	#page-387 span{
		font-size: 40px;
	}
	#teaching {
    margin-left: 3%;
}
	
	#page-387 #head-title {
    margin-left: -30%;
    margin-top: 30%;
	}
	#teaching-semester-page {
    margin-left: -18% !important;
}
	#teaching-semester-page .bg-margin-for-link .bg-showmore-plg-link{
		font-size: 28px !important;
	}
	/*.blue::before{
		background-size: 18px 22px;
		margin-right: 0px;
	}*/
	#teaching #head-title .teaching-title-hci-2{
		margin-top: 16.5% !important;
	}
	/*General Settings for 412-414px Ends*/
	.navbar-brand.image-logo img{
	margin-left: -3% !important;
	}
	/*People Page Content Alignment*/
	.ex-tplist > .ctgrid .item-grid {
		width: 48% !important;
	}
	.people-block-adjustment {
    	margin-left: 9%;
	}
	/*Home Page Content Alignment*/
	#home-semester-page {
    	margin-left: 12.5%;
	}
	#gs_projects1013 .col-xs-6 {
    	width: 50% !important;
	}
	#home{
		margin-top: -3%;
	}
	/*Home Page Banner Alignment*/
	.image-banner img{
		margin-top: -21.5%;
	}
	/*General Setup for Individual People page*/
	.people-ind-title-hci {
    	position: absolute;
    	margin-top: 3px !important;
	}
	#people-contact p {
    	font-size: 12px;
	}
	.yellow-sm::before{
		background-size: 18px 22px;
	}
	.yellow-sm-downlogo::before{
		background-size: 22px 18px;
	}
	/*General Setup for Individual People page Ends*/
	/*Professor's Page*/
	#post-98 .yellow-sm {
    	margin-left: 12% !important;
	}
	.extp-member-single .extp-content-member .member-img .first-img img {
    	width: 100% !important;
	}
	#post-98 .member-img {
    	margin-left: 4.9% !important;
	}
	#people-contact {
    	margin-left: 59% !important;
	}
	#post-98 .people-hci-others {
    	margin-left: 44px !important;
	}
	#people-hci{
		padding-right: 32px;
	}
	#post-98 #gs_projects98 .col-xs-6{
		width: 50% !important;
	}
	/*Anne's page*/
	#post-675 .yellow-sm {
    	margin-left: 12% !important;
	}
	.extp-member-single .extp-content-member .member-img .first-img img {
    	width: 100% !important;
	}
	.extp-member-single .member-img {
    	width: 50% !important;
	}
	#post-675 .member-img {
    	margin-left: 4.8% !important;
	}
	/*Bruno's Page*/
	.yellow-sm {
    	margin-left: 12%;
	}
	.member-img {
    	margin-left: 4.8% !important;
	}
	#post-286 #people-contact {
    	margin-left: 65% !important;
	}
	#bruno {
    	margin-top: 49px !important;
	}
	/*Marion's Page*/
	#post-1063 #marion {
    	margin-top: 50px !important;
	}
	#marion-office{
		margin-left: 0%;
	}
	#marion-email{
		margin-left: 0%;
	}
	/*Paul's page*/
	#paul{
		margin-top: 50px !important;
	}
	#post-282 #people-contact {
    	margin-left: 65% !important;
	}
	/*Marc's page*/
	#marc{
		margin-top: 50px !important;
	}
	#post-1169 #people-contact{
		margin-left: 65% !important;
	}
	/*Aditya's page*/
	#aditya{
		margin-top: 50px !important;
	}
	#aditya-website{
		margin-left: 0%
	}
	#post-89 #people-contact{
		margin-left: 65% !important;
	}
	/*Narjes's page*/
	#narjes{
		margin-top: 50px !important;
	}
	#post-279 #people-contact{
		margin-left: 65% !important;
	}
	/*Adwait's page*/
	#adwait{
		margin-top: 50px !important;
	}
	#post-277 #people-contact{
		margin-left: 65% !important;
	}
	/*General Setup for Teaching page*/
	#page-387 .bg-margin-for-link .bg-showmore-plg-link::before{
		background-size: 18px 22px;
		margin-top: 3px;
		margin-left: -30px;
	}
	#page-387 .bg-margin-for-link .bg-close::before{
		background-size: 22px 18px;
		margin-top: 3px;
	}
	#teaching-semester-page {
		margin-left: 60px;
	}
	#teaching-hci{
		margin-top: -66px;
		margin-left: 35%;
	}
	/*General Setup for Teaching page Ends*/
	
	/*individual teaching page*/
	.teaching-wrapper{
		margin-left: 12%;
	}
	.teaching-title-hci-2{
		/*top: -6px !important;*/
		position: relative;
	}
	.teaching-wrapper .table-striped{
		width: 100%;
		display: block;
        max-width: 100%;
        overflow: scroll;
	}
	.teaching-ind-page ul li, p{
		width: 70%;
	}
	.teaching-wrapper .teaching-title-hci-2 {
    	margin-top: 11px;
	}
	.ind-teaching-wrapper-adjustment{
		margin-top: 180px;
	}
	#page-585 .ind-teaching-wrapper-adjustment{
		margin-top: 266px;
	}
	#page-592 .ind-teaching-wrapper-adjustment{
		margin-top: 266px;
	}
	#page-598 .ind-teaching-wrapper-adjustment{
		margin-top: 266px;
	}
	#page-602 .ind-teaching-wrapper-adjustment{
		margin-top: 266px;
	}
	#page-608 .ind-teaching-wrapper-adjustment{
		margin-top: 0px;
	}
	#page-623 .ind-teaching-wrapper-adjustment{
		margin-top: 266px;
	}
	#page-632 .ind-teaching-wrapper-adjustment{
		margin-top: 266px;
	}
	#page-639 .ind-teaching-wrapper-adjustment{
		margin-top: 266px;
	}
	#page-644 .ind-teaching-wrapper-adjustment{
		margin-top: 50px;
	}
	.post-655 .ind-teaching-wrapper-adjustment{
		margin-top: 0px;
	}
	#page-661 .ind-teaching-wrapper-adjustment{
		margin-top: 266px;
	}
	#page-668 .ind-teaching-wrapper-adjustment{
		margin-top: 266px;
	}
	#page-671 .ind-teaching-wrapper-adjustment{
		margin-top: 100px;
	}
	/*Footer Style CSS*/
	#footer{
		left: 11.5%;
		margin-top: -6%;
	}
	#footer{
		/*width: 320px;*/
	}
	#footer-address-text{
		font-size: 13px;
		width: 66%;
		margin-top: 3%;
	}
	#imprint{
		font-size: 12px !important;
	}
	#dataProtection{
		font-size: 12px !important;
	}
	#footer-address-url{
		margin-top: 25%;
	}
	.footer .container .row .col-md-4 .copyright p {
    	margin-left: 8%;
		margin-top: 1%
	}
/*Footer Style CSS Ends*/
	/*Publication Page Year Title Adjustment*/
	.ind-pub-cat-title h3{
			margin-left: 8.5%;
	}
	/*Publication Page Year Title Adjustment*/
	/*Individual People Page Title Adjustment*/
	.ind-people-pro-title{
			margin-top: -9.5%;
			margin-left: 7%;
	}
	#post-89 #internvisitors #gs_projects89 .col-xs-6{
    	width: 48% !important;
	}
	#post-89 #internvisitors {
    	margin-left: 12.5% !important;
	}
	#internvisitors #visit-intern .gs_project_theme1 #gs_projects89{
		margin-left: -2%;
	}
	#post-279 #internvisitors #gs_projects279 .col-xs-6{
    	width: 48% !important;
	}
	#post-279 #internvisitors {
    	margin-left: 12.5% !important;
	}
	#internvisitors #visit-intern .gs_project_theme1 #gs_projects279{
		margin-left: -2%;
	}
	#post-277 #internvisitors #gs_projects277 .col-xs-6{
    	width: 48% !important;
	}
	#post-277 #internvisitors {
    	margin-left: 12.5% !important;
	}
	#internvisitors #visit-intern .gs_project_theme1 #gs_projects277{
		margin-left: -2%;
	}
	/*Individual People Page Title Adjustment Ends*/
	#page-61 .bg-margin-for-link .bg-showmore-plg-link {
    font-size: 14px !important;
    /* font-weight: 800 !important; */
    /* margin-left: 35px; */
}
	/*Research Front page*/
	.research-title-hci-2{
		font-size: 24px;
	}
	.red::before {
		background-size: 18px 22px;
		margin-right: 0px;
		margin-top: 3px;
	}
	#research #head-title .research-title-hci-2{
		margin-top: 5px !important;
	}
	
	#page-63 .bg-margin-for-link .bg-showmore-plg-link::before{
		background-size: 18px 22px;
		margin-top: 3px;
		margin-left: -30px;
	}
	#page-63 .bg-margin-for-link .bg-close::before{
		background-size: 22px 18px;
		margin-top: 3px;
	}
	#page-63 .bg-margin-for-link .bg-showmore-plg-link{
		font-size: 14px !important;
	}
	#page-63 .piclist p{
		width: 92%;
	}
	.piclist > a, .piclist > div {
    min-width: 316px !important;
	}
	
	#research-semester-page {
    /* margin-top: -2%; */
    margin-left: 18%;
}
	#jobs-hci #head-title .jobs-title-hci-2 {
    font-family: 'Source Sans Pro Semibold', sans-serif;
    margin-left: -10px;
}
	/*Research Front page ends*/
	
	/*Individual Research Page*/
	#gs_projects_single .col-md-12 #head-title-sing-pro .red::before {
		display: inline-block;
		height: 24px !important;
		width: 24px !important;
		background-size: 18px 22px !important;
		margin-right: 8px;
	}
	
	#head-title-sing-pro{
		font-size: 14px !important;
	}
	#pro-main-title{
		position: absolute;
		margin-top: 1.3%;
	}
	#gs_projects_single {
    	margin-left: 6.3%;
		padding-right: 10px;
		overflow: hidden;
		width: 96%;
	}
	iframe{
		width: 330px !important;
	}
	#research-single-people {
    	margin-left: 4.4%;
	}
 
	 #pub_item_authors {
    font-size: 12px;
  }
	#pub_award_info{
		 font-size: 12px;
        font-family: "Source Sans Pro Semibold";
	}
	#pub_item_venue{
        font-size: 12px;
        font-family: "Source Sans Pro";
		
    }
	#pub_item_title{
        font-size: 14px;
        font-family: "Source Sans Pro";
        color: #E4003F;
    }
	
	#pub_item_links{
		 font-size: 12px;
        font-family: "Source Sans Pro";
        color: #E4003F;

	}
 
}

@media only screen and (min-width:601px) and (max-width: 700px){
	
	#head-title {
    text-align: left;
    letter-spacing: 0;
    color: #212529;
    text-transform: uppercase;
    opacity: 1;
    font-size: 40px !important;
    margin-top: 12%;
}
	.people-block-adjustment {
    margin-left: 9%;
}
	#home-page {
    margin-top: -15% !important;
}
	#staff #head-title #people-main-head {
    margin-top: -5px !important;
    /* position: absolute; */
    font-family: 'Source Sans Pro Semibold', sans-serif;
}
	
	.navbar-brand {
    max-width: 45%;
}
	.frontpage-content {
    text-align: left;
}
	
	.navbar-brand.image-logo img {
    max-width: 80%;
    height: auto;
}
	/*Footer Style CSS*/
	#footer{
		left: 8%;
		top: -20%;
	}
	#footer {
    left: 5% !important;
    width: 50%;
}
	#footer-address-text {
    font-size: 13px;
    margin-left: 55%;
}
	
	#imprint{
		font-size: 15px !important;
		font-family: 'Source Sans Pro';
	}
	#dataProtection{
		font-size: 15px !important;
		font-family: 'Source Sans Pro';
	}
	
	#pub_item_authors {
    font-size: 12px;
  }
	#pub_award_info{
		 font-size: 12px;
        font-family: "Source Sans Pro Semibold";
	}
	#pub_item_venue{
        font-size: 12px;
        font-family: "Source Sans Pro";
		
    }
	#pub_item_title{
        font-size: 14px;
        font-family: "Source Sans Pro";
        color: #E4003F;
    }
	
	#pub_item_links{
		 font-size: 12px;
        font-family: "Source Sans Pro";
        color: #E4003F;

	}
}

/*------------------------------------------------*/
/* General 768 and 991 */
/*------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
 
	#footer-empty-space-2{
		
	}
	#footer-empty-space-3{
		
	}
	#footer-empty-space-4{
		display: none !important;
	}
	#footer {
		left: -170% !important;
		width: 120%;
	}	
	#footer-img-3{
		text-align: right !important;
	}
	#footer-img-3 a{
		font-size: 13px !important;
	}
	#footer table{
		margin-left: -18px;
	}
	
	#footer-address-text{
		font-size:15px;
		margin-left: -56%;	
	}
	
	/*Header Fix*/
	.navbar-brand{
		max-width: 45%;
	}
	.navbar-custom .navbar-brand{
		padding-top: 0px;
	}
	.navbar-brand.image-logo img{
		max-width: 65%;
		margin-left: 16px;
	}
	
	/*Projects Section Adjustment*/
	
	#gs_projects1013 .col-xs-6{
		width: 100% !important;
	}
	
	#welcome .container .block-title{
		display: none;
	}
	
	#home-page #home-para{
		font-size: 15px;
		margin-bottom: 20px;
		margin-top: 4%
    	
	}
	
	.gs-project-name a{
		font-size:15px;
	}
	
	.gs-project-name p{
		font-size:15px;
	}
	
	/*end*/
	
	/*News Section Adjustment*/
	#home-page #wide{
		margin-top: 0px;
	}
	
	
	.news-col-list .news-inner-wrap-view{
		border-bottom: 0px;
		padding-bottom: 0px;
		margin-bottom: 0px;
	}
	
	.news-content .grid-date-post{
		margin-bottom: 0px;
		font-size: 12px;
	}
	.home-news{
	margin-left: 0px !important;
	}
	
	.news .news-title a{
		font-size: 15px;
		/*font-family: "HelveticaNeue-Regular", "Helvetica Neue", "Helvetica Neue", 
  		Helvetica, Arial, "Lucida Grande", sans-serif !important;*/
		color: #000000 !important;
		line-height: 0px;
	}
	
	/*Home Title fix*/

	/*#home #head-title .yellow::before {
		display: inline-block;
		height: 24px !important;
		width: 24px !important;
		background-size: 19px 22px;
		
		margin-top: -5px;
		
	}*/
	/*#home #head-title .red::before {
		display: inline-block;
		height: 24px !important;
		width: 24px !important;
		background-size: 19px 22px;
		
		margin-top: -5px;
		
	}*/
	#home #head-title .home2-title-hci-2{
		font-size: 40px !important;
		font-weight: 800 !important;
		margin-left: -6px;
		margin-top: 14px !important;
	}
	#home #head-title .home3-title-hci-2{
		font-size: 40px !important;
		font-weight: 800 !important;
		margin-left: -6px;
		margin-top: 14px !important;
	}
	
	#head-title {
    text-align: left;
    letter-spacing: 0;
    color: #212529;
    text-transform: uppercase;
    opacity: 1;
    font-size: 40px !important;
    margin-top: 4%;
}
	
	
 
 
 
}
 







 
/*------------------------------------------------*/
/* General 992 and 1139 */
/*------------------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1139px) {
	.frontpage-banner.frontpage-banner-parallax-bg::before{
		width: 100% !important;
		height: 0px !important;
	}
	.frontpage-banner.frontpage-banner-parallax-bg{
		width: 100% !important;
		height: 0px !important;
	}
 
	#footer-empty-space-2{
		
	}
	#footer-empty-space-3{
		display: none !important;
	}
	#footer-empty-space-4{
		
	}
	#footer{
		/*left: -600px !important;*/	
	}
	#footer-img-3{
		text-align: right !important;
	}
	#footer-img-3 a{
		font-size: 13px !important;
	}
	#footer table{
		margin-left: -25px;
	}
	
 
 
 
}
 
 
/*------------------------------------------------*/
/* General 1025 and 1199 */
/*------------------------------------------------*/
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
 #footer-empty-space-2{
		display: none !important;
	}
	#footer-empty-space-3{
		
	}
	#footer-empty-space-4{
		
	}
	#footer{
		left: -600px !important;
	}
	#footer-img-3{
		text-align: right !important;
	}
	#footer-img-3 a{
		font-size: 13px !important;
	}
	#footer table{
		margin-left: -25px;
	}
	
	.navbar-custom .navbar-nav > li > a {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: bold;
    font-weight: 600;
    padding: 25px 10px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-transform: uppercase;
    color: #010101;
}
}



/***************************************
 People & Research
***************************************/

.piclist > a, .piclist > div {
    display: inline-block;
    width: 50%;
    min-width: 450px;
    margin-bottom: 1em;
    vertical-align: top;
}
.piclist h3 { margin: 0em; margin-bottom: 0.25em; color: #e4003f; font-size: 20px; }
.piclist p { margin: 0em; padding-right: 1em; color: black; }
.piclist img {
    margin: 0em 1em 1em 0em;
    float: left;
    width: 125px;
    height: 125px;
}

/***************************************
 Publications page
***************************************/

#pub-page form{
	display: none;
}



/*css for publications page rendering through javascript*/

@media only screen and (min-width: 360px) and (max-width: 375px) {
  #pub_item_authors {
    font-size: calc(11px + 4 * ((100vw - 360px) / 1800));
	 line-height: 1.5;
  }
	
	#pub_item_title{
        font-size: calc(14px + 10 * ((100vw - 360px) / 1800));
        font-family: "Source Sans Pro";
        color: #E4003F;
		line-height: 1.5;
    }
	#pub_item_links{
		 font-size: calc(11px + 4 * ((100vw - 360px) / 1800));
        font-family: "Source Sans Pro";
        color: #E4003F;
		line-height: 1.5;

	}
	#pub_item_venue{
        font-size: calc(11px + 4 * ((100vw - 360px) / 1800));
        font-family: "Source Sans Pro";
		line-height: 1.5;
   		margin-bottom: -5%;
    }
	#pub_award_info{
		 font-size: calc(11px + 4 * ((100vw - 360px) / 1800));
        font-family: "Source Sans Pro Semibold";
		margin-bottom: -12%;
		
	}
	
	.home-wrapper {
		display: table !important;
		max-width: 315px;
		margin-left: 24%;
	}
	#home-page #home-para {
    font-size: 11px;
    margin-top: -150px;
    margin-left: 2.5%;
}
	
	.frontpage-banner.frontpage-banner-parallax-bg {
    padding: 150px 0;
}
	
	#head-title {
		text-align: left;
		letter-spacing: 0;
		color: #212529;
		text-transform: uppercase;
		opacity: 1;
		/*font-size: 40px !important;*/
		/*margin-top: 4%;*/
		/* margin-left: 2%; */
		/*padding-left: 5%;*/
	}
	
	#alumni .bg-margin-for-link .bg-showmore-plg-link {
		text-align: left !important;
		letter-spacing: 0 !important;
		text-transform: uppercase !important;
		opacity: 1;
		font-size: 15px !important;
		color: #000000 !important;
		padding-left: 2%;
	}
}

@media only screen and (min-width: 376px) and (max-width : 520px){
	#pub-page {
    margin-top: 0px;
    margin-left: 0px;
}
	 #pub_item_authors {
    font-size: 12px;
  }
	#pub_award_info{
		 font-size: 12px;
        font-family: "Source Sans Pro Semibold";
	}
	#pub_item_venue{
        font-size: 12px;
        font-family: "Source Sans Pro";
		
    }
	#pub_item_title{
        font-size: 14px;
        font-family: "Source Sans Pro";
        color: #E4003F;
    }
	
	#pub_item_links{
		 font-size: 12px;
        font-family: "Source Sans Pro";
        color: #E4003F;

	}
	
}
@media screen and (min-width: 768px) {
  #pub_item_authors {
    font-size: 18px;
  }
	#pub_award_info{
		 font-size: 18px;
        font-family: "Source Sans Pro Semibold";
	}
	#pub_item_title{
        font-size: 24px;
        font-family: "Source Sans Pro";
        color: #E4003F;
    }
	
	#pub_item_links{
		 font-size: 18px;
        font-family: "Source Sans Pro";
        color: #E4003F;

	}
	#pub_award_info{
		 font-size: 18px;
        font-family: "Source Sans Pro Semibold";
	}
}
 /* #pub_item_title{
        font-size: 24px;
        font-family: "Source Sans Pro";
        color: #E4003F;
    }
	#pub_item_links{
		 font-size: 18px;
        font-family: "Source Sans Pro";
        color: #E4003F;

	}
	#pub_item_venue{
        font-size: 18px;
        font-family: "Source Sans Pro";
    }
	
}
 #pub_item_authors{
        font-size: 18px;
        font-family: "Source Sans Pro";
    }

    #pub_item_title{
        font-size: 24px;
        font-family: "Source Sans Pro";
        color: #E4003F;
    }

    #pub_item_venue{
        font-size: 18px;
        font-family: "Source Sans Pro";
    }

	#pub_item_links{
		 font-size: 18px;
        font-family: "Source Sans Pro";
        color: #E4003F;

	}
	#pub_award_info{
		 font-size: 18px;
        font-family: "Source Sans Pro Semibold";
	}*/





.nav-wrapper {
	height: auto !important;
	max-height:75px !important;
	box-shadow: 0 0 0px rgba(0,0,0,0.2);
}

/*@media (min-width: 360px){
	.frontpage-banner.frontpage-banner-parallax-bg {
    padding: 100px 0 300px;
	}

}*/
@media (min-width: 1920px){
		.frontpage-banner.frontpage-banner-parallax-bg {
    padding: 100px 0 300px;

	}
}

@media (max-width: 414px){
	.frontpage-banner.frontpage-banner-parallax-bg {
		padding: 150px 0;
    }
}

@media only screen and (min-width: 1920px) and (max-width : 2560px){
#home-page {
    margin-top: 100px !important;
}

}


/* New entry page fixes */

.comments-area{
	display:none;
}

#sp_news_sthumb_widget-2{
	display: none;
}

.sidebar-widgets{
	display: none;
}

/*.entry-content{
	margin-left: 20%;
	margin-top: 2%;
}
*/
/*.news-title-post{
	margin-top: 20%;
	margin-left: 20%;
}
*/
.post-content {
    margin-left: 20%;
    margin-top: 10%;
}