@media only screen and (max-width: 1300px) {

	.bianco {
	width:100%;
	clear:both;
	position:relative;
	padding:60px 20px;
	}

}

@media only screen and (max-width: 1023px) {
	
#scrollmouse {
	display:none;
}
	
.presentazione, .presentazione2 {
	padding:4vw;
	font:400 15px/1.6em "Open sans", sans-serif;
}

.header-top-bar-container {
	position:relative;
	width:100%;
	z-index:90;
	/* background:#fff; */
}	
	
#cont_top {
	width:100%;
	height:auto;
	position:relative;
}

#top {
	/* width:auto; */
	height:auto;
	padding:0px;
	margin:0;
	position:relative;
	z-index:90;
}

.logo {
	position:relative;
	width: auto;
	height: 70px;
	padding: 10px 0px 10px 20px;
}

#cont_fascia {
	width:100%;
	position:relative;
	padding-top:0px;
}

#contenuti-prodotti {
	margin: 0 auto;
	width:100%;
	max-width:1200px;
	padding: 30px 20px 10px;
}
	

}


@media only screen and (max-width: 980px) {

#intestazione {
  position:relative;
  float:none;
  width:100%;
  background:#f5f5f5;
  padding:5px 20px;
}

.via-top {
display:none;
}
	
.presentazione, .presentazione2 {
	display:block;
	width:100%;
	padding:50px 20px;
}

.presentazione h1, .presentazione2 h1 {
 font-size:22px;
 line-height:1.2em;
}

.image-presentazione2 {
 display:block;
 width:100%;
 height:auto;
 padding:0;
}
	
.image-presentazione {
	display:none;
}
	
#slogan p {
	font-size:2vw;
}

#foto {
	height:180px;
}

#top_menu {
	padding:0px;
}
	
.prod-cont {
 width:50%;
 float:left;
 padding:10px;
 position:relative;
}
	
.colonne {
	column-count: 2;
	column-gap: 30px;
	
	-moz-column-count: 2;
	-moz-column-gap: 30px;
	
	-webkit-column-count: 2;
	-webkit-column-gap: 30px;
}

.titolo-categoria-home h2  {
font-size:100%;
}

.titolo-categoria-home p  {
display:none;
}

.cont-categorie {
 width:50%;
 float:left;
 padding:5px;
}
	
.prod-categorie {
 width:50%;
 padding:7px;
 float:left;
 margin:10px auto;
}
	
/*-------------------------
PREVENTIVI
-------------------------*/

.immagine-preventivi {
display:none;
}

.tab-preventivi {
float:left;
width:100%;
margin:10px 0px;
}

/*-------------------------
FINE PREVENTIVI
-------------------------*/

	
}



@media only screen and (max-width: 767px) {
	
html,body {
font: 400 16px/normal "Open Sans", sans-serif;
}
	
/* Nel titolo pagina prodotti */
h1 {
	font-size:130%;	
}
	
/* Titolo dettaglio */
h2{
	font-size:113%;	
}
/* Nel titolo FINESTRE - PORTE - CANCELLI / Alluminio, Legno, Pvc, Acciaio inox, Ferro */
h3 {
	font-size:105%;	
}
	
h4 {
	font-size:100%;	
}

/* Prenota adesso*/
h5 {
	font-size:120%;	
}
	
/* Prenota adesso*/
h6 {
	font-size:130%;	
}
	
.fissa {
display:none;
}

.header-top-bar {
	padding:0px 0px 10px;
}

#intestazione {
  font-size:16px;
padding:8px 20px;
}

.tel-top {
  height:auto;
  border-radius:0px;
}

.email-top {
display:none;
}

.logo {
	width: auto;
	height: 55px;
}
	
#cont_slogan {
display:none;
}

#foto {
	height:130px;
}

.overlay-foto h1 {
	bottom:30px;
	font-size: 150%;
}

	
#carrello-smartphone {
display:inline;
}

#menu {
	width:100%;
	margin:0px;
	font-style: normal;
  position:relative;
}

#cont_menu {
	position:ralative;
	width:100%;
}

#menu-cont {
	width:100%;
	min-width:100%;
	margin:0 auto;
}
	
.overlay h2 {
font-size:300%;
}

	
.loghi img {
	max-width:80%;
	height:auto;
	padding:10px;
	margin:0;
}

.loghi2 img {
	max-width:49%;
	height:auto;
	padding:3px 10px;
	margin:0;
}


#contenuti {
	width:100%;
	min-width:100%;
	padding:30px 20px;
}
	
#tabella-prezzi {
margin-top:20px;
width:100%;
font-size:70%;
}
	
.contact {
  float:left;
	width:100%;
	padding-right:0px;
	padding-bottom:35px;
}
	
#dx {
	width:100%;
	float:right;
	padding:0px 0px 30px;
}

#sx {
  float:left;
	margin-bottom:20px;
  width:100%;
  position:relative;
	padding:0px 0px 30px;
}

.mappa {
	height:280px;
}

#dx10 {
	width:100%;
	float:right;
	padding-left:0px;
}

#sx10 {
 float:left;
  margin-left:0px;
  margin-bottom:20px;
  left:0px;
  width:100%;
  position:relative;
  z-index:5;
}
 
#sx10 #content {
  margin-right:0px;
}
	
.bianco {
width:100%;
clear:both;
position:relative;
padding:20px;
}
	
.grigio-home {
	padding:20px 10px;
}

.colonne {
	column-count: 1;
	column-gap: 30px;
	
	-moz-column-count: 1;
	-moz-column-gap: 30px;
	
	-webkit-column-count: 1;
	-webkit-column-gap: 30px;
	}
	
/* ==========================================*/
/*	Chi siamo
/* ==========================================*/

#index-cont-foto {
width:auto;
display:table-cell;
float:left;
}

#index-cont-text {
vertical-align:middle;
width:auto;
display:block;
}
	
#index-cont-text h4 {
font-size:15px;
}

.azienda {
	width:130px;
	height:auto;
	overflow:hidden;
	margin-right:20px;
}

.azienda img {
	width:100%;
}
	
.azienda2 {
	width:130px;
	height:auto;
	overflow:hidden;
	margin-left:20px;
}

.azienda2 img {
	width:100%;
}


/* ==========================================*/
/*	Fine Chi siamo
/* ==========================================*/

/* ==========================================*/
/*	flex presentazione home
/* ==========================================*/


  .flex-container-presentazione {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  

  .flex-container-presentazione > div img {
    max-width:70%;
  }


  .flex-presentazione1 { 
    flex:0 1 100%;
    order:2;
	font-size:15px;
	line-height:1.6em;
	padding:40px 0px 40px;
  }
			

  .flex-presentazione2 { 
    flex:0 1 100%;
    order:1;
	padding:0;
  }
			
  .flex-presentazione3 { 
    flex:0 1 50%;
    order:3;
  }
			

  .flex-presentazione4 { 
    flex:0 1 100%;
    order:4;
	font-size:15px;
	line-height:1.6em;
	padding:40px 20px 40px;
  }
  
  .flex-presentazione h1 {
  font-size:200%;
	line-height:normal;
	margin-bottom:0;
}

.flex-presentazione h2 {
  font-size:180%;
	line-height:normal;
}

  .cont-container {
    flex-direction: column;
  }
.col-left {
	padding-right:0px;
	order:1;
}
.col-right {
	padding:50px 0px 0px 0px;
	width: 100%;
	order:2;
	position: static;
  }

section p {
 padding-left: 0px;
}

#fissoDiv {
  position: fixed;
  bottom: 10px;
  left: 20px;
  z-index: 1000;
  display: inline-block;
  background-color: #601823;
  padding: 15px 20px;
}

#fissoDiv a {
  color: white;
  text-decoration: none;
}

#fissoWhatsapp {
	bottom: 75px;
	left: 20px;
	right:auto;
}

/* ==========================================*/
/*	fine presentazione home
/* ==========================================*/

/* ==========================================*/
/*	TEAM
/* ==========================================*/

.box-cont-team {
width:50%;
padding:5px 5px 40px 5px;
}
	
.box-cont-team .nome {
font-size:100%;
}

.box-cont-team .ruolo {
	font-size:13px;
	line-height:1.2em;
}

/* ==========================================*/
/*	FINE TEAM
/* ==========================================*/


#image_azienda {
width:100%;
height:auto;
border-radius:0;
margin: 0px 0px 20px 0px;
}
	
input.reservation {
width:100%;
}

select.reservation {
width:100%;
}

input.button-prenota {
width:100%;
}
	
/*-------------------------
Categorie
-------------------------*/
	
.categorie {
  box-shadow:none;
}
	
.titolo-categoria {
  position:absolute;
	width:100%;
	z-index:15;
	text-align:center;
		bottom:0;
}

.titolo-categoria h1 {
font-size:12px;
}
	
.titolo-categoria p  {
	font-size:11px;
	line-height:1.2em;
	text-transform:capitalize;
	padding:4px;
}

.cont-categorie-home {
    width: 100%;
	padding:10px 20px;
}
	
.titolo-categoria-home {
	min-height:auto;
}
	
.titolo-categoria-home h2  {
	line-height:normal;
	font-size:16px;
	margin-bottom:0;
	font-weight:700;
}
	
	
/*-------------------------
FINE categorie
-------------------------*/
	
/*-------------------------
MINIATURE dettaglio
-------------------------*/

	
.cont-box-image5 {
 width:100%;
 padding:10px 0px;
}

/*-------------------------
FINE MINIATURE
-------------------------*/

/*-------------------------
BOX auto vendita
-------------------------*/

.box-cont {
width:33.3%;
padding:0px;
float:left;
margin-bottom:20px;
}
	
.box-white {
padding:20px;
font-size:100%;
}

/*-------------------------
FINE BOX auto vendita
-------------------------*/
	
/*-------------------------
MINIATURE offerte
-------------------------*/
#box_news {
	float:left;
	width:100%;
	padding:10px;
	margin-bottom:25px;
	background:#fff;
	border-radius:5px;
  box-shadow: 0px 2px 2px rgba(0,0,0,.10);
	border-top:1px solid #f5f5f5;
}
	
#miniatura_news {
	float:left;
	width:100px;
	height:auto;
	overflow:hidden;
	margin:-10px 20px 10px -10px;
	border-radius:0px;
}
	
#box_news h1 {
	color: #e74631;
	font: 400 16px/normal 'Roboto', sans-serif;
	margin-bottom:2px;
	text-shadow: none;
}
	
#box_news p {
font-size:90%;
line-height: normal;
}
	
/*-------------------------
fine MINIATURE offerte
-------------------------*/
	
/*-------------------------
MINIATURE galleria
-------------------------*/
	
.cont-box-image2 {
 width:50%;
 padding:2px;
}
	
#image_dettaglio {
	width:100%;
	float:none;
	height:auto;
	margin:0px 0px 20px;
	overflow:hidden;
}
	
#image_dettaglio-shop {
	width:100%;
	float:none;
	height:auto;
	margin:0px 0px 20px;
	overflow:hidden;
}

#image_dettaglio-shop img {
	max-width: 100%;
	height: auto;
}

/*-------------------------
FINE MINIATURE galleria
-------------------------*/

.cont-contatti {
 width:100%;
 float:left;
 padding:10px 50px;
 text-align:center;
}
	
/*-------------------------
PRODOTTI HOME
-------------------------*/

.prod-index {
 width:100%;
 padding:0px;
}
	
	
.prod-categorie {
 width:100%;
 padding:0;
}
	
.prod-cont {
 width:100%;
 padding:0px;
	margin-bottom:15px;
}
	
.prod-home {
 width:100%;
 padding:0px;
}

/*-------------------------
FINE PRODOTTI HOME
-------------------------*/

.card-container {
	display: flex;
	justify-content:start;
	background: #f6f6f6;
	border: 1px solid #b0c0d5;
	margin: 10px 5px 10px 5px;
	padding: 5px;
	flex: 0 0 calc(20% - 10px);
	min-width: 150px;
}
	
/*-------------------------
VIDEO RESPONSIVE
-------------------------*/
	
.cont-table-video {
 float:left;
 width:100%;
 padding:5px;
}

.cont-rwd-video {
 float:left;
 width:100%;
 padding:5px;
}

/*-------------------------
FINE VIDEO RESPONSIVE
-------------------------*/

/* ==========================================*/
/*	SERVIZI GRID + SOTTOCATEGORIE
/* ==========================================*/

.ca-servizi-s, .ca-servizi {
  display: grid;
  grid-column-gap: 20px;
  grid-row-gap: 8px;
  grid-template-columns: repeat(1, 1fr);
}

.ca-servizi-s .cont-pulsante .pulsante, .ca-servizi .cont-pulsante .pulsante {
  padding:15px 20px;
}

/* ==========================================*/
/*	FINE SERVIZI GRID + SOTTOCATEGORIE
/* ==========================================*/

	/*-------------------------
BOX sostenitori
-------------------------*/

.cont_box_sostenitori {
 float:left;
 width:100%;
 padding:5px;
}

#box_sostenitori h1 {
	font-size:18px;
}

#miniatura_sostenitori {
	display:block;
	width:100%;
	margin:0px 0px 10px 0px;
}

#miniatura_sostenitori img {
	width:auto;
	max-width:100%;
	max-height:auto;
}

/*-------------------------
FINE BOX sostenitori
-------------------------*/
	
.tab-foto-prodotti-e {
	display:block;
	width:100%;
	height:auto;
	padding:10px 0px;
}

.tab-foto-prodotti-econt {
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	position:relative;
}
	
.tab-contenuti-prodotti-e {
	display:block;
	width:100%;
	padding:10px 0px 10px 0px;
	position:relative;
}
	
.tab-foto-prodotti-econt img {
transition-duration: 2s;
position:relative;
z-index:1;
height:auto;
width:100%;
min-height:auto;
min-width:auto;
max-width:auto;
max-height:auto;
top:0;
left:0;
-webkit-transform: translate(-0%,-0%); 
-moz-transform: translate(-0%,-0%);
-ms-transform: translate(-0%,-0%);
-o-transform: translate(-0%, -0%);
transform: translate(-0%,-0%);
}
	

#footer {
	margin: 0 auto;
	width:100%;
	min-width:100%;
	padding:20px 10px;
}

.uno {
	float:left;
	width: 100%;
	padding:10px;
	margin-bottom:20px;
	border:solid;
	border-width:0px 0px 1px 0px;
	border-color:#601823;
}
.due {
	float:left;
	padding:0px;
	width: 100%;
	padding:10px;
	margin-bottom:20px;
}
.due img {
	max-width: 100%;
}
.tre {
	float:left;
	padding:0px;
	width: 100%;
	padding:10px;
	margin-bottom:20px;
}


#footer2 {
	margin: 0 auto;
	width:100%;
	min-width:100%;
  font: 400 13px/1.8em "Open sans",Helvetica,sans-serif;
}
	
   
    
}