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

.header-top-bar-container {
	position:relative;
	width:100%;
	z-index:90;
}

#cont_top {
	width:100%;
	height:auto;
	position:relative;
	z-index:10;
}

#top {
	width:auto;
	height:auto;
	padding:0px;
	margin:0;
	position:relative;
    z-index:90;
}
	
.logo {
	float: left;
	position: relative;
	z-index: 100;
	width: auto;
	top:0px;
	height: 65px;
	padding: 10px 0px 10px 20px;
}

.logo img {
	max-width: 100%;
	width:auto;
	height:100%;
}

.tel-top {
  height:auto;
	width:100%;
	padding:10px;
	border-radius:0px;
}
	
}
	
@media only screen and (max-width: 980px) {

/*-------------------------
PROPOSTE
-------------------------*/

#contenitore-immagine {
width:100%;
height:auto;
display:block;
}
	
.box-image-proposte {
width:100%;
height:auto;
padding-bottom:0;
overflow:hidden;
}
	
.box-image-proposte img {
    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%);
}

#contenitore-testi {
width:100%;
display:block;
/*! float:left; */
}

#contenitore-testi h2 {
font-size:18px;
}

#contenitore-testi h5 {
font-size:16px;
}

/*-------------------------
FINE PROPOSTE
-------------------------*/
	
.cont-contatti {
 width:33.3%;
 float:left;
 padding:20px 10px;
 text-align:center;
}

}

@media only screen and (min-width: 768px) {

#mostra  {
	display:block !important;
	width:100%;
	}
	
}


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

html,body {
font: 400 14px/normal "Open sans", Helvetica, sans-serif;
}
	
/* Nel titolo pagina prodotti */
h1 {
	font: 400 20px/normal "open sans", Helvetica, sans-serif;	
}
/* Titolo dettaglio */
h2{
	font: 400 15px/normal "open sans", Helvetica, sans-serif;
}
/* Nel titolo FINESTRE - PORTE - CANCELLI / Alluminio, Legno, Pvc, Acciaio inox, Ferro */
h3 {
	font: 400 20px/normal "open sans", Helvetica, sans-serif;
}

/* Titolo contenuti */
h4{
	font: 400 18px/normal "open sans", Helvetica, sans-serif;
}

/* Prenota adesso*/
h5 {
	font: 400 14px/normal "open sans", Helvetica, sans-serif;
}
	
/*-------------------------
VIDEO BACKGROUND
-------------------------*/

#main {
display:none;
}
	
#wrapper2 {
display:none;
}

/*-------------------------
FINE VIDEO BACKGROUND
-------------------------*/

	
#slogan {
padding:0px 10px;
}
	
#slogan h1 {
	font:700 20px/1.2em "Open Sans", Helvetica, sans-serif;
}

#menu {
	float:left;
	width:100%;
	margin:0px;
	font-style: normal;
	border-top:1px solid rgba(255,255,255,0.2)
}

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

#menu-cont {
	width:100%;
	min-width:100%;
	margin:0 auto;
}
	
	
#sx {
 float:left;
  margin-left:0px;
  left:0px;
  width:100%;
  position:relative;
  z-index:5;
}
 
#sx #content {
  margin-right:0px;
}
 
#dx {
  float:right;
  width:100%;
  position:relative;
  z-index:10;
  margin-bottom:20px;
}

#ricerca {
	width:100%;
}

#cont-ricerca-home {
	float:left;
  width:100%;
  position:relative;
  z-index:10;
  margin-bottom:30px;
}
	
#ricerca-home {
	width:100%;
}
	
.blocca {
  position: relative !important;
	top:0px !important;
	-webkit-transition-property: -webkit-none;
  -webkit-transition-duration: 0s;
	-moz-transition-property: -moz-none;
  -moz-transition-duration: 0s;
	transition-property: none;
  transition-duration: 0s;
}
	
.blu {
background:#fafafa;
}

#contenuti {
	width:100%;
	min-width:100%;
	padding:20px;
}

.colonne {
	column-count: 1;
	column-gap: 30px;
	
	-moz-column-count: 1;
	-moz-column-gap: 30px;
	
	-webkit-column-count: 1;
	-webkit-column-gap: 30px;
	}
	
#image_azienda {
float:right;
width:100%;
margin: 0px 0px 10px 30px;
}
	
	
.fiaip {
	display:none;
}

/* ==========================================*/
/*	Table HOME
/* ==========================================*/


.table-home {
  display: block;
  border: 0px solid #fff;
}

.bg-box1, .bg-box2, .bg-box3, .bg-box4, .bg-box5 {
	height:150px;
}

/* ==========================================*/
/*	Fine table HOME
/* ==========================================*/

/*-------------------------
VIDEO RESPONSIVE
-------------------------*/
	
.cont-table-video {
 float:left;
 width:100%;
 padding:5px;
}

/*-------------------------
FINE VIDEO RESPONSIVE
-------------------------*/
	
/* ==========================================*/
/*	INPUT VENDITA
/* ==========================================*/

.grid-container1 {
  display: grid;
  grid-template-columns: auto;
  padding: 0px;
}
.grid-container1 > div {
  padding: 1px;
}

.grid-container2 {
  display: grid;
  grid-template-columns: auto;
  padding: 0px;
}
.grid-container2 > div {
  padding: 1px;
}
	
.grid-container3 {
  display: grid;
  grid-template-columns: auto;
  padding: 0px;
}
.grid-container3 > div {
  padding: 1px;
}
	
/* ==========================================*/
/*	VERSIONE FLOAT
/* ==========================================*/
	
.pulsante-mostra-ricerca  {
display:block;
background:#193963;
vertical-align:middle;
height:56px;
}
	
.pulsante-mostra-ricerca img {
float:right;
vertical-align:middle;
}
	
.pulsante-mostra-ricerca a  {
color:#dddfdf;
vertical-align:middle;
line-height:56px;
text-indent: 20px;
font-weight:700;
}
	
.pulsante-chiudi-ricerca  {
display:none;
background:#fff;
vertical-align:middle;
height:56px;
	border-bottom:4px;
border-style: double;
border-color: #e4e4e4;
}
	
.pulsante-chiudi-ricerca a  {
color:#bb2d25;
vertical-align:middle;
line-height:56px;
text-indent: 10px;
}
	
#mostra  {
display:none;
width:100%;
}

.ricerca-container1, .ricerca-container2, .ricerca-container3  {
width:100%;
display:block;
border-spacing: 3px;
border-collapse: separate;
}

.ricerca-container1 .item1  {
width:auto;
display:block;
}
.ricerca-container1 .item2  {
width:auto;
display:block;
}
.ricerca-container1 .item3  {
width:auto;
display:block;
}
.ricerca-container1 .item4  {
width:auto;
display:block;
}
.ricerca-container1 .item5  {
width:100%;
display:block;
}
.ricerca-container1 .item6  {
width:100%;
display:block;
text-align:right;
color:#fff;
padding:10px;
}
.ricerca-container1 .item6 a  {
color:#fff;
}

.ricerca-container2 .item1  {
width:auto;
display:block;
}
.ricerca-container2 .item2  {
width:auto;
display:block;
}
.ricerca-container2 .item3  {
width:auto;
display:block;
}
.ricerca-container2 .item4  {
width:auto;
display:block;
}
.ricerca-container2 .item5  {
display:none;
}

.ricerca-container2 .item2  {
width:auto;
display:block;
	color:#4b4b4b;
	padding:10px 20px;
border-top:0;
border-left:0;
border-right:0;
border-bottom:1px;
border-style: solid;
border-color: #e4e4e4;
}
.ricerca-container2 .item3  {
width:auto;
display:block;
	color:#4b4b4b;
	padding:10px 20px;
border-top:0;
border-left:0;
border-right:0;
border-bottom:1px;
border-style: solid;
border-color: #e4e4e4;
}
.ricerca-container2 .item4  {
width:auto;
display:block;
color:#4b4b4b;
padding:10px 20px;
border-top:0;
border-left:0;
border-right:0;
border-bottom:1px;
border-style: solid;
border-color: #e4e4e4;
}
.ricerca-container3 .item1  {
width:auto;
display:block;
}
.ricerca-container3 .item2  {
width:auto;
display:block;
}
.ricerca-container3 .item3  {
width:auto;
display:block;
}
.ricerca-container3 .item4  {
width:auto;
display:block;
}

input.cerca {
    color: #dddfdf;
    background: #193963;
    border: 1px solid #193963;
}
	
input.vendite  {
border-top:0;
border-left:0;
border-right:0;
border-bottom:1px;
border-style: solid;
border-color: #e4e4e4;
}

select.vendite  {
border-top:0;
border-left:0;
border-right:0;
border-bottom:1px;
border-style: solid;
border-color: #e4e4e4;
}

/* ==========================================*/
/*	FINE VERSIONE FLOAT
/* ==========================================*/
	
/*-------------------------
MINIATURE dettaglio
-------------------------*/

.cont-box-image {
 width:50%;
 float:left;
}
	
#image_dettaglio {
	width:100%;
	height:auto;
	overflow:hidden;
	border-radius:5px;
}

/*-------------------------
FINE MINIATURE
-------------------------*/
	
/*-------------------------
MINIATURE offerte
-------------------------*/
	#miniatura_news {
	float:left;
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0px 0px 20px;
}
	
/*-------------------------
fine MINIATURE offerte
-------------------------*/

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

.prod-home {
 width:100%;
}

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

/*-------------------------
CSS Landingpage
-------------------------*/
.logo-landing {
	display:block;
	width:100%;
	text-align:center;
	padding:0px 20px 0px 20px;
}

.logo-landing img {
	width:180px;
}

.tel-landing {
	display:block;
	width:100%;
	text-align:center;
	font-size:100%;
	padding:30px 20px 0px 0px;
}

.tel-landing i {
    border-left: 1px solid rgba(221, 223, 223, 0.45);
    padding-left: 5px;
    margin-left: 5px;
    font-size:15px;
}

.background-landing {
	background-position:10% 50%;
	background-attachment: fixed;
}

.testo-landing {
	display:block;
	width:100%;
	padding:20px;
	font-size:16px;
}

.testo-landing h1 {
	font-size:22px;
}

.contentmailform-landing {
    position:relative;
	display:block;
	width:100%;
	padding:20px;
    z-index:10;
}

/*-------------------------
Chiudo CSS Landingpage
-------------------------*/
	

#footer {
	margin: 0 auto;
	width:100%;
	min-width:100%;
    font: 300 14px/1.6em "Open sans",Helvetica,sans-serif;
    padding:20px 10px;
}

.uno {
	float:left;
	padding:0px;
	width: 100%;
	padding:10px;
	margin-bottom:20px;
}
.due {
	float:left;
	padding:0px;
	width: 100%;
	padding:10px;
	margin-bottom:20px;
}
.tre {
	float:left;
	padding:0px;
	width: 100%;
	padding:10px;
	margin-bottom:20px;
}

.quattro {
	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;
}
	
   
    
}