/* sistemare il footer in particolare quando vado nel mobile
punto di rottura width <992 la parte con in simboli social 
non si allinea al logo, pertanto bisognerebbe sistemarlo con 
una mediaquery e darli il margine a sinistra */


/* 

   /* Media Query for Mobile Devices */
@media (max-width: 480px) {
  body {
  background-color: rgb(255, 255, 255);
    overflow-x: hidden;

  }

/* NAVBAR MENU */
.nav-link{
  text-align: center;
}

/* CAROUSEL MOBILE  */
  .carouselMobile{
    display: block;
 
}
.carousel{
  position:relative;
  z-index: 20;

 width: 100vw;
padding-bottom: -20px;
overflow-x: hidden;
}

.carousel-item img {
  object-fit:cover;
  object-position: top;
   width: 100%;
 height: 70vh;
  top: 0;
  left: 0;
}  
/* .colorbluecar{
  background-color: blue;
background-blend-mode: color-burn;
} */

/* .vetronero2{
  position: absolute;
  z-index: 40;
  height: 1000px;
  width: 100%;
  background-color: black;
} */

.staticCarousel{
position: absolute;
z-index: 25;
text-align: center;
width: 100vw;
height: 70vh;
padding-top: 6vh;
background-color: rgba(10, 10, 86, 0.67)
}
.logoCarouselmobile{
  width: 300px;
  padding-bottom: 4vh;
}

.descMansioni{
  width: 90%;
}

.descMansioni > h2{
  font-size: 24px;
}

.lineaCarousel{
  width: 50%;
}


.carouselDesk{
 display: none;
}

.payout_carousel > p{
  font-size: 27px;
  font-weight: bold;
}

 .img_operaio{
  display: none;
 }

.titolo_servizi > p{
  font-size: 26px;
}


/* SCHEDE LAVORO HOME */
.scheda_lavoro{
 width: 100vw;
}
.titolo_lavoro h3{
  font-size: 30px !important;
}

/* 3 elementi icone tersto */
.rigaHome{
  padding-left: 10px;
  padding-right: 10px;
  overflow-x: hidden;
}

.foto_ricambi{
  display: flex;
  flex-wrap: wrap;
}
/* vendita e ricambi home */
.foto_ricambi > img{
  width: 50%;
  border: 2px solid var(--main-color-sito);
}

.foto_ricambi2{
   display: flex;
   flex-wrap: wrap;
}

.foto_ricambi2 > img{
  width: 100%;
height: auto;

}

/* COME CONTATTARCI IN HOME */
.titolo_servizi_secondari{
width: 75%;
}

.parte_mappa{
  display: block;
}

.desc_mappa{
  width: 100vw;
  margin-bottom: -120px;
  padding-top: 20px;
  padding-bottom: 37px;
}
.cattura_mappa{
  width: 100vw;
  margin-bottom: 30px;
}
.bottone_mappa{
  position: relative;
  top: 50%
}

.testoForte{
 font-size: 24px;
} 

.logo_pagina_elettrico{
  width: 300px;
}




/* FOOTER */
.img_sopraFooter{
  height: 30vh;
  background-position-y: top;
  background-color: rgba(5, 5, 71, 0.8);
}
.logo_imgfooter{
  width: 330px;
  position: relative;
  top: 30%
}
.social-footer{
  justify-content: center;
 }

/* PAGINE LAVORI */

/* IMPIANTI ELETTRICI */
.hero_lavoro{
  display: flex;
  /* height: 200px; */
  justify-content: center;
  padding-top: 100px;
  padding-bottom: 100px;
  }
  .hero_logo img{
  margin-right: 20px;
  margin-left: 20px;
      width: 70px;
  }
  .titolo_lavori_hero h3{
      text-align: center;
     
      padding-right: 10px;
  font-size: 30px;
  color: white;
  }
  .barra_lavori{
    width: 70%;
    margin: 0 auto;
  }

.img_elettrico{
  max-width: 100vw;
margin-top: -40px;
margin-bottom: 30px;
}
.img_elettrico > img{
width: 100%;
text-align: center;
margin: 0 auto
}

/* IMPIANTI a gas*/
.img_gas > img{
  width: 100%;
  margin: 0 auto;
  margin-bottom: 30px
}

/* IMPIANTI CONDIZIONAMENTO*/
.img_clima > img{
  width: 100%;
  margin-bottom: 80px;
}

/* VIDEOSORVEGLIANZA */
.titolo_lavori_hero_mobile_video > h3{
  margin-top: 10px;
font-size: 24px;
}

/*TRATTAMENTO ACQUE*/
.img_clorazione > img{
  width: 100%;
}
.parte_clorazione{
  margin-bottom: 100px;
}


.img_addolcimento > img{
  width: 100%;
}
.acquenere > img{
  width: 300px;
}

/* VENDITA ELETTROPOMPE */
.img_pompa_mobile{
  margin-top: -70px;
  margin-bottom: -80px;
}
.img_autoclave{
  margin-top: 170px;
}

/*TRATTAMENTO ACQUE*/
.sottotitolo_pag_gas{
  margin-top: 10px;
}

/*ANTINCENDIO*/
.antincendio2{
 
  background-color: rgba(4, 4, 40, 0.78);
  background-blend-mode:darken;
  background-size: cover;
 background-position-y: center;
 background-position-x: center;
}
}




/* ------iphonex ----- */

@media (max-width: 667px) and (max-height: 667px) {


.staticCarousel{
  height: 80vh;
  padding-top: 6vh;

  }

  .carousel-item img {
    object-fit:cover;
    object-position: top;
     width: 100%;
   height: 80vh;
    top: 0;
    left: 0;
  }  

}

    

/* tablet */

/* Media Query for low resolution  Tablets, Ipads */
      @media (min-width: 476px) and (max-width: 970px) {
          body {
              background-color: rgb(252, 252, 252);
          }
/* NAVBAR MENU */
.nav-link{
  text-align: center;
}

/* CAROUSEL MOBILE  */
  .carouselMobile{
    display: block;
 
}
.carousel{
  position:relative;
  z-index: 20;

 width: 100vw;
padding-bottom: -20px;
overflow-x: hidden;
}

.carousel-item img {
  object-fit:cover;
  object-position: top;
   width: 100%;
 height: 70vh;
  top: 0;
  left: 0;
}  

.staticCarousel{
position: absolute;
z-index: 25;
text-align: center;
width: 100vw;
height: 70vh;
padding-top: 6vh;
background-color: rgba(10, 10, 86, 0.67)
}
.logoCarouselmobile{
  width: 300px;
  padding-bottom: 4vh;
}

.descMansioni{
  width: 90%;
}

.descMansioni > h2{
  font-size: 24px;
}

.lineaCarousel{
  width: 50%;
}


.carouselDesk{
 display: none;
}

 .img_operaio{
  display: none;
 }

 .titolo_servizi_secondari{
  width: 75%;
  }
  


 .img_sopraFooter{
  height: 30vh;
  background-position-y: top;
  background-color: rgba(5, 5, 71, 0.8);
}
.logo_imgfooter{
  width: 330px;
  position: relative;
  top: 30%
}



      }







      /* Media Query for Tablets Ipads portrait mode */
/*       @media (min-width: 768px) and (max-width: 1024px){
          body {
              background-color: blue;
          }
      } */

      /* Media Query for Laptops and Desktops */
   /*    @media (min-width: 1025px) and (max-width: 1280px){
          body {
              background-color: green;
          }
      } */



/* tablet */
@media screen and (min-width: 400px) and (max-width: 992px) {
/*     body {
      background-color: blue;
    }

    .social-footer{
       justify-content: center;
    }

.carouselDesk{
  display: none;
}


.testoForte{
  font-size: 24px;
} */

  }