.container {
  width: 80%;
  margin: 0 auto;
}
@media (min-width: 1600px) {
  .container {
    width: 1200px;
  }
  #Home {
    height: 1045px;
  }
}
@media (max-width: 1600px) {
  .container {
    width: 1200px;
  }
}
@media (max-width: 1400px) {
  .container {
    width: 1100px;
  }
  #Home {
    height: 829px;
  }
  #WhyChooseUs .container .list .item {
    width: 323px;
    height: 500px;
  }
  #Home .container .box {
    bottom: 99px;
  }
}
@media (max-width: 1200px) {
  .container {
    width: 1000px;
  }
  header nav .logo a {
    font-size: 18px;
  }
  header nav .nav-links li a {
    font-size: 18px;
  }
  header nav .nav-links a.active {
    font-size: 18px;
  }
  #Home {
    height: 744px;
  }
  #Home .container .box .p1 {
    font-size: 52px;
  }
  #WhyChooseUs .container .title {
    font-size: 50px;
  }
  #WhyChooseUs .container .list .item {
    width: 323px;
    height: 500px;
  }
  #UseCases .container .title {
    font-size: 50px;
  }
  #UseCases .container .list .item span {
    width: 70px;
    height: 70px;
    font-size: 27px;
  }
  #UseCases .container .list .item {
    height: 150px;
  }
  #UseCases .container .list .item .text .p1 {
    margin-bottom: 16px;
  }
  #Process .container .content img {
    width: 452px;
    height: 452px;
  }
  #Process .container .content .left {
    height: 442px;
  }
  #Process .container .content .left p {
    margin-bottom: 12px;
  }
}
@media screen and (max-width: 768px) {
  body {
    width: 1200px;
  }
}