.container {
  width: 80%;
  margin: 0 auto;
}
@media (min-width: 1600px) {
  .container {
    width: 1200px;
  }
}
@media (max-width: 1600px) {
  .container {
    width: 1200px;
  }
}
@media (max-width: 1400px) {
  .container {
    width: 1100px;
  }
  #home .container .left .p1 {
    font-size: 30px;
    line-height: 36px;
  }
  #home .container .left .p2 {
    font-size: 40px;
    line-height: 60px;
  }
  #Steps .container ul li {
    width: 331px;
  }
  #Featurer {
    padding: 90px 0;
  }
  #Featurer .container ul li {
    width: 336px;
    height: 389px;
    margin-right: 30px;
  }
  #Requirements .container .left p {
    font-size: 36px;
  }
  #Requirements {
    padding: 160px 0;
    padding-bottom: 90px;
  }
  #footer .container .bottom .p2 {
    font-size: 22px;
  }
  #home .container .left{
    margin-top: 80px;
  }
}
@media (max-width: 1200px) {
  .container {
    width: 1000px;
  }
  #home .container .left .p1 {
    font-size: 30px;
    line-height: 36px;
  }
  #home .container .left .p2 {
    font-size: 40px;
    line-height: 60px;
  }
  #Steps .container ul li {
    width: 310px;
  }
  #Featurer {
    padding: 90px 0;
  }
  #Featurer .container ul li {
    width: 309px;
    height: 389px;
    margin-right: 24px;
  }
  #Requirements .container .left p {
    font-size: 36px;
  }
  #Requirements {
    padding: 120px 0;
    padding-bottom: 40px;
  }
  #footer .container .bottom .p2 {
    font-size: 20px;
  }
  #Requirements .container ul li {
    width: 310px;
  }
  #footer .container .top .left .text .p1 {
    font-size: 40px;
  }
  #footer .container .top .right img {
    margin-right: 40px;
  }
  #choose .container .right {
    width: 400px;
    height: 400px;
  }
  #home .container .right {
    width: 584px;
    height: 578px;
  }
  #Steps {
    top: -195px;
  }
  #home .container .left{
    margin-top: 70px;
  }
}
@media screen and (max-width: 768px) {
  body {
    width: 1200px;
  }
  .container {
    width: 1000px;
  }
}