/* CSS specifico di ogni applicazione (l'unico da modificare) */
/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) {
	ul.breadcrumb {display: none;}
	#main section.strillo p {
		font-size: 1.12em;
		line-height: 1.4;
		margin-bottom: 12px;}

	/*SERVIZI*/
	#input-servizi {
    width: 460px;
    margin-left: 0px;
	}

	.btn-servizi {
    background-color: #9a9a9b;
    border-color: transparent;
    color: #fff !important;
    font-size: 13px;
    font-weight: bold;
    border-radius: 8px;
	}
	.btn-servizi-active {
    background-color: #004080;
    border-color: transparent;
    color: #fff !important;
    font-weight: bold;
    border-radius: 8px;
}
.day-calendar {
	width: 33%;
	position: relative;
}
.day-calendar a.date_day {
	width: 100%;
	position: relative;
	}
#main section.section-social .panel {min-height: 465px;}
.fb-post {margin-bottom: 40px;}
.video-container iframe{ height: 100%; }
.link-box-correlati {font-size: 15px;}
}
@media (max-width: 500px) {
	#input-servizi {
    width: 270px;
    margin-left: 0px;
}
.link-box-correlati {margin: 10px 0 0 0; font-size: 12px;}

.sito-tem {margin: 20px 10px;}
.sito-tem-a {margin: 17px 20px;}
}
@media (min-width: 768px) and (max-width: 900px){
.area-riservata{display: none;}
.fa-lock{margin-right: 0em; font-size: 18px;}
.nav > li > a > .fa {width: 15px;}
.fb-post {margin-bottom: 10px;}
.link-box-correlati {font-size: 15px;}
.panel-cittadini {
    min-height: 250px;
}
}

@media (min-width: 900px) and (max-width: 940px){
    .area-riservata{display: none;}
    .fa-lock{margin-right: 0em; font-size: 18px;}
}


@media (min-width: 769px) and (max-width: 1140px){
#input-servizi {
    width: 400px;
    margin-left: 0px;
}
.panel-cittadini{min-height:240px;}
.hidden-md-up {display: none !important;}
.player{padding-top: 0px;}
.video-container {height: 335px !important;}

#main section.section-social .panel {min-height: 460px;}
.fb-post {margin-bottom: 20px;}
.video-container iframe{ height: 330px;}
.section-grey.box_text_container .fa{padding:5px 1px 0px 0px;font-size:1.8em !important;}
.title-link{font-size:1.4em !important;}
.box_text_container{padding:30px 10px 40px 10px;}

}
@media (max-width: 1280px) {
.stato-fb {margin: 5px 0;}
.pg-fb {padding: 5px 10px;}
.video-container{height: 290px;}
.fb-post{margin-bottom: 0px;}
}
/* Medium devices (desktops, 992px and up) */
@media (max-width: 992px) {
#main section.section-social .panel{min-height: 460px;}
.video-container {height: 325px;}
.fb-post {margin-bottom: 10px;}
}

/* Large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {
.col-lg-2_5{width: 20%;}
.utenti-footer {top:77%; left: 60%;}
.box_text_putenti{min-height: 270px;}
.link-list > li > a {padding: 0px 10px 5px 0px;}
#main section.section-social .panel {min-height: 450px;}
.fb-post{margin-bottom: 0px;padding-top:5px;}
}
/* Extra large devices (x-large desktops, 1440px and up) */
@media (min-width: 1280px) and (max-width: 1440px) {
.fb-post{margin-bottom: 10px !important;}
.video-container {height: 300px;}
}
@media (max-width: 1440px) {
.player{padding-top: 0px;}
.utenti-footer{position: absolute; top: 75%; left: 65%;}
.box_text_putenti{min-height: 260px;}
.stato-fb { margin: 5px 0;}
}
@media (min-width:1441px){
#main section.section-social .panel {min-height: 470px;}

}

/* Small devices (tablets, 768px and up) */