@media screen and (max-width: 1002px) and (min-width: 768px) { }

@media screen and (max-width:620px){
	#logo{ width:90%}
}
@media screen and (max-width: 750px) {
  #menuContainer, #info{margin:auto; width:90%}
  .menu{ width:33%; float:left; height:43px; line-height:12px; font-size:12px}	
  .subMenu{ padding-bottom:0px} 	
  #diamante{ margin-top:28px }
  
#info{min-height:80px; }

.tel{float:none; width:100%; margin:auto;  padding-bottom:10px}
.text{float:none; width:100%; padding-bottom:15px; line-height:20px; font-size:12px;  text-align:center}

  	
 .submit{ margin-top:30px}  
 .campo-left{ float:none}
  .input, textarea, .input_xl{ width:98%}	 
	
   .valutazione{ width:90%; height:1750px}	

    .custom-form-select { width:90%}
	
	#diamanti_container, .value_container, .carati_container{ left:auto; height:320px; margin-left:auto; width:100%;}
	.value_container, .carati_container{ height:auto}
	#allega{ margin-left:0px; margin-top:10px}
	.file_input_textbox{ width:96%}
	#diamanti1{ clear:both;  width:230px; height:100px}
	#diamanti2, #diamanti3{ clear:both!important; width:180px;height:100px}
	
	 
  .contatti{ width:90%; height:800px}
  .info_contact{ width:100%}
  .left{ width:100%; float:none; height:100% }
  .right{ width:100%; float:right; height:100% }
  
 .trec{ width:90%; line-height:18px; text-align: justify; font-size:13px}
 .trec img{ width:100%; height:100%}
 
 #footer{ height:135px}
 #foo-content{ margin:auto; width:100%; height:50px; padding-top:25px }

.footer-left{ width:100%; float:right; }
.footer-right{ width:100%; float:right; }
.foo{ text-align:center}
.powered{ float:none; display:none}
}