@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;
	}

	.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;

}

	
	.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;
	}

	.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 !important; }

	.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 only screen and (max-width: 771px), only screen and (max-device-width: 771px) {
	.view-faculty-members .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;
    }
}




@media all and (min-width: 1101px) and (max-width: 1219px) {
.vocabulary-programmes-groups .container {
    background: none repeat scroll 0 0 #C5E9F7;
    border-bottom: 3px solid #D7D7D7;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.vocabulary-programmes-groups .group-container-left {
    float: left;
    width: 60%;
}

.vocabulary-programmes-groups .group-container-right {
    background: none repeat scroll 0 0 #FFFFFF;
    float: right;
    width: 40%;
}

.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%;
}

.vocabulary-programmes-groups .group-leader .field-name-field-leader .field-items {

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

.vocabulary-programmes-groups .group-leader .field-name-field-leader .field-items a {

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

.vocabulary-programmes-groups .group-image, .vocabulary-programmes-groups .group-email {
    display: inline-block;
    height: 255px;
    vertical-align: top;
    float: left;
}

.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;
}
.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;
}
.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;

}
.vocabulary-programmes-groups .group-image .field-name-field-image img {

	width: 100% !important;
	float: left;

}

.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: 400px) and (max-width: 1100px) {
	#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-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;
    }
    .container.mobile-screen{ 
        display:block;
/*        height: 416px;*/
    }
    .container.mobile-screen .field-name-field-image{
        display:inline-block;
    } 
    .container.mobile-screen .leader-email{
        display: inline-block;
        margin-bottom: 6px;
        vertical-align: bottom;
    }
    .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) {
    #superfish-1-select {
		display:block;
		}
		
		.mob-layout{
		  
		}
.header .mob-layout .region-main-menu{
float:left;
}
.header .mob-layout .brand{
    float: left;
    margin-left: 81px;
    position: relative;
    width: 33%;
}
.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%;
}
#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: 400px;
}
.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-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;
}
.container.mobile-screen{ 
display:block;
height: auto !important;
 }
 .container.mobile-screen .research-line-lab-name {
  
   width: 200px !important;
 }
.container.mobile-screen h2 {
    font-size: 24px;
}
.group_body .orcid_id_group a {
    font-size: 13px !important;
}
.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;
} 

.container.mobile-screen .leader-email{
display: inline-block;
    margin-bottom: 6px;
    vertical-align: bottom;
}
.container.normal-screen{ display:none }

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

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

	.row-item { width: 260px !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%;
    }

}

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


#superfish-1-select {
		display:block;
		
		}


}
@media all and (max-width: 479px) 
{
	.field-name-field-event-banner img {
		max-height: 68px;
	}
}
	
@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;
	}
}
@media all and (min-width: 769px) and (max-width: 1000px) {
	.field-name-field-event-banner img {
		max-height: 172px;
	}
}