@media only screen and (max-width: 1119px), only screen and (max-device-width: 1219px) {
	
	.horizontal-tabs ul.horizontal-tabs-list li {
    	float: none !important;
		width: 100% !important;
	}
	
	.main.boxed { width: 960px; }
	.layout, .navbar .menu { width: 880px; }
	
	.col-1_2 	{ width: 428px; }
	.col-1_3 	{ width: 277px; }
	.col-2_3 	{ width: 578px; }
	.col-1_4 	{ width: 202px; }
	.col-3_4 	{ width: 654px; }

	.desk .header.fixed {
		width: 960px;
	}

	.blog-search-text {
		width: 145px;
	}

	.member-name {
		font-size: 14px;
	}

	.member-position {
		font-size: 10px;
	}


	.b-form.m-contact-form .input-wrap {
		width: 287px;
		margin-left: 6px;
	}
	
	.latest-project-item {
		width: 55px;
		height: 55px;
	}
	 
    .node-projects.node-teaser .group-left  {
        width: 100% !important;
 
 
    }
    
    .node-projects.node-teaser .group-right{
        padding-left: 10px !important;
        width: 100% !important;
    }
    
    .abstract-teaser{
        text-align:justify;
        max-width:90%;
    }
    
    /*.field-name-field-funding-agencies img{*/
    .field-name-field-logo img{
        max-width:60% !important;
        height:60%!important;
    }
	
}

@media only screen and (max-width: 959px), only screen and (max-device-width: 999px) {
	


	h1, h2, h3, h4, h5, h6 {
		white-space: normal;
	}

	.main.boxed { width: 768px; }
	.layout { width: 688px; }
	.mob-layout {
		width: 688px;
		float: none;
		position: relative;
		margin: auto;
	}

	.b-top-bar .layout {
		width: 688px !important;
		line-height: 40px;
	}

	.top-bar-social,
	.top-bar-text,
	.top-bar-nav {
		display: none !important;
	}

	.b-top-bar .wrap-right {
		float: none;
		text-align: center;
	}


	.mob-layout.m-center .wrap-center {
		text-align: left;
	}

	.b-main-slider .layout {
		width: 960px;
		padding: 0;
	}

	.col-1_2 { width: 332px; }
	.col-1_3 { width: 213px; }
	.col-2_3 { width: 450px; }
	.col-1_4 { width: 154px; }
	.col-3_4 { width: 510px; }

	.header .layout {
		width: auto;
		padding: 1px 0 0;
		text-align: left;
	}

	.slogan, .b-search-form {
		display: none;
	}

.view-covid-19-projects .node-covid-19-projects .group-left {
    width: 31%;
}
/*.view-covid-19-projects .node-covid-19-projects .group-right {
    width: 90%;
    margin-top: 25px;
}*/

	.logo {
		display: inline-block;
		position: static;
		margin: 0;

		line-height: 79px;
		text-align: left;
	}

	.logo img {
		vertical-align: middle;
	}

	.header .b-social {
		display: none;
	}

	.btn-menu {
		display: block;
	}
/*
	.navbar, .menu {
		display: none !important;
	}
*/
	.main { padding-top: 0 !important; }

	.menu:after { display: none; }
	.menu li.with-sub:hover:before { display: none; }
	.menu > li:before, .menu a.active:before { display: none; }

	.submenu {
		display: none;
	}

	.submenu li {
		height: auto;
		-webkit-transition: none;
		transition: none;
	}

	.menu li:hover li {
		height: auto !important;
	}
	
	.latest-project-item {
		width: 65px;
		height: 65px;
	}

	/* Portfolio
	---------------------------------------------------------*/

	.row.port .row-item { width: 329px; }



	.carousel-prev { left: 10px; }
	.carousel-next { right: 10px; }
	.carousel-pagination { bottom: 20px; }

	.row.b-description .col-1_4 { width: 209.33333333333334px; }
	.row.b-description .col-3_4 { width: 438.6666666666667px; }



	.blog-search-text {
		width: 97px;
	}

	.member-photo .image-wrap {
		line-height: 492px;
	}

	.m-compact .member-meta {
		padding-top: 40px;
	}


	.b-form.m-contact-form .input-wrap {
		width: 222px;
		margin-left: 7px;
	}
	    .node-projects.node-teaser .group-left  {
        width: 100% !important;
    }
 
    .node-projects.node-teaser .group-right{
        padding-left: 10px !important;
        width: 100% !important;
    }
 
    .abstract-teaser{
        text-align:justify;
        max-width:90%;
    }
    
    /*.field-name-field-funding-agencies img{*/
    .field-name-field-logo img{
        max-width:60% !important;
        height:60% !important;
    }
	

}

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
	.view-rw .row-item.col-1_3 {
		margin-bottom:  30px;

}
.easy_social_box div.easy_social-widget{    
    margin-right: 13%;
}
.view-covid-19-projects .node-covid-19-projects .group-left {
    width: 90% !important;
}
.view-covid-19-projects .node-covid-19-projects .group-right {
     width: 90% !important;
         margin-top: 25px;
        }

.view-covid-19-projects .row-item {
    width:auto !important;
}

	.b-titlebar h1 {
		text-align: center;
	}

	.main.boxed { width: 480px; }
	
	.layout, .mob-layout {
		width: 420px;
	}

	.b-top-bar .layout {
		width: 420px !important;
	}

	.b-titlebar .layout, .content .layout, .content-featured .layout{
		padding-left: 30px;
		padding-right: 30px;
		width: 100%;
	}

	.search-text, .search-text:focus {
		width: 292px;
	}


	.mob-menu div { width: 480px; }
	.header .mob-menu a { padding: 0 30px; }	
	.mob-submenu a { padding-left: 50px !important; }	
	.mob-submenu .mob-submenu a { padding-left: 70px !important; }

	.crumbs { display: none; }
	.row-item { width: 420px; }

	.b-widgets { padding-left: 30px; padding-right: 30px; }
	.b-copyright {
		padding: 25px 30px;

		text-align: center;
		line-height: 20px;
	}

	.copy {
		float: none;
	}

	.b-copyright .b-social {
		float: none;
		margin-top: 12px;
	}
	
	.latest-project-item {
		width: 93px;
		height: 93px;
	}

	/* Portfolio
	---------------------------------------------------------*/


	.btn-preview {
		display: block;
		text-align: center;
	}

	.carousel-pagination { display: none; }

	.b-filter-list {
		display: none;
	}

	.b-filter-select {
		display: block;
	}

	/* Tabs
	----------------------------------------------------------*/

	.tabs-nav li {
		display: block;
		border: 1px solid #dfdfdf;
		border-top: none;
		line-height: 33px;
	}

	.tabs-nav li:first-child {
		border-top: 1px solid #dfdfdf;
	}

	.tabs-nav li.active {
		border-bottom: 1px solid #dfdfdf;
	}

	.tabs-nav li.active span:before {
		width: auto;
	 	left: -1px;
	 	right: -1px;
	}

	.b-tabs.m-nav-left:after, .b-tabs.m-nav-left:before {
		display: none;
	}

	.b-tabs.m-nav-left {
		border-top: none;
	}

	.b-tabs.m-nav-left .tabs-nav {
		float: none;
		display: block;
		top: 0;
	}

	.b-tabs.m-nav-left .tabs-nav li {
		width: auto;
		display: block;
		text-align: center;

		margin: 0;
	}

	.m-nav-left .tabs-nav li.active span:before {
		width: auto;

		position: absolute;
		top: -2px;	left: -21px;
					right: -21px;

		border-bottom: none;
		cursor: default;

		border-top: 2px solid #ed4534;
		border-left: 0;
	}


	/* Promo
	----------------------------------------------------------*/

	.b-promo {
		padding-bottom: 87px;
	}

	.b-promo .btn.big {
		position: absolute;
		left: 30px;		right: 30px;
		bottom: 30px;

		margin: 0;

		text-align: center;
	}

	/* Blog
	----------------------------------------------------------*/

	.sidebar {
		margin-top: 20px;
	}

	.blog-search-text {
		width: 368px;
	}

	.preview-medium .post-image, .preview-medium .b-carousel {
		width: auto;
		float: none;
	}

	.preview-medium .post-image + div,
	.preview-medium .b-carousel + div {
		margin-left: 0;
	}

	.related-post-head, .related-post {
		display: none;
	}

	.member-photo .image-wrap {
		line-height: 670px;
	}

	.m-compact .member-meta {
		padding-top: 180px;
	}

	.member-name {
		font-size: 16px;
	}

	.member-position {
		font-size: 11px;
	}

	.preview-medium .post-image-wrap,
	.b-recent-post.m-medium .post-image-wrap {
		float: none;
		width: auto;
	}

	.preview-medium .post-image-wrap + div,
	.b-recent-post.m-medium .post-image-wrap + div {
		margin-left: 0;
		margin-top: 26px;
	}


	.b-form.m-contact-form .input-wrap {
		width: 100%;
		margin-left: 0;

		float: none !important;
	}

.f-a{
float: none;
}
	/*blockquote*/

	.blockquote.m-left, .blockquote.m-right {
		width: auto;
		float: none;
		margin: 0 0 20px;
	}
	    .node-projects.node-teaser .group-left  {
        width: 100% !important;
    }
    
    .node-projects.node-teaser .group-right{
        padding-left: 10px !important;
        width: 100% !important;
    }
    
    .abstract-teaser{
        text-align:justify;
        max-width:90%;
    }
    
    /*.field-name-field-funding-agencies img{*/
    .field-name-field-logo img{
        max-width:60% !important;
        height:60% !important;
    }
}



@media all and (max-width: 767px) {


.node-orfeu-programme img {
    max-width: 420px;
    height: auto;
}



.field-name-field-speaker-image-and-text > div > div > div.field-collection-view.clearfix.view-mode-full {
        float: left;
        width: 29%;
        text-align: left;
/*        max-height: 400px;*/
        width: auto !important;
margin-left: 15px !important;
}


.field-collection-view {
    padding: unset !important;
    margin: unset !important;
    border-bottom: none !important;

}


.field.field-name-field-speaker-image-and-text.field-type-field-collection.field-label-hidden {
    margin-left: 25px;
}

.field-name-field-speaker-description {
    height: 150px !important;
    min-height: 150px !important;
    max-height: 150px !important;
    width: 150px !important;
}

}



@media all and (min-width: 768px) and (max-width: 999px) {


.node-orfeu-programme img {
    height: auto;
}

.field-name-field-speaker-image-and-text > div > div > div.field-collection-view.clearfix.view-mode-full {
        float: left;
        width: 29%;
        text-align: left;
/*        max-height: 400px;*/
        width: auto !important;
margin-left: 35px !important;
}


.field-collection-view {
    padding: unset !important;
    margin: unset !important;
    border-bottom: none !important;

}


.field.field-name-field-speaker-image-and-text.field-type-field-collection.field-label-hidden {
    margin-left: 25px;
}

}



@media all and (min-width: 1000px) and (max-width: 1219px) {
/*
img {
    max-width: 420px;
    height: auto;
}
*/
#node-crg-events-full-group-tab-group1 .field-collection-container.clearfix {
    margin-left: 40px; }

.field-name-field-speaker-image-and-text > div > div > div.field-collection-view.clearfix.view-mode-full {
        float: left;
        width: 29%;
        text-align: left;
/*        max-height: 400px;*/
        width: auto !important;
}


.field-collection-view {
    padding: unset !important;
    margin: unset !important;
    border-bottom: none !important; 

}


.field.field-name-field-speaker-image-and-text.field-type-field-collection.field-label-hidden {
    margin-left: 25px;
}

}


@media only screen and (max-width: 771px), only screen and (max-device-width: 771px) {



	.view-faculty-members .views-row,
	.view-staff-scientists .views-row,
    .view-barcelona-collaboratoirum-independent-fellows .views-row,
	.view-independent-fellow .views-row,
	.view-senior-visiting-scientists .views-row,
	.view-id-group_members.view-display-id-block .views-row,
	.view-id-research_groups.view-display-id-block .views-row, 
	.view-id-research_groups_dual_afiliated.view-display-id-block .views-row, 
	.view-id-research_groups_embl_crg.view-display-id-block .views-row, 
	.view-id-research_groups_dual_pointed.view-display-id-block .views-row, 
	.view-id-faculty_members.view-display-id-block_1 .views-row, 
	.view-id-faculty_members.view-display-id-page .views-row,
	.view-id-researchProgrammeStaff.view-display-id-block_1 .views-row,
	.view-id-researchProgrammeStaff.view-display-id-block_2 .views-row,
	.view-id-researchProgrammeStaff.view-display-id-block_3 .views-row,
	.view-id-researchProgrammeStaff.view-display-id-block_4 .views-row,
	.view-id-researchProgrammeStaff.view-display-id-block_5 .views-row{
	width:100%;
	height:auto;
	}
	    .node-projects.node-teaser .group-left  {
        width: 100% !important;
    }
    
    .node-projects.node-teaser .group-right{
        padding-left: 10px !important;
        width: 100% !important;
    }
    
    .abstract-teaser{
        text-align:justify;
        max-width:90%;
    }
 
    .field-name-field-logo img{
        max-width:60% !important;
        height:60% !important;
    }
.b-news {
height:430px !important;
}


.view.view-news.view-id-news.view-display-id-block_1 h3,
.view.view-crg-medias.view-id-crg_medias.view-display-id-block_1 h3{
    font-size: 24px;
}

.view.view-news.view-id-news.view-display-id-block_1 .b-news .news-image {
    float: none !important;
}
.news-title a {
    font-size: 14px;
    font-weight: bold;
}
}

@media all and (min-width: 1101px) and (max-width: 1219px) {
.node-staff-scientist .container,
.node-barcelona-collaboratorium-fellow .container,
.node-independent-fellow .container,
.node-senior-visiting-scientist .container,
.vocabulary-programmes-groups .container {
    background: none repeat scroll 0 0 #C5E9F7;
    border-bottom: 3px solid #D7D7D7;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.node-staff-scientist .group-container-left,
.node-barcelona-collaboratorium-fellow .group-container-left,
.node-independent-fellow .group-container-left,
.node-senior-visiting-scientist .group-container-left,
.vocabulary-programmes-groups .group-container-left {
    float: left;
    width: 60%;
}
.node-staff-scientist .group-container-right,
.node-barcelona-collaboratorium-fellow .group-container-right,
.node-independent-fellow .group-container-right,
.node-senior-visiting-scientist .group-container-right,
.vocabulary-programmes-groups .group-container-right {
    background: none repeat scroll 0 0 #FFFFFF;
    float: right;
    width: 40%;
}
.node-staff-scientist .group-title,
.node-barcelona-collaboratorium-fellow .group-title,
.node-independent-fellow .group-title,
.node-senior-visiting-scientist .group-title,
.vocabulary-programmes-groups .group-title {
    float: left;
    padding-right: 15px;
    padding-top: 19px;
    width: 380px;
    padding-bottom: 27px;
}

.caixa-gris {
    background: none repeat scroll 0 0 #f0f0f0;
    float: left;
    height: 37px;
    width: 100%;
}
.node-staff-scientist .group-leader .field-name-field-leader .field-items,
.node-barcelona-collaboratorium-fellow .field-name-field-leader .field-items,
.node-independent-fellow .field-name-field-leader .field-items,
.vocabulary-programmes-groups .group-leader .field-name-field-leader .field-items {

    text-align: right;
    float: right;
    padding-right: 22px;
}

.node-staff-scientist .group-leader .field-name-field-leader .field-items a,
.node-barcelona-collaboratorium-fellow .group-leader .field-name-field-leader .field-items a,
.node-independent-fellow .group-leader .field-name-field-leader .field-items a,
.vocabulary-programmes-groups .group-leader .field-name-field-leader .field-items a {

    color: #4c4f54;
    font-size: 25px;
}

.node-staff-scientist .group-image,
.node-staff-scientist .group-email,
.node-barcelona-collaboratorium-fellow .group-image,
.node-barcelona-collaboratorium-fellow .group-email,
.node-independent-fellow .group-image,
.node-independent-fellow .group-email,
.node-senior-visiting-scientist .group-image,
.node-senior-visiting-scientist .group-email,
.vocabulary-programmes-groups .group-image, 
.vocabulary-programmes-groups .group-email {
    display: inline-block;
    height: 255px;
    vertical-align: top;
    float: left;
    width: 176px;	
}

.group-container-right-cont {
    background: none repeat scroll 0 0 #C5E9F7;
    float: left;
}

.row-item {
    text-align: left;
    font-size: 13px;
    letter-spacing: normal;
    word-spacing: normal;
}

.row {
    letter-spacing: -.31em;
    word-spacing: -.43em;
    font-size: 0px;
}
.node-staff-scientist .group-title .lab-name,
.node-barcelona-collaboratorium-fellow .group-title .lab-name,
.node-independent-fellow .group-title .lab-name,
.vocabulary-programmes-groups .group-title .lab-name {
    color: #009ddd;
    float: right;
    font-size: 29px;
    text-align: right;
    width: 389px;
    height: 40px;
    overflow: hidden;
    line-height: 40px;
    text-align: right;
    margin-top: 7px;
}
.node-staff-scientist .research-line-lab-name,
.node-barcelona-collaboratorium-fellow .research-line-lab-name,
.node-independent-fellow .research-line-lab-name,
.node-senior-visiting-scientist .research-line-lab-name,
.vocabulary-programmes-groups .research-line-lab-name {
    border-bottom: 1px solid #DFDFDF;
    color: #009AD1;
    font-family: 'Titillium Web',sans-serif;
    font-size: 14px;
    font-weight: normal;
    padding: 10px 0 2px;
    float: right;
    width: 305px;
    text-align: right;
    height: 16px;
    margin-top: 20px;
}
#block-superfish-1 {

    position: absolute !important;
    top: 7px !important;
    width: 780px !important;
    right: 1px !important;

}
.node-staff-scientist .group-image .field-name-field-image img,
.node-barcelona-collaboratorium-fellow .group-image .field-name-field-image img,
.node-independent-fellow .group-image .field-name-field-image img,
.vocabulary-programmes-groups .group-image .field-name-field-image img {

	width: 100% !important;
	float: left;

}
.node-staff-scientist .group-email,
.node-barcelona-collaboratorium-fellow .group-email,
.node-independent-fellow .group-email,
node-senior-visiting-scientist .group-email,
.vocabulary-programmes-groups .group-email {

    width: 85px;
}

.group-title-leader {
    background: none repeat scroll 0px 0px rgb(255, 255, 255);
    float: left;
    width: 100%;
    padding-bottom: 10px;
	
}

.caixa-gris {
    background: none repeat scroll 0 0 #f0f0f0;
    float: left;
    height: 37px;
    width: 100%;
}

.group-container-right-cont {
    background: none repeat scroll 0 0 #C5E9F7;
    float: left;
}

}

@media all and (min-width: 1000px) and (max-width: 1100px) {

 .container.mobile-screen .field-name-field-image{
         display:inline-block;
     }
.node-staff-scientist .field-name-field-image,
.node-barcelona-collaboratorium-fellow .field-name-field-image,
.node-independent-fellow .field-name-field-image,
.node-senior-visiting-scientist .field-name-field-image,
.vocabulary-programmes-groups .field-name-field-image {
         float:right;
      }

 .container.mobile-screen .leader-email{
        display:block;
        margin-bottom: 6px;
        vertical-align: bottom;
        margin-top: 43% !important;
        float:right;
	margin-top: 235px !important;
	float:right;
	margin-right: -2px;

     }

	 /**************************/

.vocabulary-programmes-groups .group-image .field-name-field-image img, 
.node-staff-scientist .group-image .field-name-field-image img, 
.node-barcelona-collaboratorium-fellow .group-image .field-name-field-image img,
.node-independent-fellow .group-image .field-name-field-image img,
.node-senior-visiting-scientist .group-image .field-name-field-image img {
  height: 256px;
/*  width: 171px;*/
margin-right: 6px;

}

.node-staff-scientist .container,
.node-barcelona-collaboratorium-fellow .container,
.node-independent-fellow .container,
.node-senior-visiting-scientist .container,
.vocabulary-programmes-groups .container {
    background: none repeat scroll 0 0 #C5E9F7;
    border-bottom: 3px solid #D7D7D7;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.node-staff-scientist .group-container-left,
.node-barcelona-collaboratorium-fellow .group-container-left,
.node-independent-fellow .group-container-left,
.node-senior-visiting-scientist .group-container-left,
.vocabulary-programmes-groups .group-container-left {
    float: left;
    width: 60%;
}
.node-staff-scientist .group-container-right,
.node-barcelona-collaboratorium-fellow .group-container-right,
.node-independent-fellow .group-container-right,
.node-senior-visiting-scientist .group-container-right,
.vocabulary-programmes-groups .group-container-right {
    background: none repeat scroll 0 0 #FFFFFF;
    float: right;
    width: 40%;
}
.node-staff-scientist .group-title,
.node-barcelona-collaboratorium-fellow .group-title,
.node-independent-fellow .group-title,
.node-senior-visiting-scientist .group-title,
.vocabulary-programmes-groups .group-title {
    float: left;
    padding-right: 15px;
    padding-top: 19px;
    width: 380px;
    padding-bottom: 27px;
}

.caixa-gris {
    background: none repeat scroll 0 0 #f0f0f0;
    float: left;
    height: 37px;
    width: 100%;
}
.node-staff-scientist .group-leader .field-name-field-leader .field-items,
.node-barcelona-collaboratorium-fellow  .group-leader .field-name-field-leader .field-items,
.node-independent-fellow  .group-leader .field-name-field-leader .field-items,
.vocabulary-programmes-groups .group-leader .field-name-field-leader .field-items {

    text-align: right;
    float: right;
    padding-right: 22px;
}

.node-staff-scientist .group-leader .field-name-field-leader .field-items a,
.node-barcelona-collaboratorium-fellow .group-leader .field-name-field-leader .field-items a,
.node-independent-fellow .group-leader .field-name-field-leader .field-items a,
.vocabulary-programmes-groups .group-leader .field-name-field-leader .field-items a {

    color: #4c4f54;
    font-size: 25px;
}

.node-staff-scientist .group-image,
.node-staff-scientist .group-email,
.node-barcelona-collaboratorium-fellow .group-image,
.node-barcelona-collaboratorium-fellow .group-email,
.node-independent-fellow .group-image,
.node-independent-fellow .group-email,
.node-senior-visiting-scientist .group-image,
.node-senior-visiting-scientist .group-email,
.vocabulary-programmes-groups .group-image, 
.vocabulary-programmes-groups .group-email {
    display: inline-block;
    height: 255px;
    vertical-align: top;
    float: left;
    width: 176px;	
}

.group-container-right-cont {
    background: none repeat scroll 0 0 #C5E9F7;
    float: left;
}

.row-item {
    text-align: left;
    font-size: 13px;
    letter-spacing: normal;
    word-spacing: normal;
}

.row {
    letter-spacing: -.31em;
    word-spacing: -.43em;
    font-size: 0px;
}
.node-staff-scientist .group-title .lab-name,
.node-barcelona-collaboratorium-fellow  .group-title .lab-name,
.node-independent-fellow  .group-title .lab-name,
.vocabulary-programmes-groups .group-title .lab-name {
    color: #009ddd;
    float: right;
    font-size: 29px;
    text-align: right;
    width: 389px;
    height: 40px;
    overflow: hidden;
    line-height: 40px;
    text-align: right;
    margin-top: 7px;
}
.node-staff-scientist .research-line-lab-name,
.node-barcelona-collaboratorium-fellow .research-line-lab-name,
.node-independent-fellow .research-line-lab-name,
.node-senior-visiting-scientist .research-line-lab-name,
.vocabulary-programmes-groups .research-line-lab-name {
    border-bottom: 1px solid #DFDFDF;
    color: #009AD1;
    font-family: 'Titillium Web',sans-serif;
    font-size: 14px;
    font-weight: normal;
    padding: 10px 0 2px;
    float: right;
    width: 305px;
    text-align: right;
    height: 16px;
    margin-top: 20px;
}
#block-superfish-1 {

    position: absolute !important;
    top: 7px !important;
    width: 780px !important;
    right: 1px !important;

}
.node-staff-scientist .group-image .field-name-field-image img,
.node-barcelona-collaboratorium-fellow .group-image .field-name-field-image img,
.node-independent-fellow .group-image .field-name-field-image img,
.vocabulary-programmes-groups .group-image .field-name-field-image img {

	width: 100% !important;
	float: left;

}
.node-staff-scientist .group-email,
.node-barcelona-collaboratorium-fellow .group-email,
.node-independent-fellow .group-email,
.node-senior-visiting-scientist .group-email,
.vocabulary-programmes-groups .group-email {

    width: 85px;
}

.group-title-leader {
    background: none repeat scroll 0px 0px rgb(255, 255, 255);
    float: left;
    width: 100%;
    padding-bottom: 10px;
	
}

.caixa-gris {
    background: none repeat scroll 0 0 #f0f0f0;
    float: left;
    height: 37px;
    width: 100%;
}

.group-container-right-cont {
    background: none repeat scroll 0 0 #C5E9F7;
    float: left;
}
	 /**************************/


}

@media all and (min-width: 768px) and (max-width: 1000px) {

 .container.mobile-screen .field-name-field-image{
         display:inline-block;
   }

.vocabulary-programmes-groups .field-name-field-image,
.node-staff-scientist .field-name-field-image,
.node-barcelona-collaboratorium-fellow .field-name-field-image,
.node-independent-fellow .field-name-field-image,
.node-senior-visiting-scientist .field-name-field-image  {
          float:right;
    }

 .container.mobile-screen .leader-email{
         display:block;
         margin-bottom: 6px;
         vertical-align: bottom;
/*         margin-top: 45.7% !important;*/
margin-top: 235px !important;
         float:right;
margin-right: -2px;
   }

    /**************************/
	 .node-staff-scientist .container,
         .node-barcelona-collaboratorium-fellow .container,
		 .node-independent-fellow .container,
	 .node-senior-visiting-scientist .container,
	 .vocabulary-programmes-groups .container {
		 background: none repeat scroll 0 0 #C5E9F7;
		 border-bottom: 3px solid #D7D7D7;
		 float: left;
		 width: 100%;
		 margin-bottom: 20px;
	 }
	 .node-staff-scientist .group-container-left,
          .node-barcelona-collaboratorium-fellow .group-container-left,
		  .node-independent-fellow .group-container-left,
.node-senior-visiting-scientist .group-container-left,
	 .vocabulary-programmes-groups .group-container-left {
		 float: left;
		 width: 55%;
	 }
	 .node-staff-scientist .group-container-right,
          .node-barcelona-collaboratorium-fellow .group-container-right,	 
		  .node-independent-fellow .group-container-right,	 
.node-senior-visiting-scientist .group-container-right,
	 .vocabulary-programmes-groups .group-container-right {
		 background: none repeat scroll 0 0 #FFFFFF;
		 float: right;
		 width: 45%;
height: 0px;
	 }
.node-staff-scientist .group-email, 
 .node-barcelona-collaboratorium-fellow .group-email,
 .node-independent-fellow .group-email,
.node-senior-visiting-scientist .group-email, 
.vocabulary-programmes-groups .group-email {
    width: 53px !important;
}
	 .node-staff-scientist .group-title,
 .node-barcelona-collaboratorium-fellow .group-title,
 .node-independent-fellow .group-title,
	 .node-senior-visiting-scientist .group-title,
	 .vocabulary-programmes-groups .group-title {
		 float: left;
		 padding-right: 15px;
		 padding-top: 19px;
		 width: 280px;
		 padding-bottom: 27px;
	 }
	 
	 .caixa-gris {
		 background: none repeat scroll 0 0 #f0f0f0;
		 float: left;
		 height: 37px;
		 width: 100%;
	 }
	 .node-staff-scientist .group-leader .field-name-field-leader .field-items,
 .node-barcelona-collaboratorium-fellow .group-leader .field-name-field-leader .field-items,
 .node-independent-fellow .group-leader .field-name-field-leader .field-items,
	 .vocabulary-programmes-groups .group-leader .field-name-field-leader .field-items {
	 
		 text-align: right;
		 float: right;
		 padding-right: 22px;
	 }
	 
	 .node-staff-scientist .group-leader .field-name-field-leader .field-items a,
 .node-barcelona-collaboratorium-fellow .group-leader .field-name-field-leader .field-items a,
 .node-independent-fellow .group-leader .field-name-field-leader .field-items a,
	 .vocabulary-programmes-groups .group-leader .field-name-field-leader .field-items a {
	 
		 color: #4c4f54;
		 font-size: 25px;
	 }
	 
	 .node-staff-scientist .group-image,
	 .node-staff-scientist .group-email,
.node-barcelona-collaboratorium-fellow .group-image,
.node-barcelona-collaboratorium-fellow .group-email,
.node-independent-fellow .group-image,
.node-independent-fellow .group-email,
	 .node-senior-visiting-scientist .group-image,
	 .node-senior-visiting-scientist .group-email,
	 .vocabulary-programmes-groups .group-image, 
	 .vocabulary-programmes-groups .group-email {
		 display: inline-block;
		 height: 255px;
		 vertical-align: top;
		 float: left;
		 width: 176px;	
	 }
	 
	 .group-container-right-cont {
		 background: none repeat scroll 0 0 #C5E9F7;
		 float: left;
	 }
	 
	 .row-item {
		 text-align: left;
		 font-size: 13px;
		 letter-spacing: normal;
		 word-spacing: normal;
	 }
	 
	 .row {
		 letter-spacing: -.31em;
		 word-spacing: -.43em;
		 font-size: 0px;
	 }
	 .node-staff-scientist .group-title .lab-name,
 .node-barcelona-collaboratorium-fellow .group-title .lab-name,
 .node-independent-fellow .group-title .lab-name,
	 .vocabulary-programmes-groups .group-title .lab-name {
		 color: #009ddd;
		 float: right;
		 font-size: 29px;
		 text-align: right;
		 width: 389px;
		 height: 40px;
		 overflow: hidden;
		 line-height: 40px;
		 text-align: right;
		 margin-top: 7px;
	 }
	 .node-staff-scientist .research-line-lab-name,
.node-barcelona-collaboratorium-fellow .research-line-lab-name,
.node-independent-fellow .research-line-lab-name,
	 .node-senior-visiting-scientist .research-line-lab-name,
	 .vocabulary-programmes-groups .research-line-lab-name {
		 border-bottom: 1px solid #DFDFDF;
		 color: #009AD1;
		 font-family: 'Titillium Web',sans-serif;
		 font-size: 14px;
		 font-weight: normal;
		 padding: 10px 0 2px;
		 float: right;
		 width: 305px;
		 text-align: right;
		 height: 16px;
		 margin-top: 20px;
	 }
	 #block-superfish-1 {
	 
		 position: absolute !important;
		 top: 7px !important;
		 width: 780px !important;
		 right: 1px !important;
	 
	 }
	 .node-staff-scientist .group-image .field-name-field-image img,
         .node-barcelona-collaboratorium-fellow .group-image .field-name-field-image img,
		 .node-independent-fellow .group-image .field-name-field-image img,
	 .vocabulary-programmes-groups .group-image .field-name-field-image img {
	 
		 width: 100% !important;
		 float: left;
		height: 256px !important;
		margin-right: 6px;
	 
	 }
	 .node-staff-scientist .group-email,
         .node-barcelona-collaboratorium-fellow .group-email,
		 .node-independent-fellow .group-email,
	 .node-senior-visiting-scientist .group-email,
	 .vocabulary-programmes-groups .group-email {
	 
		 width: 85px;
	 }
	 
	 .group-title-leader {
		 background: none repeat scroll 0px 0px rgb(255, 255, 255);
		 float: left;
		 width: 100%;
		 padding-bottom: 10px;
		 
	 }
	 
	 .caixa-gris {
		 background: none repeat scroll 0 0 #f0f0f0;
		 float: left;
		 height: 37px;
		 width: 100%;
	 }
	 
	 .group-container-right-cont {
		 background: none repeat scroll 0 0 #C5E9F7;
		 float: left;
	 }
		  /**************************/

}


@media all and (min-width: 480px) and (max-width: 767px) {

 .container.mobile-screen .field-name-field-image{
         display:inline-block;
   }

.vocabulary-programmes-groups .field-name-field-image,
.node-staff-scientist .field-name-field-image,
.node-barcelona-collaboratorium-fellow .field-name-field-image,
.node-independent-fellow .field-name-field-image  {
          float:right;
    }

 .container.mobile-screen .leader-email{
         display:block;
         margin-bottom: 6px;
         vertical-align: bottom;
         margin-top: 221px !important;
         float:right;
margin-right: -2px;
   }

}

@media all and (min-width: 400px) and (max-width: 479px) {

 .container.mobile-screen .field-name-field-image{
         display:inline-block;
   }

.node-staff-scientist .field-name-field-image,
.node-barcelona-collaboratorium-fellow .field-name-field-image,
.node-independent-fellow .field-name-field-image,
.node-senior-visiting-scientist .field-name-field-image,
.vocabulary-programmes-groups .field-name-field-image {
          float:right !important;
    }

 .container.mobile-screen .leader-email{
         display:block;
         margin-bottom: 6px;
         vertical-align: bottom;
         margin-top: 221px !important;
         float:right;
         margin-right: -2px !important;
   }

}
 @media all and (max-width: 400px) {
 
   .container.mobile-screen .field-name-field-image{
           display:inline-block;
     }
.node-staff-scientist .field-name-field-image,
.node-barcelona-collaboratorium-fellow .field-name-field-image,
.node-independent-fellow .field-name-field-image,
.node-senior-visiting-scientist .field-name-field-image,
  .vocabulary-programmes-groups .field-name-field-image {
            float:right;
      }
.container.mobile-screen .leader-email a {
margin-top: -10px;
} 
   .container.mobile-screen .leader-email{
           display:block;
           margin-bottom: 6px;
           vertical-align: bottom;
           margin-top: 231px !important;
           float:right;
margin-right: -2px !important;
 
     }

 
  }


 @media all and (max-width: 768px) {


.view-id-group_members.view-display-id-block .views-row,
.view-id-group_members.view-display-id-block_1 .views-row,
.view-id-group_members.view-display-id-block_2 .views-row,
.view-id-group_members.view-display-id-block_3 .views-row,
.view-id-group_members.view-display-id-block_4 .views-row,
.view-id-group_members.view-display-id-block_5 .views-row,
.view-id-group_members.view-display-id-block_6 .views-row,
.view-id-group_members.view-display-id-block_7 .views-row,
.view-id-group_members.view-display-id-block_8 .views-row,
.view-id-group_members.view-display-id-block_9 .views-row,
.view-id-group_members.view-display-id-block_10 .views-row,
.view-id-group_members.view-display-id-block_11 .views-row,
.view-id-group_members.view-display-id-block_12 .views-row,
.view-id-group_members.view-display-id-block_13 .views-row,
.view-id-group_members.view-display-id-block_16 .views-row,
.view-id-alumni_members.view-display-id-block .views-row
 {
width: 100% !important;
}


.views-field.views-field-field-medical-genomics-descripti p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
}

.views-medical-genomics-groups.view-id-medical_genomics_groups.view-display-id-block .views-field-field-leader a {
    font-size: 14px !important;
}



@media all and (min-width: 400px) and (max-width: 1100px) {


.views-medical-genomics-groups.view-id-medical_genomics_groups.view-display-id-block .views-field-field-leader a {
    font-size: 14px !important;
}

.views-field.views-field-field-medical-genomics-descripti p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
}
	#block-superfish-1{
	    position: relative;
    top: 7px;
    width: 500px;
	}
	ul#superfish-1{
	   margin-top: 0px;
	}
	.slogan_icons {
       margin-left: 125px;
       width: 340px !important;
    }
    #block-block-2{
        margin-left: -10px;
        width: 80%;
    }
    .footer .col-1_3 {
        margin-right: 0;
        width: 340px;
    }
    #superfish-1 li.active-trail a.sf-depth-1, #superfish-1 li.sf-depth-1 a.active, .page-news li#menu-764-1 > a{
        padding-bottom: 0px;
    }
    #block-menu-block-3 ul.menu li, #block-menu-block-5 ul.menu li, #block-menu-block-4 ul.menu li, #block-menu-block-6 ul.menu li, #block-menu-block-7 ul.menu li, #block-menu-block-1 ul.menu li{
        width: 150px;
    }
    .view-faculty-members .views-row,
	.view-staff-scientists .views-row,
	.view-barcelona-collaboratorium-independent-fellows .views-row,
	.view-independent-fellow .views-row,
	.view-senior-visiting-scientists .views-row,
    .view-id-group_members.view-display-id-block .views-row,
    .view-id-research_groups.view-display-id-block .views-row, 
	.view-id-research_groups_dual_afiliated.view-display-id-block .views-row, 
	.view-id-research_groups_embl_crg.view-display-id-block .views-row, 
	.view-id-research_groups_dual_pointed.view-display-id-block .views-row, 
	.view-id-faculty_members.view-display-id-block_1 .views-row, 
	.view-id-faculty_members.view-display-id-page .views-row	,
	.view-id-researchProgrammeStaff.view-display-id-block_1 .views-row,
	.view-id-researchProgrammeStaff.view-display-id-block_2 .views-row,
	.view-id-researchProgrammeStaff.view-display-id-block_3 .views-row,
	.view-id-researchProgrammeStaff.view-display-id-block_4 .views-row,
	.view-id-researchProgrammeStaff.view-display-id-block_5 .views-row,
	.view.view-research-groups-dias-frazer.view-id-research_groups_dias_frazer.view-display-id-block_1 .views-row,
	.view.view-research-groups-dias-frazer.view-id-research_groups_dias_frazer.view-display-id-block_2 .views-row {
    
        width:100%;
        height:auto;
    }
    .container.mobile-screen{ 
        display:block;
        height: 483px;
    }
    .container.normal-screen{ display:none }
    .page-node-99 .field-name-body .col-1_2b{ width: 242px; }
	    .node-projects.node-teaser .group-left  {
        width: 100% !important;
    }
 
    .node-projects.node-teaser .group-right{
        padding-left: 10px !important;
        width: 100% !important;
    }
    
    .abstract-teaser{
        text-align:justify;
        max-width:90%;
    }

}
/********/

@media all and (min-width: 799px) and (max-width: 1200px) {
    #block-superfish-1{
        position: absolute;
    top: 7px;
    width: 500px;
    right: 1px;
    }
}


@media only screen and (max-width: 479px), only screen and (max-device-width: 479px) {

h1.content-title.title_template {
    font-size: 18px;
}
.node-orfeu-programme img {
max-width:100%;
height:auto !important;
}


.view-covid-19-projects .field-name-title,
.node-covid-19-projects .group-top.field-group-div,
.node-covid-19-projects .group-body.field-group-div
{
max-width:85%;
}

    #superfish-1-select {
		display:block;
		}
		
		.mob-layout{
		  
		}
.header .mob-layout .region-main-menu{
float:left;
}
.header .mob-layout .brand{
    float: left;
    margin-left: 115px;
    position: relative;
    width: 33%;
    margin-bottom: 12px;
    margin-top: -10px;
}
.content .region-postscript-first #block-views-news-block-1, 
.content .region-postscript-first #block-views-crg-medias-block-1,
#block-menu-block-1 ul.menu,
#block-menu-block-3 ul.menu li, 
#block-menu-block-5 ul.menu li, 
#block-menu-block-4 ul.menu li, 
#block-menu-block-6 ul.menu li, 
#block-menu-block-1 ul.menu li,
.content #block-block-10 .content .hcontent{
/*width:100%;*/
width:320px;
float:none;
}
.hcontent {
    float: none !important;
}

#block-views-crg-medias-block-1 .b-news { height: 100px !important; }

#block-views-news-block-1 .b-news { height: 300px !important; }

h2 { line-height: 1em !important; }

.abstract-teaser {
    width: 100%;
}
.content-featured {
line-height:unset;
}

#block-block-3 p {
    font-size: 12px;
    padding-top: 5px; 
}
#block-block-3 .slogan_icons p {
padding: unset !important;
margin:unset !important:
}

#block-menu-block-1 ul.menu,
#block-menu-block-3 ul.menu li, 
#block-menu-block-5 ul.menu li, 
#block-menu-block-4 ul.menu li, 
#block-menu-block-6 ul.menu li, 
#block-menu-block-1 ul.menu li{
max-width:100%;
}
#block-block-2{
  left: 15px;
    position: absolute;
    width: auto;
}
.slogan_icons{
margin-left:0px;
}
.front .home_pictos_2 .first{
margin-left:11px;
}
.view-id-programmes.view-display-id-page tr,
.view-id-programmes.view-display-id-page .views-column,
.view-id-research_topics_groups.view-display-id-page tr,
.view-id-research_topics_groups.view-display-id-page .views-column{
height: 270px;
width: 340px;
}
.view-programmes .views-field-field-thumbnail img
{
width:auto;
height: 140px;
}
.view-id-programmes.view-display-id-page .views-field-name, .view-id-research_topics_groups.view-display-id-page .views-field-name-1
{
height:110px;
}
.view-id-programmes.view-display-id-page .views-field-field-thumbnail, .view-id-research_topics_groups.view-display-id-block_1 .views-field-field-image, .view-id-research_topics_groups.view-display-id-page .views-field-field-research-topics-image {
margin-right:0px;
width: 204px;
}
.view-id-research_groups .blau a,
.view-id-research_groups .blau {
    text-align: left;
    margin-right:10px;

}

.view-programmes .blau a, 
.view-programmes .blau {
/*    margin-left: -30px; */
    text-align: left;
    margin-right:10px;
font-size: 16px !important;
}

.view-id-programmes.view-display-id-page .views-field-field-thumbnail img {
    border-bottom-left-radius: unset;
    border-top-left-radius: unset;
}

p {
/*    margin:0px 0px 10px 10px;*/
}
.node-staff-scientist .container,
.node-barcelona-collaboratorium-fellow .container,
.node-independent-fellow .container,
.node-senior-visiting-scientist .container,
.vocabulary-programmes-groups .container {
    height: 471px;
}
.view-researchProgrammeStaff .field-content {
    margin-left: 15px !important;
}
.page-taxonomy-term .tabs-content .tabIframeWrapper {
	overflow: scroll;
	overflow: visible !important;
/* border: 1px solid #ccc; */
}

.datasets-nothing {
padding-top: 15px;
}
.b-datasets {
height: 180px;
}
.content-title {
    line-height: 22px;
}

.field.field-name-field-image-header.field-type-image.field-label-hidden img {
    width: 36666660px;
    height: auto;
}

.page-taxonomy-term-3445 .field-name-field-image-header img {
    border-radius: 6px;
    max-width: 100% !important;
    height: auto;
}
.view-id-programmes.view-display-id-page .views-field-field-thumbnail,
.view-id-research_topics_groups.view-display-id-page .views-field-field-research-topics-image{
/* width: 242px; */
}
.group_body{
max-width:100%;
}

.view-id-research_topics_groups.view-display-id-page .views-field-nothing, 
.view-id-research_topics_groups.view-display-id-block_1 .views-field-field-nothing {
    margin-top: -8px;
}

.view-faculty-members .views-row,
.view-staff-scientists .views-row,
.view-barcelona-collaboratorium-independent-fellows .views-row,
.view-independent-fellow .views-row,
.view-senior-visiting-scientists .views-row,
.view-id-group_members.view-display-id-block .views-row,
.view-id-research_groups.view-display-id-block .views-row, 
.view-id-research_groups_dual_afiliated.view-display-id-block .views-row, 
.view-id-research_groups_embl_crg.view-display-id-block .views-row, 
.view-id-research_groups_dual_pointed.view-display-id-block .views-row, 
.view-id-faculty_members.view-display-id-block_1 .views-row, 
.view-id-faculty_members.view-display-id-page .views-row,
.view-id-researchProgrammeStaff.view-display-id-block_1 .views-row,
.view-id-researchProgrammeStaff.view-display-id-block_2 .views-row,
.view-id-researchProgrammeStaff.view-display-id-block_3 .views-row,
.view-id-researchProgrammeStaff.view-display-id-block_4 .views-row,
.view-id-researchProgrammeStaff.view-display-id-block_5 .views-row,
.view.view-research-groups-dias-frazer.view-id-research_groups_dias_frazer.view-display-id-block_1 .views-row,
.view.view-research-groups-dias-frazer.view-id-research_groups_dias_frazer.view-display-id-block_2 .views-row {
width:100%;
height:148px;
}
.der-emailcontainer.mobile-screen{ 
display:block;
height: auto !important;
 }
 .container.mobile-screen .research-line-lab-name {
  
   width: 200px !important;
 }
.container.mobile-screen h2 {
	font-size: 22px;
	height: 42px;
}
.group_body .orcid_id_group a {
    font-size: 13px !important;
}

/*.field-name-body img{
width:320px !important;
height:auto !important;
}*/

.view.view-news.view-id-news.view-display-id-page .b-news {
    height: 260px !important;
}

.item-list .pager li
{
padding: unset;
}
/*
.container.mobile-screen .field-name-field-image{
	display:inline-block;
	width: 171px;
    height: 256px;
} */
/*.container.mobile-screen .field-name-field-image img{
	width: 171px;
    height: 256px;
} 
*/

.view-news .row-item {
width:80% !important;
}
/*
#block-views-covid-19-projects-block-1 {
    width: 95%;
}
*/
.group-right.row-item.col-1_2 {
    width: 95% !important;
}

.news-image img {
    width: 50% !important;
    height: 50% !important;
}
.container.mobile-screen .leader-email{
display: inline-block;
    margin-bottom: 6px;
    vertical-align: bottom;
}
.container.normal-screen{ display:none }
 .container.mobile-screen {
    display: block !important;
}

	.main.boxed { width: 320px; }
	.layout, .mob-layout { width: 360px;}
	.layout { padding: 0 30px; }

	.b-top-bar .layout {
		width: 260px !important;
	}

	.row-item { width: 83% !important; }

	.b-search {
		text-align: left;
	}

	.b-search {
		width: 320px;
		margin-left: -160px;
	}

	.search-text, .search-text:focus {
		width: 120px;
	}

	.mob-menu div { width: 320px; }
	
	.latest-project-item {
		width: 53px;
		height: 53px;
	}
	
	h2.error-404 {
	font: 140px/140px 'OpenSansLightRegular';
	}

	/* Portfolio
	---------------------------------------------------------*/

	.blog-search-text {
		width: 208px;
	}

	.member-photo .image-wrap {
		line-height: 565px;
	}

	.m-compact .member-meta {
		padding-top: 100px;
	}
	    .node-projects.node-teaser .group-left  {
        width: 100% !important;
    }
    
    .node-projects.node-teaser .group-right{
        padding-left: 10px  !important;
        width: 100% !important;
    }
    
    .abstract-teaser{
        text-align:justify;
        max-width:90%;
    }

.view-gender-equality .views-row .b-news {
    /* margin-top: 18px; */
    /* margin-bottom: 30px !important; */
    height: unset !important;
}
/*
	#block-views-gender-balance-projects-block .content
	{	
		width: 100% !important
	} 
*/

table {
    width: 100% !important;
}
.row-item.col-1_2.logos_home {
    margin-left: 10px;
}
.home_top_client.tooltips {
    /* margin-left: 20px; */
    width: 49%;
    margin: unset;
    padding: unset;
}

}
@media only screen and (max-width: 959px), only screen and (max-device-width: 959px) {

	#superfish-1-select {
		display:block;
		width: 67%;
	}

}
@media all and (max-width: 479px) 
{
	.field-name-field-event-banner img {
		max-height: 68px;
	}
.node-staff-scientist .group-image .field-name-field-image img,
.node-barcelona-collaboratorium-fellow .group-image .field-name-field-image img,
.node-independent-fellow .group-image .field-name-field-image img,
 .vocabulary-programmes-groups .group-image .field-name-field-image img,
 .container.mobile-screen .field-name-field-image .field-item img {
     width: 100% !important;
     float: left;
     height: 256px !important;
     margin-right: 6px;
 }

}
	
@media all and (min-width: 480px) and (max-width: 768px) {
	.field-name-field-event-banner img {
		max-height: 110px;
	}
	.field-name-field-portfolio-image img, .field-name-field-blog-image img/*, .field-name-field-image img */{
    width: 100%;
    height: auto;
	}
.node-staff-scientist .group-image .field-name-field-image img, 
.node-barcelona-collaboratorium-fellow .group-image .field-name-field-image img,
.node-independent-fellow .group-image .field-name-field-image img,
.vocabulary-programmes-groups .group-image .field-name-field-image img,
.container.mobile-screen .field-name-field-image .field-item img {
    width: 100% !important;
    float: left;
    height: 256px !important;
    margin-right: 6px;	
}
.view-isa img {

	height: auto;
}
}
@media all and (min-width: 769px) and (max-width: 1000px) {
	.field-name-field-event-banner img {
		max-height: 172px;
	}
}



@media all and (min-width: 999px) {

.ContenedorStaticFundanet {
	width: auto;
}

}