/* Smartphones (Landscape) ----------- */

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

	

	
	.in-viewport {
	 	 padding-left: 146px !important;
	}


	#home .bigtab 					{ background-position:-170px 8px; }
	#about-interreg-ivc .bigtab 	{ background-position:-110px 8px; }
	#the-organisation .bigtab 		{ background-position:-50px 8px; }
	#the-project-cycle .bigtab 		{ background-position:10px 8px; }
	#monitoring-funds .bigtab 		{ background-position:70px 8px; }
	#benefits-for-countries .bigtab { background-position:130px 8px; }
	#timeline .bigtab 				{ background-position:190px 8px; }
	#moving-forward .bigtab 		{ background-position:250px 8px; }

	#home .bigtab .tab-content 						{ right: 155px; }  
	#about-interreg-ivc .bigtab .tab-content 		{ right: 95px; }   
	#the-organisation .bigtab .tab-content 			{ right: 35px; }
	#the-project-cycle .bigtab .tab-content 		{ right: -25px; }
	#monitoring-funds .bigtab .tab-content 			{ right: -85px; }
	#benefits-for-countries .bigtab .tab-content 	{ right: -145px; }
	#timeline .bigtab .tab-content 					{ right: -205px; }
	#moving-forward .bigtab .tab-content 			{ right: -265px; }
	
	#about-interreg-ivc .bigtab .tab-content .tab-title		{ right: 43px; }   


	.map-overlay-1 {
	  width: 100%;
	}
	.map-overlay-2 {
	  width: 100%;
	}	

	
	
}


@media only screen and (max-width : 568px) {
	
	
.exampleproject_line_up_tab {
	
  background-size: 1000px;
  height: 50px;
  margin-bottom: 9px;
  width: 100%;
  
}
		
	.map-overlay-1 {
	  width: 80%;
	  font-size: 1.2em;
	}
	.map-overlay-2 {
	  width: 80%;
	  font-size: 0.8em;
	}		
			

	
.innovation .map-number strong {
	color:#186CB2 !important;
	font-size:2em;
}

.environment .map-number strong {
	color:#009771 !important;
	font-size:2em;
}
	
	
	
	
	.content-container, .overlay {
		background-image:none !important;
	}
	
	.iphonebgimage, .iphonebgimageoverlay {
		display:inline;
	}	
		
	
nav#page, nav#page_m {
	left: 0px;
	top: 0px;
	position: relative;
	text-align: left;
	z-index: 10;
	font-size: 1em;  
}


#page_m_container {

	top: -15em !important;	
	filter: alpha(opacity=60);
	opacity: 0.6; 	 
	padding-bottom:2em;	
	background-color:#fff !important;	
	width:100%;
 	background-image:url("/interreg/wp-content/themes/five3-interreg-child/images/menu-arrow_menu-arrow-down.png");	
 	background-position:center bottom;
 	background-repeat:no-repeat;		
}
	
#page_m_container:hover {
	top: 0px !important;	
	padding-top:3em;
	filter: alpha(opacity=90);
	opacity: 0.9;	
}
	

nav#page_m li {
  	height: 2em;
	width: 100%;
	height:auto;	
	position: relative;
	list-style-type: none;
	overflow: visible;
	background-image:none;	
	margin-right:0px;
	margin-top:0px;
	left:0px;
	text-align:center;
	padding:0;	
}

.top-menu-li a {
  line-height: 1.8em;
  font-size:1.2em;
  padding-right: 0px;
  color: #ffffff;
}	
	
nav#page_m #home-link a, nav#page_m #moving-forward-link a {
  color: #ffffff; 
}

	
ul {
    list-style-position: initial;
}

.in-viewport {
	padding-left: initial !important;
	/*  background-color:#fff !important; */	  
}
	
nav#page_m #home-link  {
	left:0px;	
	background-image:none;	
	background-color:#4d4d4d;
	z-index:10;
}

nav#page_m #about-interreg-ivc-link  {
	left:0px;	
	background-image:none;	
		background-color:#ffffff;
	z-index:9;
}

nav#page_m #the-organisation-link  {
	left:0px;	
	background-image:none;	
	background-color:#ffdc00;	
	z-index:8;
}


nav#page_m #the-project-cycle-link  {
	left:0px;	
	background-image:none;	
	background-color:#f29100;	
	z-index:7;	
		
}

nav#page_m #monitoring-funds-link  {
	left:0px;	
	background-image:none;	
	background-color:#e3003a;
	z-index:6;	
}

nav#page_m #benefits-for-countries-link {
	left:0px;	
	background-image:none;
	background-color:#009771;	
	z-index:5;	
		
}


nav#page_m #timeline-link {
	left:0px;	
	background-image:none;	
	background-color:#0069b3;
	z-index:4;
}


nav#page_m #moving-forward-link  {
	left:0px;	
	background-image:none;
	background-color:#4d4d4d;	
	z-index:3;	
}

nav#page_m ul {
	width:100%;
}	
	
nav#page_m li {
	background-color:#ccc;
	
}

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

.more-div {
  padding: 0 5px;
}  	
	
.space-before-bigtab {
  height: 50px;
}
	
* {
	font-size:0.95em;
}	
	
#page_m {
	/* display:none; */
}

.tab-title {
  font-size: 15px;
  right: 56px;
}
	
.bigtab {
  background-position: -90px 8px !important;
}
		
		
.bigtab .tab-content {
  right: 75px !important;
}
	
	
.one_half, .one_half.last_column, .one_third, .two_third {
padding-right: 0px !important;
  width: 100% !important;
}
	
#organisation-title, #funding-title, #forward-title  {
  padding-left: 0;
  padding-right: 0 !important;
}
	
	
	#home .iphonebgimagediv {
		display:none;
	}
	
	.iphonebgimagediv {
		position:relative;
		width:100%;
		height:auto;
	}
	
	/*
	.iphonebgimage {
		width:100%;
		position:absolute;		
	}
	
	.iphonebgimageoverlay {
		position:absolute;
		left:0px;
		top:13px;
		width:100%;	
	}
	*/	
	
	

	
	
body.fixed .content:first-of-type {
  padding-top: 0px; 
}

body.fixed .content {
   margin-bottom: -77px;
}

.entry-content-text p {
  font-size: 1.8em;
}
	
.teasertext {
	font-size: 1.2em; 
	line-height: 1.3em; 
	margin-bottom: 10px; 
	margin-top: 20px;
}

.project_block {
	font-size:1em;
}
	
.project-title {
  font-size: 2em;
}
.project-title-sub {
  font-size: 1.2em;
}
	
.project-title-small, .project-title-small-sub {
	font-size:1.2em;
}

.project-poster-under-1, .project-poster-under-2 {
	width:100%;
}

h3 {
  font-size: 2.3em;
}
	
.narrow {
  margin: 5px 5px;
}
	
.quote-small, .quote-small p {

}
	

#insertPages_Content {
	padding-top:4em;
	/* font-size:1.4em; */
	padding-left:3px;
	padding-right:3px;
}
	
#insertPages_Content {	
	font-size:1.2em;
}
	

	
.project_block {
  padding: 7px;	
}

#insertPages_Content .project_block {
	font-size:1em;
}
	
	
/*	

		
#insertPages_Content .project-title-small, #insertPages_Content .project-title-small-sub {
	font-size:1.3em;
}
	
#insertPages_Content .quote-small {
  font-size: 1.2em;
}
*/
	
#footer {
  height:700px;
 }
		

.footer-block {
  width: 100%;
  text-align: left;
  float: left;
  margin-right: 0;
  margin-top:20px;

}
#download_pdf_but {
	width:initial;
}		

			
	
#timeline_list {
  text-align: center;
  width: 100%;
  margin: 0px auto;
  background-repeat: repeat-y;
  background-position: 7px;
}
 
#post-1957 #timeline_list {
	background-image:none;
}
	
	
#timeline_list .right {
  width: 90%;
  text-align: left;
  margin-left: 0px;
}
	
	
#timeline_list .forward {
  width: 100%;
  text-align: left;
  margin-left: 0px;
  padding-left: 0px; 
}	

	
	
#timeline_list .left {
  width: 100%;
  text-align: left;
  margin-left: 0px; 
}	
	
#timeline_list .lessons, #timeline_list .milestone {
  font-size: 1.4em;	
   padding-right: 0px;
   padding-left:38px;
   width:90%;
}
	
.righttome, .lefttome {
	position: relative !important; 
	margin-top:5px !important;
	margin-bottom:5px !important; 
	right: 0 !important;
	top: 0 !important;
	width: 90% !important; 
	left:0 !important; 
}
	
#timeline_list .alignleft, #timeline_list .alignright {
  float: none;
   margin-left: 0;
   margin-right: 0;
}	


	
#timeline_list .milestone {
  position: relative;
  background-image: url('../images/illustraties_milestone-dot-yellowleft.png');
  background-repeat: no-repeat;
  background-position: left 5px;
  padding-left: 38px;
  margin-bottom: 10px;
  padding-top: 10px;
}
	
.project_block_corner_innovation, .project_block_corner_environment {
	background-size: 50%;
}
	
.exampleproject-ballonline {
  height: 66px;
  background-size: 750px;
}
	
	
.textwidget img {
	width:100%;
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {


	
#timeline_list .lessons, #timeline_list .milestone {
  font-size: 1.4em;
  padding-right: 0px;
  padding-left: 38px;
  width: 84%;
}
	
		
#EU-div-front {
	text-align:center;
}
		
		
#EU-div-front img {
	padding-bottom:20px;
	padding-right:20px;
	text-align:left;
	float:none;	
}	
		
		
	#preloader {
		visibility: hidden;
	}

	#comment, #commentform input, 
	#commentform #submit, #commentform #comment {
		width: 256px;
	}

	.commentlist {
		width: 264px;
	}

	#commentform #submit {
		width: 85%; 
	}
	
	.iphonebgimagediv {
		width:100%;
	}
	

	
}