@media (min-width: 1200px) {
	#container {width: 1200px;}
	
	#infografica img {margin: 4% 0 0 15%; width: 70%;}
	
	#immatricolazioni {float: left; width: 32%}
	
}



@media (max-width: 768px) {

	/* Structure  < 768  TABLET */
        nav {float: none; width:100%; margin: 0;}
		ul#mainmenu_home {display: none; width:100%;}
		.btn-responsive-menu {
		display: block;
		}
		.icon-bar {
		display: block;
		width: 18px;
		height: 2px;
		margin: 5px;
		background-color: #f5f5f5;
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;
		border-radius: 1px;
		-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
		-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
		box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
		}
		ul#mainmenu_home {
		clear: both;
		}
		ul#mainmenu_home li, ul#mainmenu_home li#skills_link {
		float: none;
		background-color: #e5312e;
		margin: 0;
		padding: 5px 10px
		}
		ul#mainmenu_home li a {
		color: #fff;
		height: auto;
		}
		ul#mainmenu_home li a:hover {
		color: #fff;
		text-decoration: underline;
		}
		ul#mainmenu_home li ul#item1, ul#mainmenu_home li ul {
		display: none;
		}
		ul#mainmenu_home li#skills_link a:after {
		display: none;
		}
		
		ul#mainmenu_home li a.current:visited, ul#mainmenu_home li a.current:active, ul#mainmenu_home li a.current:hover, ul#mainmenu_home li a.current:link  {color: #fff;}
		ul#mainmenu_home li#skills_link a:link, ul#mainmenu_home li#skills_link a:hover, ul#mainmenu_home li#skills_link a:visited, ul#mainmenu_home li#skills_link a:active {color:#fff;}
		
		
		#skills .skills .skills_txt {width: 60%;}
		#skills .skills img {
		float: right;
		padding: 0 0 20px 20px;
		width: 35%;
		}
		
		p.more {
		margin-bottom: 35px;
		}
		
		/* pagine interne */
		#page .page_title {border-top: 1px solid #fff;}
		
		#infografica img {margin: 3% 0 0 5%; width: 90%;}
		
		#portfolio .portfolio_item {
		width: 40%;
		margin: 0 10% 4% 0;
		}
		#portfolio .portfolio_item:nth-child(2n+1) {clear: left;}
		
		/* portfolio deatil */
		.portfolio_detail img {float: none; width: 90%; margin-left: 5%; margin-bottom: 3%}
		.portfolio_txt {float: none; width: 90%; margin-left: 5%;}
		.back:nth-child(1n+1) {margin-top: 20px;}
		
		.portfolio_txt#immatricolazioni {margin-left: 0;}
		
		#camera_slider{padding:0}
        #image_slider {padding:0 10px;margin:0 auto;}
        #image_slider img {width:100%;}
        #page_monocolumns {margin-bottom:0px;}
        #page_monocolumns img#slider {width: 100%;height: 100%;padding:0;}
        #container {width:100%;border:0;}
        
        footer {padding:0;}
        footer address {width:48%;height:210px;border:0;border-bottom: 1px solid #666;padding:1%;}


}

@media (max-width: 568px) {
    	/* Header */
 	.accordion p a{display: block;color:#d61524;text-decoration: none;padding:.5em .7em .5em .7em;}
        
        #slider {display:none;}
        #slider_profili {display:block;width: 100%;float: left;}
        #page_monocolumns h1.Profili {padding: 20px 20px 20px 20px;}
        /* miscellaneous */
        
        #container {width:100%;}
        #logo img {width:120px;}
        #mainmenu_home, #mainmenu_federati, #mainmenu {display:none;} 
		
        #page_home, #page, #page_home_sezione, #page_short {width:100%;}
        #page_home_sezione h1#Didattica {padding: 2%;}
        #page_monocolumns .cfp {width: 100%;padding:0;margin:0;}
        #page_monocolumns .cfp h2 {height:auto;text-align:left;padding-left:20px;}
        #page_monocolumns .cfp p {padding-left:20px;}
        #page_monocolumns .cfp:last-child {margin-bottom:20px;}
        .cfp button {float:none;margin:0 0 0 20px;}
        .widget_header {border:0;}
        aside 	{width:100%;margin-bottom:0;}
        aside .notice, aside .events {width: 96%; padding: 4% 2% 0 2%;}
        aside.federato {display:none;}
        aside #sidebar_home div {width:100%;}
        #sidebar_dx_home_sezione div {float:none;}
        #sidebar_dx_home_sezione .cx:first-child {margin-top:20px;}
        #sidebar_dx_home_sezione .cx {margin:0 0 0 20px;}
        aside#gallery {width:100%;}
        aside#gallery .wrapper_gallery {width: 100%; float: none;}
        #page_home_sezione aside {width:100%;}
        #corpo_home_sezione {width:100%;}
        #sidebar_home, #sidebar_home_fed {padding:0;}
        #sidebar_home_m, #sidebar_sx_paginabase_m, #sidebar_home_fed_m {display:block;}
        #sidebar_home, #sidebar_sx_paginabase, #sidebar_home_fed, #sidebar_dx_home_sezione {display:none;}
        #sidebar_dx_home_sezione_m {display:block;}
        #sidebar_home_m .accordion, #sidebar_dx_home_sezione_m .accordion, #sidebar_home_fed_m .accordion, #sidebar_sx_paginabase_m .accordion, #slider_profili .accordion {background:#fff;}
        #sidebar_home_m .accordion h1, #sidebar_dx_home_sezione_m .accordion h1, #sidebar_home_fed_m .accordion h1, #sidebar_sx_paginabase_m .accordion h1 {background:#eaf2f4;}
        #slider_profili .accordion .ui-accordion-content, #slider_profili .accordion .ui-state-focus{background:#eee;}
        .notice, .events {width:96%;padding:2%;}
	.news .img_dx, .news .img_sx, .cfp .img_container  {display:none;}
        .archive img.sx {display: block;float: none;margin: 0 auto;}
	.img_dx:first-child, .img_dx, .img_sx {width:100%; float:none;margin:2% 0;}
        #page_short.federati .img_container_dx, #page .paginabase .img_container_dx {float:none;margin:0;}
        #page_short.federati .img_container_dx img.dx, #page .paginabase .img_container_dx img.dx{display:block;width:60%;margin:0 auto;float:none;}
        #page_short.federati .img_container_dx figcaption, #page .paginabase .img_container_dx figcaption {font-size: 14px;width:100%;padding:10px 0;line-height:2em;}
        #corpo_home_sezione ul {margin-left:5px;}
        footer address {width:98%;height:auto;border:0; float: none;}
        footer address:last-child {border: 0;}
        #slider_banner {width:100%}
        #slider_banner .wrapper_banner {width:84%;}
        #slider_banner .prev_banner, #slider_banner .next_banner {width:6%;}
        #slider_banner .box_banner {float: none;margin: 10px auto;background: transparent;height:80px;}
        #slider_banner .next_banner {background-position: -35px -40px;}
        #camera_slider {margin:0;margin-bottom:0;}/*was margin-bottom:40px*/
        #image_slider {margin:0;padding:0;height:130px;}
        #image_slider img {width:100%;height:auto;}
        .promote_news .title1 a, .promote_news .title2 a, .promote_news .title3 a, .promote_news .title4 a, .promote_news .title5 a{margin:0;height:20px;padding:10px 10px;font-size:1.2em;line-height:20px;width:100%;}
        .promote_news .subtitle {display:none;}
        .camera_caption {position:relative;top:0;} /*was top:200px*/
        .camera_pag {position: relative;top: -45px;right: 0;float: none; margin-right:0;}
        #filtro {margin:0 0 5px 0;width:100%;}
        #filtro p:first-child {text-align:left;}
        #filtro p {background: #fff;width: 45%;font-size:12px;}
        #filtro #rimuovi_m:after {clear:both;}
        #filtro #rimuovi_desktop {display:none;}
        #filtro #rimuovi_m {display:block;text-align:right;}
        #filtro #container_select .select, #filtro .select select {float:none;}
        #filtro .select select {width:100%;background: url('../img/drop_down_arrow.png') no-repeat right;color:#222;}
        .select span {color: #222;}
        #filtro #container_select .select {border:0;border-bottom: 1px solid #dedede;margin-top:0;padding-top:5px;}
        #filtro #container_select .select:first-child {border-top: 1px solid #dedede;}
        #container_select {float:left;width:100%;}
        .select {background: #ffffff; 
                 }
         #container_select .select:last-child{padding:0px 10px 5px 0}
         #page_monocolumns.federati h1 {font-size: 16px;padding: 10px;}    
		 
	/*font*/  
	body {font: normal 15px/1.7em "GillSansStd","Helvetica Neue",Helvetica,Arial,sans-serif;}
	
	                
   /*meno spazio laterale 10px*/  
	#skills .skills {
	margin: 10px 0;
	padding: 20px 10px 0 10px;
	} 
	#page_home #skills .skills:nth-child(odd), #page #skills .skills:nth-child(even)
	{
	background-color: #e7effa;
	} 
	#skills .skills:last-child
	{margin-bottom: 0;} 
	
	/* per centrare more-dettagli */  
	#skills .skills .skills_txt {width: auto; float: none;}
	
	
	
	#skills h2, footer h2 {
		padding: 10px 10px 2px 10px;
		}
	#skills .skills img {
		padding: 0 0 10px 10px;
		width: 40%;
		}
	#page_home ul {
	margin: 5px 10px 10px 8px;
	}
	
	#keywords, #portfolio {
	margin: 10px 0;
	padding: 0 10px 0 10px;
	} 
	
	#page .page_title {padding: 30px 10px 30px 10px;}
	
	#infografica img {margin: 2% 0 2% 2%; width: 96%;}
	
	#portfolio .portfolio_item {
		width: 90%;
		margin: 0 10% 7% 0;
		}
	
	#portfolio h4 {
	margin: 10px 0 5px 0;
	text-align: left;
	}
	
	
		
	
		

	/* footer su pił righe senza float */  
	footer address {
	margin: 0 0 0 10px;
}
	footer h2 {
	margin-bottom: 10px;
}
	footer .social {
	float: left;
	margin: 0 10px 10px 0;
}
	footer address p{padding:0;}

}

