@media only screen and (min-width: 1200px) {
    .banner{
        position: absolute;
        top: 45%;
        width: 1200px;
        max-width: calc(110% - 1220px);
        margin-right: 200px;
      }
    .despre_noi{
        margin: 0 20px;
        padding: 40px;
        margin-top: 150px;
        height: 750px;
        border-radius: 30px; 
        box-shadow: 15px 15px 10px rgba(0, 0, 0, 0.1); 
        max-width: 650px; 
        flex: 1;
        
      }
      #about{
        display: flex;
        flex-wrap: wrap;
      }
}

@media screen and (max-width: 1500px) {
#about{
  padding: 20px;
}
.servicii{
  height: 95vh;
}
.despre_noi{
  margin: 0 20px;
  padding: 30px;
  margin-top: 70px;
  height: 550px;
  border-radius: 30px; 
  box-shadow: 15px 15px 10px rgba(0, 0, 0, 0.1); 
  max-width: 500px; 
  flex: 1;
  font-size: 12px;
}
.banner{
  min-width: calc(800px / 1.1);

  width: 200px;
  margin-right: 20px;
}
.panel-title{
  font-size: 18px;
  padding: 10px 10px 0 60px;
}
.panel-content{
  font-size: 14px;
}
.faq-header{
  font-size: 26px;
}
.faq-question{
  padding: 10px 0;
}
.faq-section {
  min-height: 63vh; /* Înălțimea minimă a secțiunii să fie egala cu înălțimea vizibilă a ferestrei browser-ului */
  padding: 30px 0;
}
.servicii {
  height: 110vh;
}
}


@media only screen and (max-width: 800px) {
    #about{
        height: 130vh;
        display: flex;
        flex-direction: column;
        justify-content: center; 
        align-items: center;
    }
    .banner {
        position: static;
        width: auto;
        margin-bottom: 20px;
        width: 400px;
        margin-top: 50px;
        min-width: calc(1.1 * 250px);
    }
    .despre_noi{
        max-height: 800px;
        margin: 0 10px;
        padding: 30px;
        margin-top: 150px;
        max-width: 700px; 
      }
      .nav{
        white-space: nowrap;
      }
    .testimonials-container {
      margin-top: 150px;
      display: flex;
      flex-direction: column; /* Modificare pentru layout vertical */
      justify-content: center;
      padding-bottom: 40px;
    }
    .testimonial{
      margin-top: 10px;
    }
    .servicii{
      flex-direction: column;
      height: 150vh;
    }
    .servicii > *:not(:last-child) {
      margin-bottom: 20px; /* sau orice altă valoare pentru a apropia elementele */
    }
    .faq-section {
      min-height: 80vh; 
    }
    .recenzii{
      height: 150vh;
    }
    .nav_item{
      display: none;
      flex-direction: column;
    }
    .header{
      height: 80px;
    }
    #form-open{
      margin-right: 140px;
    }
    .panel-title{
      display: table-cell;
    }
}
@media only screen and (max-width: 450px) {
  .banner{
    display: none;
  }
}