@media only screen and (max-width: 1050px){
  .layui-container{
    width: calc(100% - 30px);
    padding:0;
  }
}
@media only screen and (max-width: 992px){
  .engage-middle,.feature-middle,.frame-middle{
    display: block;
    flex:none;
  }
}
@media only screen and (max-width: 767px){
  .engage-middle,.feature-middle,.frame-middle{
    display: block;
    flex:none;
  }
  .wrapper-section{
    height: 78px;
  }
  .navbar{
    height: 38px;
  }
  .navbar-brand{
    height: 38px;
    line-height: 38px;
    background-color:#4E4A49;
    font-size: 20px;
    padding: 0 15px;
    width: calc(100% - 44px);
    border-radius:2px 0 0 2px;
  }
  .navbar-brand-logo{
    padding: 0;
    background-color:unset;
  }

  .banner-info h3{
    font-size: 30px;
  }

  .banner-info p{
    font-size: 20px;
  }

  .liumq-heading h3{
    font-size: 25px;
  }

  .about-progress > div p{
    font-size: 18px;
  }

  .about-progress > div .progress > svg {
    width: 230px;
    height: 230px;
  }

  .feature-middle .three-columns h4{
    font-size: 20px;
  }
  .product-tab .product-tab-text:nth-child(2n){
    background-color: #FB922C;
    color: #ffffff;
  }
  .product-tab .product-tab-text:nth-child(2n) p{
    color: #ffffff;
  }
  .brief-main .brief-main-left h3{
    font-size: 25px;
  }
  .brief-main{
    display: block;
  }
}