/****************
== MEDIA QUERY ==
*****************/
@media all and (max-width: 768px) {
	.container {
    	width: auto !important;
	}
	.teaser .media-body .start_end .day	{
		font-size: 34px;
	}
	.view-eventi-hp .teaser .media-body h2	{
		font-size: 15px;
	}
	.banner-style {
		width: 183.75px;
	}
	.banner-style .caption {
		font-size: 15px;
	}
	.banner-style .caption h2 {
		font-size: 15px;
	}
	.slick-slider .slick-prev, .slick-slider .slick-next {
		top: 63px;
	}
	.media.teaser img {
		width: 183.75px;
	}
	.media.teaser {
		height: 183.75px;
	}
	.media.teaser .media-body {
		padding-bottom: 15px;
	}
	.media-body.media-middle h2 {
		margin-top: 10px;
		font-size: 15px;
	}
	.media-body.media-middle .text, .media-body.media-middle .date {
		font-size: 12px;
	}
	#calendario_eventi {
		height: 372.5px;
	}
	.calendar-triangle {
		left: 75.5px;
	}
	.eventCalendar-prev	{
		left: 15px;
	}
	.eventCalendar-next {
		right: 15px;
	}
	.eventCalendar-wrap a, .eventCalendar-wrap {
		font-size: 13px;
		font-weight: 500;
	}
	.eventCalendar-showAsWeek li {
		height: 30px;
	}
	.eventCalendar-daysList a {
		line-height: 30px;
	}
	.eventCalendar-list-wrap {
		margin-top: 5px;
	}
	#twitter-widget-0, .twitter-col {
		height: 183.75px !important;
		min-height: 183.75px !important;
	}
	/* #instagram-embed-0 {
		height: 181.5px !important;
	} */
	.instansive-widget {
		height: 181.5px;
	}
	.social-block {
		width: 188.75px;
	}
	.social-block .newsletter a {
		height: 61.25px;
		font-size: 16px;
	}
	.social-block .newsletter {
		width: 100%;
		padding-left: 3px !important;
	}
	.newsletter .ico-newsletter {
		width: 38px;
    height: 38px;
		margin-left: 3px;
		margin-right: 10px;
	}
	.icons-social-color div[class*='col-'] {
		height: 61.25px;
		width: 61.25px;
	}
	.icons-social-color a {
		height: 61.25px;
		width: 61.25px;
		background-size: 183.75px 122.5px !important;
	}
	.icons-social-color .facebook a {
		background-position: 0% 0%;
	}
	.icons-social-color .twitter a {
		background-position: 50% 0%;
	}
	.icons-social-color .instagram a {
		background-position: 100% 0%;
	}
	.icons-social-color .youtube a {
		background-position: 0% 100%;
	}
	.icons-social-color .trip-parco a {
		background-position: 50% 100%;
	}
	.icons-social-color .trip-villa a {
		background-position: 100% 100%;
	}
	.fb-page iframe {
		height: 181.5px !important;
	}
	.menu-container ul.menu > li ul.dropdown-menu {
		left: 80px !important;
		right: 80px !important;
	}
	.menu-container .row.metro-style img {
		width: 118px !important;
	}
	.menu-container .row.metro-style .menu-links a {
		font-size: 15px !important;
	}
	.menu-container .row.metro-style .menu-links {
		width: 200px !important;
	}
	.field-name-field-immagini img {
		width: 372.5px;
		height: 183.75px;
	}
	.field-name-field-immagine-singola img {
		width: 183.75px;
		height: 183.75px;
	}
	.blocco-titolo {
		width: 183.75px;
		height: 183.75px;
	}
	.blocco-data {
		height: 183.75px;		
	}
	.blocco-data > div {
		margin-top: 20px;
	}
	.blocco-data .day {
		font-size: 3em;
	}
	.blocco-data .month_text {
		font-size: 1.5em;
	}
	.form-type-date-popup input {
		width: 150px !important;
	}
	.menu-button, .flexnav li a {
		background-color: #b9d342 !important;
	}	
	ol.breadcrumb {
		padding-left: 15px;
	}	
	article.node .content {
		padding-left: 15px;
		padding-right: 15px;
	}
	.views-exposed-form, ul.pagination {
		padding-left: 15px;
		padding-right: 15px;
	}
	.form-control {
		width: auto !important;
		max-width: 170px;
	}
	.menu-footer {
		padding-top: 15px !important;
	}
	.evento_data {
		font-size: 13px;
	}
	.webform-client-form .webform-voto .form-select {
		margin-right: inherit;
	}
}


@media all and (max-width: 600px) {
	.prossimi-eventi .banner-style, .slide4 .view-content .banner-style {
		width: 146px;		
	}
}


/* mobile - allineato al breakpoint di slick.js */
@media all and (max-width: 480px) {
	header .top-bar {
		padding-bottom: 5px;
	}
	.social {
		margin-top: 5px;
	}	
	.social a.ico {
		width: 30px;
		height: 24px;
		background-size: 30px 24px;
	}
	header .top-bar .meteo, 
	header .top-bar .social {
		width: 100%;
		text-align: center;
	}
	.header-bg {
		height: 177px;
	}
	.logo img {
		width: 138px;
	}
	.teaser.media {
		height: 177.5px;
	}
	.media.teaser img {
		width: 177.5px;
	}
	.media.teaser .media-body {
		padding-bottom: 15px;
	}
	.media-body.media-middle h2 {
		margin-top: 5px;
		font-size: 14px;
	}
	.media-body.media-middle .text, .media-body.media-middle .date {
		font-size: 12px;
	}
	.view-eventi-hp .teaser .media-body h2 {
		font-size: 14px;
	}
	.banner-style {
		width: 177.5px !important;
	}
	#calendario_eventi {
		height: 360px;
	}
	.eventCalendar-wrap a, .eventCalendar-wrap {
		font-size: 12px;
		font-weight: 500;
	}
	.eventCalendar-prev {
		left: 15px;
	}
	.eventCalendar-next {
		right: 15px;
	}
	.eventCalendar-showAsWeek li {
		height: 28px;
	}
	.calendar-triangle {
		left: 72px;
	}
	.eventCalendar-list-wrap {
		margin-top: 10px;
	}
	.slick-slider .slick-prev, .slick-slider .slick-next {
		top: 60px;
	}
	#instagram-embed-0 {
		margin-top: 20px;
		height: 438px !important;
	}
	.blocco-titolo {
		width: 177.5px;
		height: 177.5px;
	}
	.field-name-field-immagine-singola img {
		width: 177.5px;
		height: 177.5px;
	}
	.field-name-field-indirizzo .gmap-map {
		height: 177.5px !important;
	}
	.inner-titolo h1 {
		font-size: 20px;
	}
	.blocco-data {
		height: 177.5px;		
	}
	.blocco-data > div {
		margin-top: 20px;
	}
	.blocco-data .day {
		font-size: 3em;
	}
	.blocco-data .month_text {
		font-size: 1.5em;
	}
	.webform-client-form .webform-voto .form-select {
		float: none;
	}
}

/* mobile - per device a 320px (iphone 4-5 + vecchi smartphone) */
@media all and (max-width: 320px) {
	header .top-bar .meteo a:FIRST-CHILD {
		float: none;
	}
	header .top-bar .ico.ico-meteo {
		vertical-align: bottom;
	}
	header .top-bar .search .input-group .form-control {
		max-width: 300px;
	}
}