@media screen and (max-width: 1920px) and (min-width: 1600px) {
}
@media screen and (max-width: 1600px) and (min-width: 1400px) {

}
@media screen and (max-width: 1920px) and (min-width: 1100px) {
	body.home_centro.lang_br ul#nav .menucont li { margin-left: 5%; }
	
}
@media screen and (max-width: 1366px) {

}
@media screen and (max-width: 1200px) {
	
}
@media screen and (max-width: 1024px) {
	#wrap, .wrap, #topheader{max-width: 96%;}
	
	.bigpic img{position: relative;}
	.bigpic{height: initial;}
	ul#nav .menucont >li {   max-width: 18%;}
	ul#nav .menucont >li a{ font-size: 1em; line-height: 1.2em;}
	.bigslide ul.slideme{height: 640px;}
	.bigslide ul.slideme li{height: auto;}
	.bigslide ul.slideme li .picclaim{height: initial; left: initial; right: 5%; }
	ul#tab{width: 95%;}
	.othernews{bottom: 105px; right: -7%;}
	body{overflow-x: hidden;}
	
	#tm .tmc .socialhead{width: auto;}
}
@media screen and (max-width: 900px) {
	#tm .tmc{width: 69%;}
	ul#nav .menucont li a{padding: 10px 7px;}
	.bigslide ul.slideme{height: 605px;}
	.othernews{right: -11%;}
}
@media screen and (max-width: 800px) {
	.bigslide ul.slideme{height: 548px;}
	#tm .tmc .socialhead{width: auto;}
	.img_tab{height: initial;}
	.img_tab img{position: relative;}
	.othernews { right: -13%; }
	
	#footer #flogo, 
	#footer .address{ display: inline-block;  width: 31%; float: none;}
	#footer #flogo img{width: 100%;}
	#footer .footer-claim,
	#footer #nav2 { position: relative; top: -5px; right: initial; display: inline-block; left: 2%; float:none; width: auto;}
	#footer #nav2,
	#footer .address{width: 100%; margin-top: 10px;    left: 0%;}
	#footer .footnav{height: initial;}
	
	.boxcontent .bcximg{height: 195px !important;}
	body.centro ul#nav .menucont >li {  max-width: 18%; }
	body.centro .box_home h2 { min-height: 36px;}
	.centro0 .boxcontent .bcximg {    height: 138px !important; }
	ul#nav .menucont >li a {  font-size: 0.9em; }
}
@media screen and (max-width: 768px) {
	#header{height: auto;}
	ul#nav .menucont > li > ul{width: 96%; left: 2%; top 168px;}
	#logo{ display: flex; margin: 0 auto; width: 26%;}
	ul#nav{   width: 100%; background: #efefef;}
	.wrap{    max-width: 100%;  width: 100%; padding: 0 2%;  left: -2%;}
}
@media screen and (max-width: 720px) {
	.bigslide ul.slideme { height: 484px;}
	.othernews { right: -15%;}
	#footer #nav2 li{width: 25%;}
}	
@media screen and (max-width: 640px) {
	.hidemob{display: none;}
	#tm { height: 80px;    background-color: #fff; position: fixed;  box-shadow: rgba(0,0,0,0.2) 0 2px 6px 0; z-index: 9999999;}
	#topheader .logo{ display: inline-block; height: 70px; margin-top:5px;    }
	#topheader .logo img{display: inline-block; height: 100%;}
	
	#prewrap, .bigslide, .index_s .bigpic, .index2 .bigpic { padding-top:80px ; }
	.index_s #prewrap{padding-top: 0;}
	h1.page-title{float: none; height: auto;    position: initial;}

	body.home_centro #prewrap{}
	.index #wrap { }
	#wrap, .wrap, #topheader { }
	#tm .tmc .socialhead{margin-left: 8%;}
	#tm .tmc .socialhead a{ margin: 0% 3%; text-align: center;}
	#tm .tmele.tmlink{margin-left: 0;}
	
	#logo{position: relative; display: inline-block; float: none;}
	#tm .tmc .socialhead,
	#tm .tmele.search,
	#header{display: none;}
	
	#tm .tmc{width: 48%; margin-top: 5px; height: 70px; text-align: right;   /* margin-right: 3%;*/ }
	#tm .tmc .language_menu{ display: block; float: right; top:0;}
	#tm .tmc br.mob{display:block;}
	#tm .tmele.tmlink{display: block; float: right; background: #088924; padding: 5px 13px;    margin-top: 15px;line-height: 18px; cursor: pointer;}
	#tm .tmele.tmlink a{margin: 0; font-size: 12px;}
	#tm .tmele.tmlink:hover{background: #b9402f;}
	#tm .tmele.tmlink a:hover{ color: #fff !important;}
	#tm .tmele.lang{ top: 80px; left: 0;  width: 96%; display: none;}
	#tm .tmele.lang a{text-align: left; cursor: pointer;}
	.lang_container { width: 90%; }
	
	#experimental-toggle-menu{margin-top: 15px; position: initial;}
	
	#topheader{     max-width: 96%;  }
	
	#tm .tmele.lang{ width: 96%;     right: 3%;     width: 96%;} 
	
	#sidenav-overlay {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		height: 120vh;
		background-color: rgba(0,0,0,0.5);
		z-index: 997;
		will-change: opacity;
		opacity: 0 !important;
		display: none !important;
	}
	#sidenav-overlay.active{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		height: 120vh;
		background-color: rgba(0,0,0,0.5);
		z-index: 997;
		will-change: opacity;
		opacity: 1 !important;
		display: block !important;
	}
	#sidenav{
		height: 100%;
		width: 0;
		position: fixed;
		z-index: 99999999;
		top: 0;
		left: 0;
		    background-color: #fff;
		overflow-x: hidden;
		transition: 0.5s;
		overflow-y: auto;
		box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
	}
	
	#sidenav ul{    width: 100%;  margin-bottom: 10px; margin-top: 60px;}
	#sidenav ul.nip{ margin-top: 0; width: 90%; margin-left: 5%;}
	#sidenav ul li{    float: none;
    line-height: 48px;}
	#sidenav ul li a{color: rgba(0,0,0,0.87);
    display: block;
    font-size: 14px;
    font-weight: 600;
    min-height: 48px;
    line-height: 18px;
    padding: 0 32px;}
	#sidenav ul li a.subheader{    cursor: initial;
    /*pointer-events: none;*/
    color: rgba(0,0,0,0.54);
    font-size: 14px;
    font-weight: 500;
    line-height: 48px;
        color: #c21521;
    font-weight: bold;
    font-size: 16px;}
	.divider {
		    margin: 8px 0 0 0;
    height: 1px;
    overflow: hidden;
    background-color: #e0e0e0;
	}
	#sidenav #sidenavclose{position: absolute; top: 5px; right: 5px;}
	
	#experimental-toggle-menu {
	float: left;
    display: block !important;
    font-size: 1.5em;
    /* height: 19px; */
    /* padding: 10px 1%; */
    /* display: block; */
    font-size: 1.5em;
    /* height: 60px; */
    /* padding: 10px 1%; */
    width: 8%;
       margin-right: 3%;
    text-align: center;
    text-transform: uppercase;
    z-index: 4;
    /* text-indent: -2000px; */
    position: relative;
    float: left;
    vertical-align: middle;
	}
	
	#experimental-toggle-menu span {
    height: 36px !important;
    margin: 0 auto;
    padding-left: 35px;
    width: 15%;
    color: #fff;
    top: 1px;
    font-weight: 600;
    text-indent: -2000px;
    background: url(../i/menu_red_36.png) center 0 no-repeat;
    width: 100%;
    padding-left: 0;
    /* height: initial!important; */
    display: block;
       font-size: 1.5em;
           text-align: center;
    text-transform: uppercase;
	}

/* mobile portrait layout  320x480 */
	.mainmenu {
		display:none;
	}
	
	.slicknav_menu {
		display: block;
		text-align: center;
		margin-left: 0%;
		font-size: 14px;
	} 
	
	.index .slicknav_menu {
		margin-bottom: 10px;
	}
	
	#slide-container {
	}
	
	.slicknav_menutxt {
		color: #a1041c!important;
		font-weight: 700;
	}
	
	ul#tab {width: 100%;}
	.text_tab{text-align: left;}
	.othernews { right: -15%; transform: initial; position: relative; height: inherit; bottom: 0; right: 0;
    	float: right; width: 100%; text-align: center; padding: 11px 0; }
    .tab_box_container{    min-height: 290px;}
    
    .boxcontent .bcximg img{left: 0;     position: relative;}
    
     #footer .address{width 100%; }
     
     #sidebar, 
     .mainco{width: 100% !important;}
     .boxcontent .bcximg { height: 160px !important; }
     .box_home h2{min-height: 36px;}
     #footer #nav2 li{width: 30%;}
     #footer #nav2{margin-top: 20px;}
     
     #fixed_img{height: 100%;}
     
     body.centro #bg_video{float: none; width: 100%;} 
     .home_centro .presentazione_centro{    width: 95%;}
     
     .centro0 .box_home{    width: 88%;
    float: none;
    margin-left: 4%;}
     .centro0 .boxcontent .bcximg{height: auto !important;}
     
     .area-riservata > a{float: none;     width: 93%; margin-bottom: 20px;}
}

@media screen and (max-width: 480px) {
	body(overflow-x: hidden;)
	
	#experimental-toggle-menu{}
	.flag-container a{width: 13%;}
	
	#footer{font-size: 1em;}
	
	.bigslide ul.slideme { height: 380px; }
	
	.bigslide ul.slideme li .picclaim{    top: 55px;     right: 3%;}
	.bigslide ul.slideme li .picclaim h2{text-align: center; font-size: 28px;}
	
	.box_home { height: auto; overflow: hidden; width: 90%; margin: 5px auto !important; display: block; float: none;}
	.boxcontent .bcximg{height: initial;}
	
	#footer .footer-claim{width: 100%; font-size: 21px; top: 0; left: 0;}
	#footer .address { width: 100%; }
	
	.boxcontent .bcximg { height: auto !important; }
	
	body.area-riservata form#formlogin li input[type=text], body.area-riservata form#formlogin li input[type=password]
	, body.area-riservata form#formlogin li input[type=email]{    max-width: 95%;  width: 95%;}
	
	.reg_modulo_breve li{display: block;}
	.reg_modulo_breve li label{width: 100% !important; margin-right: 0; float:none;    margin-bottom: 4px;}
	.reg_modulo_breve input[type=text], .reg_modulo_breve input[type=password], .reg_modulo_breve input[type=email], .reg_modulo_breve input[type=number]
	, .reg_modulo_breve textarea, .reg_modulo_breve select{width: 96% !important; margin-right: 0;  float:none;     padding: 0.6rem 2%;}
	.reg_modulo_breve li br.clr{display: none;}
	.reg_modulo_breve li .check-container{    width: 100%;}
	
	.privacy_reg label{    display: block !important; width: 100% !important;}
	#registration_submit{white-space: normal; height: auto; padding: 0.9rem 16px; line-height: 1.8rem;}
}
@media screen and (max-width: 425px) { 
	#tm .tmc { width: 31%; }
	#tm .tmele.tmlink{    margin-top: 11px; line-height: 14px;  text-align: center;}
	#tm .tmele.lang a{width: 47%;}
	
	.bigslide ul.slideme { height: 346px; }
	ul#tabs li{font-size: 15px;}
	
	.tab_box_container { width: 96%; min-height: initial; margin-bottom: 20px; }
	.box_home { width: 98%; height: initial; margin-bottom: 10px; }
	.box_home h2{    width: 100%; font-size: 1.8em; text-align: center; vertical-align: middle; min-height: initial;
    	line-height: 1.2em; margin-bottom: 8px;}
}
@media screen and (max-width: 414px) { 	
		#tm .tmc { width: 38%; }
	#topheader .logo { height: 60px; margin-top: 10px; }
}
@media screen and (max-width: 375px) {
	.bigslide ul.slideme { height: 326px; }
	ul#tabs li{    padding: 5px 12px; }
}
@media screen and (max-width: 360px) {
		#tm .tmc{ width: 37%;}
		
		ul#tabs li { font-size: 14px; }
	.bigslide ul.slideme li .picclaim{right: 0; top: 65px;}
	.bigslide ul.slideme li .picclaim h2{font-size: 21px;}
}
@media screen and (max-width: 320px) {
	#tm .tmele.tmlink a{font-size: 10px;}
	.bigslide ul.slideme { height: 302px; }
	ul#tabs li {  padding: 5px 9px; }
}