/* RESPOSIVE WEB DESIGN /////////////////////////////////////////////////////////// */

@media screen and (max-width: 1103px) and (min-width: 990px) { 
 #valutazione_mobile{ display:block}
 #valutazione{ background:none;}
 #valutazione_pc,  .vendi{ display:none!important}
}


@media only screen and (max-width: 990px) {
 #menu_container{width:200px; height:40px; position:absolute; left:50%; margin-left:-170px;  top:-20px; }
 .menu{ display:none;}
 .secondary_menu{ display:block}
 #chisiamo, #venderediamanti,  #investire, #contatti, #quattroc{ position:absolute; margin:auto; top:50%; margin-top:-180px; 
 left: 50%; margin-left:-300px; font-size:14px;  }
 #valutazione{ position:absolute; margin:auto; top:50%; left:50%; font-size:16px; margin-top:-270px; margin-left:-380px;}
	
}


@media screen and (max-width: 989px) and (min-width: 768px) { 
 #valutazione_mobile, .vendi{ display:none}
 .secondary_menu{margin-top:-50px} 
 #logo{ margin-top:-30px} 
 #chisiamo, #venderediamanti,  #investire, #contatti, #quattroc, #valutazione{ margin-top:-210px}
 #valutazione_pc{ display:block!important}
 }

@media screen and (max-width: 767px) {
  #valutazione_mobile{ display:block}
 .secondary_menu{ display:block;}
 #valutazione_pc,  .vendi{ display:none!important}
 }



/* Smartphones  ----------- */
@media only screen and (max-width: 860px) {
 .menu { display:none}
 .secondary_menu{ display:block; margin-top:-30px}
 #valutazione{ background:none}
 .vendi{ display:none!important}
 #valutazione{ margin-top:-205px}
 #chisiamo, #venderediamanti,  #investire, #contatti, #quattroc{ font-size:14px}
}



@media screen and (max-width: 640px) { 
  .menu, #controls-wrapper { display:none!important}
 .secondary_menu{ display:block; margin-top:-30px}
 #chisiamo, #venderediamanti,  #investire, #contatti, #quattroc{ position:absolute; height:465px; margin:auto; top:50%; margin-top:-180px; 
 left: 50%; margin-left:-200px; font-size:15px; width:400px;  }
 #valutazione{ position:absolute; margin:auto; top:50%; left:50%; font-size:16px; margin-top:-270px; margin-left:-380px;}
 
 /* ---------------------------------   Scrollbar ---------------------------------------------- */
#scrollbar1, #scrollbar2, #scrollbar3, #scrollbar4, #scrollbar5, #scrollbar6 { width: 400px;}
#scrollbar1 .viewport, #scrollbar2 .viewport, #scrollbar3 .viewport, #scrollbar4 .viewport,#scrollbar5 .viewport, #scrollbar6 .viewport  { width: 360px; line-height:20px; font-size:12px; height:435px }
#scrollbar3 .viewport { width: 350px; height: 290px;  overflow: hidden; position: relative; float:left; text-align:justified; line-height:24px; }

#quattroc img{ width:90%; height:90%}
}

@media screen and (max-width: 360px) { 
 .menu{ display:none;}
 #logo{  width:220px; height:43px}
 #menu_mobile{
	background: url("../img/menu_mobile.png") center center no-repeat;
	visibility: visible;
	display: block;
	position: absolute;
	width: 80px;
	height: 20px;
	top: -50px;
	border-radius:0px;
	max-width:90px;
	margin:0px;	margin-left:220px;

	left: -5px;
	font-size: 0px;
	border: none;
	color:#000;
	-webkit-appearance: none;
	padding-top: 30px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none}
 
 .secondary_menu{ display:block; margin-top:-50px;}
 #chisiamo, #venderediamanti,  #investire, #contatti, #quattroc{ position:absolute; height:300px; margin:auto; top:50%; margin-top:-120px; left: 50%; margin-left:-150px; font-size:14px; width:300px;  }
 #valutazione{ position:absolute; margin:auto; top:50%; left:50%; font-size:16px; margin-top:-270px; margin-left:-380px;}
 
 /* ---------------------------------   Scrollbar ---------------------------------------------- */
#scrollbar1, #scrollbar2, #scrollbar3, #scrollbar4, #scrollbar5, #scrollbar6 { width: 300px;}
#scrollbar1 .viewport, #scrollbar2 .viewport, #scrollbar3 .viewport, #scrollbar4 .viewport,#scrollbar5 .viewport, #scrollbar6 .viewport  { width: 270px; line-height:20px; font-size:12px; height:270px }
#scrollbar3 .viewport { width: 350px; height: 270px;  overflow: hidden; position: relative; float:left; text-align:justified; line-height:24px; }
#controls-wrapper{ display:none!important}
}