@media screen and (min-width: 1921px) {
	.header .section {
		height: 50px;
		width: 90% !important;
	}
	ul#superfish-main {
		margin: 1em 0em 0em 0em;
	}
	#block-h2vtheme-content .content, #block-views-block-map-home-block-1 .content {
		width: 94%;
		margin: 0 auto;
	}
	.layout-container {
		max-width: 100% !important;
		width: 100% !important;
	}
	ul.tp-revslider-mainul {
		width: 100% !important;
		min-width: 100%;
	}
	.content-left {
		padding: 5% 0 !important;
	}
	.slider-revolution .view-head-caption h1{
		width: 67%;
	}	
	.grid-container.container {		
		width: 100%;
	}
	div#block-h2vtheme-branding{	
	    margin-left: 2em;
	}
	#block-h2vtheme-branding a:nth-child(1) img {
		width: 418px !important;
		top: -21px;
	}
	#block-euflag {
		    top: 10px;
    right: 80px;
    position: absolute;
	}
	.content-legal-policy {
		width: 97%;
	}
	
	nav.breadcrumb ol {
		width: 90%;
		margin: 0 auto;
	}
	.layout--onecol .layout__region {
		width: 99%;
	}
	.loginpageright footer.site-footer {	
		
		position: absolute;
		width: 60%;
		bottom: 0;
	}
	.loginpageright #user-login-form{
		margin-top: 150px;
	}
	.loginpageright .foot-right p {
		width: 100%;    
	}
	.page-node-type-questionnaire-chapter-1 #block-h2vtheme-content .content, .page-node-type-questionnaire-chapter-2 #block-h2vtheme-content .content, .page-node-type-questionnaire-chapter-3 #block-h2vtheme-content .content, .page-node-type-questionnaire-chapter-4 #block-h2vtheme-content .content, .page-node-type-questionnaire-chapter-5 #block-h2vtheme-content .content {
		width: 91.5%;
		margin: 0 auto;
	}
	
	/*.page-node-type-questionnaire-chapter-1 #block-h2vtheme-content {
		padding: 0 !important;
	}
	.page-node-type-questionnaire-chapter-1 #block-h2vtheme-content .content{
		width: 100% !important;
	}*/
	.container-header {
		width: 84%;   
	}
	a.button.returntouserpage {
		float: right;
		margin-right: 8.3em;
	}
	.user-logged-in a.button.button-user-chapter .subtitle{
		left: 35%
	}
	.required-fields.field-group-html-element.questionnaire_question.questionnaire_ch1_question.questionnaire_ch1_question_12 fieldset .form-item {
		width: 48.9%;
	}
	.row-third p {
		font-size: 1.2em;
	}
	.h2vmap_header{
		padding: 0.5em 0 !important;
	}
	.path-hydrogen-valleys #edit-populate{
		width: 100% !important;
	}
	.path-hydrogen-valleys .first_categ_accord.collapse.show .w80 p, .path-hydrogen-valleys .first_categ_accord.collapse.show .w80 h3 {
		
		padding: .5em 1.5em !important;
	}
	.path-hydrogen-valleys .first_categ_accord.collapse.show .w80 h3{
		padding-bottom: 0 !important;
	}
	.row-second.aboutus .content-right img {
		padding: 0em 0;
	}
	#block-aboutusheader .aboutus-header h2{
		width: 35%;
	}
	.w10.state {
		width: 14%;
	}
	.w20.lead{
		width: 24%;
	}
	.view-best-practices .views-field-field-best-pract-image img {   
		height: 230px;
	}
	.loginpageright #user-login-form .form-text{
		width: 65%;
	}
	.view-toolbox .views-field a{
		min-height: 270px;
		min-width: 90%;
	}
	#masonry_view{
		-moz-column-width: 18em !important;
		-webkit-column-width: 18em !important;
	}
	#best-practices-detail .field--name-field-bestpractice-image img {
		height: 270px;
	}
	#best-practices-detail .field--name-field-bestpractice-image{
		padding-bottom: 0;
	}
	.statistics_column_3 img, .statistics_column_2 img {
		height: 250px;
	}
	.analysis_page{  
		margin-top: 1em;
		float: left;
	}
	.path-webform .section #block-h2vtheme-content {
		padding-right: 7%;
	}
	.tp-bgimg.defaultimg{
	    background-position: top 90% center !important;
	}
	.tp-caption.transparent-background, .slider-revolution {
		min-height: 800px !important;
		max-height: 800px !important;
	}
	.path-user #block-h2vtheme-content {
		padding: 0 4%;
	}
	.path-user a.button.logoutbutton{
		right: -10px
	}
	.path-user #block-euflag {
		width: 11%;
	}
	.path-webform .js-form-item-firstname, .path-webform .js-form-item-lastname {
		width: 21.2%;
	}
	.path-webform .webform-submission-form .js-form-item.form-item-email {
		width: 50%;
	}
	.q1long_col1 {
		width: 46%;
		float: right;
	}
	.row-second .content-left {
		width: 41%;   
	}
	
	#block-mainnavigation-3{
		right: 190px;
    position: absolute;
    float: left;
	}
	.layout-no-sidebars .main-content {
    width: 88%;
	}
	.messages.messages--warning {
    margin-top: 70px !important;
	}
	.path-node.page-node-type-questionnaire-chapter-2 #block-euflag, .page-node-type-questionnaire-chapter-1 #block-euflag, .page-node-type-questionnaire-chapter-3 #block-euflag, .page-node-type-questionnaire-chapter-4 #block-euflag, .page-node-type-questionnaire-chapter-5 #block-euflag {
    right: 30px;
	}
	.view-header .w20.name, .view-header .w20.lead, .view-header .w20.vol, .view-header .w10.place, .view-header .w10.prod, .view-header .w10.state {
      left: -60px !important;
	}
	.view-header .w20.name {
    left: -20px !important;
	}
}
@media screen and (min-width: 1601px) and (max-width: 1920px) {
	.header .section {
		height: 50px;
		width: 90% !important;
	}
	#superfish-main { 
		margin: 1em 0em 0em 0em;
	}
	#block-h2vtheme-content .content, #block-views-block-map-home-block-1 .content {
		width: 100%;
		margin: 0 auto;
	}
	.path-frontpage .section #block-h2vtheme-content{
	    background-position: left 0px center;
	}
	#block-h2vtheme-branding{	
	    margin-left: 2em;
	}
	#block-h2vtheme-branding a:nth-child(1) img {
		    width: 413px !important;
    top: -15px;
    left: -10px;
	}
	#block-euflag {
		top: 0;
		right: 0px;
	}
	#block-euflag img {  
		height: 4em;
	}
	#block-mainnavigation-3{
		right: -110px;
		top: 3px;
	}
	.section #block-h2vtheme-content {
		padding: 0px 7% 0px 8%;
	}
	.page-node-type-questionnaire-chapter-1 #block-h2vtheme-content {
		    width: 93%;
	}
	.page-node-type-questionnaire-chapter-1 #block-h2vtheme-content .content{
		width: 100% !important;
	}
	.container-header {
		width: 84%;   
	}
	.q1long_col1.description{
		padding-right: 2em;
	}
	#project-wrapper{
		padding: 0;
	}
	
	.q1long_container.timeline .timeline, .q1long_container.timeline .teaserq1_title{
		width: 82% !important;
	}
	.q1long_container.timeline .button{
		margin-right: 9em;
	}
	.q1long_container.factors {
		width: 85%;
	}
	.teaserq1_title.factors{
		width: 29% !important;
	}
	.button-back a{
		min-width: 30%;
	}
	.grid-container.container {		
		width: 92%;
		padding: 0;
	}
	.slider-revolution .view-head-caption {   
		bottom: 100px;
	}
	.path-frontpage .grid-container.container {
		width: 92%;
	}
	.layout-container {
		max-width: 100% !important;
		width: 100% !important;
	}
	.row-second .content-left h2 {
		padding-top: 1em !important;
	}
	ul#superfish-main li a {
		padding: 0.3em 0.5em;
		font-size: 1.2em !important;
	}
	ul.tp-revslider-mainul {
		width: 100% !important;
		min-width: 100%;
	}
	.slider-revolution .view-head-caption h1{
		width: 75%;
	}
	.content-left {
		padding: 5% 0 !important;
		
	}
	.content-left p {
		text-align: left;
		font-size: 1.2em;
	}
	.content-left h1 {
		width: 55%;
	}
	.containertl {
		width: 85%;
		margin-left: 7%;
	}
	#block-h2vmainpageprojects .grid-container {
		width: 85%;
	}
	.layout--onecol .layout__region {
		width: 99%;
	}
	.foot-right p {
		
		padding-right: 0 !important;
	}
	.loginpageright footer.site-footer {	
		
		position: absolute;
		width: 60%;
		bottom: 0;
	}
	.loginpageright #user-login-form{
		margin-top: 150px;
	}
	.loginpageright .foot-right p {
		width: 100%;    
	}
	
	.path-user #block-h2vtheme-content .content {
		width: 96%;
	}
	body.user-logged-in a.button.button-user-chapter{
		width: 18.5%;
		min-height: 150px;
	}
	.path-webform .section #block-h2vtheme-content {
		padding-right: 7%;
	}
	.page-node-type-questionnaire-chapter-1 #block-h2vtheme-content .content, .page-node-type-questionnaire-chapter-2 #block-h2vtheme-content .content, .page-node-type-questionnaire-chapter-3 #block-h2vtheme-content .content, .page-node-type-questionnaire-chapter-4 #block-h2vtheme-content .content, .page-node-type-questionnaire-chapter-5 #block-h2vtheme-content .content {
		width: 91.5%;
		margin: 0 auto;
	}
	a.button.returntouserpage {
		float: right;
		margin-right: 6.3em;
	}
	.contenedor_texto .overtext {  
		top: -20px;
		width: 80%;
	}
	.box-right .tagline.overtext a{
		margin-left: 2em;
	}
	.block.block-views.block-views-blockuser-chapters-block-1, .field--name-field-user-text {
		width: 96%;
		margin: 0 auto;
	}
	.field--name-field-user-text .content {
		width: 100% !important;
	}
	.field.field--name-username.field--type-ds.field--label-hidden.field__item h4 {
		width: 96%;
		margin: 0 auto !important;
		
	}
	.user-logged-in a.button.button-user-chapter .subtitle{
		left: 35%;
		bottom: 31px;
	}
	.user-logged-in a.button.button-user-chapter .title {
		display: block;
		padding-top: 1em;
	    font-size: 1.1em;
	}
	.required-fields.field-group-html-element.questionnaire_question.questionnaire_ch1_question.questionnaire_ch1_question_12 fieldset .form-item {
		width: 48.9%;
	}
	#block-mainnavigation-2 li a {
		font-size: 1.1em;
	}
	.breadcrumb ol {
		width: 90%;
		margin: 0 auto !important;
	}
	
	.content-legal-policy {
		width: 99%;
	}
	
	#block-mainnavigation-4 {    
		right: 15%;
	}
	#block-mainnavigation-4 li a{
		font-size: 1.1em;
	}
	.row-third p {
		font-size: 1.2em;
	}
	.h2vmap_header{
		padding: 0.5em 0 !important;
	}
	.path-hydrogen-valleys #edit-populate{
		width: 100% !important;
	}
	.path-hydrogen-valleys .first_categ_accord.collapse.show .w80 p, .path-hydrogen-valleys .first_categ_accord.collapse.show .w80 h3 {
		
		padding: .5em 1.5em !important;
	}
	.path-hydrogen-valleys .first_categ_accord.collapse.show .w80 h3{
		padding-bottom: 0 !important;
		
	}
	.path-hydrogen-valleys #block-h2vtheme-content{
		padding: 0 !important
	}
	.path-hydrogen-valleys #block-h2vtheme-content .view-header, .path-hydrogen-valleys #block-h2vtheme-content .view-filters {
		max-width: 85%;
		width: 85%;
	}
	.path-hydrogen-valleys .view-h2-valley-map .views-element-container .view-content, .path-hydrogen-valleys .h2vmap_header.h2vmaplist-desktop {
		
		width: 85%;
	}
	.h1titlenotaligned{
		padding: .9em 0 !important;
	}
	.row-second.aboutus .content-right img {
		padding: 0em 0;
	}
	#block-aboutusheader .aboutus-header h2{
		width: 35%;
	}
	#edit-flexbox-02 {   
		padding-top: 0;
	}
	.path-webform .js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-location-locality.form-item-location-locality {
		width: 49.4%;     
		margin-right: 0.2em !important;
	}
	.view-best-practices .views-field-field-best-pract-image img {   
		height: 200px;
	}
	
	.q1long_container {   
		margin-top: 0 em;
		padding-bottom: 2em;
	}
	.loginpageright #user-login-form .form-text{
		width: 65%;
	}
	#block-toolboxtabs {
		width: 83%;
	}
	.tabs-toolbox a:first-child {
		margin-left: 2em;
	}
	.view-toolbox .views-field a{
		min-height: 310px;
		min-width: 96%;
	}
	.page-node-type-best-practice #block-h2vtheme-content .content{
		width: 100%
	}
	#masonry_view{
		-moz-column-width: 18em !important;
		-webkit-column-width: 18em !important;
	}
	.analysis_column .text {
		width: 76%;
	}
	.path-toolbox #block-h2vtheme-content {
		padding: 0 4% 0 4%;
	}
	/* .path-hydrogen-valleys #block-h2vtheme-content .content { */
	/* width: 94%; */
	/* } */
	/* .path-hydrogen-valleys #block-h2vtheme-content { */
	/* padding: 0px 6%; */ 
	/* } */
	#best-practices-detail .field--name-field-bestpractice-image img {
		height: auto;
	}
	#best-practices-detail .field--name-field-bestpractice-image{
		padding-bottom: 0;
	}
	.statistics_column_3 img, .statistics_column_2 img {
		height: 250px;
	}
	.analysis_page{  
		margin-top: 1em;
		float: left;
	}
	.path-hydrogen-valleys .first_categ_accord a{
		margin-left: 2em !important
	}
	.path-hydrogen-valleys .first_categ_accord.collapse.show .w80 p{
		width: 98.5% !important;
		padding: .5em 1em 1em 1em !important;
	}
	.w20.name{
		padding-right: .7em;
	}
	.path-hydrogen-valleys .first_categ_accord .w80.desc p{
		margin-left: .6em;
		padding-bottom: 0em;
	}
	.bestpractices_node {   
		min-height: 240px;
		height: 240px;
	}
	.row-fourth.aboutus{
		margin-top: 0
	}
	.tp-bgimg.defaultimg{
	    background-position: top 90% center !important;
	}
	.tp-caption.transparent-background, .slider-revolution {
		min-height: 800px !important;
		max-height: 800px !important;
	}
	.path-user #block-h2vtheme-content {
		padding: 0 4%;
	}
	.path-user a.button.logoutbutton{
		right: -10px
	}
	.path-user #block-euflag {
		width: 11%;
	}
	.path-webform .js-form-item-firstname, .path-webform .js-form-item-lastname {
		width: 23.5%;
	}
	.path-webform .webform-submission-form .js-form-item.form-item-email {
		width: 100%;
	}
	.row-second .content-left {
		width: 41%;   
	}
	.path-hydrogen-valleys .view-h2-valley-map .view-footer{
	width: 85%;
	height: 80px;
	}
	
	/* .clearfix.region.region-header { */
    /* display: block; */
	/* } */
	.layout-no-sidebars .main-content {
    width: 88%;
	}
	.messages.messages--warning {
    margin-top: 70px !important;
	}
	.path-node.page-node-type-questionnaire-chapter-2 #block-euflag, .page-node-type-questionnaire-chapter-1 #block-euflag, .page-node-type-questionnaire-chapter-3 #block-euflag, .page-node-type-questionnaire-chapter-4 #block-euflag, .page-node-type-questionnaire-chapter-5 #block-euflag {
    right: 30px;
	}
	.view-header .w20.name, .view-header .w20.lead, .view-header .w20.vol, .view-header .w10.place, .view-header .w10.prod, .view-header .w10.state {
      left: -36px !important;
	}
	.view-header .w20.name {
    left: -20px !important;
	}
}
@media screen and (min-width: 1441px) and (max-width: 1600px) {
	div#block-h2vtheme-branding{
		margin-top: 1em;
	}
	.slider-revolution .view-head-caption h1{
		width: 90%;
	}
	.aboutus-banner{
		margin-top: -1em;
	}
	.grid-container.container {		
		width: 95%;
	}
	.content-left {
		padding: 4% 0 !important;	  
	}
	#block-h2vtheme-branding a:nth-child(1) img {
		width: 418px !important;
		top: -21px;
	}
	#block-euflag {
		top: 14px;
		right: -70px;
	}
	.loginpageright footer.site-footer {	
		
		position: relative;
		width: 100%;
		bottom: 0;
	}
	.loginpageright #user-login-form{
		margin-top: 100px;
		min-height: 535px;
	}
	.loginpageright .foot-right p {
		width: 100%;    
	}
	.page-node-type-questionnaire-chapter-2 #block-h2vtheme-content .content, .page-node-type-questionnaire-chapter-3 #block-h2vtheme-content .content, .page-node-type-questionnaire-chapter-4 #block-h2vtheme-content .content, .page-node-type-questionnaire-chapter-5 #block-h2vtheme-content .content {
		width: 92%;
	}
	.path-hydrogen-valleys .h2vmap_header.h2vmaplist-desktop{
		width: 82.8%;
	}
	.page-node-type-questionnaire-chapter-1 #block-h2vtheme-content .content{
		width: 100%;
	}
	.view-header .w20.name, .view-header .w20.lead, .view-header .w20.vol, .view-header .w10.place, .view-header .w10.prod, .view-header .w10.state{
		left: -26px !important;
		}
	a.button.returntouserpage{    
		margin-right: 4.7em;
	}
	.user-logged-in a.button.button-user-chapter .subtitle{
		left: 30%
	}
	.h2vmap_header{
		padding: 0.5em 0 !important;
	}
	.path-hydrogen-valleys #edit-populate{
		width: 92% !important;
	}
	.path-hydrogen-valleys .first_categ_accord.collapse.show .w80 p, .path-hydrogen-valleys .first_categ_accord.collapse.show .w80 h3 {
		width: 100%;
		padding: .5em 1.5em !important;
	}
	.path-hydrogen-valleys .first_categ_accord.collapse.show .w80 h3{
		padding-bottom: 0 !important;
	}
	.view-toolbox .views-field a{
		min-height: 355px;
		min-width: 89%;
		
	}
	#masonry_view{
		-moz-column-width: 18em !important;
		-webkit-column-width: 18em !important;
	}
	.statistics_column_3 img, .statistics_column_2 img {
		height: 250px;
	}
	.view.view-toolbox {
		width: 93%;   
	}
	.path-toolbox #block-h2vtheme-content {
		padding: 0px 0% 0px 1%;
	}
	.view-toolbox .views-field a {
		width: 96% !important;
	}
	.analysis_page{  
		margin-top: .6em;
		float: left;
	}
	.analysis_column .text {
		width: 85%;
	}
	.w20.name, .w10.state{
		padding-right: 1em;
	}
	.path-hydrogen-valleys .first_categ_accord .w80.desc p{
		margin-left: .6em;
		padding-bottom: 0em;
		padding: .5em 0em 0em .9em;
	}
	.path-hydrogen-valleys .first_categ_accord.collapse.show .w80 h3{
		padding-bottom: 0 !important;
	}
	.path-hydrogen-valleys .first_categ_accord a{
		margin-left: 1.5em;
	}
	.path-hydrogen-valleys .first_categ_accord.collapse.show .w80 p {
		width: 98.9% !important;
		padding: .5em 1em 1em 1em !important;
	}
	.path-webform #block-h2vtheme-content {
		padding: 0px 5% 0px 5%;
	}
	.user-logged-in a.button.button-user-chapter {   
		width: 18.9%;
	}
	.path-user #block-euflag {
		width: 12%; 
		right: -65px;
	}
	.path-user #block-euflag img {
		margin-left: 0em;
	}
	.path-webform .js-form-item-firstname, .path-webform .js-form-item-lastname {
		width: 23.2%;
	}
	.path-webform .webform-submission-form .js-form-item.form-item-email {
		width: 45%;
	}
	.page-node-type-questionnaire-chapter-1 #block-h2vtheme-content {
		padding: 0 !important;
	}
	.page-node-type-questionnaire-chapter-1 #block-h2vtheme-content .content{
		width: 100% !important;
	}
	.container-header {
		width: 88%;   
	}
	.tp-bgimg.defaultimg{
	    background-position: top 95% center !important;
	}
	.tp-caption.transparent-background, .slider-revolution {
		min-height: 700px !important;
		max-height: 700px !important;
	}
}
@media screen and (min-width: 1367px) and (max-width: 1440px){
	.content-left {
		padding: 2% 0 !important;	  
	}
	.containertl {
		width: 89%;
		margin-left: 5%;
	}
	.aboutus-banner{
		margin-top: -1em;
	}
	#block-h2vtheme-branding a:nth-child(1) img {
		width: 500px !important;
		top: -13px;
	}
	#block-euflag {
		top: 0;
		right: -20px;
	}
	.loginpageright footer.site-footer {	
		
		position: relative;
		width: 100%;
		bottom: 0;
	}
	
	.loginpageright #user-login-form{
		margin-top: 100px;
		min-height: 535px
	}
	.loginpageright .foot-right p {
		width: 100%;    
	}
	div#block-loginimage img {
		position: absolute;
		width: 40%;
		float: left;
		min-height: 100%;
		object-fit: cover;
	}
	.page-node-type-questionnaire-chapter-1 #block-h2vtheme-content .content, .page-node-type-questionnaire-chapter-2 #block-h2vtheme-content .content, .page-node-type-questionnaire-chapter-3 #block-h2vtheme-content .content, .page-node-type-questionnaire-chapter-4 #block-h2vtheme-content .content, .page-node-type-questionnaire-chapter-5 #block-h2vtheme-content .content {
		width: 92%;
	}
	a.button.returntouserpage, a.button.logoutbutton {  
		margin-right: 0;
	}
	.path-user .section #block-h2vtheme-content {
		padding-right: 5%;
	}
	.path-user #block-euflag img {
		margin-left: 2em;
	}
	.w20.lead {    
		width: 20%;
		padding: 0;
	}
	.view-h2-valley-map .view-header .w20.lead, .view-h2-valley-map .view-header .w20.name {
		padding: .5em 0;
	}
	.chart_filter {
		width: 17%;
	}
	.view-toolbox .views-field a {
		width: 96%;
		min-height: 360px;
	}
	.path-toolbox #block-h2vtheme-content {
		padding: 0px 0 0px 0%;
	}
	.analysis_column .text {
		width: 92%;
	}
	.analysis_column:nth-child(2) img, .analysis_column:nth-child(4) img {   
		width: 88% !important;
	}
	.path-hydrogen-valleys .first_categ_accord .w80.desc p{
		margin-left: .6em;
		padding-bottom: 0em;
		padding: .5em 0em 0em .9em;
	}
	.path-hydrogen-valleys .first_categ_accord.collapse.show .w80 h3{
		padding-bottom: 0 !important;
	}
	.path-hydrogen-valleys .first_categ_accord a{
		margin-left: 1.5em;
	}
	.path-hydrogen-valleys .first_categ_accord.collapse.show .w80 p {
		width: 98.7% !important;
		padding: .5em 1em 1em 1em !important;
	}
	.w20 {
		width: 24%;   
		padding-right: 1em !important;
	}
	.tp-bgimg.defaultimg{
	    background-position: top 33% center !important;
	}
	.path-webform .js-form-item-firstname, .path-webform .js-form-item-lastname {
		width: 25.5%;
	}
	.path-webform .webform-submission-form .js-form-item.form-item-email {
		width: 38%;
	}
	.page-node-type-questionnaire-chapter-1 #block-h2vtheme-content .content{
		width: 100%;
	}
	.path-hydrogen-valleys .view-h2-valley-map .views-element-container .view-content {   
    padding-top: 2.2em;
	}
	.path-hydrogen-valleys .view-h2-valley-map .view-footer{
	    height: 81px;
	}
}
@media screen and (min-width: 1281px) and (max-width: 1365px){
	.loginpageright #user-login-form{
		margin-top: 100px;
		min-height: 535px;
	}
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
	.slider-revolution .view-head-caption h1{
		width: 100%;
	}
	.slider-revolution .view-head-caption {
		bottom: 35px;
	}
	.h1titlestyles{
		width: 100%;
	}
	.containertl {
		width: 90%;
		margin-left: 4%;
	}
	.content-left {
		padding: 0 !important;	  
	}
	#block-h2vtheme-branding a:nth-child(1) img {
		width: 500px !important;
		top: -13px;
	}
	#block-euflag {
		top: 0;
		right: 20px;
	}
	.loginpageright footer.site-footer {	
		
		position: relative;
		width: 100%;
		bottom: 0;
	}
	.loginpageright #user-login-form{
		margin-top: 100px;
	}
	.loginpageright .foot-right p {
		width: 100%;    
	}
	div#block-loginimage img {
		width: 40%;
		float: left;
		min-height: 100%;
		object-fit: cover;
		position: fixed;
	}
	.page-node-type-questionnaire-chapter-1 #block-h2vtheme-content .content, .page-node-type-questionnaire-chapter-2 #block-h2vtheme-content .content, .page-node-type-questionnaire-chapter-3 #block-h2vtheme-content .content, .page-node-type-questionnaire-chapter-4 #block-h2vtheme-content .content, .page-node-type-questionnaire-chapter-5 #block-h2vtheme-content .content {
		width: 92%;
	}
	.page-node-type-charts-page .section_right {
		width: 76.85% !important;
	}
	.chart_title, .chart_body {
		width: 50%;
	}
	.chart_filter, .chart_filter_applied{
		width: 50%;
	}
	.path-user #block-euflag img {
		margin-left: 3em;
	}
	.w10 {
		width: 9% !important;
	    padding: 0 1em;
	}
	.w20.name{
		width: 18%;
	}
	.path-hydrogen-valleys .w10.plus{
		width: 4%;
	}
	.view-h2-valley-map .view-header .w20.lead, .view-h2-valley-map .view-header .w20.name {
		padding: 0;
		text-indent: 7px;
	}
	.view-h2-valley-map .view-header .w20, .view-h2-valley-map .view-header .w10 { 
		position: relative;
		left: 3px;
	}
	.view-h2-valley-map .view-header .w20.name{
		left: -4px !important;
	}
	.view-toolbox .views-field a{
		min-height: 380px;
		min-width: 88%;
	}
	.view-toolbox .views-field a {
		width: 96%;
		min-height: 410px;
	}
	.path-toolbox #block-h2vtheme-content {
		padding: 0px 0 0px 0%;
	}
	.path-webform .js-form-item-firstname, .path-webform .js-form-item-lastname {
		width: 28.7%;
	}
	.page-node-type-questionnaire-chapter-1 #block-h2vtheme-content .content{
		width: 100%;
	}
	.q1long_col1 {
		width: 46%;
		float: right;
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	#block-aboutusheader {
		margin-top: 1em;
	}
	.path-frontpage #header {
  margin-top: 1em;
	}
	.header .section {
		width: 97% !important;
		height: 75px;
	}
	.block .content {
		margin-top: 0 !important
	}
	.aboutus-banner{
		margin-top: 0em;
	}
	nav.breadcrumb{
		padding: 1em 0;
		width: 100%;
	}
	.breadcrumb ol {
		width: 90%;
		margin: 0 auto !important;
	}
	.clearfix.region.region-header {
		display: block;
	}
	#block-h2vtheme-branding a:nth-child(1) img {
		width: 420px !important;
		margin-top: 1em;
	}
	div#block-h2vtheme-branding{
		margin-left: 0;
	}
	#block-euflag {
		top: 0px;
		right: 0px;
		float: right;
	}
	#block-euflag img {
		height: 3em;
	}
	#block-mainnavigation-3{
		top: 0px;
		right: 0;
	}
	.grid-container.container .home-text-container:nth-child(2) h1 {
		width: auto;
	}
	.slider-revolution .view-head-caption h1{
		font-size:2.5em !important;
		padding-right: 0; 
	}
	.tp-caption__button {
		margin: 0;
	}
	.grid__col-12.grid__col-xs-12.grid__col-sm-6.grid__col-md-6.grid__col-lg-6{
		padding: 1em;
	}
	img.img-responsive.homeimg {
		margin-top: 3em;
	}
	#block-h2vmainpageprojects .grid__col-4{
		width: 100% !important;
		
	}
	
	.grid__col-1.grid__col-xs-1.grid__col-sm-1.grid__col-md-1.grid__col-lg-1.columntl {
		width: 100%;
	}
	.row-second .content-left {
		width: 50%;
		float: right;
	}
	
	.columntl, #block-h2vmainpagetimeline .columntl p:not(:first-child){
		height: 75px;
	}
	.eventon{
		left: 0;
	}
	#block-h2vmainpagetimeline .columntl p:not(:first-child), #block-h2vmainpagetimeline .columntl:nth-child(12) p:not(:first-child){
		border: 0
	}
	.content-left h1 {
		width: 100%;
	}
	.content-left {
		padding: 0;   
	}
	#webform-submission-sign-up-for-updates-add-form .js-form-item {
		width: 95%;
	}
	div#block-h2vtheme-subfooter .content {
		width: 94%;
	}
	.foot-right p {
		padding: 2em 0 !important;
		width: 100%;
	}
	#block-h2vtheme-footer ul {
		width: 100%;
	}
	.slider-revolution .view-head-caption {   
		bottom: 45px;
	}
	.tp-caption__button {
		bottom: -30px;
		left: -10px;
		display: inline !important;
	}
	.content-legal-policy {
		width: 94%;
	}
	div#block-loginimage img {
		position: absolute;
		width: 40%;
		float: left;
		min-height: 100%;
		object-fit: cover;
	}
	.loginpageright footer.site-footer {  
		position: absolute;
		width: 60%;
	}
	.loginpageright #user-login-form{
		margin-top: 4em;
	}
	.loginpageright #block-h2vtheme-branding a:nth-child(1) img {
		width: 333px !important;
		margin-top: 1em;
	}
	.loginpageright  #block-h2vtheme-branding {
		margin-left: 0em;
		
	}
	.loginpageright  #block-euflag {
		top: 10px;
		right: -17px;
	}
	.loginpageright .foot-right p {
		width: 95%;   
	}
	.loginpageright #user-login-form .form-text, .loginpageright #user-login-form #edit-submit{
		width: 85%;
	}
	.loginpageright #user-login-form #edit-submit {
		width: 72%;
	}
	.loginpageright #block-euflag img {
		height: 3em;
	}
	
	a.button.returntouserpage {   
		margin-right: 3em;
		margin-top: 0em;
	}
	.user-logged-in a.button.button-user-chapter {  
		width: 31%;
	}
	#block-mainnavigation-2{
		top: 0;
		right: 0;
	}
	.row-third p {
		font-size: 1.1em;
	}
	.h2vmap_header {
		font-size: .8em !important;
	}
	.w20 {
		width:24%;  
		padding: 0 .5em;
	}
	.w20.name{
		width: 20%;
		padding-left: 1em !important;
		padding-right: .7em;
	}
	.view-header .w20.name {
		left: -49px;
	}
	.w20.lead {
		
		width: 28% !important;
	}
	.w20.vol {
		width: 9%;
		
	}
	.w10{
	    padding: 0 .5em;
	}
	.w10.place {
		width: 10%;
	}
	.w10.state {
    width: 14%;
}
	.view-header .w20.vol,  .view-header .w10.place {
		left: -60px                                                                 
	}
	.view-h2-valley-map .view-header .w20.lead{
	left: -46px;
		}
	.path-hydrogen-valleys .first_categ_title.collapsed .w10.plus{
	    left: -3px !important;
		padding: 0 .3em;
	}
	a.first_categ_title .w10.plus{
		left: 0;
	}
	.view-header .w10.prod {
		left: -61px;
    width: 7%;
	}
	.view-header .w10.state {
		left: -40px;
		    width: 11%;
	}
	.h2vmap_col > div {
    font-size: .9em;
    padding: 0;
}
	.path-hydrogen-valleys .first_categ_accord.collapse.show .w80 p {
		font-family: 'DDin', sans-serif !important;
		padding: .5em 0 1em 0 !important;
		width: 94.5% !important;
		margin: 0 auto !important;
	}
	
	#block-aboutusheader .aboutus-header h2{
		margin-left: 2em;
		top: 15%;
	}
	#block-aboutusheader .aboutus-header, #block-aboutusheader .aboutus-header:before{
		height: 300px;
	}
	.aboutus-icon{
		width: 150px;
		height: 150px;
	}
	.aboutus-icon img{
		width: 50%;
		top: 35px;
	}
	.aboutus-co img {
		top: 37px;
	}
	p.aboutus-sub{
		width: 45%;
	}
	.section_right {
		width: 67.4% !important;
	}
	.charts_page_description {
		
		width: 67%;
	}
	.charts_page_description p{
		margin-top: 1em;
	}
	#block-h2vtheme-content{
		padding: 0px 0% 0px 0%;
	}
	.section_left{
		margin-right:0;
	}
	.view-best-practices .views-view-grid .views-col{
		width: 100% !important;
	}
	.view-best-practices .views-field-field-best-pract-image img {
		
		height: 140px;
	}
	.view-best-practices form .js-form-item-title {
		width: 48% !important;
	}
	#webform-submission-matchmaking-add-form {
		width: 90%;
		margin: 0 auto;
		
	}
	.path-frontpage .section #block-h2vtheme-content{
		background-size: cover;
		object-fit: cover;
		width: 100%;
		background-position: top;
	}
	.path-webform .js-form-item.form-item.js-form-type-select.form-type-select.js-form-item-location-country-code.form-item-location-country-code {
		width: 46%;
	}
	.path-webform .js-webform-type-radios {
		
		margin-left: .3em;
	}
	.path-webform  .js-form-item-your-message {
		margin: 0em;
		margin-top: 1.5em;
	}
	.view-h2-valley-map .view-filters, .view-h2-valley-map .view-header, .view-h2-valley-map .view-content {
		width: 95%;
		margin: 0 auto;
	}
	.q1long_container .teaserq1_field{
		width: 100%;
		margin-top: 1em;
	}
	.q1long_tl.q1long_tl_f {   
		right: 26%;
	}
	.q1long_col2 {
		width: 47%; 
		padding: 0 .5em;
	}
	.webform-flex.webform-flex--2 .webform-flex--container {
		margin: 0.1em;
		
	}
	.path-webform .js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-location-locality.form-item-location-locality{
	    margin-right: 0em !important;
		width: 49.5%;
	}
	.q1long_container.header .teaserq1_field {
		width: 97%;
	}
	.q1long_col2 {
		width: 47%;
	}
	
	.chart_filter_applied .f_category{
		margin-left: 0;
		float: left;
		clear: both;
	    font-size: .8em !important;
	}
	.chart_filter_applied{
		float: none !important;
		width: auto !important;
	}
	.chart_filter_applied .f_name{
		float: left;
		padding: .3em;
		font-size: .8em !important;
	}
	.chart_chart{
		min-height: auto !important;
	}
	.chart_container {
		padding: 2%;
	}
	.chart_title {
		width: 100%;
	}
	.view-toolbox {
		width: 92%;
		margin: 0 auto;
	}
	.view-toolbox .views-col {
		float: left;
		width: 50% !important;
	}
	#masonry_view {
		-moz-column-width: 8em;
		-webkit-column-width: 8em;
	}
	.bestpractice_twocolumns .bestpractice_image {   
		width: 100%;
	}
	.tabs-toolbox a {   
		min-width: 220px;
	}
	.view-toolbox .views-field a{
		min-height: 310px;
	}
	.analysis_column {
		display: block;
	    margin-bottom: 1em;
	}
	.analysis_page .analysis_column img {
		width: 100%;
		margin-bottom: 1em;
	}
	.analysis_column:nth-child(2) img, .analysis_column:nth-child(4) img {
		float: left !important;
		width: 100% !important;	
	}
	.analysis_column:nth-child(2) .text, .analysis_column:nth-child(4) .text {
		padding-right: 0;
		padding-left: 0;
	}
	.aboutus-ini img {
		position: relative;
		top: 36px !important;
	}
	.chart_title h2 {
		margin: 0;
	}
	.chart_title {		
		padding: 0.5em 1em;
		padding-bottom: 0;
	}
	.chart_filter_applied {
		float: left !important;
		padding: 0 3%;
	}
	.chart_filter_applied .f_category{
		margin-top: 4px;
	}
	.chart_body{
		width: 100%;
	}
	.chart_filter {
		width: 100%;
		padding: 0 2%;
	}
	#block-lateraldynamicanalysismenufullportal .acorh li .acorhs li a {
		padding-left: 1em !important;
	}
	.path-hydrogen-valleys #edit-actions {
		width: 25% !important;
	}
	.path-hydrogen-valleys .first_categ_title .w10.plus{
		padding: 0 .3em;
		
	}
	.q1long_tl.q1long_tl_s p, .q1long_tl.q1long_tl_f p{
		width: 80%;
		margin-left: 0em;
	}
	.q1long_col5.colblue div, .body-teaser .q1long_col5 p {   
		margin-left: 0;
		align-items: center;
		justify-content: center;
		padding-left: 0em;
	}
	.body-teaser .q1long_col5 img {
		width: 12%;
		display: flex;
		align-items: center;
		justify-content: center;
	    margin-right: 0.5em;
	}
	.second-row.project .q1long_col5, .first-row.project .q1long_col5  {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		margin-bottom: .5em
	}
	.row-first.aboutus img {
		width: 70%;
	}
	.path-webform .webform-submission-form .js-form-item {
		margin-right: 0.5em !important;
	}
	.path-webform .js-form-item-firstname, .path-webform .js-form-item-lastname {
		width: 48.5%;
	}
	.path-webform .webform-submission-form .js-form-item.form-item-email input {
		width: 99%;
	}
	.path-webform .form-actions input, #webform-submission-sign-up-for-updates-add-form #edit-actions input{
		width: 30%;
	}
	div#block-h2vtheme-content h1{
	    font-size: 1.5em !important;
	}
	#block-aboutusheader-1 .aboutus-header h2{
		width: 70%;
		margin-left: 3em;
		top: 18%;
	}
	.statistics_column_3 img, .statistics_column_2 img {
		height: 120px;
	}
	.statistics_column_3, .report_col{
	    padding: 0 .7em;
	}
	.view.view-toolbox {
		width: 100%;
	}
	.bestpractices_node {
		min-height: auto;
		height: auto;
	}
	.path-user #block-euflag {
		width: 12%;
		top: 0;
	}
	.path-user .header .section{
		display: inline;
	}
	.user-logged-in a.button.button-user-chapter .subtitle{
		left: 24%;
		font-size: 1em;
	}
	.attachment.attachment-after .view-footer img, .attachment.attachment-after .view-header img {
		width: 16%;
	}
	.joinus_col a{
		padding: .5em 2em;
		width: 100%
	}
	.path-webform .webform-submission-form .js-form-item.form-item-email {
		width: 100%;
	}
	.foot-right ul {
		padding-left: 0 !important;
	}
	.q1long_container.left, .q1long_container.right .q1long_col1 {
		width: 100%;
	    margin-top: 0;
	}
	.q1long_container .teaserq1_field{
		padding: 0
	}
	.first-column, .q1long_container .body-teaser:nth-child(2) {
		width: 50%;
	}
	.second-row.project .q1long_col5, .first-row.project .q1long_col5, .q1long_col5.colblue div, .body-teaser .q1long_col5 p{
		display: block;
		clear: none;
		width: 84%;
	}
	.teaserq1_field.status{
		padding: 1em !important;
	}
	.body-teaser.two {
		float: left;
		clear: both;
		margin-top: 1em;
		width: 50%;
	}
	.q1long_container.timeline .button{
		margin-right: 2em;
	}
	.teaserq1_title.factors{
		font-size: 2em;
		width: 45% !important;
	}
	.foot-left{
		width: 100% !important;
	}
	.flagImage p{
		min-width: 212% !important;
}
	.foot-left > p{
	margin-left: 10em;
		min-width: 63%;
	}
	.row-first .content-left {
		width: 50%;
	}
	.path-hydrogen-valleys .view-h2-valley-map .view-header p{
		width: 46%;
	}
	.path-hydrogen-valleys .view-h2-valley-map .views-element-container .view-content{
		padding-top: 4em;
	}
	.q1long_container .body-teaser:nth-child(2) {
		margin-top: 1em !important;
	}
	.tp-caption.transparent-background, .slider-revolution {
		min-height: 700px !important;
		max-height: 700px !important;
	}
	.path-hydrogen-valleys .view-h2-valley-map .view-footer{ 
		width: 90%;
		height: 81px;
	}
	.view-h2-valley-map .views-row:nth-child(1) .w10.plus, .view-h2-valley-map .views-row:nth-child(4) .w10.plus {
    min-height: 90px;
	}
	.view-h2-valley-map .views-row:nth-child(11) .w10.plus{
		 min-height: 97px;    
		 display: flex;
    align-items: center;
	}
	 .view-h2-valley-map .views-row:nth-child(13) .w10.plus {
	     min-height: 131px;
		 }
	.view-h2-valley-map .views-row:nth-child(6) .w10.plus {
		 min-height: 88px;
	}
	.view-h2-valley-map .views-row:nth-child(2) .w10.plus {
    min-height: 84px;
}
	.view-h2-valley-map .views-row:nth-child(3) .w10.plus{ 
    min-height: 225px;
	}
	.view-h2-valley-map .views-row:nth-child(8) .w10.plus, .view-h2-valley-map .views-row:nth-child(10) .w10.plus {
	 min-height: 180px;
		}
	.view-h2-valley-map .views-row:nth-child(19) .w10.plus {
		min-height: 85px;
		 display: flex;
    align-items: center;
	}
	.view-h2-valley-map .views-row:nth-child(23) .w10.plus {   
    min-height: 90px;
}
	.view-h2-valley-map .views-row:nth-child(5) .w10.plus{
		min-height: 110px;
	}
	.view-h2-valley-map .views-row:nth-child(25) .w10.plus {
    min-height: 85px;
	}
	.view-h2-valley-map .views-row:nth-child(29) .w10.plus {
		min-height: 120px;
				 display: flex;
		align-items: center;
	}
	.view-h2-valley-map .views-row:nth-child(26) .w10.plus {
		min-height: 138px;
				 display: flex;
		align-items: center;
	}
	.view-h2-valley-map .views-row:nth-child(30) .w10.plus {
    min-height: 73px;
	}
	.view-h2-valley-map .views-row:nth-child(32) .w10.plus {
		min-height: 88px;
	}
	.view-h2-valley-map .views-row:nth-child(27) .w10.plus {
    min-height: 76px;
	}
	.view-h2-valley-map .views-row:nth-child(36) .w10.plus, .view-h2-valley-map .views-row:nth-child(35) .w10.plus {
    min-height: 76px;
	}
	.view-h2-valley-map .views-row:nth-child(34) .w10.plus {
    min-height: 141px;
	}
	.startP {
    position: relative;
    left: 60%;
}
	.finishP {
    position: relative;
    left: 65%;
	}
	.q1long_tl_limit.q1long_tl_limit_s {
    left: -14px;
	}
	.joinus_col {
    width: 49%;
	}
	.tp-caption__button {
    margin: 4px 11px 0;
        float: left;
	}
	.joinus_benefits img{
    width: 9%;
    margin-top: -18px;
	}
		
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	#block-euflag {
		top: 20px;
		right: 0;
	}
	.grid__col-1.grid__col-xs-1.grid__col-sm-1.grid__col-md-1.grid__col-lg-1.columntl {
		width: auto;
	}
	.tp-caption.transparent-background, .slider-revolution {
		min-height: 650px !important;
		max-height: 650px !important;
	}
	#block-h2vmainpageprojects .grid__col-4{
		width: 31% !important
		
	}
	#block-h2vtheme-branding a:nth-child(1) img {
		width: 380px !important;
		top: -15px;
	}
	#block-mainnavigation-3 {
		top: -30px;
		
	}
	#block-h2vtheme-subfooter .content {
		width: 95%;
	}
	.foot-right p{
		width: 100%;
	}
	.grid-container.container {
		margin-top: 1em;
	}
	.containertl {
		width: 100%;
		margin-left: 5%;
	}
	.grid__col-1.grid__col-xs-1.grid__col-sm-1.grid__col-md-1.grid__col-lg-1.columntl {
		width: 70px;
		height: 185px;
	}
	#block-h2vmainpagetimeline .content {
		margin: 3em;
	}
	div#block-h2vmainpagetimeline .columntl p:not(:first-child) {
		text-align: center;
		height: 90px;
		border-left: 1px solid #ccc;
	}
	div#block-h2vmainpagetimeline .columntl:nth-child(12) p:not(:first-child) {
		border-right: 1px solid #ccc;
		border-left: 1px solid #ccc;
	}
	.columntl p {
		font-size: .9em;
	}
	.content-left h1 {
		width: 85%;
	}
	.content-left {
		padding: 0;   
	}
	body.user-logged-in a.button.button-user-chapter {
		width: 18.2%;
	}
	a.button.returntouserpage {   
		margin-right: 3em;
		margin-top: 0em;
	}
	.user-logged-in a.button.button-user-chapter {  
		width: 24.5%;
	}
	.user-logged-in a.button.button-user-chapter .subtitle{
		left: 24%
	}
	a.button.logoutbutton{
		right:	-10px;
	}
	.section_right {
		width: 75.55% !important;
	}
	.chart_filter {
		width: 45%;
	}
	.views-view-grid.horizontal.cols-3.clearfix {
		display: flex;
	}
	.view-best-practices .views-view-grid .views-col {
		display: flex !important;
		flex-wrap: wrap;
		padding: 0.5em;
		margin-bottom: 0;
	}
	.view-best-practices form .js-form-item-title {
		width: auto !important;
	}
	.loginpageright #user-login-form #edit-submit {
		width: 76%;
	}
	.loginpageright #user-login-form {
		margin-top: 0em;
	}
	.loginpageright #block-euflag {
		top: 6px;
		right: -18px;
	}
	.view-toolbox .views-field a{
		min-height: 240px;
		min-width: 91%;
	}
	#masonry_view {
		-moz-column-width: 12em;
		-webkit-column-width: 12em;
	}
	.bestpractice_twocolumns .bestpractice_image {
		width: 50%;
	}
	#best-practices-detail .field--name-field-bestpractice-image{
		padding-right: 1.5em;
	}
	#best-practices-detail .field--name-field-bestpractice-image img {   
		height: 190px;
	}
	.bestpractice_title { 
		font-size: 1.8em;
	}
	.analysis_page .analysis_column img {
		width: 47%;
		margin-bottom: 1em;
		height: 200px;
	}
	.analysis_column:nth-child(2) img, .analysis_column:nth-child(4) img {
		float: right !important;
		width: 47% !important;
		padding-left: 1em;
	}
	.analysis_column{
		margin-bottom: 2em;		
	}
	.path-hydrogen-valleys .first_categ_accord.collapse.show .w80 p {    
		width: 96% !important;  
	}
	#block-aboutusheader-1 .aboutus-header h2 {
		width: 54%;
		margin-left: 5em;
		top: 18%;
	}
	.bestpractices_node {
		min-height: 295px;
	}
	.attachment.attachment-after .view-footer img, .attachment.attachment-after .view-header img  {
		width: 17%;
	}
	.q1long_container.left, .q1long_container.right .q1long_col1 {
		width: 50%;
	    margin-top: 0;
	}
	.q1long_container .teaserq1_field {
		padding: 0 2em !important;
		margin-top: 0;
	}
	#investment .q1long_container .teaserq1_field{
		padding: 0 !important;
	}
	.view-h2-valley-map .views-row:nth-child(3) .w10.plus {
    min-height: 131px;
	}
	.view-h2-valley-map .views-row:nth-child(1) .w10.plus, .view-h2-valley-map .views-row:nth-child(4) .w10.plus {
    min-height: 64px;
	}
	.view-h2-valley-map .views-row:nth-child(8) .w10.plus, .view-h2-valley-map .views-row:nth-child(10) .w10.plus {
    min-height: 130px;
	}
	.view-h2-valley-map .views-row:nth-child(13) .w10.plus {
    min-height: 83px;
	}
	.view-h2-valley-map .views-row:nth-child(14) .w10.plus {
    min-height: 70px;
	}
	.view-h2-valley-map .views-row:nth-child(29) .w10.plus {
    min-height: 77px;
	}
	.view-h2-valley-map .views-row:nth-child(34) .w10.plus {
    min-height: 97px;
	}
	.view-h2-valley-map .views-row:nth-child(32) .w10.plus {
    min-height: 73px;
	}
	.startP {
    position: relative;
    left: 30%;
	}
	.finishP {
    position: relative;
    left: 5%;
	}
}

@media only screen and (max-device-width: 768px) and (orientation: landscape){
	#superfish-main-toggle::before {	
		width: 1.3em;  
		border-top: 0.575em double #00b3e3;
		border-bottom: 0.2em solid #00b3e3;  
		padding: .08em;
	}
	.clearfix.region.region-header {
		display: block;
		width: 100%;
	    padding: .5em;
	}
	
	#block-h2vtheme-branding a:nth-child(1) img {
		float: left;
		top: -4px;
		width: 290px !important;
		padding-top: 0;
		left: 0;
	}
	
	#block-euflag {
		display: block !important;
		float: right;
		position: relative;
		top: -40px;
		right: 55px;
		margin: 0 !important;
		width: auto;
		height: 0;
	}
	#block-euflag img {
		height: 2.8em;
	}
	div#block-h2vtheme-branding{
		width:100%;
		margin: 0;
		height: 3em;
	}
	#block-mainnavigation-3{
		top: 20px;
		right: 0px;
		position: absolute;
	}
	#block-mainnavigation-3 .sf-accordion-toggle span {
		display: none;
	}
	#block-mainnavigation-3 .sf-accordion-toggle {
		float: right;
		position: absolute;
		top: 0;
		border: 1px solid;
		right: 30px;
	}
	#block-mainnavigation-3 ul {
		background: #0081c7;
	    top: 82px !important;
	}
	#block-mainnavigation-3 ul li a{
		color: #fff
	}
	#block-mainnavigation-3 ul li a {  
		border-bottom: 1px solid #ffffff4d !important;
	}
	#block-mainnavigation-3 li a:hover, #block-mainnavigation-3 li a.is-active {   
		border-left: 5px solid #BCE0FD !important;
		margin: 0;
	}
	#block-mainnavigation-3 li a.is-active, #block-mainnavigation-3 li a:focus{
		border-bottom: 1px solid #ffffff4d !important;
		background: #00286b2e;
	}
	
	.row-second {
		display: flex;
		flex-flow: row wrap;
		width: 100%;
	}
	.content-right {
		order: 2;
	}
	.header .section {
		width: 95% !important;
		height: auto;
	}
	.grid-container.container .home-text-container:nth-child(2) h1 {
		width: auto;
	}
	.grid-container.container{
		margin-top: 0;
		width: 100%;
	}
	.h1titlenotaligned, .h1titlestyles {   
		font-size: 2em !important;
	}
	.slider-revolution {
		max-height: 250px;
	}
	.slider-revolution .view-head-caption {
		bottom: -15px;
	}
	.slider-revolution .view-head-caption h1 {  
		font-size: 2.5em !important;
		padding-right: 5%;
	}
	.slider-revolution .view-head-caption h2 {
		font-size: 1em;
		padding-right: 0;
	}
	.tp-caption__button {
		margin: 0 !important;
		font-size: 15px !important;
		margin-top: 2em !important;
		bottom: 10px;
		min-width: 40%;
	}
	
	.grid__col-12.grid__col-xs-12.grid__col-sm-6.grid__col-md-6.grid__col-lg-6{
		padding: 0;
	}
	.h1titlestyles{
	    font-size: 2em;
	}
	div#block-h2vmainpageprojects .grid__col-4{
		width: 100%;
	}
	div#block-h2vmainpageprojects .grid-container {
		width: 95%;
	}
	div#block-h2vmainpageprojects{
		margin-top: 3em;
	}
	.grid__col-1.grid__col-xs-1.grid__col-sm-1.grid__col-md-1.grid__col-lg-1.columntl {
		width: 100% !important;
	}
	.row-first .content-left, .content-right {
		width: 100%;
	}
	.row-second .content-left {
		width: 100%;
	}
	.content-left h1 {
		width: 100%;
	}
	#block-h2vmainpagetimeline .content {
		margin: 1em;
	}
	div#block-h2vmainpagetimeline .grid-container.container{
		margin-top: 0;
		
	}
	.columntl {
		
		height: 70px;
	}
	.eventon{
		left: 0;
	}
	div#block-h2vmainpagetimeline .columntl p:not(:first-child), div#block-h2vmainpagetimeline .columntl:nth-child(12) p:not(:first-child){
		border: 0
	}
	#webform-submission-sign-up-for-updates-add-form .js-form-item {
		width: 95%;
	}	
	.foot-right p {
		padding: 1em 0 !important;
		width: 100%;
	}
	.subfooter ul {
		width: 100%;
	}
	div#block-h2vtheme-subfooter .content {
		width: 90%;
	}
	.content-legal-policy {
		width: 100%;
	}
	#block-h2vtheme-footer ul {
		width: 98%;
	}
	#block-h2vtheme-footer {
		width: 95% !important
	}
	.path-user #page {
		float: none !important;  
		width: 100%;
	}
	div#block-loginimage img {   
		width: 100%;
		position: absolute;
	    height: 250px;
		object-fit: cover;
	}
	.loginpageright footer.site-footer{
		position: relative;
	}
	.loginpageright .foot-right p {
		width: 100%;
	}
	.loginpageright #user-login-form{
		margin-top: 200px;
		width: 95%;
	}
	.loginpageright #user-login-form .form-text, .loginpageright #user-login-form #edit-submit{
		width: 95%;
	}
	.loginpageright #user-login-form #edit-submit {
		width: 88%;
	}
	.path-user #block-h2vtheme-content{
		padding: 0px 4%;
	}
	.user-logged-in a.button.button-user-chapter {  
		width: 31%;
		margin-bottom: .5em;
	}
	.section_right {
		width: 90% !important;
		margin-right: 0;
		float: none;
		margin: 0 auto;
		padding-top: 2em;
	}
	a.button.logoutbutton{
		right: -22px;
	}
	#block-barriersmenu li, #block-benchmarkingmenu li{
		margin-left: 0;
		width: 90%;
	}
	#block-barriersmenu, #block-benchmarkingmenu {  
		width: 98%;
	}
	.section_left{
		margin: 0 auto;
		float: none;
		width: 96%;
		
	}
	nav.breadcrumb{
		width: 100%;
		padding: 0.5em 0;
	}
	.breadcrumb ol {
		width: 90%;
		margin: 0 auto !important;
	}
	nav#block-lateralmenuhydrogenvalleys {   
		width: 100%;  
		padding: 0em;
	}
	#block-mainnavigation-2{
		top: 0;
		right: 0;
	}
	.row-third p {
		font-size: 1.1em;
	}
	.h2vmaplist-desktop {
		display: none;
	}
	.h2vmaplist-mobile {
		display: block;
	}
	#block-aboutusheader .aboutus-header:before, #block-aboutusheader .aboutus-header{
	    height: 195px;
	}
	#block-aboutusheader .aboutus-header h2{
		width: 75%;
		margin-left: 1em;
		top: 2.5%;
		font-size: 1.5em;
	}
	.aboutus-hv, .aboutus-co, .aboutus-ini {
		float: none;
		width: auto;
	    margin-bottom: 2em;
	}
	.aboutus-banner{
		margin-top: 0em;
	}
	.aboutus-icon{
		height: 150px;
		width: 150px;
	}
	.aboutus-icon img {
		top: 35px;   
		width: 50%;
	}
	.aboutus-ini .aboutus-icon img {
		top: 32px;
		width: 55%;
	}
	.aboutus-co img {
		top: 35px;
	}
	p.aboutus-num {  
		font-size: 2.3em;
	}
	p.aboutus-sub{
	    font-size: 1.2em;
	}
	.aboutus-summary{
		margin-top: 1em;
	}
	.aboutus-summary h2{
		font-size: 1.7em !important;
	}
	.aboutus-summary p {
		width: 90%;
		
	}
	.aboutus-summary.link{
		padding: 0;
		margin-top: 2em;
		min-height: auto;
		margin-bottom: 1em;
	}
	.aboutus-summary.link .tp-caption__button{
	    padding: 12px 15px;
	}
	.row-second.aboutus .content-left, .row-first.aboutus .content-right{
		width: 100%;
	}
	.view-best-practices form .js-form-item-title {
		width: 100% !important;
	}
	.view-best-practices .views-view-grid .views-col {
		margin-right: 0;
		width: 100% !important;
		margin-bottom: 1em;
	}
	.view-best-practices form #edit-actions input{
		width: 95%;
	}
	.view-best-practices form #edit-title{
		width: 100%;
	}
	#block-lateraldynamicanalysismenufullportal{
		margin-left: 1em;
		width: 91% !important
	}
	.view-best-practices .views-field-field-best-pract-image img{
		height: 200px;
	}
	.h2vmaplist-desktop{
		display: none !important;
	}
	.h2vmaplist-mobile {
		display: block !important;
	}
	.path-hydrogen-valleys h1 {  
		padding: .5em 0;
		padding-bottom: 0
	}
	.path-hydrogen-valleys .js-form-item {
		min-width: 100% !important;
	}
	.path-hydrogen-valleys #edit-populate{
		width: 95%;
	}
	.path-hydrogen-valleys #edit-actions input{
		margin-top: 0;
	}
	.path-hydrogen-valleys .w80 {
		width: 90%;
	}
	.path-hydrogen-valleys .first_categ_accord a{
		margin-left: 1em;
	}
	.path-hydrogen-valleys #edit-actions {
		min-width: 100% !important;
	    margin-bottom: 1em !important;
	}
	.path-hydrogen-valleys .leaflet-popup-content-wrapper, .view-h2-valley-map .vpopup_title {
		width: 100%;
	}
	.path-hydrogen-valleys .first_categ_accord.collapse.show .w80 p, .path-hydrogen-valleys .first_categ_accord.collapse.show .w80 h2{
		width: 90%;
	}
	.path-hydrogen-valleys #edit-actions input {   
		margin-top: 0;
	}
	.funding-section{
		padding: 0;
	}
	.funding-section form, .funding-section b {
		padding: 0em;
	}
	.funding-section .q1long_col5 {
		min-height: auto;
		width: 100%;
		margin-top: 0;
	}
	.q1long_tl.q1long_tl_f{
		right: 20%;
		left: 30%
	}
	.funding-section .q1long_col5 .check-label {
		display: flex;
	}
	.q1long_container.header{
		padding: 0;
	}
	.q1long_container .teaserq1_field {    
		width: 95%;
		padding: .7em;
	}
	.q1long_col5 {
		width: 30%;
		margin: .5em;
		min-height: auto;
		margin-top: 1em;
	}
	.finishP div{
		top: -9px;
	}
	.path-webform .webform-submission-form {   
		width: 95%;
		margin: 0 auto;
	}
	#edit-flexbox-02 {
		padding: 0;
	}
	.webform-flex.webform-flex--2 .webform-flex--container {
		margin: 0;
	}
	.path-webform .js-form-item.form-item.js-form-type-select.form-type-select.js-form-item-location-country-code.form-item-location-country-code {
		width: 100%;
	}
	.path-webform .js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-location-locality.form-item-location-locality {
		width: 100%;   
		margin-top: 1em;
		margin-right: 0em !important;
	}
	.path-webform .webform-submission-form #edit-location--wrapper {
		margin-right: 0.8em !important;
	}
	.path-webform .form-actions input, #webform-submission-sign-up-for-updates-add-form #edit-actions input{
		width: 40%;
	}
	.q1long_container.header .teaserq1_field {
		width: 100%;
	}
	.view-toolbox .views-col {
		width: 50% !important;
	}
	.path-analysis .section_right, .page-node-type-best-practice .section_right{
		float: none;
		margin: 0 auto;
	}
	.bestpractices_node {
		min-height: 195px;
		height: 195px;
		min-width: 100%;
	}
	.bestpractice_twocolumns .bestpractice_image {
		float: left;
		width: 63%;
	}
	.bestpractice_twocolumns{
		margin-top: 0;
	}
	#best-practices-detail .field--name-field-bestpractice-image{
		padding-right: 1em;
		padding-bottom: 0;
	}
	div#best-practices-detail p {
		font-size: initial !important;
	}
	.path-toolbox #block-h2vtheme-content {
		padding: 0px 0% 0px 0%;
	}
	.tabs-toolbox a {   
		min-width: 200px;
	}
	.view-toolbox .views-field a{
	    min-height: 360px;
	}
	.statistics_column_3, .report_col {
		flex: 1 50%;
		padding: 0.7em;
		margin-bottom: 1em;
	}
	.statistics_column_3 img, .statistics_column_2 img {
		height: 155px;
	}
	.section_right #block-h2vtheme-content {
		padding: 0;
	}
	.statistics_page h2, .report_col h2 {
		margin: .3em 0;
		padding-bottom: .2em;
	}
	.analysis_column {
		display: block;
		margin-bottom: 1em;
	}
	.analysis_page .analysis_column img {
		width: 100%;
	}
	.analysis_column:nth-child(2) img, .analysis_column:nth-child(4) img {
		float: none !important;
		width: 100% !important;
	}
	.analysis_column:nth-child(2) .text, .analysis_column:nth-child(4) .text {
		padding-right: 0;
		padding-left: 0;
	}
	.section_right {   
		float: none !important;
		width: 100% !important;
		margin: 0 auto !important;
	}
	.section_right .region {
		width: 90%;
		margin: 0 auto;
	}
	.row-second.aboutus {
		display: flex;
		flex-flow: row wrap;
	}
	.row-second.aboutus .content-right img {
		padding: .3em 0;
	}
	.row-second.aboutus .content-left {
		order: 3;
	}
	.row-second.aboutus {
		margin-top: 0em;
	}
	.path-hydrogen-valleys .first_categ_accord.collapse.show .w80 p {    
		width: 98.5% !important;
		padding: .5em 0.5em 1em 1em;  
	}
	.path-hydrogen-valleys .first_categ_accord .w80.desc p {
		padding: .5em 0.5em 0em 1.2em;
		width: 98% !important;
	}
	.q1long_tl.q1long_tl_s p, .q1long_tl.q1long_tl_f p{
		width: 80%;
		margin-left: 0em;
	}
	.q1long_col5.colblue div, .body-teaser .q1long_col5 p {   
		display: flex;
		align-items: center;
		justify-content: center;
		padding-left: 0em;
	}
	.body-teaser .q1long_col5 img {
		width: 6%;
		height: auto;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.second-row.project .q1long_col5, .first-row.project .q1long_col5  {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		margin-bottom: .5em
		}.row-first.aboutus, .row-third.aboutus, .row-fourth.aboutus {
		display: block;
	}
	.row-first.aboutus img {
		width: 80%;
		margin: 0 auto;
		float: none;
		display: block;
		padding: 1em 0;
	}
	.row-second.aboutus, .row-third.aboutus {
		margin-top: 0;
	}
	.row-second.aboutus .content-right {
		float: none;
		display: block; 
		margin-left: 0em;
		margin: 0 auto;
	}
	.row-third.aboutus .content-right {
		float: none;
		width: 100%;
	}
	.row-third.aboutus .content-left img {
		width: 70%;
	}
	.row-third.aboutus .content-left {
		display: block;
		float: none;
		width: 100%;
		padding: 0 !important;
		
	}
	.tp-bgimg.defaultimg{
	    background-position: top 95% center !important;
		background-size: 137% !important; 
	}
	.row-fourth.aboutus{
	    flex-wrap: wrap;
		margin-top: 2em;
		display: flex !important;
	}
	.row-fourth.aboutus .content-left {
		width: 100%;
	    order: 3;
	}
	.row-fourth.aboutus .content-right img {
		width: 80%;
		float: none;
		margin: 0 auto;
		margin-bottom: 1em;
	}
	.row-fourth.aboutus .content-right {    
		text-align: center;
	}
	#block-aboutusheader-1 .aboutus-header h2{
		width: 65%;
		margin-left: 3em;
		top: 11%;
	}
	.q1long_col5 input[type="radio"]:checked + label:before, .q1long_col5 input[type="radio"] + label:before{
		top: 0;
	}
	.q1long_col5 input[type="radio"]:checked + label:after{
		top: 7px; 
	}
	.path-user #block-euflag {
		width: 9%;
		top: 5px;
		right: 0;
	}
	.attachment.attachment-after .view-footer img, .attachment.attachment-after .view-header img {
		width: 9%;
	}
	.attachment.attachment-after .view-footer p, .attachment.attachment-after .view-header p {
		margin-top: 1em;
	}
	.joinus_col {
		width: 100%;
	}
	.joinus_col button{
		margin-bottom: 2em;
	}
	.path-webform .js-form-item-firstname, .path-webform .js-form-item-lastname {
		width: 100%;
	}
	.path-webform .form-item{
		margin-top: 0;
	}
	.joinus_col a{
		width: 100%;
	}
	.path-frontpage #header {   
		float: none;
	    height: 65px;
	}
	.foot-left{
		display: block;
	}
	.slider-revolution{
		min-height: 357px;
	}
	.banner {
		max-height: 400px;
	}
	.path-frontpage .section #block-h2vtheme-content {
		background: #01122e;
	}
	.grid-container.container.content-home {
		padding: 5%;
	}
	.view-h2-valley-map .view-header p {
		font-family: 'DDin', sans-serif;
		font-size: initial;
		width: 90%;
		margin: 0 auto;
		margin-bottom: 1em;
	}
	div#block-h2vtheme-subfooter .content {
		width: 100%;
	}
	.foot-left > p{
		font-size: .9em !important;
		width: 94%;
		display: block;
		float: none;
		margin: 0 auto;
	    text-align: center;
	}
	#leaflet-map-view-h2-valley-map-block-1{
		max-height: 300px
	}
	.row-second .content-left{
		margin-bottom: 2em;
	}
	.foot-left img {  
		width: 65px;
		margin-left: 0em;
	}
	.foot-right{
		display: flex;
		float: left;
		align-items: center;
		justify-content: center;
		width: 100%;
	}
	.foot-right li:nth-child(1) {
		padding-left: 0;
	}
	.foot-right ul{
		padding-left: 0 !important
	}
	.path-frontpage #page-wrapper {
		margin-top: 0;
	}
	.q1long_container.left, .q1long_container.right .q1long_col1 {
		width: 100%;
	    margin-top: 0;
	}
	.q1long_container .teaserq1_field{
		padding: 0
	}
	.first-column, .q1long_container .body-teaser:nth-child(2) {
		width: 100%;
		margin-top: 1em !important;
		padding: 0;
	}
	.second-row.project .q1long_col5, .first-row.project .q1long_col5, .q1long_col5.colblue div, .body-teaser .q1long_col5 p{
		display: block;
	}
	.first-row.project {
		margin-top: 1em;
		width: 90%;
	}
	.teaserq1_field.status{
		padding: .5em !important;
	}
	.body-teaser.two {
		float: none;
		width: 50%;
	}
	.q1long_container.timeline .button{		
        margin-right: 0;
		margin-top: -5em;
		margin-left: 0;
		float: right;
	}
	.teaserq1_title.factors{
	    font-size: 1.5em;
		width: 65% !important;
	}
	.foot-left{
		min-width: 100%;;
	}
	h1.teaserq1_title, h3.teaserq1_subtitle {
		width: 100%;
	}
	h1.teaserq1_title{
		font-size: 1.5em;
	}
	.body-teaser.two {
		
		width: 100%;
	}
	.button-back .bnt-contact{
		font-size: 1.1em;
		min-width: 30%;
		padding: 12px;
		margin-bottom: 1em;
		margin-left: 0.5em;
	}
	.q1long_col2 {
		
		min-width: 100%;
	}
	.chart_body, .chart_title {
		
		width: 50%;
	}
	.chart_filter, .chart_filter_applied {
		width: 100%;
	}
	.tp-caption.transparent-background, .slider-revolution {
		min-height: 450px !important;
		max-height: 450px !important;
	}
	.aboutus-hv, .aboutus-co {
		padding: 0 0.5em;
		float: left;
		width: 50%;
		margin-bottom: 0;
	}
	.aboutus-ini {
		min-width: 100%;
		margin-bottom: -1em;
	}
	/* #block-aboutusheader { */
		/* margin-top: 2em; */
		
	/* } */
	.path-hydrogen-valleys .view-h2-valley-map .view-filters form div {
		display: block;
	}
	.path-hydrogen-valleys .view-h2-valley-map .view-header p{
		width: 100%;  
	}
	.section #block-h2vtheme-content h1 {
		font-size: 1.5em !important;
	}
	.path-hydrogen-valleys .view-h2-valley-map .view-filters .js-form-item.form-item.js-form-type-select.form-type-select.js-form-item-field-ch-1-q-10-value.form-item-field-ch-1-q-10-value{
		margin-top: 1em;
	}
	.path-hydrogen-valleys form input, 	.path-hydrogen-valleys form select{
		height: 45px
	}
	.path-hydrogen-valleys .view-h2-valley-map .view-footer{
		width: 90%;
	}
	.export-pdf p{
		max-width: 50%;
	}
	.view-h2-valley-map .views-row:nth-child(5) .w10.plus, .view-h2-valley-map .views-row:nth-child(12) .w10.plus, .view-h2-valley-map .views-row:nth-child(13) .w10.plus, .view-h2-valley-map .views-row:nth-child(15) .w10.plus, .view-h2-valley-map .views-row:nth-child(16) .w10.plus, .view-h2-valley-map .views-row:nth-child(21) .w10.plus, .view-h2-valley-map .views-row:nth-child(22) .w10.plus, 
	.view-h2-valley-map .views-row:nth-child(24) .w10.plus, .view-h2-valley-map .views-row:nth-child(26) .w10.plus, .views-row:nth-child(34) .w10.plus, .view-h2-valley-map .views-row:nth-child(3) .w10.plus,
	.view-h2-valley-map .views-row:nth-child(8) .w10.plus, .view-h2-valley-map .views-row:nth-child(10) .w10.plus{
    min-height: auto;
	}
	.flagImage p{
	min-width: auto
	}
		.flagImage {   
    justify-content: center;
    margin: 1em;
	}
		.joinus_benefits{
		flex-direction: column;
	}
}
@media only screen and (max-device-width: 680px) and (orientation: landscape) {
	#superfish-main-toggle::before {	
		width: 1.3em;  
		border-top: 0.575em double #00b3e3;
		border-bottom: 0.2em solid #00b3e3;  
		padding: .08em;
	}
	.clearfix.regionregion-header {
		display: block;
		width: 100%;
	    padding: .5em;
	}
	#block-h2vtheme-branding a:nth-child(1) img {
		width: 265px !important;
		padding-top: 0;
		float: left;
		top: -4px;
		left: 0;
	}
	
	#block-euflag {
		display: block !important;
		float: right;
		position: relative;
		top: -40px;
		right: 45px;
		margin: 0 !important;
		width: auto;
		height: 0;
	}
	#block-euflag img {
		height: 2.5em;
	}
	div#block-h2vtheme-branding{
		width:100%;
		margin: 0;
		height: 3em;
	}
	#block-mainnavigation-3{
		top: 20px;
		right: 0px;
		position: absolute;
	}
	#block-mainnavigation-3 .sf-accordion-toggle span {
		display: none;
	}
	#block-mainnavigation-3 .sf-accordion-toggle {
		float: right;
		position: absolute;
		top: 0;
		border: 1px solid;
		right: 30px;
	}
	#block-mainnavigation-3 ul {
		background: #0081c7;
	    top: 82px !important;
	}
	#block-mainnavigation-3 ul li a{
		color: #fff
	}
	#block-mainnavigation-3 ul li a {  
		border-bottom: 1px solid #ffffff4d !important;
	}
	#block-mainnavigation-3 li a:hover, #block-mainnavigation-3 li a.is-active {   
		border-left: 5px solid #BCE0FD !important;
		margin: 0;
	}
	#block-mainnavigation-3 li a.is-active, #block-mainnavigation-3 li a:focus{
		border-bottom: 1px solid #ffffff4d !important;
		background: #00286b2e;
	}
	.slider-revolution .view-head-caption h1 {
		font-size: 2em !important;
		padding-right: 5%;
	}
	.header .section {
		width: 95% !important;
		height: auto;
	}
	.grid-container.container .home-text-container:nth-child(2) h1 {
		width: auto;
	}
	.grid-container.container {
		margin-top: 0;
		width: 100%;
	}
	.slider-revolution {
		max-height: 250px;
	}
	.slider-revolution .view-head-caption {
		bottom: 25px;
	}
	.slider-revolution .view-head-caption h1 {  
		font-size: 1.5em;
		padding-right: 5%;
	}
	.slider-revolution .view-head-caption h2 {
		font-size: 1em;
		padding-right: 0;
	}
	.tp-caption__button {
		margin: 0 !important;
		
		bottom: -12px;
		min-width: 40%;
	}
	.row-second {
		display: flex;
		flex-flow: row wrap;
		width: 100%;
	}
	.content-right {
		order: 2;
	}
	.aboutus-ini img {   
		top: 35px !important;
	}
	div#block-h2vtheme-content h1{
		font-size: 1.7em;
	}
	.grid__col-12.grid__col-xs-12.grid__col-sm-6.grid__col-md-6.grid__col-lg-6{
		padding: 0;
	}
	.h1titlestyles{
	    font-size: 2em !important;
		width: 90% !important;
	}
	.h1titlenotaligned{
		font-size: 2em !important;	
	}
	div#block-h2vmainpageprojects .grid__col-4{
		width: 100%;
	}
	div#block-h2vmainpageprojects .grid-container {
		width: 95%;
	}
	div#block-h2vmainpageprojects{
		margin-top: 3em;
	}
	.grid__col-1.grid__col-xs-1.grid__col-sm-1.grid__col-md-1.grid__col-lg-1.columntl {
		width: 100% !important;
	}
	.row-first .content-left, .content-right {
		width: 100%;
	}
	.row-second .content-left {
		width: 100%;
	}
	.content-left h1 {
		width: 100%;
	}
	#block-h2vmainpagetimeline .content {
		margin: 1em;
	}
	div#block-h2vmainpagetimeline .grid-container.container{
		margin-top: 0;
		
	}
	.columntl {
		
		height: 70px;
	}
	.eventon{
		left: 0;
	}
	div#block-h2vmainpagetimeline .columntl p:not(:first-child), div#block-h2vmainpagetimeline .columntl:nth-child(12) p:not(:first-child){
		border: 0
	}
	.foot-right p{
		width: 100%;
	}
	#webform-submission-sign-up-for-updates-add-form .js-form-item {
		width: 95%;
	}
	.charts_page_description {
		
		width: 68%;
	}
	.chart_body, .chart_title {
		
		width: 45%;
	}
	.chart_filter, .chart_filter_applied {
		width: 100%;
	}
	.section_right .region {
		width: 95%;
	}
	.foot-right p {
		padding: 1em 0 !important;
		width: 100%;
	}
	.subfooter ul {
		width: 100%;
	}
	div#block-h2vtheme-subfooter .content {
		width: 90%;
	}
	.content-legal-policy {
		width: 100%;
	}
	#block-h2vtheme-footer ul {
		width: 98%;
	}
	#block-h2vtheme-footer {
		width: 95% !important
	}
	.path-user #page {
		float: none !important;  
		width: 100%;
	}
	div#block-loginimage img {   
		width: 100%;
		position: absolute;
	    height: 250px;
		object-fit: cover;
	}
	.loginpageright footer.site-footer{
		position: relative;
	}
	.loginpageright .foot-right p {
		width: 100%;
	}
	.loginpageright #user-login-form{
		margin-top: 200px;
		width: 95%;
	}
	.loginpageright #user-login-form .form-text, .loginpageright #user-login-form #edit-submit{
		width: 95%;
	}
	.loginpageright #user-login-form #edit-submit {
		width: 87%;
	}
	.path-user #block-h2vtheme-content{
		padding: 0px 2% 0px 4%;
	}
	.user-logged-in a.button.button-user-chapter {  
		width: 30.4%;
		margin-bottom: .5em
	}
	.user-logged-in a.button.button-user-chapter .subtitle{
		left: 27%;
		font-size: 1em;
	}
	.section_right {
		width: 100% !important;
		margin-right: 0;
		float: none;
		margin: 0 auto;
		padding-top: 2em;
	}
	#block-barriersmenu li, #block-benchmarkingmenu li{
		margin-left: 0;
		width: 90%;
	}
	#block-barriersmenu, #block-benchmarkingmenu {  
		width: 98%;
	}
	.section_left{
		margin: 0 auto;
		float: none;
		width: 96%;
		
	}
	nav.breadcrumb{
		width: 100%;
		padding: 0.5em 0;
	}
	.breadcrumb ol {
		width: 90%;
		margin: 0 auto !important;
	}
	nav#block-lateralmenuhydrogenvalleys {   
		width: 100%;  
		padding: 0em;
	}
	#block-mainnavigation-2{
		top: 0;
		right: 0;
	}
	.row-third p {
		font-size: 1.1em;
	}
	.h2vmaplist-desktop {
		display: none;
	}
	.h2vmaplist-mobile {
		display: block;
	}
	#block-aboutusheader .aboutus-header:before, #block-aboutusheader .aboutus-header{
	    height: 195px;
	}
	#block-aboutusheader .aboutus-header h2{
		width: 75%;
		margin-left: 1em;
		top: 15%;
		font-size: 1.5em;
	}
	.aboutus-hv, .aboutus-co, .aboutus-ini {
		padding: 0 0.5em;
		float: left;
		width: 50%;
	    margin-bottom: 0;
	}
	.aboutus-ini{
		width: 100%;
	}
	/* .aboutus-banner{ */
		/* margin-top: 2em; */
	/* } */
	
	.aboutus-icon img {
		top: 35px;   
		width: 50%;
	}
	.aboutus-co img {
		top: 35px;
	}
	p.aboutus-num {  
		font-size: 2.3em !important;
		font-weight: 600;
		float: left;
	}
	p.aboutus-sub{
	    font-size: .9em !important;
		width: auto;
	}
	.aboutus-ini .aboutus-sub {
		width: 30%;
	}
	.aboutus-hv p, .aboutus-co p, .aboutus-ini p {   
		margin-left: 0.3em;
	}
	.aboutus-summary{
		margin-top: 1em;
	}
	.aboutus-summary h2{
		font-size: 1.7em !important;
	}
	.aboutus-summary p {
		width: 90%;
		
	}
	.aboutus-summary.link{
		padding: 0;
		margin-top: 2em;
		min-height: auto;
		margin-bottom: 1em;
	}
	.aboutus-summary.link .tp-caption__button{
	    padding: 12px 15px;
	}
	.row-second.aboutus .content-left, .row-first.aboutus .content-right{
		width: 100%;
	}
	.view-best-practices form .js-form-item-title {
		width: 100% !important;
	}
	.view-best-practices .views-view-grid .views-col {
		margin-right: 0;
		width: 100% !important;
		margin-bottom: 1em;
	}
	.view-best-practices form #edit-actions input{
		width: 95%;
	}
	.view-best-practices form #edit-title{
		width: 100%;
	}
	#block-lateraldynamicanalysismenufullportal{
		margin-left: 1em;
		width: 91% !important
	}
	.view-best-practices .views-field-field-best-pract-image img{
		height: 200px;
	}
	.h2vmaplist-desktop{
		display: none !important;
	}
	.h2vmaplist-mobile {
		display: block !important;
	}
	.path-hydrogen-valleys h1 {  
		padding: .5em 0;
		padding-bottom: 0
	}
	.path-hydrogen-valleys .js-form-item {
		min-width: 100% !important;
	}
	.path-hydrogen-valleys #edit-populate{
		width: 95%;
	}
	.path-hydrogen-valleys #edit-actions input{
		margin-top: 0;
	}
	.path-hydrogen-valleys .w80 {
		width: 90%;
	}
	.path-hydrogen-valleys .first_categ_accord a{
		margin-left: 1em;
	}
	.path-hydrogen-valleys #edit-actions {
		min-width: 100% !important;
	    margin-bottom: 1em !important;
	}
	.path-hydrogen-valleys .leaflet-popup-content-wrapper, .view-h2-valley-map .vpopup_title {
		width: 100%;
	}
	.path-hydrogen-valleys .first_categ_accord.collapse.show .w80 p, .path-hydrogen-valleys .first_categ_accord.collapse.show .w80 h2{
		width: 90%;
	}
	.path-hydrogen-valleys #edit-actions input {   
		margin-top: 0;
	}
	.funding-section{
		padding: 0;
	}
	.funding-section form, .funding-section b {
		padding: 0em;
		margin-bottom: 0;
	}
	.funding-section .q1long_col5 {
		min-height: auto;
		width: 100% !important;
	}
	.q1long_tl.q1long_tl_f{
		right: 0;
		left: 20%;
	}
	.funding-section .q1long_col5 .check-label {
		display: flex;
	}
	.q1long_container.header{
		padding: 0;
	}
	.q1long_container .teaserq1_field {    
		width: 98%;
		padding: .7em;
	}
	.q1long_col5 {
		width: 30%;
		margin: .5em;
		min-height: auto;
	}
	.path-webform .webform-submission-form {   
		width: 95%;
		margin: 0 auto;
	}
	#edit-flexbox-02 {
		padding: 0;
	}
	.webform-flex.webform-flex--2 .webform-flex--container {
		margin: 0;
	}
	.path-webform .js-form-item.form-item.js-form-type-select.form-type-select.js-form-item-location-country-code.form-item-location-country-code {
		width: 100%;
	}
	.path-webform .js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-location-locality.form-item-location-locality {
		width: 100%;   
		margin-top: 1em;
		margin-right: 0em !important;
	}
	.path-webform .webform-submission-form #edit-location--wrapper {
		margin-right: 0.8em !important;
	}
	.path-webform .form-actions input, #webform-submission-sign-up-for-updates-add-form #edit-actions input{
		width: 40%;
	}
	.q1long_container.header .teaserq1_field {
		width: 100%;
	}
	.view-toolbox .views-col {
		width: 50% !important;
	}
	.view-toolbox .views-field a{
		min-height: 335px;	
	}
	.path-analysis .section_right, .page-node-type-best-practice .section_right{
		float: none;
		margin: 0 auto;
	}
	.bestpractices_node {
		min-height: 195px;
		height: 195px;
		min-width: 100%;
	}
	.bestpractice_twocolumns .bestpractice_image {
		float: left;
		width: 63%;
	}
	.bestpractice_twocolumns{
		margin-top: 0;
	}
	#best-practices-detail .field--name-field-bestpractice-image{
		padding-right: 1em;
		padding-bottom: 0;
	}
	div#best-practices-detail p {
		font-size: initial !important;
	}
	.statistics_column_3, .report_col {
		flex: 1 50%;
		padding: 0.7em;
		margin-bottom: 1em;
	}
	.statistics_column_3 img, .statistics_column_2 img {
		height: 155px;
	}
	.section_right #block-h2vtheme-content {
		padding: 0;
	}
	.statistics_page h2, .report_col h2 {
		margin: .3em 0;
		padding-bottom: .2em;
	}
	.analysis_column {
		display: block;
		margin-bottom: 1em;
	}
	.analysis_page .analysis_column img {
		width: 100%;
	}
	.analysis_column:nth-child(2) img, .analysis_column:nth-child(4) img {
		float: none !important;
		width: 100% !important;
	}
	.analysis_column:nth-child(2) .text, .analysis_column:nth-child(4) .text {
		padding-right: 0;
		padding-left: 0;
	}
	.section_right {   
        float: none !important;
		margin: 0 auto !important;
	}
	.row-second.aboutus {
		display: flex;
		flex-flow: row wrap;
	}
	.row-second.aboutus .content-right img {
		padding: .3em 0;
	}
	.row-second.aboutus .content-left {
		order: 3;
	}
	.row-second.aboutus {
		margin-top: 0em;
	}
	.q1long_tl.q1long_tl_s p, .q1long_tl.q1long_tl_f p{
		width: 80%;
	}
	.q1long_container .timeline .q1long_tl div{
		width: 100%;
	}
	.q1long_tl.q1long_tl_s .field--type-datetime:after, .q1long_tl.q1long_tl_f .field--type-datetime:after{
		top: 33px;
		left: 0%;
	}
	.path-hydrogen-valleys .first_categ_accord.collapse.show .w80 p {    
		width: 98.5% !important;
		padding: .5em 0.5em 1em 1em;  
	}
	.path-hydrogen-valleys .first_categ_accord .w80.desc p {
		padding: .5em 0.5em 0em 1.2em;
		width: 98% !important;
	}
	.q1long_tl.q1long_tl_s p, .q1long_tl.q1long_tl_f p{
		width: 80%;
		margin-left: 0em;
	}
	.q1long_col5.colblue div, .body-teaser .q1long_col5 p {   
		display: flex;
		align-items: center;
		justify-content: center;
		padding-left: 0em;
	}
	.finishP div {
    top: -8px;
}
.q1long_tl.q1long_tl_s .field--type-datetime time.datetime {
    top: 48px;
}
.finishP p {
    position: relative;
    top: -15px;
}
	.body-teaser .q1long_col5 img {
        width: 6%;
		height: auto;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.second-row.project .q1long_col5, .first-row.project .q1long_col5  {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		margin-bottom: .5em
	}
	.row-first.aboutus, .row-third.aboutus, .row-fourth.aboutus {
		display: block;
	}
	.row-first.aboutus img {
		width: 80%;
		margin: 0 auto;
		float: none;
		display: block;
		padding: 1em 0;
	}
	.row-second.aboutus, .row-third.aboutus {
		margin-top: 0;
	}
	.row-second.aboutus .content-right {
		float: none;
		display: block; 
		margin-left: 0em;
		margin: 0 auto;
	}
	.row-third.aboutus .content-right {
		float: none;
		width: 100%;
	}
	.row-third.aboutus .content-left img {
		width: 70%;
	}
	.row-third.aboutus .content-left {
		display: block;
		float: none;
		width: 100%;
		padding: 0 !important;
		
	}
	.tp-bgimg.defaultimg{
	    background-position: top 0% center !important;
		background-size: 108% !important; 
	}
	.row-fourth.aboutus{
	    flex-wrap: wrap;
		margin-top: 2em;
		display: flex !important;
	}
	.row-fourth.aboutus .content-left {
		width: 100%;
	    order: 3;
	}
	.row-fourth.aboutus .content-right img {
		width: 80%;
		float: none;
		margin: 0 auto;
		margin-bottom: 1em;
	}
	.row-fourth.aboutus .content-right {    
		text-align: center;
	}
	#block-aboutusheader-1 .aboutus-header h2{
		width: 65%;
		margin-left: 3em;
		top: 6%;
	}
	.button-back a{
		font-size: 1em;
		padding: 12px 25px;
	}
	.q1long_col5 input[type="radio"]:checked + label:before, .q1long_col5 input[type="radio"] + label:before{
		top: 0;
	}
	.q1long_col5 input[type="radio"]:checked + label:after{
		top: 6px;
	}
	.path-user #block-euflag {
		width: 8%;
		top: 5px;
	}
	.attachment.attachment-after .view-footer img, .attachment.attachment-after .view-header img {
		width: 9%;
	}
	.attachment.attachment-after .view-footer p, .attachment.attachment-after .view-header p {
		margin-top: 1em;
	}
	.joinus_col {
		width: 100%;
	}
	.joinus_col button{
		margin-bottom: 2em;
	}
	.path-webform .js-form-item-firstname, .path-webform .js-form-item-lastname {
		width: 100%;
	}
	.path-webform .form-item{
		margin-top: 0;
	}
	.joinus_col a{
		width: 100%;
	}
	.path-frontpage #header {   
		float: none;
	    height: 55px;
	}
	.foot-left{
		display: block;
		min-width: 100% !important;
	}
	.slider-revolution{
		min-height: 357px;
	}
	.banner {
		max-height: 317px;
	}
	.path-frontpage .section #block-h2vtheme-content {
		background: #01122e;
	}
	.grid-container.container.content-home {
		padding: 5%;
	}
	.view-h2-valley-map .view-header p {
		font-family: 'DDin', sans-serif;
		font-size: initial;
		width: 90%;
		margin: 0 auto;
		margin-bottom: 1em;
	}
	div#block-h2vtheme-subfooter .content {
		width: 100%;
	}
	.foot-left > p{
		font-size: .9em !important;
		width: 90%;
		display: block;
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	#leaflet-map-view-h2-valley-map-block-1{
		max-height: 300px
	}
	.row-second .content-left{
		margin-bottom: 2em;
	}
	.foot-left img {  
		width: 65px;
		margin-left: 0em;
	}
	.foot-right{
		display: flex;
		float: left;
		align-items: center;
		justify-content: center;
		width: 100%;
	}
	.foot-right li:nth-child(1) {
		padding-left: 0;
	}
	.foot-right ul{
		padding-left: 0 !important
	}
	.path-frontpage #page-wrapper {
		margin-top: 0;
	}
	.q1long_container.left, .q1long_container.right .q1long_col1 {
		width: 100%;
	    margin-top: 0;
	}
	.q1long_container .teaserq1_field{
		padding: 0
	}
	.first-column, .q1long_container .body-teaser:nth-child(2) {
		width: 100%;
		margin-top: 1em !important;
	}
	.second-row.project .q1long_col5, .first-row.project .q1long_col5, .q1long_col5.colblue div, .body-teaser .q1long_col5 p{
		clear: none;
		display: block;
		margin-left: 0
	}
	.first-row.project {
		margin-top: 1em;
		width: 90%;
	}
	.teaserq1_field.status{
		padding: .5em !important;
	}
	.body-teaser.two {
		float: none;
		width: 50%;
	}
	.q1long_container.timeline .button{		
        margin-right: 0;
		margin-top: -5em;
		margin-left: 0;
		float: right;
	}
	.teaserq1_title.factors{
	    font-size: 1.5em;
		width: 65% !important;
	}
	.foot-left{
		width: 100%;
	}
	h1.teaserq1_title, h3.teaserq1_subtitle {
		width: 100%;
	}
	h1.teaserq1_title{
		font-size: 1.5em;
	}
	.body-teaser.two {
        padding: 0;
		width: 100%;
	}
	.button-back .bnt-contact{
		font-size: .9em;
		min-width: 30%;
		padding: 12px;
		margin-bottom: 1em;
		margin-left: 0.5em;
	}
	.q1long_col2 {
		
		min-width: 100%;
	}
	.tp-caption.transparent-background, .slider-revolution {
		min-height: 360px  !important;
		max-height: 360px  !important;
	}
	.path-hydrogen-valleys .view-h2-valley-map .view-filters form div {
		display: block;
	}
	.path-hydrogen-valleys .view-h2-valley-map .view-header p{
		width: 100%;  
	}
	.section #block-h2vtheme-content h1 {
		font-size: 1.5em !important;
	}
	.path-hydrogen-valleys .view-h2-valley-map .view-filters .js-form-item.form-item.js-form-type-select.form-type-select.js-form-item-field-ch-1-q-10-value.form-item-field-ch-1-q-10-value{
		margin-top: 0em;
	}
	.path-hydrogen-valleys form input, 	.path-hydrogen-valleys form select{
		height: 45px
	}
	.path-hydrogen-valleys .view-h2-valley-map .view-footer{
		width: 90%;
		    height: 78px;
	}
	.export-pdf p{
		max-width: 60%;
	}
	.view-h2-valley-map .views-row:nth-child(5) .w10.plus, .view-h2-valley-map .views-row:nth-child(12) .w10.plus, .view-h2-valley-map .views-row:nth-child(13) .w10.plus, .view-h2-valley-map .views-row:nth-child(15) .w10.plus, .view-h2-valley-map .views-row:nth-child(16) .w10.plus, .view-h2-valley-map .views-row:nth-child(21) .w10.plus, .view-h2-valley-map .views-row:nth-child(22) .w10.plus, 
	.view-h2-valley-map .views-row:nth-child(24) .w10.plus, .view-h2-valley-map .views-row:nth-child(26) .w10.plus, .views-row:nth-child(34) .w10.plus, .view-h2-valley-map .views-row:nth-child(3) .w10.plus,
	.view-h2-valley-map .views-row:nth-child(8) .w10.plus, .view-h2-valley-map .views-row:nth-child(10) .w10.plus{
    min-height: auto;
	}
	.export-pdf {  
    padding: 0;
    padding-right: 0.5em;
	}
	.flagImage p{
	min-width: auto
	}
		.flagImage {   
    justify-content: center;
    margin: 1em;
	}
		.joinus_benefits{
		flex-direction: column;
	}
}
@media only screen and (max-device-width: 568px) and (orientation: landscape) {
	#block-h2vtheme-content, #block-views-block-map-home-block-1 {	
		padding: 0px 2% 0px 2%;
	}
	div#block-h2vtheme-content h1 {
		font-size: 1.7em;
	}
	#superfish-main-toggle::before {  
		height: 0.1em;
		border-top: 0.55em double #0082cb;
		border-bottom: 0.2em solid #0082cb;
		width: 1.3em;
	}
	.clearfix.region.region-header {
		display: block;
		width: 100%; 
	    padding: 0;
	}
	#block-h2vtheme-branding a:nth-child(1) img {
		width: 265px !important;
		padding-top: 5px;
		float: left;
		left: 0;
		padding-left: 1em;
		top: 0;
	}
	#block-euflag {
		display: block !important;
		float: right;
		position: relative;
		top: -35px;
		right: 58px;
		margin: 0 !important;
		width: auto;
		height: 0;
	}
	#block-euflag img {
		height: 2.5em;
	}
	div#block-h2vtheme-branding{
		width:100%; 
		margin: 0;
		height: 3em;			
		padding: 0;
	}
	#superfish-main-toggle::before {	
		width: 1.3em;  
		border-top: 0.575em double #0082cb;
		border-bottom: 0.2em solid #0082cb;  
		padding: .08em;
	}
	#block-mainnavigation-3{
		top: 15px;
		right: 5px;
		position: absolute;
	}
	#block-mainnavigation-3 .sf-accordion-toggle span {
		display: none;
	}
	#block-mainnavigation-3 .sf-accordion-toggle {
		float: right;
		position: absolute;
		top: 0;
		border: 1px solid;
		right: 30px;
	}
	#block-mainnavigation-3 ul {
		background: #0081c7;
	    top: 54px !important;
	}
	#block-mainnavigation-3 ul li a{
		color: #fff
	}
	#block-mainnavigation-3 ul li a {  
		border-bottom: 1px solid #ffffff4d !important;
	}
	#block-mainnavigation-3 li a:hover, #block-mainnavigation-3 li a.is-active {   
		border-left: 5px solid #BCE0FD !important;
		margin: 0;
	}
	#block-mainnavigation-3 li a.is-active, #block-mainnavigation-3 li a:focus{
		border-bottom: 1px solid #ffffff4d !important;
		background: #00286b2e;
	}
	.grid-container.container {
		margin-top: 0;
		padding: 0;
		width: 100%;
	}
	.header .section {
		width: 100% !important;
		height: auto;
	}
	.grid-container.container .home-text-container:nth-child(2) h1 {
		width: auto;
	}
	.h1titlenotaligned{
		font-size: 2em !important;
	}
	.slider-revolution {
		max-height: 250px;
	}
	.slider-revolution .view-head-caption {
		bottom: 60px;
	}
	.slider-revolution .view-head-caption h1 {  
		font-size: 1.8em !important;
		padding-right: 5%;
	}
	.slider-revolution .view-head-caption h2 {
		font-size: 1em;
		padding-right: 0;
	}
	.tp-caption__button {
		margin: 0 !important;
		font-size: 15px !important;
		margin-top: 0em !important;
		bottom: -17px;
	}
	.grid__col-12.grid__col-xs-12.grid__col-sm-6.grid__col-md-6.grid__col-lg-6{
		padding: 0;
	}
	.h1titlestyles{
		font-size: 2em !important;
	}
	div#block-h2vmainpageprojects .grid__col-4{
		width: 100%;
	}
	div#block-h2vmainpageprojects .grid-container {
		width: 95%;
	}
	div#block-h2vmainpageprojects{
		margin-top: 3em;
	}
	.grid__col-1.grid__col-xs-1.grid__col-sm-1.grid__col-md-1.grid__col-lg-1.columntl {
		width: 100% !important;
	}
	.row-first .content-left, .content-right {
		width: 100%;
	}
	.row-second .content-left {
		width: 100%;
	}
	.content-left h1 {
		width: 100%;
	}
	#block-h2vmainpagetimeline .content {
		margin: 1em;
	}
	div#block-h2vmainpagetimeline .grid-container.container{
		margin-top: 0;
		
	}
	.columntl {
		
		height: 70px;
	}
	.eventon{
		left: 0;
	}
	.row-second {
		display: flex;
		flex-flow: row wrap;
		width: 100%;
	}
	.content-right {
		order: 2;
	}
	div#block-h2vmainpagetimeline .columntl p:not(:first-child), div#block-h2vmainpagetimeline .columntl:nth-child(12) p:not(:first-child){
		border: 0
	}
	#webform-submission-sign-up-for-updates-add-form .js-form-item {
		width: 95%;
	}
	.foot-right p {
		padding: 1em 0 !important;
		width: 100%;
	}
	.subfooter ul {
		width: 100%;
	}
	div#block-h2vtheme-subfooter .content {
		width: 90%;
	}
	.content-legal-policy {
		width: 100%;
	}
	#block-h2vtheme-footer ul {
		width: 98%;
	}
	#block-h2vtheme-footer {
		width: 95% !important
	}
	.path-user #page {
		float: none !important;  
		width: 100%;
	}
	div#block-loginimage img {   
		width: 100%;
		position: absolute;
	    height: 250px;
		object-fit: cover;
	}
	.loginpageright footer.site-footer{
		position: relative;
	}
	.loginpageright .foot-right p {
		width: 100%;
	}
	.loginpageright #user-login-form{
		margin-top: 200px;
		width: 95%;
	}
	.loginpageright #user-login-form .form-text, .loginpageright #user-login-form #edit-submit{
		width: 95%;
	}
	.loginpageright #user-login-form #edit-submit {
		width: 85%;
	}
	.path-user #block-h2vtheme-content{
		padding: 0px 0% 0px 4%;
	}
	.user-logged-in a.button.button-user-chapter {  
		width: 45.4%;
		margin-bottom: 0.5em;
	}
	.section_right {
		width: 100% !important;
		margin-right: 0;
		float: none !important;
		margin: 0 auto !important;
		padding-top: 2em;
	}
	.charts_page_description {
		
		width: 68%;
	}
	.chart_body, .chart_title {
		
		width: 50%;
	}
	.chart_filter, .chart_filter_applied {
		width: 100%;
	}
	.section_right .region {
		width: 95%;
	}
	#block-barriersmenu li, #block-benchmarkingmenu li{
		margin-left: 0;
		width: 90%;
	}
	#block-barriersmenu, #block-benchmarkingmenu {  
		width: 98%;
	}
	.section_left{
	    margin: 0 auto !important;
		float: none;
		width: 96%;
		
	}
	nav.breadcrumb{
		width: 100%;
		padding: 0.5em 0;
	}
	.breadcrumb ol {
		width: 90%;
		margin: 0 auto !important;
	}
	nav#block-lateralmenuhydrogenvalleys {   
		width: 100%;  
		padding: 0em;
	}
	#block-mainnavigation-2{
		top: 0;
		right: 0;
	}
	.row-third p {
		font-size: 1.1em;
	}
	.h2vmaplist-desktop {
		display: none;
	}
	.h2vmaplist-mobile {
		display: block;
	}
	#block-aboutusheader .aboutus-header:before, #block-aboutusheader .aboutus-header{
	    height: 195px;
	}
	#block-aboutusheader .aboutus-header h2{
		width: 75%;
		margin-left: 1em;
		top: 2.5%;
		font-size: 1.5em;
	}
	.aboutus-hv, .aboutus-co, .aboutus-ini {
		padding: 0 0.5em;
		float: left;
		width: 50%;
	    margin-bottom: 0;
	}
	.aboutus-ini{
		width: 100%;
	}
	/* .aboutus-banner{ */
		/* margin-top: 2em; */
	/* } */
	
	.aboutus-icon img {
		top: 35px;   
		width: 50%;
	}
	.aboutus-co img {
		top: 35px;
	}
	p.aboutus-num {  
		font-size: 2.3em !important;
		font-weight: 600;
		float: left;
	}
	p.aboutus-sub{
	    font-size: .9em !important;
		width: auto;
	}
	.aboutus-ini .aboutus-sub {
		width: 45%;
	}
	.aboutus-hv p, .aboutus-co p, .aboutus-ini p {   
		margin-left: 0.3em;
	}
	.aboutus-summary{
		margin-top: 1em;
	}
	.aboutus-summary h2{
		font-size: 1.7em !important;
	}
	.aboutus-summary p {
		width: 90%;
		
	}
	.aboutus-summary.link{
		padding: 0;
		margin-top: 2em;
		min-height: auto;
		margin-bottom: 2em;
	}
	.aboutus-summary.link .tp-caption__button{
		padding: 16px 35px;
	}
	.row-second.aboutus .content-left, .row-first.aboutus .content-right{
		width: 100%;
	}
	.view-best-practices form .js-form-item-title {
		width: 100% !important;
	}
	.view-best-practices .views-view-grid .views-col {
		margin-right: 0;
		width: 100% !important;
		margin-bottom: 1em;
	}
	.view-best-practices form #edit-actions input{
		width: 95%;
	}
	.view-best-practices form #edit-title{
		width: 100%;
	}
	#block-lateraldynamicanalysismenufullportal{
		margin-left: 1em;
		width: 90% !important
	}
	.view-best-practices .views-field-field-best-pract-image img{
		height: 200px;
	}
	.h2vmaplist-desktop{
		display: none !important;
	}
	.h2vmaplist-mobile {
		display: block !important;
	}
	.path-hydrogen-valleys h1 {  
		padding: .5em 0;
		padding-bottom: 0
	}
	.path-hydrogen-valleys .js-form-item {
		min-width: 100% !important;
	}
	.path-hydrogen-valleys #edit-populate{
		width: 95%;
	}
	.path-hydrogen-valleys #edit-actions input{
		margin-top: 0;
	}
	.path-hydrogen-valleys .w80 {
		width: 90%;
	}
	.path-hydrogen-valleys .first_categ_accord a{
		margin-left: 1em;
	}
	.path-hydrogen-valleys #edit-actions {
		min-width: 86% !important;
	    margin-bottom: 1em !important;
	}
	.path-hydrogen-valleys .leaflet-popup-content-wrapper, .view-h2-valley-map .vpopup_title {
		width: 100%;
	}
	.path-hydrogen-valleys .first_categ_accord.collapse.show .w80 p, .path-hydrogen-valleys .first_categ_accord.collapse.show .w80 h2{
		width: 90%;
	}
	.path-hydrogen-valleys #edit-actions input {   
		margin-top: 0;
	}
	.q1long_container.header{
		padding: 0 !important
	}
	.q1long_container.header .q1long_col1 {
		padding: .5em;
	}
	.q1long_container .teaserq1_field{
		width: 100%;
		margin-bottom: 1em;
		padding: 0;
	}
	.q1long_container .body-teaser {
		clear: both;
		padding: 0;
	}
	.q1long_container .q1long_col5 {
		width: 45%
	}
	.funding-section .q1long_container .q1long_col5 {
		width: 100%
	}
	.q1long_container .check-label p{
		float: right;
		width: 80%;
	}
	.q1long_container .q1long_col5 .check-label {    
		height: auto;
	}
	
	.q1long_tl.q1long_tl_f {
		top: 0;
		right: 0;
		position: absolute;
		left: 58%;
	}
	.q1long_tl.q1long_tl_s {
		top: 13.5%;  
		left: 25%;
	}
	.q1long_col2 {
		width: 100%;   
		min-width: auto;
		margin: 0 1em;
	}
	.q1long_container .timeline .q1long_tl div {
		position: relative;
		top: 8px;
		width: 90%;
	}
	.q1long_tl.q1long_tl_s p, .q1long_tl.q1long_tl_f p{
		width; 80%;
	}
	.q1long_col5 input[type="radio"]:checked + label:before, .q1long_col5 input[type="radio"] + label:before{
		top: 5px;
	}
	.q1long_col5 input[type="radio"]:checked + label:after{
		top: 12px;
	}
	time.datetime, .q1long_tl.q1long_tl_s p, .q1long_tl.q1long_tl_f p {
		background: transparent; 
		position: relative;
		z-index: 1;
		width: 67%;
	    float: left;
	}
	.q1long_tl.q1long_tl_s .field--type-datetime:after, .q1long_tl.q1long_tl_f .field--type-datetime:after{
		left: 38%;
	}
	.q1long_container .timeline { 
		min-height: 150px;
	}
	.q1long_tl.q1long_tl_s .field--type-datetime:after{
		left:0px;
		top: 25px;
	}
	.q1long_tl.q1long_tl_f .field--type-datetime:after {
		left: 0px;
		top: 25px;
	}
	.q1long_tl.q1long_tl_s p, .q1long_tl.q1long_tl_f p{
		width: 80%;
	}
	.q1long_tl_limit.q1long_tl_limit_f p{
		left: 15px;
	}
	.funding-section{
		padding: 0;
	}
	.funding-section form, .funding-section b {
		padding: 0em;
	}
	.button-back a { 
		padding: 15px 0;
		min-width: 100%;
		margin-bottom: 1em;
	}
	.body-teaser .q1long_col5 img {
		width: 30%;
		margin-top: 1em;
	}
	.path-webform .webform-submission-form {   
		width: 95%;
		margin: 0 auto;
	}
	#edit-flexbox-02 {
		padding: 0;
	}
	.webform-flex.webform-flex--2 .webform-flex--container {
		margin: 0;
	}
	.path-webform .js-form-item.form-item.js-form-type-select.form-type-select.js-form-item-location-country-code.form-item-location-country-code {
		width: 100%;
	}
	.path-webform .js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-location-locality.form-item-location-locality {
		width: 100%;   
		margin-top: 1em;
		margin-right: 0em !important;
	}
	.path-webform .webform-submission-form #edit-location--wrapper {
		margin-right: 0.8em !important;
	}
	.path-webform .form-actions input, #webform-submission-sign-up-for-updates-add-form #edit-actions input{
		width: 40%;
	}
	.q1long_container.header .teaserq1_field {
		width: 100%;
	}
	.box-right .tagline.overtext a{
		margin-left: 0.5em;
	}
	.view-toolbox .views-col {
		width: 50% !important;
	}
	.view-toolbox .views-field a{
		min-height: 375px;
		
	}
	.path-analysis .section_right, .page-node-type-best-practice .section_right{
		float: none;
		margin: 0 auto;
	}
	.bestpractices_node {
		min-height: 195px;
		height: 195px;
	}
	.bestpractice_twocolumns .bestpractice_image {
		float: left;
		width: 63%;
	}
	.bestpractice_twocolumns{
		margin-top: 0;
	}
	#best-practices-detail .field--name-field-bestpractice-image{
		padding-right: 1em;
		padding-bottom: 0;
	}
	div#best-practices-detail p {
		font-size: initial !important;
	}
	.statistics_column_3, .report_col {
		flex: 1 50%;
		padding: 0.7em;
		margin-bottom: 1em;
	}
	.statistics_column_3 img, .statistics_column_2 img {
		height: 155px;
	}
	.section_right #block-h2vtheme-content {
		padding: 0;
	}
	.statistics_page h2, .report_col h2 {
		margin: .3em 0;
		padding-bottom: .2em;
	}
	.analysis_column {
		display: block;
		margin-bottom: 1em;
	}
	.analysis_page .analysis_column img {
		width: 100%;
	}
	.analysis_column:nth-child(2) img, .analysis_column:nth-child(4) img {
		float: none !important;
		width: 100% !important;
	}
	.analysis_column:nth-child(2) .text, .analysis_column:nth-child(4) .text {
		padding-right: 0;
		padding-left: 0;
	}
	.tp-caption__button{
		display: inline;
	}
	.view-h2-valley-map .view-footer .tp-caption__button {   
		width: 40%;
	}
	#block-aboutusheader-1 .aboutus-header h2 {    
		width: 66%;
		margin-left: 1em;
		top: 5%;
	}
	.row-second.aboutus {
		display: flex;
		flex-flow: row wrap;
	}
	.row-second.aboutus .content-right img {
		padding: .3em 0;
	}
	.row-second.aboutus .content-left {
		order: 3;
	}
	.row-second.aboutus {
		margin-top: 0em;
	}
	.path-hydrogen-valleys .first_categ_accord.collapse.show .w80 p {    
		width: 98.5% !important;
		padding: .5em 0.5em 1em 1em;  
	}
	.path-hydrogen-valleys .first_categ_accord .w80.desc p {
		padding: .5em 0.5em 0em 1.2em;
		width: 98% !important;
	}
	.q1long_tl.q1long_tl_s p, .q1long_tl.q1long_tl_f p{
		width: 60%;
		margin-left: 0;
		margin-top: 0.3em;
	}
	.q1long_col5.colblue div, .body-teaser .q1long_col5 p {   
		display: flex;
		align-items: center;
		justify-content: center;
		padding-left: 0em;
	}
	.body-teaser .q1long_col5 img {
		width: 7%;
		height: auto;
		display: block;
	    margin: 0;
		margin-right: 0.5em;
	}
	.second-row.project .q1long_col5, .first-row.project .q1long_col5  {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		margin-bottom: .5em
	}
	.row-first.aboutus, .row-third.aboutus, .row-fourth.aboutus {
		display: block;
	}
	.row-first.aboutus img {
		width: 80%;
		margin: 0 auto;
		float: none;
		display: block;
		padding: 1em 0;
	}
	.row-second.aboutus, .row-third.aboutus {
		margin-top: 0;
	}
	.row-second.aboutus .content-right {
		float: none;
		display: block; 
		margin-left: 0em;
		margin: 0 auto;
	}
	.row-third.aboutus .content-right {
		float: none;
		width: 100%;
	}
	.row-third.aboutus .content-left img {
		width: 70%;
	}
	.row-third.aboutus .content-left {
		display: block;
		float: none;
		width: 100%;
		padding: 0 !important;
		
	}
	.tp-bgimg.defaultimg{
	    background-position: top 0% center !important;
		background-size: 125% !important; 
	}
	.row-fourth.aboutus{
	    flex-wrap: wrap;
		margin-top: 2em;
		display: flex !important;
	}
	.row-fourth.aboutus .content-left {
		width: 100%;
	    order: 3;
	}
	.row-fourth.aboutus .content-right img {
		width: 80%;
		float: none;
		margin: 0 auto;
		margin-bottom: 1em;
	}
	.row-fourth.aboutus .content-right {    
		text-align: center;
	}
	.path-webform .webform-submission-form .js-form-item {
		margin-right: 0em !important;
	}
	.aboutus-ini .aboutus-icon img {
		width: 51%;
		top: 35px !important;
	}
	.path-user #block-euflag {
		top: 5px;
	}
	.attachment.attachment-after .view-footer img, .attachment.attachment-after .view-header img {
		width: 9%;
	}
	.attachment.attachment-after .view-footer p, .attachment.attachment-after .view-header p {
		margin-top: 1em;
	}
	.joinus_col {
		width: 100%;
	}
	.joinus_col button{
		margin-bottom: 2em;
	}
	.path-webform .js-form-item-firstname, .path-webform .js-form-item-lastname {
		width: 100%;
	}
	.path-webform .form-item{
		margin-top: 0;
	}
	.joinus_col a{
		width: 100%;
	}
	.path-webform .js-form-item-firstname, .path-webform .js-form-item-lastname {
		width: 100%;
	}
	.path-webform .form-item{
		margin-top: 0;
	}
	.joinus_col a{
		width: 100%;
	}
	.path-frontpage #header {   
		float: none;
	    height: 55px;
	}
	.foot-left{
		display: block;
	}
	.slider-revolution{
		min-height: 357px;
	}
	.banner {
		max-height: 317px;
	}
	.path-frontpage .section #block-h2vtheme-content {
		background: #01122e;
	}
	.grid-container.container.content-home {
		padding: 5%;
	}
	.view-h2-valley-map .view-header p {
		font-family: 'DDin', sans-serif;
		font-size: initial;
		width: 90%;
		margin: 0 auto;
		margin-bottom: 1em;
	}
	div#block-h2vtheme-subfooter .content {
		width: 100%;
	}
	.foot-left > p{
		font-size: .9em !important;
		width: 94%;
		display: block;
		float: none;
		text-align: center;
		margin: 0 auto;
	}
	#leaflet-map-view-h2-valley-map-block-1{
		max-height: 300px
	}
	.row-second .content-left{
		margin-bottom: 2em;
	}
	.foot-left img {  
		width: 65px;
		margin-left: 0em;
	}
	.foot-right{
		display: flex;
		float: left;
		align-items: center;
		justify-content: center;
		width: 100%;
	}
	.foot-right li:nth-child(1) {
		padding-left: 0;
	}
	.foot-right ul{
		padding-left: 0 !important
	}
	.path-frontpage #page-wrapper {
		margin-top: 0;
	}
	.q1long_container.left, .q1long_container.right .q1long_col1 {
		width: 100%;
	    margin-top: 0;
	}
	.q1long_container .teaserq1_field{
		padding: 0
	}
	.first-column, .q1long_container .body-teaser:nth-child(2) {
		width: 100%;
		margin-top: 1em !important;
	}
	.second-row.project .q1long_col5, .first-row.project .q1long_col5, .q1long_col5.colblue div, .body-teaser .q1long_col5 p{
		display: block;
		clear: none;
	}
	.first-row.project {
		margin-top: 1em;
		width: 90%;
	}
	.teaserq1_field.status{
		padding: .5em 1em !important;
	}
	.body-teaser.two {
		float: none;
		width: 50%;
	}
	.finishP div {   
    top: -9px !important;
    left: 35%;
	}
	.finishP .datetime {
    top: 48px !important;
	}
	.finishP p {
		left: 36%;
	}
	.q1long_container.timeline .button{		
		margin-right: 0;
		margin-top: 0;
		margin-left: 0;
		float: left;
	}
	.teaserq1_title.factors{
	    font-size: 1.5em;
		width: 65% !important;
	}
	.foot-left{
		width: 100%;
	}
	h1.teaserq1_title, h3.teaserq1_subtitle {
		width: 100%;
	}
	h1.teaserq1_title{
		font-size: 1.5em;
	}
	.body-teaser.two {
		
		width: 100%;
	}
	.button-back .bnt-contact{
		font-size: 1em;
		min-width: 100%;
		padding: 12px;
		margin-bottom: 1em;
		margin-left: 0
	}
	.q1long_col2 {
		
		min-width: 100%;
	}
	.tp-caption.transparent-background, .slider-revolution {
		min-height: 355px !important;
		max-height: 390px !important;
	}
	.path-hydrogen-valleys .view-h2-valley-map .view-filters form div {
		display: block;
	}
	.path-hydrogen-valleys .view-h2-valley-map .view-header p{
		width: 100%;  
	}
	.section #block-h2vtheme-content h1 {
		font-size: 1.5em !important;
	}
	.path-hydrogen-valleys .view-h2-valley-map .view-filters .js-form-item.form-item.js-form-type-select.form-type-select.js-form-item-field-ch-1-q-10-value.form-item-field-ch-1-q-10-value{
		margin-top: 1em;
	}
	.path-hydrogen-valleys form input, 	.path-hydrogen-valleys form select{
		height: 45px
	}
	.path-hydrogen-valleys .view-h2-valley-map .view-footer{
		width: 90%;
	}
	.export-pdf p{
		max-width: 60%;
	}
	.view-h2-valley-map .views-row:nth-child(5) .w10.plus, .view-h2-valley-map .views-row:nth-child(12) .w10.plus, .view-h2-valley-map .views-row:nth-child(13) .w10.plus, .view-h2-valley-map .views-row:nth-child(15) .w10.plus, .view-h2-valley-map .views-row:nth-child(16) .w10.plus, .view-h2-valley-map .views-row:nth-child(21) .w10.plus, .view-h2-valley-map .views-row:nth-child(22) .w10.plus, 
	.view-h2-valley-map .views-row:nth-child(24) .w10.plus, .view-h2-valley-map .views-row:nth-child(26) .w10.plus, .views-row:nth-child(34) .w10.plus, .view-h2-valley-map .views-row:nth-child(3) .w10.plus,
	.view-h2-valley-map .views-row:nth-child(8) .w10.plus, .view-h2-valley-map .views-row:nth-child(10) .w10.plus{
    min-height: auto;
	}
	.export-pdf {  
    padding: 0;
    padding-right: 0.5em;
	}
	.flagImage p{
	min-width: auto
	}
		.flagImage {   
    justify-content: center;
    margin: 1em;
	}
	#block-aboutusheader {
  margin-top: 3em;
	}
		.joinus_benefits{
		flex-direction: column;
	}
}

@media only screen and (min-width: 321px) and (max-width: 540px) {
	.clearfix.region.region-header {
		display: block;
		width: 100%;
	    margin-top: 0em;
		padding: 0;
	}
	a.tp-caption__button {
        min-width: 60%;
		margin-top: 1em
	}
	#superfish-main-toggle::before {  
		border-top: 0.6em double #00b3e3;   
		border-bottom: 0.2em solid #00b3e3;
		width: 1.5em;
		padding: 0.05em;
	}
	#block-h2vtheme-branding a:nth-child(1) img {
		width: 210px !important;
		padding-top: 22px;
    float: left;
    margin-left: 0px;
	left: 0;
	}
	
	#block-euflag {
		display: block !important;
		float: left;
		position: relative;
		top: 9px;
		right: 0px;
		margin: 0 !important;
		width: auto;
		height: 0;
	}
	#block-euflag img {
		height: 2em;
	}
	div#block-h2vtheme-branding{
		width:100%;
		margin: 0;
		height: 0
	}
	.path-frontpage #page-wrapper {
		margin-top: 0;
	}
	#block-mainnavigation-3{
		top: 8px;
		right: 0px;
		position: absolute;
	}
	#block-mainnavigation-3 .sf-accordion-toggle span {
		display: none;
	}
	#block-mainnavigation-3 .sf-accordion-toggle {
		float: right;
		position: absolute;
		top: 0;
		border: 1px solid;
		right: 30px;
	}
	#block-mainnavigation-3 ul {
		background: #0081c7;
	    top: 40px !important;
	}
	#block-mainnavigation-3 ul li a{
		color: #fff
	}
	#block-mainnavigation-3 ul li a {  
		border-bottom: 1px solid #ffffff4d !important;
	}
	#block-mainnavigation-3 li a:hover, #block-mainnavigation-3 li a.is-active {   
		border-left: 5px solid #BCE0FD !important;
		margin: 0;
	}
	#block-mainnavigation-3 li a.is-active, #block-mainnavigation-3 li a:focus{
		border-bottom: 1px solid #ffffff4d !important;
		background: #00286b2e;
	}
	.grid-container.container {
		margin-top: 0;
		padding: 0;
		width: 100%;
	}
	.header .section {
		width: 100% !important;
		height: auto;
		margin-top: 0em;
	}
	.h1titlenotaligned{
		font-size: 1.8em !important;
	}
	.slider-revolution {
		max-height: 250px;
	}
	.grid-container.container .home-text-container:nth-child(2) h1 {
		width: auto;
	}
	.slider-revolution .view-head-caption {
		bottom: 40px;
		padding: 0
	}
	.slider-revolution .view-head-caption h1 {  
		font-size: 1.3em !important;
		padding-right: 0%;
		width: 100%;
	}
	.slider-revolution .view-head-caption h2 {
		font-size: .9em;
		padding-right: 0;
	}
	.tp-caption__button {
		margin: 0 !important;
		font-size: 15px !important;
		margin-top: 0 !important;
		bottom: -14px;
	}
	.grid__col-12.grid__col-xs-12.grid__col-sm-6.grid__col-md-6.grid__col-lg-6{
		padding: 0;
	}
	.h1titlestyles{
	    font-size: 1.8em !important;
		width: 90% !important;
	}
	div#block-h2vmainpageprojects .grid__col-4{
		width: 100%;
	}
	div#block-h2vmainpageprojects .grid-container {
		width: 100%;
	}
	div#block-h2vmainpageprojects{
		margin-top: 3em;
	}
	.grid__col-1.grid__col-xs-1.grid__col-sm-1.grid__col-md-1.grid__col-lg-1.columntl {
		width: 100% !important;
	}
	#block-h2vtheme-content h1 {  
		font-size: 1.5em;
	}
	.content .layout--onecol h1, .content .group-header h1 {
		margin: 1em 0em 0.3em 0em;
	}
	.homeimg {		
		margin: .5em 0;
	}
	.row-first .content-left, .content-right {
		width: 100%;
	}
	.row-second .content-left {
		width: 100%;
	}
	.content-left h1 {
		width: 100%;
	}
	#block-h2vmainpagetimeline .content {
		margin: 1em;
	}
	div#block-h2vmainpagetimeline .grid-container.container{
		margin-top: 0;
		
	}
	.row-second {
		display: flex;
		flex-flow: row wrap;
		width: 100%;
	}
	.content-right {
		order: 2;
	}
	.columntl {
		
		height: 70px;
	}
	.eventon{
		left: 0;
	}
	div#block-h2vmainpagetimeline .columntl p:not(:first-child), div#block-h2vmainpagetimeline .columntl:nth-child(12) p:not(:first-child){
		border: 0
	}
	#webform-submission-sign-up-for-updates-add-form .js-form-item {
		width: 95%;
	}
	.foot-right p {
		padding: 1em 0 !important;
		width: 100%;
	}
	.subfooter ul {
		width: 100%;
	}
	.path-user #page {
		float: none !important;  
		width: 100%;
	}
	div#block-loginimage img {   
		width: 100%;
		position: absolute;
	    height: 250px;
		object-fit: cover;
	}
	.loginpageright footer.site-footer{
		position: relative;
	}
	.loginpageright .foot-right p {
		width: 100%;
	}
	.loginpageright #user-login-form{
		margin-top: 200px;
		width: 95%;
	}
	.loginpageright #user-login-form .form-text, .loginpageright #user-login-form #edit-submit{
		width: 95%;
	}
	.loginpageright #user-login-form #edit-submit {
		width: 80%;
	}
	.path-user #block-h2vtheme-content{
		padding: 0px 4%;
	}
	.user-logged-in a.button.button-user-chapter {  
		width: 95%;
		margin-bottom: 0em;
	}
	.section_right {
		width: 90% !important;   
		float: none !important;
		margin: 0 auto !important;
		padding-top: 2em; 
	}
	#block-barriersmenu li, #block-benchmarkingmenu li{
		margin-left: 0;
		width: 90%;
	}
	#block-barriersmenu, #block-benchmarkingmenu {  
		width: 98%;
	}
	.section_left{
		margin-right: 1em;
		margin-left: 1em;
		width: 91%;
		margin-bottom: 2em;
	}
	nav.breadcrumb{
		width: 100%;
		padding: 0.5em 0;
	}
	.breadcrumb ol {
		width: 90%;
		margin: 0 auto !important;
	}
	nav#block-lateralmenuhydrogenvalleys {   
		width: 100%;  
		padding: 0em;
	}
	#block-mainnavigation-2{
		top: 0;
		right: 0;
	}
	.row-third p {
		font-size: 1.1em;
	}
	.h2vmaplist-desktop {
		display: none;
	}
	.h2vmaplist-mobile {
		display: block;
	}
	#block-aboutusheader .aboutus-header:before, #block-aboutusheader .aboutus-header{
	    height: 195px;
	}
	#block-aboutusheader .aboutus-header h2{
		width: 75%;
		margin-left: 1em;
		top: 2.5%;
		font-size: 1.5em;
	}
	.aboutus-hv, .aboutus-co, .aboutus-ini {
		padding: 0 0.5em;
		float: left;
		width: 50%;
	}
	.aboutus-ini{
		width: 100%;
	}
	/* .aboutus-banner{ */
		/* margin-top: 3.3em; */
	/* } */
	
	.aboutus-icon img {
		top: 35px;   
		width: 50%;
	}
	.aboutus-co img {
		top: 35px;
	}
	p.aboutus-num {  
		font-size: 2.3em !important;
		font-weight: 600;
		float: left;
	}
	p.aboutus-sub{
	    font-size: .9em !important;
		width: auto;
	}
	.aboutus-ini .aboutus-sub {
		width: 45%;
	}
	.aboutus-hv p, .aboutus-co p, .aboutus-ini p {   
		margin-left: 0.3em;
	}
	.aboutus-summary{
		margin-top: 1em;
	}
	.aboutus-summary h2{
		font-size: 1.7em !important;
	}
	.aboutus-summary p {
		width: 90%;
		
	}
	.aboutus-summary.link{
		padding: 0;
		margin-top: 2em;
		min-height: auto;
		margin-bottom: 1em;
	}
	.aboutus-summary.link .tp-caption__button{
	    padding: 12px 15px;
	}
	.row-second.aboutus .content-left, .row-first.aboutus .content-right{
		width: 100%;
	}
	.view-best-practices form .js-form-item-title {
		width: 100% !important;
	}
	.view-best-practices .views-view-grid .views-col {
		margin-right: 0;
		width: 100% !important;
		margin-bottom: 1em;
	}
	.view-best-practices form #edit-actions input{
		width: 91%;
	}
	#block-lateraldynamicanalysismenufullportal{
		margin-left: 0;
		width: 100% !important;
	}
	.h2vmaplist-desktop{
		display: none !important;
	}
	.h2vmaplist-mobile {
		display: block !important;
	}
	.path-hydrogen-valleys h1 {  
		padding: .5em 0;
		padding-bottom: 0
	}
	.path-hydrogen-valleys .js-form-item {
		min-width: 100% !important;
	}
	.path-hydrogen-valleys #edit-actions {
		min-width: 100% !important;
	    margin-bottom: 1em !important;
	}
	.path-hydrogen-valleys .leaflet-popup-content-wrapper, .view-h2-valley-map .vpopup_title {
		width: 100%;
	}
	.path-hydrogen-valleys .first_categ_accord.collapse.show .w80 p, .path-hydrogen-valleys .first_categ_accord.collapse.show .w80 h2{
		width: 90%;
	}
	.path-hydrogen-valleys #edit-actions input {   
		margin-top: 0;
	}
	.q1long_container.header{
		padding: 0 !important
	}
	.q1long_container.header .q1long_col1 {
		padding: .5em;
	}
	.q1long_container .teaserq1_field{
		width: 100%;
		margin-bottom: 1em;
		padding: 0;
	}
	.q1long_container .body-teaser {
		clear: both;
		padding: 0;
	}
	.q1long_container .q1long_col5 {
		width: 100%
	}
	.q1long_container .check-label p{
		float: left;
		width: 100%;
	    position: relative;
		top: -3px;
	}
	.q1long_container .q1long_col5 .check-label {    
		height: auto;
	}
	.q1long_container .timeline {
		position: relative;
		min-height: 530px;
	}
	.q1long_tl_limit.q1long_tl_limit_s {
		top: 16px;
		left: 33%;
	}
	.q1long_tl_limit.q1long_tl_limit_f {
		left: 33%;
		float: left;
		top: 405px;
	}
	.q1long_tl.q1long_tl_f p {
    top: -23px !important;
}
	.timeline hr{
		top: 245px;
		transform: rotate(90deg);
		width: 340px;
		left: -25px;
	}
	.q1long_tl.q1long_tl_s {
		top: 20%;
		    left: 31px;
		position: absolute;
	}
	.q1long_tl.q1long_tl_f {
		top: 47%;
		right: 40%;
		position: absolute;
		left: 71px;
		
	}
	.teaserq1_field.profile_volume p:last-child {
    font-size: 1em !important;
	}
	.q1long_tl.q1long_tl_f p {
    top: -6px;
}
	.q1long_col5 input[type="radio"]:checked + label:before, .q1long_col5 input[type="radio"] + label:before{
		top: -2px;
	}
	.q1long_col5 input[type="radio"]:checked + label:after{
		top: 6px;
		left: 7px;
	}
	.q1long_tl.q1long_tl_f .field--type-datetime time.datetime, .q1long_tl.q1long_tl_f p {
		left: 92px;
		    top: 25px;
	}
	time.datetime, .q1long_tl.q1long_tl_s p, .q1long_tl.q1long_tl_f p {
		background: transparent; 
		position: relative;
		z-index: 1;
	}
	.q1long_tl.q1long_tl_s .field--type-datetime:after{
		left: 108px;
		top: 60px;
	}
	.q1long_tl.q1long_tl_f .field--type-datetime:after {
		left: 68px;
	}
	.q1long_tl_limit.q1long_tl_limit_f p{
		left: 15px;
	}
	.funding-section{
		padding: 0;
	}
	.funding-section form, .funding-section b {
		padding: .7em;
	}
	.button-back a { 
		padding: 15px .8em; 
		font-size: 1em;
	}
	.body-teaser .q1long_col5 img {
		width: 8%;
		margin-top: .3em;
	}
	.q1long_col5 {   
		padding-bottom: 1em;
	}
	#edit-flexbox-02 {
		padding: 0;   
	}
	.webform-flex.webform-flex--2 .webform-flex--container {
		margin: 0;
	}
	.path-webform .js-form-item.form-item.js-form-type-select.form-type-select.js-form-item-location-country-code.form-item-location-country-code {
		width: 100%;
	}
	.path-webform .js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-location-locality.form-item-location-locality{
		margin-top: 1em;
		margin-right: 0em !important;
	}
	.path-webform .form-actions input{
		width: 76%;
	}
	.path-webform .js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-location-locality.form-item-location-locality {
		width: 100%;
	}
	.js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-location-locality.form-item-location-locality {   
		width: 100% !important;
		float: left !important;
	}
	.path-webform .webform-submission-form #edit-location--wrapper, .path-webform .webform-submission-form .js-form-item {
		margin-right: 0em !important;
	}
	.q1long_container.header .teaserq1_field {
		width: 100%;
	}
	.view-toolbox .views-col {
		width: 100% !important;
	}
	.view-toolbox .views-field a{
		width: 100% !important;
		margin: .5em 0;
		min-height: auto
	}
	.tabs-toolbox a:first-child {
		margin-left: 0;
	}
	.tabs-toolbox a {
		margin-bottom: .1em;
		clear: both;
		width: 100%;
	}
	.tabs-toolbox a:nth-child(2) {
		margin-bottom: .05em;
	}
	#best-practices-detail a{
		padding: 0.8em 1em !important;
		font-size: 0.8em;
	}
	.bestpractice_twocolumns .bestpractice_image {    
		width: 100%;
	}
	#best-practices-detail .field--name-field-bestpractice-image{
		margin-right: 0;
		padding-right: 0;
	}
	.page-node-type-best-practice #block-h2vtheme-content {
		padding: 0;
	}
	.path-toolbox #block-h2vtheme-content {
		padding: 0px 0% 0px 0%;
	}
	.view-toolbox .views-field a div{
		margin-top: .3em;
	}
	.statistics_column_3, .report_col {
		flex: 100%;
		padding: 0;
	}
	.section_right #block-h2vtheme-content {
		padding: 0% 0% 0 0;
	}
	.statistics_page h2, .report_col h2 {
		margin: .3em 0;
		padding-bottom: .2em;
	}
	.statistics_column_3:nth-child(5) {
		width: 100% !important;
		max-width: 100%;
	}
	.analysis_column {
		display: block;
		margin-bottom: 1em;
	}
	.analysis_page .analysis_column img {
		width: 100%;
		float: none;
		height: 200px;
		margin-right: 0;
	}
	.analysis_column:nth-child(2) img, .analysis_column:nth-child(4) img {
		float: none !important;
		width: 100% !important;
	}
	.analysis_column:nth-child(2) .text, .analysis_column:nth-child(4) .text {
		padding-right: 0;
		padding-left: 0;
	}
	#block-aboutusheader-1 .aboutus-header h2 {  
		font-size: 1.5em;	   
		width: 67%;
		margin-left: 1em;
		top: 4%;
	}
	.aboutus-summary.link a {
		min-width: 100%;
	}
	.row-second.aboutus .content-left {
		order: 3;
	}
	.row-second.aboutus {
		display: flex;
		flex-flow: row wrap;
	}
	.row-second.aboutus .content-right img {
		padding: .3em 0;
	}
	.q1long_container.header .teaserq1_field {
		width: 100%;
		padding: 0;
	}
	.q1long_container .teaserq1_field b {
		float: none;
	}
	.button-back a{
	    font-size: .8em;
		min-width: 100%;
		padding: 15px;
	    margin-bottom: 1em;
	}
	.w80 {
		width: 83%;
		float: left;
		padding-right: .3em;
	}
	.path-hydrogen-valleys #edit-actions input{
		font-size: 17px !important;
		padding: 13px 35px;
		margin-top: 1em;
	}
	.path-hydrogen-valleys .first_categ_accord.collapse.show .w80 p {    
		width: 98% !important;
		padding: .5em 0.5em 1em 1em;  
	}
	.path-hydrogen-valleys .first_categ_accord .w80.desc p {
		padding: .5em 0.5em 0em 1.2em;
		width: 98% !important;
	}
	.row-first.aboutus, .row-third.aboutus, .row-fourth.aboutus {
		display: block;
	}
	.row-first.aboutus img {
		width: 80%;
		margin: 0 auto;
		float: none;
		display: block;
		padding: 1em 0;
	}
	.row-second.aboutus, .row-third.aboutus {
		margin-top: 0;
	}
	.row-second.aboutus .content-right {
		float: none;
		display: block; 
		margin-left: 0em;
		margin: 0 auto;
	}
	.row-third.aboutus .content-right {
		float: none;
		width: 100%;
	}
	.row-third.aboutus .content-left img {
		width: 70%;
	}
	.row-third.aboutus .content-left {
		display: block;
		float: none;
		width: 100%;
		padding: 0 !important;
		
	}
	.tp-bgimg.defaultimg{
	    background-position: top 0% center !important;
		background-size: 206% !important;
	}
	.row-fourth.aboutus{
	    flex-wrap: wrap;
		margin-top: 2em;
		display: flex !important;
	}
	.row-fourth.aboutus .content-left {
		width: 100%;
	    order: 3;
	}
	.row-fourth.aboutus .content-right img {
		width: 80%;
		float: none;
		margin: 0 auto;
		margin-bottom: 1em;
	}
	.row-fourth.aboutus .content-right {    
		text-align: center;
	}
	.row-third {   
		margin-top: 2em;
	}
	.path-user #block-euflag {
		width: 10%;
		right: 20px;
	}
	.path-user .button.logoutbutton {
		right: 0;
		margin-top: 0;
	}
	.path-user .button.logoutbutton:before{
		width: 75%;
	}
	.path-user .content .layout--onecol h2 {
		font-size: 1.1em;
		float: left;
		width: 100%;
	}
	.user-logged-in a.button.button-user-chapter .subtitle{
	    left: 33%;
	}
	.path-user h2.usersubtitle {
		font-size: 1.1em !important;
	}
	.attachment.attachment-after .view-footer img, .attachment.attachment-after .view-header img {
		width: 10%;
	}
	.attachment.attachment-after .view-footer p, .attachment.attachment-after .view-header p {
		margin-top: 1em;
	}
	.joinus_col {
		width: 100%;
	}
	.joinus_col button{
		margin-bottom: 2em;
	}
	.path-webform .js-form-item-firstname, .path-webform .js-form-item-lastname {
		width: 100%;
	}
	.path-webform .form-item{
		margin-top: 0;
	}
	.joinus_col a{
		width: 100%;
	}
	.path-frontpage #header {   
		float: none;
	    height: 50px;
	}
	.foot-left{
		display: block;
	}
	.slider-revolution{
		min-height: 357px;
	}
	.banner {
		max-height: 317px;
	}
	.path-frontpage .section #block-h2vtheme-content {
		background: #01122e;
	}
	.grid-container.container.content-home {
		padding: 5%;
	}
	.view-h2-valley-map .view-header p {
		font-family: 'DDin', sans-serif;
		font-size: initial;
		width: 90%;
		margin: 0 auto;
		margin-bottom: 1em;
	}
	div#block-h2vtheme-subfooter .content {
		width: 100%;
	}
	.foot-left > p{
		font-size: .9em !important;
		width: 94%;
		display: block;
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	#leaflet-map-view-h2-valley-map-block-1{
		max-height: 300px
	}
	.row-second .content-left{
		margin-bottom: 2em;
	}
	.foot-left img {  
		width: 65px;
		margin-left: 0em;
	}
	.foot-right{
		display: flex;
		float: left;
		align-items: center;
		justify-content: center;
		width: 100%;
	}
	.foot-right li:nth-child(1) {
		padding-left: 0;
	}
	.foot-right ul{
		padding-left: 0 !important
	}
	.section_right{
		FLOAT: LEFT !IMPORTANT;
	    width: 100% !important;
	}
	#block-lateraldynamicanalysismenufullportal .acorh li .acorhs li a {
		padding-left: 1em !important;
	}
	.page-node-type-charts-page .section_right h1, .charts_page_description{
		width: 100%
	}
	.chart_title, .chart_body {
		width: 100%;
		padding: 1em;
		padding-bottom: 0;
	}
	.chart_filter {
		width: 100%;
	}
	.layout-main {
		margin-bottom: 0px !important;
	}
	.q1long_container.left, .q1long_container.right .q1long_col1 {
		width: 100%;
	    margin-top: 0;
	}
	.q1long_container .teaserq1_field{
		padding: 0
	}
	.first-column, .q1long_container .body-teaser:nth-child(2) {
		width: 100%;
		margin-top: 1em !important;
	}
	.second-row.project .q1long_col5, .first-row.project .q1long_col5, .q1long_col5.colblue div, .body-teaser .q1long_col5 p{
		display: block;
		
		margin: 0;
	}
	.q1long_col5.colblue div {
		width: 77%;
	}
	.first-row.project {
		margin-top: 1em;
		width: 90%;
	}
	.teaserq1_field.status{
		padding: 1em !important;
	}
	.body-teaser.two {
		float: none;
		width: 50%;
	}
	.q1long_container.timeline .button{		
		margin-right: 0;
		margin-top: 0;
		margin-left: 0;
		float: left;
	}
	.teaserq1_title.factors{
	    font-size: 1.5em;
		width: 65% !important;
	}
	.foot-left{
		width: 100% !important;
		max-width: 100% !important;
	}
	h1.teaserq1_title, h3.teaserq1_subtitle {
		width: 100%;
	}
	h1.teaserq1_title{
		font-size: 1.5em;
	}
	.body-teaser.two {
		
		width: 100%;
	}
	.button-back .bnt-contact{
		font-size: .8em;
		min-width: 100%;
		padding: 12px;
		margin-bottom: 1em;
		margin-left: 0
	}
	.q1long_col2 {
		
		min-width: 100%;
	}
	.teaserq1_field.profile_volume b, .q1long_container .body-teaser:nth-child(2) b, .q1long_container .body-teaser:nth-child(3) b, .funding-section b{
		margin-left: 0
	}
	.first-column .teaserq1_field.profile_volume b:before, #investment .teaserq1_field.profile_volume b:before, .funding-section b:before,
	.teaserq1_field.profile_volume b:before, .q1long_container .body-teaser:nth-child(2) b:before, .funding-section b:before, .q1long_container .body-teaser:nth-child(3) b:before{
		left: 0
	}
	.funding-section b{
		padding: 0
	}
	#sliding-popup {
		bottom: -5px !important;
	}
	.slider-revolution .views-field.views-field-field-subtitulo-cabecera .field-content {   
		font-size: 1.3em;
		width: 100%;   
	}
	.tp-caption.transparent-background, .slider-revolution {
		min-height: 375px !important;
max-height: 375px !important;
	}
	.path-hydrogen-valleys .view-h2-valley-map .view-filters form div {
		display: block;
	}
	.path-hydrogen-valleys .view-h2-valley-map .view-header p{
		width: 100%;  
	}
	.section #block-h2vtheme-content h1 {
		font-size: 1.5em !important;
	}
	.path-hydrogen-valleys .view-h2-valley-map .view-filters .js-form-item.form-item.js-form-type-select.form-type-select.js-form-item-field-ch-1-q-10-value.form-item-field-ch-1-q-10-value{
		margin-top: 1em;
	}
	.path-hydrogen-valleys form input, 	.path-hydrogen-valleys form select{
		height: 45px
	}
	.path-hydrogen-valleys .view-h2-valley-map .view-footer{
		width: 90%;
	}
	.export-pdf p{
		max-width: 100%;
	}
	.view-h2-valley-map .views-row:nth-child(5) .w10.plus, .view-h2-valley-map .views-row:nth-child(12) .w10.plus, .view-h2-valley-map .views-row:nth-child(13) .w10.plus, .view-h2-valley-map .views-row:nth-child(15) .w10.plus, .view-h2-valley-map .views-row:nth-child(16) .w10.plus, .view-h2-valley-map .views-row:nth-child(21) .w10.plus, .view-h2-valley-map .views-row:nth-child(22) .w10.plus, 
	.view-h2-valley-map .views-row:nth-child(24) .w10.plus, .view-h2-valley-map .views-row:nth-child(26) .w10.plus, .views-row:nth-child(34) .w10.plus,
	.view-h2-valley-map .views-row:nth-child(8) .w10.plus{
    min-height: auto;
	}
	.view-h2-valley-map .views-row:nth-child(8) .w10.plus, .view-h2-valley-map .views-row:nth-child(3) .w10.plus, .views-row:nth-child(34) .w10.plus{
		min-height: 84px;	
	}
	
	.view-h2-valley-map .views-row:nth-child(10) .w10.plus{
		min-height: 106px;
	}
	.chart_filter_applied{
		margin-bottom: 4em;
	}
	.page-node-type-charts-page .chart_chart svg {
    transform: scale(1.2);
    padding: 0.5em;
	}
	.flagImage {    
    justify-content: center;
    margin: 1em;
}
	.flagImage p{
	min-width: auto
	}
	.path-frontpage .aboutus-banner {
    margin-top: 3em;
	}
	.joinus_benefits{
		flex-direction: column;
	}
}
@media only screen and (max-width: 320px) {
	#best-practices-detail p {
		font-size: initial !important;
	}
	.clearfix.region.region-header {
		display: block;
		width: 100%;
	    margin-top: .5em;
		padding: 0;
	}
	a.tp-caption__button {
		display: initial;
		margin-top: 1em !important;
		float: left;
	}
	#superfish-main-toggle::before {  
		height: 0.1em;
		border-top: 0.6em double #00b3e3;
		border-bottom: 0.2em solid #00b3e3;
		padding: 0.08em;
		width: 1.3em;
	}
	#block-h2vtheme-branding a:nth-child(1) img {
		width: 180px !important;
		padding-top: 11px;
		float: left;
		margin-left: 5px;
		top: 0;
		left: 0;
	}
	
	#block-euflag {
		display: block !important;
		float: left;
		position: relative;
		top: -30px;
		right: -15px;
		margin: 0 !important;
		width: auto;
		height: 0;
	}
	#block-euflag img {
		height: 1.9em;
	}
	#block-mainnavigation-3{
		top: 17px;
		right: 0px;
		position: absolute;
	}
	#block-mainnavigation-3 .sf-accordion-toggle span {
		display: none;
	}
	#block-mainnavigation-3 .sf-accordion-toggle {
		float: right;
		position: absolute;
		top: 0;
		border: 1px solid;
		right: 30px;
	}
	#block-mainnavigation-3 ul {
		background: #0081c7;
	    top: 30px !important;
	}
	#block-mainnavigation-3 ul li a{
		color: #fff
	}
	#block-mainnavigation-3 ul li a {  
		border-bottom: 1px solid #ffffff4d !important;
	}
	#block-mainnavigation-3 li a:hover, #block-mainnavigation-3 li a.is-active {   
		border-left: 5px solid #BCE0FD !important;
		margin: 0;
	}
	#block-mainnavigation-3 li a.is-active, #block-mainnavigation-3 li a:focus{
		border-bottom: 1px solid #ffffff4d !important;
		background: #00286b2e;
	}
	.aboutus-ini img {
		
		top: 37px !important;
	}
	.breadcrumb a {
		font-size: .9em; 
	}
	.grid-container.container {
		margin-top: 0;
	}
	.header .section {
		width: 100% !important;
	}
	.grid-container.container .home-text-container:nth-child(2) h1 {
		width: auto;
	}
	.slider-revolution {
		max-height: 250px;
	}
	.slider-revolution .view-head-caption {
		bottom: -35px;
	}
	.slider-revolution .view-head-caption h1 {  
		
		padding-right: 0%;
		width: 100%;
		font-size: 1.3em !important;
	}
	.slider-revolution .view-head-caption h2 {
		font-size: .9em;
		padding-right: 0;
		width: 100%;
		line-height: initial;
	}
	.tp-caption__button {
		margin: 0 !important;
		font-size: 15px !important;
		margin-top: 0em !important;
		padding: .8em 2em;    
		padding-bottom: 1em !important;
		font-size: 13px !important;
		bottom: -10px;
		
		min-width: 56%;
	}
	.slider-revolution .view-head-caption {
		bottom: 55px;
		padding: 0
	}
	.view-h2-valley-map .view-footer .tp-caption__button {       
		margin: 0 auto !important;
		display: block !important;
	}
	.grid__col-12.grid__col-xs-12.grid__col-sm-6.grid__col-md-6.grid__col-lg-6{
		padding: 0;
	}
	.h1titlenotaligned{
		font-size: 1.5em !important;
		padding-bottom: 0.4em !important;
	}
	.h1titlestyles{
	    font-size: 1.5em !important;
		width: 90% !important;
	}
	.grid-container.container {  
		width: 100%;
		padding: 0px 0;
	}
	#block-h2vmainpageprojects .grid__col-4{
		width: 100% !important
	}
	#block-h2vmainpageprojects .grid-container {
		width: 100%;
	}
	#block-h2vmainpageprojects{
		margin-top: 3em;
	}
	.grid__col-1.grid__col-xs-1.grid__col-sm-1.grid__col-md-1.grid__col-lg-1.columntl {
		width: 100% !important;
	}
	
	#block-h2vtheme-content h1 {  
		font-size: 1.5em;
	}
	.content .layout--onecol h1, .content .group-header h1 {
		margin: 1em 0em 0.3em 0em;
	}
	.homeimg {		
		margin: .5em 0;
	}	
	div#block-h2vtheme-branding{
		width:100%;
		margin: 0;
		height: 3em;
	}
	.row-second {
		display: flex;
		flex-flow: row wrap;
		width: 100%;
	}
	.content-right {
		order: 2;
	}
	.row-first .content-left, .content-right {
		width: 100%;
	}
	.row-second .content-left {
		width: 100%;
	}
	.content-left h1, .subfooter ul {
		width: 100%;
	}
	#block-h2vmainpagetimeline .content {
		margin: 1em;
	}
	div#block-h2vmainpagetimeline .grid-container.container{
		margin-top: 0;
		
	}
	.columntl {
		
		height: 70px;
	}
	.eventon{
		left: 0;
	}
	div#block-h2vmainpagetimeline .columntl p:not(:first-child), div#block-h2vmainpagetimeline .columntl:nth-child(12) p:not(:first-child){
		border: 0
	}
	#webform-submission-sign-up-for-updates-add-form .js-form-item {
		width: 95%;
	}
	.foot-right p {
		padding: 1em 0 !important;
		width: 100%;
	}
	.subfooter ul {
		width: 100%;
	}
	.path-user #page {
		float: none !important;  
		width: 100%;
	}
	div#block-loginimage img {   
		width: 100%;
		position: absolute;
	    height: 250px;
		object-fit: cover;
	}
	.loginpageright footer.site-footer{
		position: relative;
	}
	.loginpageright .foot-right p {
		width: 100%;
	}
	.loginpageright #user-login-form{
	    margin-top: 200px;
		width: 95%;
		float: left;  
		margin-left: .7em;
	}
	.loginpageright #user-login-form .form-text, .loginpageright #user-login-form #edit-submit{
		width: 95%;
	}
	.loginpageright #user-login-form #edit-submit {
		width: 80%;
	}
	.path-user #block-h2vtheme-content{
		padding: 0px 4%;
	}
	.user-logged-in a.button.button-user-chapter {  
		width: 95%;
		margin-bottom: 0em;
	}
	.section_right {
		width: 90% !important;   
		float: none !important;
		margin: 0 auto !important;
		padding-top: 2em;
	}
	#block-barriersmenu li, #block-benchmarkingmenu li{
		margin-left: 0;
		width: 90%;
	}
	#block-barriersmenu, #block-benchmarkingmenu {  
		width: 98%;
	}
	.header .section{
		height: auto;
	}
	.section_left{
		margin-right: 1em;
		margin-left: 1em;
		width: 91%;
		margin-bottom: 2em;
	}
	nav.breadcrumb{
		width: 100%;
		padding: 0.5em 0;
	}
	.breadcrumb ol {
		width: 90%;
		margin: 0 auto !important;
	}
	nav#block-lateralmenuhydrogenvalleys {   
		width: 100%;  
		padding: 0em;
	}
	#block-mainnavigation-2{
		top: 0;
		right: 0;
	}
	.row-third p {
		font-size: 1.1em;
	}
	.h2vmaplist-desktop {
		display: none !important;
	}
	.h2vmaplist-mobile{
		display: block !important;
	}
	.path-hydrogen-valleys .js-form-item {
		width: 100% !important;
		margin-bottom: 0;
	}
	.path-hydrogen-valleys #edit-actions {
		width: 76% !important;
		margin-bottom: 2em;
		padding: 0;
	}
	.path-hydrogen-valleys .leaflet-container {
		height: 300px !important;
	}
	#block-aboutusheader .aboutus-header:before, #block-aboutusheader .aboutus-header{
	    height: 195px;
	}
	#block-aboutusheader .aboutus-header h2{
		width: 75%;
		margin-left: 1em;
		top: 2.5%;
		font-size: 1.5em;
	}
	.aboutus-hv, .aboutus-co, .aboutus-ini {
		padding: 0 0.5em;
		float: left;
		width: 50%;
	}
	.aboutus-ini{
		width: 100%;
	}
	/* .aboutus-banner{ */
		/* margin-top: 2em; */
	/* } */
	
	.aboutus-icon img {
		top: 35px;   
		width: 50%;
	}
	.aboutus-co img {
		top: 35px;
	}
	p.aboutus-num {  
		font-size: 2.3em !important;
		font-weight: 600;
		float: left;
	}
	p.aboutus-sub{
	    font-size: .9em !important;
		width: auto;
	}
	.aboutus-ini .aboutus-sub {
		width: 45%;
	}
	.aboutus-hv p, .aboutus-co p, .aboutus-ini p {   
		margin-left: 0.3em;
	}
	.aboutus-summary{
		margin-top: 1em;
	}
	.aboutus-summary h2{
		font-size: 1.7em !important;
	}
	.aboutus-summary p {
		width: 90%;
		
	}
	.aboutus-summary.link{
		padding: 0;
		margin-top: 2em;
		min-height: auto;
		margin-bottom: 1em;
	}
	.aboutus-summary.link .tp-caption__button{
	    padding: 12px 15px;
	}
	.row-second.aboutus .content-left, .row-first.aboutus .content-right{
		width: 100%;
	}
	.view-best-practices form .js-form-item-title {
		width: 100% !important;
	}
	.view-best-practices .views-view-grid .views-col {
		margin-right: 0;
		width: 100% !important;
		margin-bottom: 1em;
	}
	.view-best-practices form #edit-actions input{
		width: 90%;
	}
	#block-lateraldynamicanalysismenufullportal{
		margin-left: 0;
		width: 100% !important;
		margin-top: 0;
	}
	#block-lateraldynamicanalysismenufullportal li a{
	    padding: .7em;
	}
	.path-hydrogen-valleys h1 {  
		padding: .5em 0;
		padding-bottom: 0
	}
	.path-hydrogen-valleys .js-form-item {
		min-width: 100% !important;
	}
	.path-hydrogen-valleys #edit-actions {
		min-width: 100% !important;
	    margin-bottom: 1em !important;
	}
	.path-hydrogen-valleys .leaflet-popup-content-wrapper, .view-h2-valley-map .vpopup_title {
		width: 100%;
	}
	.path-hydrogen-valleys .first_categ_accord.collapse.show .w80 p, .path-hydrogen-valleys .first_categ_accord.collapse.show .w80 h2{
		width: 90%;
	}
	.q1long_container.header{
		padding: 0 !important
	}
	.q1long_container.header .q1long_col1 {
		padding: .5em;
	}
	.q1long_container .teaserq1_field{
		width: 100%;
		margin-bottom: 1em;
		padding: 0;
	}
	.q1long_container .body-teaser {
		clear: both;
		padding: 0;
	}
	.q1long_container .q1long_col5 {
		width: 100%
	}
	.q1long_container .check-label p{
		float: left;
		width: 100%;
		position: relative;
		top: -9px;
	}
	.q1long_container .q1long_col5 .check-label {    
		height: auto;
	}
	.q1long_col5 input[type="radio"]:checked + label:after{
		width: 12px;
		height: 8px;
	}
	.q1long_container .timeline {
		position: relative;
		min-height: 530px 
		;
	}
	.q1long_tl_limit.q1long_tl_limit_s {
		top: 16px;
		left: 33%;
	}
	.q1long_tl_limit.q1long_tl_limit_f {
		left: 33%;
		float: left;
		top: 405px;
	}
	.timeline hr{
		top: 245px;
		transform: rotate(90deg);
		width: 340px;
		left: -40px;
	}
	.q1long_tl.q1long_tl_s {
		top: 20%;
		left: 15px;
		position: absolute;
	}
	.q1long_tl.q1long_tl_f {
		top: 47%;
		/* right: 8px; */
		position: absolute;
		left: 20.5%;
	}
	time.datetime, .q1long_tl.q1long_tl_s p, .q1long_tl.q1long_tl_f p {
		background: transparent; 
		position: relative;
		z-index: 1;
		left: 28px;
		text-align: center;
	}
	.q1long_tl.q1long_tl_s .field--type-datetime time.datetime{
		left: 97px;
		color: white;
		top: 0;
	}
	.q1long_tl.q1long_tl_f .field--type-datetime time.datetime {
		left: 53px;
		color: #fff;
		top: 0;
	}
	.q1long_col5.colblue li{
		margin-bottom: 1em;
	}
	.q1long_tl.q1long_tl_f p {
		left: 0;
	}
	.q1long_tl.q1long_tl_f p {
		left: 22px;
		text-align: center;
	}
	.q1long_tl.q1long_tl_s .field--type-datetime:after{
		left: 109px;
	}
	.q1long_tl.q1long_tl_f .field--type-datetime:after {
		left: 68px;
	}
	.q1long_tl_limit.q1long_tl_limit_f p{
		left: 16px;
	}
	.finishP div{
	top: 32px;
		}
		.startP div {
    top: 20px;
    position: relative;
}
	.funding-section{
		padding: 0;
	}
	.funding-section form, .funding-section b {
		padding: 0em;
	}
	.button-back a { 
		padding: 15px .8em; 
		font-size: 1em;
	}
	.body-teaser .q1long_col5 img {
		width: 15%;  
		text-align: center;
		margin: 0 auto;
		float: left;
		margin-right: 1em;
	}
	#edit-flexbox-02 {
		padding: 0;   
	}
	.webform-flex.webform-flex--2 .webform-flex--container {
		margin: 0;
	}
	.path-webform .js-form-item.form-item.js-form-type-select.form-type-select.js-form-item-location-country-code.form-item-location-country-code {
		width: 96%;
	}
	.path-webform .js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-location-locality.form-item-location-locality{
		margin-top: 1em;
		margin-right: 0em !important;
	}
	.path-webform .form-actions input{
		width: 76%;
	}
	.q1long_container.header .teaserq1_field {
		width: 100%;
	}
	.contenedor_texto .overtext {   
		top: 0;
		width: 90%;
	}
	.chart_title h4{
		font-size: 1em;
	}
	.chart_filter_applied .f_category{
		margin-left: 0;
		float: left;
		clear: both;
	    font-size: .8em !important;
		margin-top: 0.25em;
	}
	.chart_filter_applied{
		float: none !important;
		width: auto !important;
		margin-left: 0.5em;
	}
	.chart_filter_applied .f_name{
		float: left;
		padding: .3em;
		font-size: .8em !important;
	}
	.chart_chart{
		min-height: auto !important;
		width: 100%;
	}
	.view-toolbox .views-col {
		width: 100% !important;
	}
	.view-toolbox .views-field a{
		width: 100% !important;
		margin: .5em 0;
		min-height: auto;
	} 
	.tabs-toolbox a:first-child {
		margin-left: 0;
	}
	.tabs-toolbox a {
		margin-bottom: .1em;
		clear: both;
		width: 100%;
	}
	.tabs-toolbox a:nth-child(2) {
		margin-bottom: .05em;
	}
	#block-toolboxtabs .field--name-body p:first-child{
		margin-top: 0;
		padding-bottom: 0;
		font-size: 2em;
	}
	.path-analysis .section_right{
		float: none;
		margin: 0 auto;
	}
	#best-practices-detail a{
		padding: 0.8em 1em !important;
		font-size: 0.8em;
	}
	.view-impacts h1{
		font-size: 1.3em;	
	}
	nav.breadcrumb ol li a {
		font-size: 1em;
	}
	.page-node-type-best-practice #block-h2vtheme-content {
		padding: 0 0% 0 0;
	}
	.bestpractice_twocolumns .bestpractice_image{
		width: 100%;
	}
	#best-practices-detail .field--name-field-bestpractice-image{
		margin-right: 0;
		padding-right: 0;
	}
	.path-toolbox #block-h2vtheme-content {
		padding: 0px 0% 0px 0%;
	}
	.statistics_column_3, .report_col {
		flex: 100%;
		padding: 0;
	}
	.section_right #block-h2vtheme-content {
		padding: 0% 0% 0 0;
	}
	.statistics_page h2, .report_col h2 {
		margin: .3em 0;
		padding-bottom: .2em;
	}
	.statistics_column_3:nth-child(5) {
		width: 100% !important;
		max-width: 100%;
	}
	.analysis_column {
		display: block;
		margin-bottom: 1em;
	}
	.analysis_page .analysis_column img {
		width: 100%;
		float: none;
		height: 200px;
		margin-right: 0;
	}
	.analysis_column:nth-child(2) img, .analysis_column:nth-child(4) img {
		float: none !important;
		width: 100% !important;
	}
	.analysis_column:nth-child(2) .text, .analysis_column:nth-child(4) .text {
		padding-right: 0;
		padding-left: 0;
	}
	#block-aboutusheader-1 .aboutus-header h2 {  
		font-size: 1.5em;	   
		width: 67%;
		margin-left: 1em;
		line-height: 1.3;
		top: 4%;
	}
	.path-webform .webform-submission-form .js-form-item {
		margin-right: 0em !important;
	}
	.path-webform .webform-submission-form .option.js-form-required.form-required {
		font-size: .9em;
	}
	.aboutus-summary.link a {
		min-width: 100%;
	}
	.row-second.aboutus .content-left {
		order: 3;
	}
	.row-second.aboutus {
		display: flex;
		flex-flow: row wrap;
	}
	.row-second.aboutus .content-right img {
		padding: .3em 0;
	}
	.q1long_container.header .teaserq1_field {
		width: 100%;
		padding: 0;
	}
	.q1long_container .teaserq1_field{
		padding: 0;
	}
	.q1long_container .teaserq1_field b {
		float: none;
	}
	.button-back a{
	    font-size: .8em;
		min-width: 100%;
		padding: 12px;
	    margin-bottom: 1em;
	}
	.path-hydrogen-valleys #edit-actions input{
		font-size: 17px !important;
		padding: 13px 35px;
		margin-top: 2em;
	}
	.path-hydrogen-valleys .first_categ_accord.collapse.show .w80 p {    
		width: 98% !important;
		padding: .5em 0.5em 1em 1em;  
	}
	.path-hydrogen-valleys .first_categ_accord .w80.desc p {
		padding: .5em 0.5em 0em 1.2em;
		width: 98% !important;
	}
	.row-first.aboutus, .row-third.aboutus, .row-fourth.aboutus {
		display: block;
	}
	.row-first.aboutus img {
		width: 80%;
		margin: 0 auto;
		float: none;
		display: block;
		padding: 1em 0;
	}
	.row-second.aboutus, .row-third.aboutus {
		margin-top: 0;
	}
	.row-second.aboutus .content-right {
		float: none;
		display: block; 
		margin-left: 0em;
		margin: 0 auto;
	}
	.row-third.aboutus .content-right {
		float: none;
		width: 100%;
	}
	.row-third.aboutus .content-left img {
		width: 70%;
	}
	.row-third.aboutus .content-left {
		display: block;
		float: none;
		width: 100%;
		padding: 0 !important;
		
	}
	.row-third { 
		margin-top: 0em;
	}
	.tp-bgimg.defaultimg{
	    background-position: top 00% center !important;
		background-size: 230% !important;
	}
	.row-fourth.aboutus{
	    flex-wrap: wrap;
		margin-top: 2em;
		display: flex !important;
	}
	.row-fourth.aboutus .content-left {
		width: 100%;
	    order: 3;
	}
	.row-fourth.aboutus .content-right img {
		width: 80%;
		float: none;
		margin: 0 auto;
		margin-bottom: 1em;
	}
	.row-fourth.aboutus .content-right {    
		text-align: center;
	}
	.tp-bgimg.defaultimg:before{
	    background-color: rgba(0,0,0,0.3) !important;
	}
	.path-user #block-euflag {
		width: 10%;
		right: 20px;
	}
	.path-user .button.logoutbutton {
		right: 0;
		margin-top: 0;
	}
	.path-user .button.logoutbutton:before{
		width: 75%;
	}
	.path-user .content .layout--onecol h2 {
		font-size: 1.1em;
		float: left;
		width: 100%;
	}
	.path-user .user-logged-in a.button.button-user-chapter .subtitle{
	    left: 33%;
	}
	.path-user h2.usersubtitle {
		font-size: 1.1em !important;
	}
	.attachment.attachment-after .view-footer img, .attachment.attachment-after .view-header img {
		width: 10%;
	}
	.attachment.attachment-after .view-footer p, .attachment.attachment-after .view-header p {
		margin-top: 1em;
	}
	.joinus_col {
		width: 100%;
	}
	.joinus_col button{
		margin-bottom: 2em;
	}
	.path-webform .js-form-item-firstname, .path-webform .js-form-item-lastname {
		width: 100%;
	}
	.path-webform .form-item{
		margin-top: 0;
	}
	.joinus_col a{ 
		width: 100%;
	}
	.path-frontpage #header {   
		float: none;
	}
	.foot-left{
		display: block;
		max-width: 100%;
	}
	.slider-revolution{
		min-height: 356px;
	}
	.banner {
		max-height: 318px;
	}
	.path-frontpage .section #block-h2vtheme-content {
		background: #01122e;
	}
	.grid-container.container.content-home {
		padding: 5%;
	}
	.view-h2-valley-map .view-header p {
		font-family: 'DDin', sans-serif;
		font-size: initial;
		width: 90%;
		margin: 0 auto;
		margin-bottom: 1em;
	}
	div#block-h2vtheme-subfooter .content {
		width: 100%;
	}
	.foot-left > p{
		font-size: .9em !important;
		width: 94%;
		display: block;
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	#leaflet-map-view-h2-valley-map-block-1{
		max-height: 300px
	}
	.row-second .content-left{
		margin-bottom: 2em;
	}
	.foot-left img {  
		width: 65px;
		margin-left: 0em;
	}
	.foot-right{
		display: flex;
		float: left;
		align-items: center;
		justify-content: center;
		width: 100%;
	}
	.foot-right li:nth-child(1) {
		padding-left: 0;
	}
	.foot-right ul{
		padding-left: 0 !important
	}
	.section_right{
		FLOAT: LEFT !IMPORTANT;
	    width: 100% !important;
	}
	#block-lateraldynamicanalysismenufullportal .acorh li .acorhs li a {
		padding-left: 1em !important;
	}
	.page-node-type-charts-page .section_right h1, .charts_page_description{
		width: 100%
	}
	.chart_title, .chart_body {
		width: 100%;
		padding: 1em;
		padding-bottom: 0;
	}
	.chart_filter {
		width: 100%;
	}
	.layout-main {
		margin-bottom: 0px !important;
	}
	.q1long_container.left, .q1long_container.right .q1long_col1 {
		width: 100%;
	    margin-top: 0;
	}
	.q1long_container .teaserq1_field{
		padding: 0
	}
	.first-column, .q1long_container .body-teaser:nth-child(2) {
		width: 100%;
	}
	.second-row.project .q1long_col5, .first-row.project .q1long_col5, .q1long_col5.colblue div, .body-teaser .q1long_col5 p{
		display: block;
		float: left;
		margin: 0;
	}
	.q1long_col5.colblue div {
		width: 78%;
	}
	.q1long_col5.colblue div ul {
		
		clear: left;
	}
	.q1long_col5 > div {
		width: 78%;
		float: left;
	}
	.second-row.project .q1long_col5, .first-row.project .q1long_col5 {
		margin-bottom: 1em;
	}
	.teaserq1_field.status{
		padding: .5em !important;
	}
	.body-teaser.two {
		float: none;
		width: 50%;
	}
	.q1long_container.timeline .button{		
		margin-right: 0;
		margin-top: 0;
		margin-left: 0;
		
	}
	.teaserq1_title.factors{
	    font-size: 1.5em;
		width: 65% !important;
	}
	.foot-left{
		width: 100%;
	}
	h1.teaserq1_title, h3.teaserq1_subtitle {
		width: 100%;
	}
	h1.teaserq1_title{
		font-size: 1.5em;
	}
	.body-teaser.two {
		
		width: 100%;
	}
	.button-back .bnt-contact{
		font-size: .8em;
		min-width: 100%;
		padding: 12px;
		margin-bottom: 1em;
		margin-left: 0
	}
	.q1long_col2 {   
		min-width: 100%;
	}
	.teaserq1_field.profile_volume b, .q1long_container .body-teaser:nth-child(2) b, .q1long_container .body-teaser:nth-child(3) b, .funding-section b{
		margin-left: 0
	}
	.teaserq1_field.profile_volume b:before, .q1long_container .body-teaser:nth-child(2) b:before, .funding-section b:before, .q1long_container .body-teaser:nth-child(3) b:before,
	.first-column .teaserq1_field.profile_volume b:before, #investment .teaserq1_field.profile_volume b:before, .funding-section b:before{
		left: 0
	}
	#sliding-popup {
		bottom: -5px !important;
	}
	.slider-revolution .views-field.views-field-field-subtitulo-cabecera .field-content {   
		font-size: 1.3em;
		width: 100%;   
	}
	.tp-caption.transparent-background, .slider-revolution {
		min-height: 337px !important;
		max-height: 337px !important;
	}
	.path-hydrogen-valleys .view-h2-valley-map .view-filters form div {
		display: block;
	}
	.path-hydrogen-valleys .view-h2-valley-map .view-header p{
		width: 100%;  
	}
	.section #block-h2vtheme-content h1 {
		font-size: 1.5em !important;
	}
	.path-hydrogen-valleys .view-h2-valley-map .view-filters .js-form-item.form-item.js-form-type-select.form-type-select.js-form-item-field-ch-1-q-10-value.form-item-field-ch-1-q-10-value{
		margin-top: 1em;
	}
	.path-hydrogen-valleys form input, 	.path-hydrogen-valleys form select{
		height: 45px
	}
	.path-hydrogen-valleys .view-h2-valley-map .view-footer{
		width: 90%;
	}
	.export-pdf p{
		max-width: 100%;
	}
	.view-h2-valley-map .views-row:nth-child(5) .w10.plus, .view-h2-valley-map .views-row:nth-child(12) .w10.plus, .view-h2-valley-map .views-row:nth-child(13) .w10.plus, .view-h2-valley-map .views-row:nth-child(15) .w10.plus, .view-h2-valley-map .views-row:nth-child(16) .w10.plus, .view-h2-valley-map .views-row:nth-child(21) .w10.plus, .view-h2-valley-map .views-row:nth-child(22) .w10.plus, 
	.view-h2-valley-map .views-row:nth-child(24) .w10.plus, .view-h2-valley-map .views-row:nth-child(26) .w10.plus, .views-row:nth-child(34) .w10.plus,
	.view-h2-valley-map .views-row:nth-child(8) .w10.plus{
    min-height: auto;
	}
	.view-h2-valley-map .views-row:nth-child(8) .w10.plus, .view-h2-valley-map .views-row:nth-child(3) .w10.plus, .views-row:nth-child(34) .w10.plus{
		min-height: 84px;	
	}
	
	.view-h2-valley-map .views-row:nth-child(10) .w10.plus{
		min-height: 106px;
	}
	.chart_filter_applied{
		margin-bottom: 4em;
	}
	.page-node-type-charts-page .chart_chart svg {
    transform: scale(1.1);
    padding: 0.5em;
	}
	.flagImage p{
	min-width: auto
	}
	.flagImage {   
    justify-content: center;
    margin: 1em;
}
	.path-frontpage .aboutus-banner {
    margin-top: 1em;
}
}



@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: landscape){
	.view-toolbox .views-field a {
		width: 96%;
	}
	.path-toolbox #block-h2vtheme-content {
		padding: 0px 0 0px 0%;
	}
	
}

@media screen\0{	
	.content-left h1 {
		width: 85%;
	}	
	.content .layout--onecol h1, .content .group-header h1 {
		margin: 0.5em 0;
		text-align: center;
	}
	#block-h2vmainpagetimeline .container.grid-container {
		width: 100%;
		padding: 0;
		max-width: 94%;
	}
	
	.containertl {
		width: 95%;
		margin-left: 0%;
	}
	
	.container.grid-container {
		width: 100%;
		padding: 0;
		max-width: 90%;
	}
	#edit-field-ch-3-q-13--wrapper input[type="checkbox"]:checked + label:after, #edit-field-ch-3-q-16--wrapper input[type="checkbox"]:checked + label:after {
		left: -30px;
		top: 5px;
	}
	/*media all*/
	.page-node-type-questionnaire-chapter-1 input[type='checkbox'] + label::before, .page-node-type-questionnaire-chapter-2 input[type='checkbox'] + label::before, .page-node-type-questionnaire-chapter-3 input[type='checkbox'] + label::before, .page-node-type-questionnaire-chapter-4 input[type='checkbox'] + label::before, .page-node-type-questionnaire-chapter-5 input[type='checkbox'] + label::before {
		content: "";
		margin-right: 10px;
		display: inline-block;
		vertical-align: text-top;
		width: 20px;
		height: 20px;
		background: white;
		border: 1px solid #c2c2c2;
		position: relative;
		top: -2px;
	}
	/*media all*/
	.page-node-type-questionnaire-chapter-1 input[type='checkbox']:checked + label::after, .page-node-type-questionnaire-chapter-2 input[type='checkbox']:checked + label::after, .page-node-type-questionnaire-chapter-3 input[type='checkbox']:checked + label::after, .page-node-type-questionnaire-chapter-4 input[type='checkbox']:checked + label::after, .page-node-type-questionnaire-chapter-5 input[type='checkbox']:checked + label::after {
		content: "";
		position: absolute;
		left: 6px;
		top: 8px;
		background: white;
		width: 2px;
		height: 2px;
		box-shadow: 2px 0px 0px white, 4px 0px 0px white, 4px -2px 0px white, 4px -4px 0px white, 4px -6px 0px white, 4px -8px 0px white;
		transform: rotate(45deg);
	}
	
}
@media screen and (max-width: 1600px , screen\0){
	.content-left h1 {
		width: 85%;
	}	
	.content .layout--onecol h1, .content .group-header h1 {
		margin: 0.5em 0;
		text-align: center;
	}
	/*media all*/
	#block-h2vmainpageprojects .grid-container {
		width: 90%;
		margin: 0 auto;		
		min-width: 90%;
	}
	
	div#block-h2vmainpageprojects .grid__col-4 {
		background: #fff;
		margin: .5em;
		padding: 0;
		width: 31.7%;
	}
	
	.containertl {
		width: 90%;
		margin-left: 0%;
	}
	
	#block-h2vmainpagetimeline .container.grid-container {
		width: 100%;
		padding: 0;
		max-width: 94%;
	}
	
	.containertl {
		width: 95%;
		margin-left: 0%;
	}
	
	
} 

@media only screen and (-webkit-min-device-pixel-ratio: 2.5){
	#block-breadcrumbs {
    margin-top: 3em;
}
#block-euflag{
	float: right;
	right: 51px;
}
}

 @media only screen and (min-width: 414px) and (max-width: 767px) {
 	.joinus_col {
    width: 49%;
}
.foot-left > p{
	margin-left: 7em;
}
.foot-left{
	max-width: 100% !important;
}
 }

 @media only screen and (min-device-width: 414px) and (max-device-width: 896px) {  
	.timeline hr{
		left: -14px
	}
	.q1long_tl.q1long_tl_f{
		left: 82px;
	}
	.q1long_tl.q1long_tl_s {   
		left: 42px;
	}

}
@media only screen and (min-device-width: 414px) and (max-device-width: 896px) and (orientation: landscape){
	.q1long_tl.q1long_tl_s {
        left: 140px;
	}
	.q1long_tl.q1long_tl_f {
		top: 17px;
		left: 156px;
	}
	.finishP div{
		top: -8px
	}
	.q1long_tl.q1long_tl_f .field--type-datetime time.datetime {
    top: 55px;
	}
	.q1long_tl.q1long_tl_f p {
    position: relative;
    top: -14px;
	}
	.timeline hr {
		left: 0px;
	}
}