/**** Media Query ****/

/* 1024 H tablet ------------------ */
@media  screen and (max-width:1024px){

	.testata .testo-img-testata{
		top: calc((100% - 167px) / 2);
		left: 80px;
		font-size: 1.9em;
		padding: 5px;
	}

	.testata, .testata>div.img-cont{
		max-height: 350px;
	}

}

/* 768 V tablet ------------------- */
@media  screen and (max-width:768px){

	.contenuto-scheda #left-content {
	    padding-right: 0px!important;
	}

	.contenuto-scheda #testo-piu{
		padding-bottom: 10px;
	}

	#language:hover, #language{
	    position: absolute!important;
	    right: -25px!important;
	    background: none!important;
	}

	.nav li a{
		font-size: 1.25em!important;
	}

	.testata, .testata>div.img-cont{
		max-height: 250px;
	}

	.testata .testo-img-testata{
		top: 50px;
		left: 0px;
		font-size: 1.5em;
		padding: 5px;
	}

	.contenuto-scheda .event-details, .contenuto-scheda .event-date, .contenuto-scheda #header-bottom, .contenuto-scheda .cambi-programma, .contenuto-scheda .event-desc, .contenuto-scheda .leggi-piu, .contenuto-scheda .testo-piu, .contenuto-scheda .altro-testo{
		font-size: 1.1em;
	}

	.contenuto-scheda #altre-info{
		font-size: 1.2em;
	}

	.head-content #article-header-left{
	    padding-top: 10px;
	}

	.contenuto-scheda #altre-info{
		padding-top: 20px;
	}

	#img-modal{
		height: 100%!important;
		margin-top: 0%!important;
	}

	.contenuto-ricerca .filtro{
		margin-bottom: 10px;
		width: 100%;
		margin-right: 0;
	}

	.contenuto-ricerca .numero-evento{
		width: 13%;
		left: 9px;
	}

	.contenuto-scheda #head-text-cont{
		min-height: 360px;
	}

	.contenuto-scheda #testo-breve{
		font-size: 1.1em
	}

}

/* 480 mobile --------------------- */
@media  screen and (max-width:480px){

	.contenuto-scheda #header-bottom{
		padding: 0px 20px 20px 20px;
		position: relative;
		bottom: 0;
		right: 0;
		text-align: right;
	}

	.testata{
		margin-top: 85px;
	}

	#header {
		position: fixed;
		z-index: 1000;
	}

	.container-mobile {
		position: fixed;
	    margin-top: 35px;
	    z-index: 999;
	}

	#foto-cont {
	    border-right-style: none;
	    height: 196px;
	}

	.foto .small-img {
		width: 100%;
		height: 100%;
	}

	.contenuto-scheda #testo-piu{
		border-bottom-style: double;
	}

	.concerti #testo-piu{
		border-bottom-color: #6fb74a;
	}

	.logo{
		height: 25px;
		margin: 5px!important;
	}

	#header_right #right{
		float: none;
	}

	#header_right .quick-link:last-of-type{
		padding-right: 0;
	}

	.testata{
		height: 150px;
	}

	.testata>span{
		top: 220px;
	}

	#edizioni-passate-lista{
		left: 142px;
	}

	#header_right #lingua{
		margin: 0;
	}

	#header_right #cambio-lingua{
		right: -15px;
		top: 35px;
	}

	#img-modal{
		width: 100%;
		margin-left: 0;
	}

	.real-img{
		width: 100%!important;
	}

	#chiudi-img{
	    position: absolute;
	    right: 0px;
	    top: 0px;
	    z-index: 2;
	    color: white;
	}

	#foto-modal .iS-right, #foto-modal .iS-left{
		color: white!important;
		text-shadow: 2px 2px #000;
	}

	.navbar-inverse .navbar-collapse{
		padding-left: 20px!important;
	}

	.contenuto-ricerca .filtri{
		padding-bottom: 10px;
		font-size: 0.9em;
	}

	.contenuto-ricerca .filtro{
		padding: 5px 0 5px 5px;
	}

	.contenuto-ricerca .filtro:first-of-type{
		width: 195px;
	}

	.contenuto-ricerca .filtro:nth-of-type(2){
		width: 305px;
	}

	.contenuto-ricerca .filtro:last-of-type{
		width: 115px;
		display: block;
	}

	.contenuto-ricerca #mappa-btn{
		margin: 15px 0 10px 0;
		font-size: 0.9em;
		padding-top: 0;
		width: 180px;
	}

	.contenuto-ricerca #titolo-pagina{
		font-size: 1.8em;
		padding: 0;
	}

	.contenuto-ricerca .evento{
		display: block;
		margin-bottom: 10px;
		padding-bottom: 20px;
	}

	.contenuto-ricerca .titolo-evento a, .contenuto-ricerca .titolo-evento .text-titolo{
		font-size: 1.75em;
		line-height: 1.1em;
	} 

	.contenuto-ricerca .numero-evento{
		width: 8%;
	}

	.contenuto-ricerca .icone-evento{
		padding-top: 10px;
		padding-right: 10px!important;
		font-size: 1em;
	}

	.contenuto-ricerca .evento-text{
		padding-left: 10px!important;
	}

	.contenuto-ricerca .desc-evento{
		line-height: 1.2em;
	}

	.contenuto-ricerca .dett-evento{
		padding-right: 20px;
	}

	.contenuto-ricerca .data-luogo{
		padding-right:0px!important;
	}

	.contenuto-home .desc-foto-piccolo{
		font-size: 0.7em;
	}

	.testata .testo-img-testata{
		top: 0px;
		left: 0px;
		font-size: 1.25em;
		padding: 5px;
		white-space: nowrap;
		text-overflow: ellipsis;
		height: 38px;
		overflow: hidden;
	}

	.testata .iS-left, .testata .iS-right{
		display: none;
	}

	.contenuto-scheda #head-text-cont{
		border-left: none;
		border-top: solid #fff;
		min-height: 100px;
	}

	.contenuto-scheda .category-name{
		text-align: right;
		width: inherit;
	}

	.contenuto-scheda .event-main{
		padding-top: 10px!important;
		font-size: 0.8em;
	}

	.quick-link{
		display: none;
	}

	#div-link-footer{
		display: block;
	}

	#header_right{
		padding: 0!important;
	}

	#header_right #lingua{
		position: absolute;
	    right: 5px;
	    top: 12.5px;
	}

	#header_right input, #header_right button{
		position: absolute;
	}

	#header_right input{
		position: absolute;
		right: 50px;
		top: 5px;
	}

	#header_right button{
		position: absolute;
		right: 50px;
		top: 9px;
	}

	#header_left{
		text-align: left;
	}

	.head-content .event-title{
		font-size: 1.8em;
	}

	.head-content {
		margin-top: 65px;
	}

	.head-content .cambi-programma, .contenuto-scheda #head-text-cont, .contenuto-scheda #altre-info{
		font-size: 0.9em;
	}

	.contenuto-scheda .leggi-piu{
		margin: 5px 0!important;
		padding: 2.5px 0!important;
	}

	.contenuto-scheda #altre-info{
		padding-top: 10px;
	}

	.contenuto-scheda .icone-destra{
		padding-bottom: 10px;
	}

	#footer-cont4{
		width: 100%!important;
	}

	#footer-cont4 #social{
		width: auto;
	}

	#footer-cont4 span{
		margin: auto!important;
	}

	.testata2 span{
		font-size: 1.5em;
		line-height: 50px;
	}

	#article-header-middle{
		display:block;
	}

	#article-header-middle a{
		margin: 0;
	}

	.contenuto-scheda .event-date, .contenuto-scheda .event-details{
		padding-bottom: 5px;
	}

}

/* 320 mobile --------------------- */
@media  screen and (max-width:320px){

	.contenuto-ricerca .filtri{
		font-size: 0.9em;
	}

}

@media (max-width: 480px){

	.logo{
		width: auto;
	}

}

/**** End Media Query ****/