@media all and (min-width: 50px) {
  .lienhe-wrap {
    margin: auto;
    background-color: #FFF;
    padding: 10px 0 0 0;
    margin-top: 20px;
    flex-wrap: wrap; }
    .lienhe-wrap p.success {
      font-size: 18px;
      text-align: center;
      font-weight: bold;
      color: #555;
      padding-bottom: 10px;
      width: 100%; }
    .lienhe-wrap p.mes {
      font-size: 18px;
      text-align: center;
      font-weight: bold;
      color: red;
      padding-bottom: 10px;
      width: 100%; }

  .top {
    width: 100%;
    padding: 0 12px;
    border-bottom: 1px solid #E7E7E7;
    margin-bottom: 18px; }
    .top ul {
      padding-bottom: 7px;
      list-style: none;
      display: flex;
      flex-wrap: wrap; }
      .top ul li {
        width: 100%;
        margin-bottom: 10px; }
        .top ul li p.tit {
          font-size: 14px;
          font-weight: bold;
          color: #00A859;
          text-transform: uppercase; }
        .top ul li p {
          font-size: 14px;
          line-height: 1.5; }
          .top ul li p a {
            text-decoration: none;
            color: #000; }

  .bottom {
    width: 100%;
    padding: 0 12px 50px 12px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-bottom: 1px solid #F2F2F2; }
    .bottom form {
      width: 100%; }
    .bottom .input-full {
      background: #F9F9F9;
      border: 1px solid #F2F2F2;
      box-sizing: border-box;
      border-radius: 5px;
      height: 44px;
      font-family: "Arial";
      font-size: 14px;
      padding: 0 10px;
      width: 100%;
      outline: none;
      margin-bottom: 13px; }
    .bottom div {
      display: flex;
      justify-content: space-between;
      align-items: center; }
    .bottom .input-nua {
      background: #F9F9F9;
      border: 1px solid #F2F2F2;
      box-sizing: border-box;
      border-radius: 5px;
      height: 44px;
      font-family: "Arial";
      font-size: 14px;
      padding: 0 10px;
      width: calc(50% - 7px);
      outline: none;
      margin-bottom: 13px; }
    .bottom textarea {
      width: 100%;
      height: 100px;
      font-family: "Arial";
      font-size: 14px;
      padding: 10px;
      outline: none;
      background: #F9F9F9;
      border: 1px solid #F2F2F2;
      box-sizing: border-box;
      border-radius: 5px;
      resize: none;
      margin-bottom: 13px; }
    .bottom .ma {
      width: 110px;
      height: 44px;
      font-family: "Arial";
      font-size: 14px;
      outline: none;
      background: #EBF2FF;
      border: 0.5px solid #2264D1;
      box-sizing: border-box;
      border-radius: 5px;
      text-align: center;
      color: #2264D1; }
    .bottom .send {
      border: none;
      padding: 7px 15px;
      border-radius: 4px;
      font-family: Arial;
      font-size: 14px;
      cursor: pointer;
      width: 191px;
      height: 44px;
      background: #2264D1;
      border-radius: 5px;
      color: #FFF; } }
@media all and (min-width: 521px) {
  .lienhe-wrap {
    width: 520px;
    margin: 10px auto; }

  .top {
    padding-left: 0;
    padding-right: 0; }

  .bottom {
    padding-left: 0;
    padding-right: 0; } }
@media all and (min-width: 1201px) {
  body {
    background-color: #F6F7FB; }

  nav {
    display: block; }
    nav h2 {
      cursor: pointer; }
    nav ul {
      display: none; }

  .lienhe-wrap {
    width: 800px;
    padding: 0;
    padding-top: 50px;
    background-color: #FFF;
    margin: 20px auto;
    padding: 15px 30px;
    display: flex; }

  .top {
    width: 300px;
    border-bottom: none; }
    .top ul {
      padding-bottom: 20px; }

  .bottom {
    width: 440px;
    border-bottom: none; } }

/*# sourceMappingURL=lien-he.css.map */