<!-- header area -->
.middle-area {
    width: 60%;
  }
  .left-area a {
    font-size: 15px;
    margin: 10px 20px 0 30px;
  }
  .left-area button {
    font-size: 11px;
    margin-top: 3px;
    padding: 10px 12px;
    border-radius: 3px;
  }
  .left-area {
    width: 40%;
  }
  .right-login-area {
    width: 40%;
  }
  .chat #chat {
    width: 35px;
    height: 35px;
  }
  .chat label {
    font-size: 13px;
    margin: 10px 30px 0 2px;
  }
  .login #log {
    width: 35px;
    height: 35px;
  }
  .login label {
    font-size: 13px;
    margin: 8px 30px 0 2px;
  }
  .login button {
    font-size: 14px;
    padding: 12px 11px;
    margin: 0 30px 0 0;
  }
 <!-- bottom area - footer ar ager ongsho -->
  .bottom-area {
    width: 51%;
  }
  .quick-link h2 {
    font-size: 14px;
  }
  .total ul li {
    width: 22%;
    height: 180px;
    margin: 10px 9px 20px 0;
    padding: 0px 8px;
  }
  .total h4 {
    font-size: 14px;
  }
  .total p {
    font-size: 14px;
  }