@media only screen and ( max-width: 1599px ) {
   
   
   .container,.bx-wrapper .bx-pager{
	   
	   width:1098px;
   }
   
   .bx-wrapper .bx-pager{
	    margin-left:-549px;
   }
   
   
   ul.slideshow{

	 width:100%;
	 height:600px;
   }
   
   .masonry-elem{
	display:block;
	width:336px;
	margin:15px;
   }
   
   
}


@media only screen and ( max-width: 1439px ) {
   
   .container,.bx-wrapper .bx-pager{
	   
	   width:1002px;
   }
   
   .bx-wrapper .bx-pager{
	    margin-left:-501px;
   }
   
   .header{
	
	
	font-size:15px;
	
	
   }
   
   ul.menu li{

	margin-left:14px;
}
   
   ul.slideshow{

	 width:100%;
	 height:500px;
   }
   
   .masonry-elem{
	display:block;
	width:304px;
	margin:15px;
   }
   
   .masonry-elem  .data{
	
	font-size:13px;

	}

	.masonry-elem  .titolo{
	
	font-size: 22px;

	
	}

	.masonry-elem  .testo{
	
	font-size:16px;
	
	}



	.masonry-elem  .luogo{
	
	font-size:13px;

	}
	
	.opera .data{
	
	font-size:13px;
	
	}

	.opera .titolo{
	
	font-size: 22px;

	}

	.opera .testo{

	font-size:16px;

	}

   
   
}

@media only screen and ( max-width: 1279px ) {
   
   
   .container,.bx-wrapper .bx-pager{
	   
	   width:918px;
   }
   
   .bx-wrapper .bx-pager{
	    margin-left:-459px;
   }
   
   .header{
	
	
	font-size:14px;
	
	
   }
   
   ul.menu li{

	margin-left:12px;
}
   
   ul.slideshow{

	 width:100%;
	 height:400px;
   }
   
   .masonry-elem{
	display:block;
	width:276px;
	margin:15px;
   }
   
   .masonry-elem  .data{
	
	font-size:12px;

	}

	.masonry-elem  .titolo{
	
	font-size: 20px;

	
	}

	.masonry-elem  .testo{
	
	font-size:14px;
	
	}



	.masonry-elem  .luogo{
	
	font-size:12px;

	}
	
	.opera .data{
	
	font-size:12px;
	
	}

	.opera .titolo{
	
	font-size: 20px;

	}

	.opera .testo{

	font-size:14px;

	}
  
   
  
  
}

@media only screen and ( max-width: 1023px ) {
	
	
	
	.container,.bx-wrapper .bx-pager{
	   
	   width:96%;
	   margin:0 2%;
   }
   
   .bx-wrapper .bx-pager{
	    margin-right:0;
	    margin-left:-48%;
   }
   
   .header{
	
	
	font-size:14px;
	
	
   }
   
   ul.menu{
	   
	   display:none;
   }
   
   ul.menu li{

	margin-left:12px;
}
   
   ul.slideshow{

	 width:100%;
	 height:300px;
   }
   
   .masonry-elem{
	display:block;
	width:46%;
	margin:2%;
   }
   
   .masonry-elem  .data{
	
	font-size:12px;

	}

	.masonry-elem  .titolo{
	
	font-size: 20px;

	
	}

	.masonry-elem  .testo{
	
	font-size:14px;
	
	}



	.masonry-elem  .luogo{
	
	font-size:12px;

	}
	
	.opera .data{
	
	font-size:12px;
	
	}

	.opera .titolo{
	
	font-size: 20px;

	}

	.opera .testo{

	font-size:14px;

	}
	
	.open-mobile-menu{
		display:block;
	}
	
	
	
	ul.mobile-menu{
     display:none;
     position:fixed;
     overflow-y:auto;
     top:0px;
     right:0px;
     bottom:0;
     width:100%;
     z-index:999999999;
     background-color:#fff;
     padding:12px 0;
     text-transform:none;
   }
   
   ul.mobile-menu li{
     display:block;
     font-size:16px;
     line-height:32px;
     padding:0 20px;
     color:#222;
     
     font-weight:700;
     border-bottom:solid 1px #eee;
   }
   
   ul.mobile-menu li:hover{
     
   }
   
  
   
   ul.mobile-menu li.menu_social{
     display:inline-block;
     
     
     
   }
   
   ul.mobile-menu li a{
     color:#222;
	 
    
   }
   
   
   
   ul.mobile-menu li a{
     width:100%;
     display:block;
      color:#222;
   }
   
  
   
   ul.mobile-menu li a.MenuSelected{
      color:#aaa;
   } 
   
     
	
	
}

@media only screen and ( max-width: 767px ) {
   
   .masonry-elem  .data{
	
	font-size:11px;

	}

	.masonry-elem  .titolo{
	
	font-size: 18px;

	
	}

	.masonry-elem  .testo{
	
	font-size:13px;
	
	}



	.masonry-elem  .luogo{
	
	font-size:11px;

	}
	
	.opera .data{
	
	font-size:11px;
	
	}

	.opera .titolo{
	
	font-size: 18px;

	}

	.opera .testo{

	font-size:13px;

	}
	
	
    .bx-wrapper .bx-pager {
		display:none;
	}
	
	ul.slideshow li .text{
	
	position:absolute;
	bottom:8px;
	right:5px;
	padding-top:0px;
	text-shadow:1px 1px 2px #000;
	z-index:999999;
	
	text-align:right;
	
   }
   
   

   
}


@media only screen and ( max-width: 479px ) {
   
  
    ul.slideshow{

	 width:100%;
	 height:240px;
   }
   
   .masonry-elem{
	display:block;
	width:96%;
	margin:2%;
   }
   
   .masonry-elem  .data{
	
	font-size:11px;

	}

	.masonry-elem  .titolo{
	
	font-size: 16px;

	
	}

	.masonry-elem  .testo{
	
	font-size:12px;
	
	}



	.masonry-elem  .luogo{
	
	font-size:11px;

	}
	
	.opera .data{
	
	font-size:11px;
	
	}

	.opera .titolo{
	
	font-size: 16px;

	}

	.opera .testo{

	font-size:12px;

	}
   
}

@media only screen and ( max-width: 379px ) {
  ul.slideshow{

	 width:100%;
	 height:200px;
   }
}