/* Media Queries Astrea's WebSite */
@media (max-width:720px) {
	.tab, .tab button, .menu, .homeMenuPress,.upDown {display:block;} 
	.bio {	font-size:1rem;	}				/*P CLASS FOR BIGRAPHY  "Read more Read less"*/
}
@media (min-width:180px)and (max-width:359px){
	.dropdown{min-width:6.2rem;}
	.titleLb{font-size:0.8rem; height:4rem;}
	.workprev{margin-left:0.5; }/* Position the "prev next button" in works */
	.headertop{display:block; height:9rem; }	
}
@media (min-width:180px)and (max-width:216px){
	.homelogotop{width:55%;}	
}
@media (min-width:180px)and (max-width:252px){ /*FOOTER*/
	.footer{whidt:100%;font-size:0.4rem; height:1rem;}
	
}
@media (min-width:253px) and (max-width:289px) { /*FOOTER*/
	.footer{whidt:100%; font-size:0.6rem; height:1rem;}
}
@media (min-width:290px) and (max-width:315px) { /*FOOTER*/
	.footer{whidt:100%;font-size:0.7rem; height:1rem;}
	.workprev, .worknext, .workU, .workD {	font-size:20px;	}
	
}
@media (min-width:316px) and (max-width:354px) { /*FOOTER*/
	.footer{whidt:100%;font-size:0.8rem; height:1rem;}
	.workprev, .worknext , .workU, .workD {	font-size:20px;	}
	.workprev{margin-left:0.5; }/* Position the "prev next button" in works */
	.XButton { right:-3rem; }
	.photogallery{width:120%;}
}

@media (min-width:355px) and (max-width:450px) {}/* ?*/
	
@media (min-width:355px) and (max-width:720px) { /*FOOTER*/
	.footer{whidt:100%;font-size:1rem; height:1.5rem;}
	/*.titleLb{font-size:1.5rem; height:4rem;}*/
	.workNav {margin:0.3rem 0;	}
	.photogallery{width:120%;}
	
}
/* ****************************************360 x 720  **************************/

@media (min-width:360px) and (max-width:720px) {
	
	.visible .topNavBar {left:0; }/*quanto occupa la topNav*/
	.headertop { display:block; height:8rem;}
	.topNavBar {display:flex; 
		display:-webkit-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		-webkit-box-orient:horizontal;
		-webkit-box-direction:normal;
		    -ms-flex-flow:row;
		        flex-flow:row; height:1rem; 
		padding:0rem 0.0rem 0 0; 
	}
	.dropdown-contain {max-width:2rem; margin:0rem; border-radius:0 5px 5px;}	/*per disallineare il menu a tendina*/
	.tabcontent{margin-top:4rem;}
	.workprev, .worknext, .workU, .workD  {	font-size:20px;	}
	.workprev{margin-left:0.5; }/* Position the "prev next button" in works */
	.workNav {margin:0.3rem 0 ;	}
	.workU, .workD  {margin:1rem 0 1rem;	}
	.presscentered{top:}	
}
/* ****************************************721  4560  **************************/

@media (min-width:721px) and (max-width:4560px){
	/*.topNavBar {display:block; }*/
	*{	-webkit-box-sizing: border-box;	box-sizing: border-box;  }
	
.col-1 {width: 8.33%;}
	.col-2 {width: 16.66%;}
	.col-3 {width: 25%;}
	.col-4 {width: 33.33%;}
	.col-5 {width: 41.66%;}
	.col-6 {width: 50%;}
	.col-7 {width: 58.33%;}
	.col-8 {width: 66.66%;}
	.col-9 {width: 75%;}
	.col-10 {width: 83.33%;}
	.col-11 {width: 91.66%;}
	.col-12 {width: 100%;} 
	
	.row::after {
		content: "";
		clear: both;
		display: table;
		}
		
	.imgWork{width:100%}
	.workNav {margin:1rem 0;	}	
	.workU, .workD {margin:1rem 0;	}
		
	/*MOBILE Intestazione logo/fondo nero,TOPNAV, Hamburger button, Xclose tab button*/
	.headertop {display:block; height:8rem;}
	.homelogotop, .homelogodesk { display:block;}
	
	
	.centrale {	top:4rem;}/*COLONNA CENTRALE CON FOTO*/
		
	 	
	/*-ALL PAGES-*/
	.footer{
		width:100%;
		left:;
		letter-spacing:0.1rem;
		word-spacing:0.3rem;
	}
		
	/*-TABS ALL PAGES*/
	.tabcontent {  /*Containers of all headers*/
		display:none; 
		width: 100%;
		margin-top:3rem;
		height:99.8%;
		/*margin-top:0.2rem;
		margin-right:3rem;
		left:3rem;
		/*padding: 2rem 3rem 7rem 3rem; /*modificare per disporre le pressthumb*/
		/*font-family:"Times New Roman", sans-serif;*/
	}
/*If you want to fade in the tab content, add the following CSS*/
.tabcontent { -webkit-animation: fadeEffect 0.5s; animation: fadeEffect 0.5s;} /* Fading effect takes 0.5 second */

/* Go from zero to full opacity */
@-webkit-keyframes fadeEffect {from {opacity: 0;} to {opacity: 1;} }
@keyframes fadeEffect {from {opacity: 0;} to {opacity: 1;} }	
	
/*-------------------------------------------------------------PROVA TABMENU------*/

/* Go from zero to full opacity */
@keyframes fadeEffect {from {opacity: 0;} to {opacity: 1;} }



/*------------------------------------------------------HOME PAGE--------------------------*/

	.pressthumb { 
		flex: 1; 
		-webkit-box-flex: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
	 /* For old syntax, otherwise collapses. */
		-webkit-flex: 1;       /* Safari 6.1+. iOS 7.1+, BB10 */
		-ms-flex: 1;           /* IE 10 */
		width:200px; 
	}/* immagini cover press*/
		
	.presscontainer{ margin-bottom:2rem; } /*distanzia i thumb fra loro*/
	.presscentered{ width: 70%; top:70%;}
	
	/*----------------------------------------PAGE ESMERALDA---------------------------------*/
		
	.bio{font-size:;padding:5px 30px 50px;	line-height:2em; }  /*P CLASS FOR BIGRAPHY  "Read more Read less"*/
	.arTxt {padding:1rem 3rem 5rem;}	/*P CLASS FOR ARTICLE  "Read more Read less"*/
	.f11,.f15 {width:5%;}
	
	/*---------------------------------------------PAGE GALLERY------------------------------*/
	 #gallery, #gallery2 {width:65%;}
	
	/*---------------------------------------------VIDEO-----------------------------*/
	.modal { 
		display: none;
		width: 100%;
		max-width:70%;
		top:5%;
		left:15%;
		z-index:12;
	}	  
	/* Modal Content */
	.modal-content {
		position: relative;
		width: 100%;
		max-width: 900px;
		background-color:;
		margin: auto;
		padding: 0;
	} 
	/* The Close Button */
	.close { top: 5px; right:1px; font-size: 35px; }
	/* Next & previous buttons */
	.videoprev, .videonext { padding: 16px; 	margin-top: -50px; font-size: 20px; }

	/* Number text (1/3 etc) */
	.numbertextVideo {
		top: 0;
		font-size: 12px;
		padding: 10px 12px;
	}

	/* Caption text */
	.caption-container { padding: 0px 16px 5px; }

	img.demo {  /*thumb dentro il lightbox*/
		width:80%;
		margin:10px;
		padding-top:;
	}
	/*------------------------------------------------WORKS PAGE----------*/

	.tabcontentarticle{
		float: left;
		background:#1111;
		margin-top:0;
		margin-right:-3rem;
	}
	
	.title{   /*Titolo Articolo*/
		max-width:100%;
		height:6%;
		/*background-color:#0F2B5A;*/
		margin:0 0 1rem;
		right:0.1rem;
		font-size:1.4rem;
		color:white;
		letter-spacing:0.5rem;
		/*border-top:1px black solid;
		border-bottom:1px black solid;*/
	} 
	.titleLb{font-size:1.2rem;}
	.workprev, .worknext, .work {font-size:24px;	}
	.workprev{ margin-left:1rem;}/* Position the "prev next button" in works */
}

@media (min-width:721px) and (max-width:750px){ }
@media (min-width:751px) and (max-width:950px){ }
@media (min-width:951px) and (max-width:1074px){.p{font-size:24px;} }
@media (min-width:170px) and  (max-width:1280px) { .photogallery{width:70%;} }	
@media (min-width:1281px) and (max-width:2560px) { .photogallery{width:70%;} }
@media (min-width:1075px) and (max-width:5600px){
	.centrale {background-position:center;}
	a:link{font-size:36px;}
	/*.critiqueThumb {padding:1rem;} /* immagini Critiques*/
	.presscentered {  /*posizione testo nella immagine / immagine Press35 Kommersante*/
	top:80%;} /* 100% è al bordo inferiore della immagine*/		
	/*#homeMenu {padding-top:50%;}*/
	.bio, .en, .enW70, .it, .itW70 	{font-size:1.6rem;}
	.arTxt, .tab button, title{font-size:2rem; margin:2rem;	}/*P CLASS FOR BIOGRAPHY  "Read more Read less"*/
	.footer{font-size:1rem; height:1.5rem; margin-left:;}
	.h1{display:block;}
	.h2{display:none;}
}
@media (min-width:1920px) and (max-width:5600px)and (orientation:landscape){
	.tabcontent{	/*COLONNA CENTRALE CON FOTO*/
		max-width:65%;
		margin-right:2rem;
		float:right;}
	.photogallery{width:70%;}
	/*.critiqueThumb {padding:2rem;} /* immagini Critiques*/
	.h1{display:block;}
	.h2{display:none;}	
	.imgWork{width:35%;}
}
@media (min-width:2560px) and (max-width:5600px){
	.tabcontent{max-width:65%;margin-right:2rem;float:right;}	/*COLONNA CENTRALE CON FOTO*/
	/*.presslightbox {width:;}*/
	.h1{display:block;}
	.h2{display:none;}
	.photogallery{width:60%;}
	.gallery, .gallery2{width:100%;}
}
@media (min-height:280px) and (max-height:5600px) and (orientation:landscape){
	.tabcontent{border: ;}
	.tab {width: 100%; margin:-2rem 0 0 0;}		/*Menu all headers*/
	.photogallery{width:60%;}
	.imgWork{width:35%;}
}