@media screen and (max-width: 767px) and (orientation: portrait), screen and (max-device-width: 767px) and (orientation: portrait)  {

.in-panel {
	width:100%;
	margin:0 auto;
	position:relative;
	margin:15% auto 0;
	background-color:rgba(200,200,200,0.2);
}

.quadro_1 {
	width:90%;
	margin:0 5%;
}

.quadro_4 {
	width:90%;
	margin:5% 5% 0;
}

.quadro_2 {
	display:none;
}

.quadro_3 {
	display:block;
	width:90%;
	margin:0 5%;
	text-align:center;
}

.quadro_3 img{
	width:100%;
}

.pulitore {
	clear:both;
	width:90%;
	margin:0 auto;
}

.pulitore img {
	width:100%;	
}


/*----------------------------------------Azienda---------------------------------------*/

#copertina{display:none;}
#copertina2{display:block;}

#copertina img, #copertina2 img {
	width:90%;
}

#testo{
	margin:0 auto;
	width:90%;
}

#titolo{
	margin:0 auto;
	width:90%;
}

#marche{
	margin:0 auto;
	width:90%;
}

.marchi{
	display:inline-block;
	margin:5px 2% 0;
}

.marchi img{
	width:100%;
}


/*----------------------------------------Contatti---------------------------------------*/

#map{
	width:100%;
	height:350px;
	padding:0;
	margin:0;
}

#orario{
	background-color:rgba(153,153,153,0.2);
	width:100%;
	padding:20px 0;
}

#dati_orario{
	width:90%;
	margin:0 5%;
}

.forma{
	width:90%;
	margin:5% 5% 0%;
}

.submitbutton {
	margin:15px 0px;
	padding: 10px 20px 11px !important;
	font-size: 21px !important;
	background-color: #00975A;
	font-weight: bold;
	text-shadow: 1px 1px #00975A;
	color: #ffffff;
	width:100%;
}

/*----------------------------------------footer---------------------------------------*/

#sponsor{
	margin-top:20px;
}

#sponsor img{
	margin:5px;
}

.btn-responsive-menu{
	display:block;
}

}

@media screen and (max-width: 767px) and (orientation: landscape), screen and (max-device-width: 767px) and (orientation: landscape) {
	
.in-panel {
	width:100%;
	margin:0 auto;
	position:relative;
	margin:15% auto 0;
	background-color:rgba(200,200,200,0.2);
}

.quadro_1 {
	width:90%;
	margin:0 5%;
}

.quadro_4 {
	width:90%;
	margin:5% 5% 0;
}

.quadro_2 {
	display:none;
}

.quadro_3 {
	display:block;
	width:90%;
	margin:0 5%;
	text-align:center;
}

.quadro_3 img{
	width:100%;
}

.pulitore {
	clear:both;
	width:90%;
	margin:0 auto;
}

.pulitore img {
	width:100%;	
}


/*----------------------------------------Azienda---------------------------------------*/

#copertina{display:block;}
#copertina2{display:none;}

#copertina img, #copertina2 img {
	width:90%;
}

#testo{
	margin:0 auto;
	width:90%;
}

#titolo{
	margin:0 auto;
	width:90%;
}

#marche{
	margin:0 auto;
	width:90%;
}

.marchi{
	display:inline-block;
	margin:5px 2% 0;
}

.marchi img{
	width:100%;
}


/*----------------------------------------Contatti---------------------------------------*/

#map{
	width:100%;
	height:350px;
	padding:0;
	margin:0;
}

#orario{
	background-color:rgba(153,153,153,0.2);
	width:100%;
	padding:20px 0;
}

#dati_orario{
	width:90%;
	margin:0 5%;
}

.forma{
	width:90%;
	margin:5% 5% 0%;
}

.submitbutton {
	margin:15px 0px;
	padding: 10px 20px 11px !important;
	font-size: 21px !important;
	background-color: #00975A;
	font-weight: bold;
	text-shadow: 1px 1px #00975A;
	color: #ffffff;
	width:100%;
}

/*----------------------------------------footer---------------------------------------*/

#sponsor{
	margin-top:20px;
}

#sponsor img{
	margin:5px;
}

.btn-responsive-menu{
	display:block;
}

}