/*RESPONSIVE*/

@media screen and (max-width: 1220px) {
	.container_tasti_sx div{
		
		background-position: 15% 10px;
		
	}

	.container_tasti_sx div:hover{
		
		background-position: 15% 10px;
		
	}
	
	.container_tasti_dx div{

		background-position: 15% 10px;

	}

	.container_tasti_dx div:hover{

		background-position: 15% 10px;
	
	}
	.modal-content {
	
	width: 25%;
	
}
}


@media screen and (max-width: 1120px) {
	.container_logo_testo{
		margin:5% 20%;
	}
	.modal-content {
	
	width: 30%;
	
}
}

@media screen and (max-width: 1020px) {
	.container {
	  
		width: 98%!important;
		
	}
	.modal-content {
	
	width: 35%;
	
}
	.body {width:98%;
		margin:50px 1%;
float:left;
		
	}

}

@media screen and (max-width: 920px) {
.newsdiv{
	width:80%;
	margin:20px 10%;
	
	
}
.modal-content {
	
	width: 40%;
	
}
.thumb1 {
 
  height: 300px;
 
}

}

@media screen and (max-width: 820px) {
	.container_tasti_sx{
		display: none;
	}
	.slideshow-container {

  margin:30px auto;
}

	.lingua{
		display: none;
	}
	.registrati{
		display: none;
	}
	.container_tasti_dx{
		display: none;
	}
	.thumb1 {
 
  height: 250px;
 
}
	.container_logo{
		padding:0px!important;
		width:40%;
		margin:5% 30% 0 30%;
	}
	.topnav {
	display: block!important;
	}
.modal-content {
	
	width: 45%;
	
}


}

@media screen and (max-width: 785px) {
	table{width:100%;}
	.carrello {width:100%; margin:20px 0 0 0;}
	.modal-content {
	
	width: 50%;
	
}

.text {
	margin:-20% 5% 15% 5%;
  font-size: 15px;
 
}

.account{
		display: none;
	}
.thumb1 {
 
  height: 200px;
 
}
}

@media screen and (max-width: 620px) {
	.divnewsletter{
	display: none!important;
	}
table tr th,
table tr td {
 
  border-bottom: 1px solid #ddd;
  padding: 25px 5px;
}
.thumb1 {
 
  height: 150px;
 
}
.modal-content {
	
	width: 55%;
	
}
}
@media screen and (max-width: 550px) {

.formatoprezzo a{

	
	padding:5px;
	margin:3px;
	font-size:15px;
	border-radius:5px;
}

.text {
	margin:-25% 5% 15% 5%;
  font-size: 12px;
 
}
.thumb1 {
 
  height: 100px;
 
}

.errore {

	font-size:10px;
}

.formato{
	
	width:55%;
}
.prezzo{
	float:left;
	text-align:right;
	width:45%;
}


}
@media screen and (max-width: 390px) {

.modal-content {
	
	width: 60%;
	
}

}


@media screen and (max-width: 985px) {
	#qbootstrap-header #navbar li a {
  font-family: "Gill Sans MT", Arial, sans-serif;
  color: #525252;
  position: relative;
  margin:0 10px;
}
}


@media screen and (max-width: 935px) {
	#qbootstrap-header #navbar li a {
  font-family: "Gill Sans MT", Arial, sans-serif;
  color: #525252;
  position: relative;
  margin:0 3px;
}