* {
  box-sizing: border-box;
}
body {
  width: 98%;
}

nav {
  width: 98%;
  height: 60px;
  border: 1px solid black;
  border-radius: 3px;
  background-color: #dc6900;
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: fixed;
  margin-top: -60px;
  opacity: 0.8;
}
nav a {
  cursor: pointer;
  color: white;
  text-decoration: none;
  font-weight: bold;
}
.wrap {
  width: 100%;
  height: 100hv;
  background-color: #fff0cc;
  flex-direction: column;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  /* top: 180px; */
  margin-top: 60px;
}
.wrap h2 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
}
.wrap p {
  width: 100%;
  height: 100hv;
  margin: 5px;
  /* display: flex;
  justify-content: flex-start;
  align-items: center; */
}
.MobileComplex {
  width: 100%;
  height: 100hv;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 5px;
}
.ImgMobileComplex {
  width: 100%;
  height: 500px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.imgPackege1 {
  width: 48%;
  height: 48%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 5px;
  background-image: url("img/MobileComplex/packege1.jpeg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.imgPackege2 {
  width: 48%;
  height: 48%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 5px;
  background-image: url("img/MobileComplex/packege2.jpeg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.imgPackege3 {
  width: 48%;
  height: 48%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 5px;
  background-image: url("img/MobileComplex/packege3.jpeg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.imgPackege4 {
  width: 48%;
  height: 48%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 5px;
  background-image: url("img/MobileComplex/packege4.jpeg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.packege {
  width: 50%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
/* .packege img {
  width: 48%;
  height: 48%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 5px;
} */
.imgComplex1 {
  width: 48%;
  height: 98%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 5px;
  background-image: url("img/MobileComplex/complex1.jpeg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.imgComplex2 {
  width: 48%;
  height: 98%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 5px;
  background-image: url("img/MobileComplex/complex2.jpeg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.Complex {
  width: 50%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* .Complex img {
  width: 48%;
  height: 98%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 5px;
} */
.Disinfection {
  width: 100%;
  height: 100hv;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 5px;
}
.imgDisinfection {
  width: 800px;
  height: 400px;
  background-image: url("img/Disinfection/3.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.bacteria {
  width: 100%;
  height: 450px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.discription {
  width: 85%;
  height: 100hv;
  display: flex;
  justify-content: center;
  align-items: center;
}
.discription1 {
  width: 50%;
  height: 100hv;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.discription2 {
  width: 100%;
  height: 100hv;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: -20px;
}
.circle {
  width: 30px;
  height: 30px;
  color: white;
  background-color: #dc6900;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.el3 {
  width: 100wv;
  height: 100hv;
  background-color: #dc6900;
  color: white;
  padding: 10px;
}
.parametrs {
  width: 100wv;
  height: 100hv;
}
.parametrs1 {
  background: white;
}
.ul1 {
  width: 90%;
  height: 100hv;
}
.ul1 i {
  color: #dc6900;
  font-weight: bold;
}
.line {
  width: 100%;
  height: 10px;
  border-bottom: 1px dashed #dc6900;
}
.Comparison {
  width: 100%;
  height: 100hv;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 5px;
}
.blue {
  color: blue;
  font-weight: bold;
  font-size: 1.2rem;
}
.orang {
  color: #dc6900;
}
.Team {
  width: 100%;
  height: 100hv;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 5px;
}
.orangBg {
  background-color: #dc6900;
  color: white;
}
.fioletBg {
  background-color: #f1d3cc;
}
.fioletLiBg {
  background-color: #f8eae7;
}
.row {
  width: 100%;
  height: 100hv;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 5px;
}
footer {
  width: 98%;
  height: 95px;
  border: 1px solid black;
  border-radius: 3px;
  background-color: #dc6900;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 5px;
}

/* --------------------------------------------------------------------------------------------------------- */

@media screen and (max-width: 1050px) {
  nav {
    width: 98%;
    height: 60px;
    border: 1px solid black;
    border-radius: 3px;
    background-color: #dc6900;
    display: flex;
    /* flex-direction: column; */
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    position: fixed;
    /* margin-top: -60px; */
    opacity: 0.9;
    font-size: 1.1rem;
  }
  nav a {
    cursor: pointer;
    color: white;
    text-decoration: none;
    font-weight: bold;
  }
  .wrap {
    width: 100%;
    height: 100hv;
    background-color: #fff0cc;
    flex-direction: column;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    /* top: 180px; */
    /* margin-left: 65px; */
  }
  .wrap h2 {
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin-top: 60px; */
  }
  .wrap p {
    width: 97%;
    height: 100hv;
    margin: 5px;
  }
  .MobileComplex {
    width: 100%;
    height: 100hv;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 3px;
  }
  .ImgMobileComplex {
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .imgPackege1 {
    display: none;
    width: 48%;
    height: 48%;
    justify-content: center;
    align-items: center;
    margin: 5px;
    background-image: url("img/MobileComplex/packege1.jpeg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .imgPackege2 {
    display: none;
    width: 48%;
    height: 48%;
    justify-content: center;
    align-items: center;
    margin: 5px;
    background-image: url("img/MobileComplex/packege2.jpeg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .imgPackege3 {
    width: 98%;
    height: 48%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin: 5px; */
    background-image: url("img/MobileComplex/packege3.jpeg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .imgPackege4 {
    width: 98%;
    height: 48%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin: 5px; */
    background-image: url("img/MobileComplex/packege4.jpeg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .packege {
    width: 50%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  /* .packege img {
    width: 48%;
    height: 48%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 5px;
  } */
  .imgComplex1 {
    display: none;
    width: 48%;
    height: 98%;
    justify-content: center;
    align-items: center;
    margin: 5px;
    background-image: url("img/MobileComplex/complex1.jpeg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .imgComplex2 {
    width: 98%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url("img/MobileComplex/complex2.jpeg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .Complex {
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  /* .Complex img {
    width: 48%;
    height: 98%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 5px;
  } */
  .Disinfection {
    width: 100%;
    height: 100hv;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 5px;
  }
  .imgDisinfection {
    width: 440px;
    height: 250px;
    background-image: url("img/Disinfection/3.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: -120px;
  }
  .bacteria {
    width: 100%;
    height: 450px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .discription {
    width: 95%;
    height: 100hv;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: -120px;
    margin-left: 60px;
  }
  .discription1 {
    width: 50%;
    height: 100hv;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .discription2 {
    width: 80%;
    height: 100px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 8px;
    font-size: 0.8rem;
    /* margin-left: -0px; */
  }
  .circleMedia {
    width: 860%;
  }
  .circle {
    width: 30%;
    padding: 0px 3px;
    width: inherit;
    height: inherit;
    color: white;
    display: block;
    background-color: none;
    border-radius: 0%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .el3 {
    width: 100wv;
    height: 100hv;
    background-color: #dc6900;
    color: white;
    padding: 10px;
  }
  .table {
    width: 95%;
  }
  /* .parametrs {
    width: 100wv;
    height: 100hv;
  } */
  .parametrs1 {
    font-size: 0.85rem;
    background: white;
  }
  .ul1 {
    width: 90%;
    height: 100hv;
  }
  .ul1 i {
    color: #dc6900;
    font-weight: bold;
  }
  .line {
    width: 100%;
    height: 10px;
    border-bottom: 1px dashed #dc6900;
  }
  .Comparison {
    width: 100%;
    height: 100hv;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 5px;
  }
  .blue {
    color: blue;
    font-weight: bold;
    font-size: 1.2rem;
  }
  .orang {
    color: #dc6900;
  }
  .Team {
    width: 100%;
    height: 100hv;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 5px;
  }
  .orangBg {
    background-color: #dc6900;
    color: white;
  }
  .fioletBg {
    background-color: #f1d3cc;
  }
  .fioletLiBg {
    background-color: #f8eae7;
  }
  .row {
    width: 100%;
    height: 100hv;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 5px;
  }
  footer {
    width: 98%;
    height: 95px;
    border: 1px solid black;
    border-radius: 3px;
    background-color: #dc6900;
    display: flex;
    justify-content: space-around;
    align-items: center;
    font-size: 0.8rem;
    /* margin-left: 65px; */
  }
  /* .col-footer{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  } */
}