.wrapper-query .layui-container {
  max-width: 1000px;
  margin-top: 15vh;
}

@media screen and (max-width: 767.98px) {
  .wrapper-query .layui-container {
    width: 100%;
  }

  .wrapper-query .logo{
    text-align:center;
  }

  .wrapper-query .title{
    font-size: 26px;
  }

  .wrapper-query .form-area{
    width: 100%;
    height: 3em;
  }
  
  .wrapper-query .form-area .search-btn{
    font-size: 16px;
  }

  .wrapper-query .form-area .search-btn i{
    font-size: 16px;
  }

  .wrapper-detail .layui-container {
    width: 100%;
    padding:0;
  }

  .wrapper-detail .pandect{
    display:block;
  }

  .wrapper-detail .pandect .pandect-two{
    height: unset;
    margin-top: 15px;
    justify-content: space-between;
    flex-direction: row;
  }

  .wrapper-detail .pandect .pandect-three{
    display: none;
  }

  .wrapper-detail .steps{
    display: none;
  }
}