@charset "utf-8";

/*===============================================================================================================   



Company     : PT Web Architect Technology - webarq.com 



Author      : Muhammad Febriansyah



Built       : Februari 2017



=============================================================================================================== */

@media all and (max-width: 1023px) {
  /* header



    ================================================================================================================= */

  /* middle homepage



    ================================================================================================================= */

  .main-menu li a {
    padding: 10px 15px;
  }

  .left-absensi,
  .right-absensi {
    width: 100%;

    margin-bottom: 15px;
  }

  .right-absensi {
    text-align: center;

    padding-left: 0;
  }

  .right-absensi #orangecircle {
    display: inline-block;

    float: none;
  }

  .big-berita {
    width: 100%;

    margin-bottom: 15px;
  }

  .small-berita {
    width: 100%;

    padding-left: 0;
  }

  .beststaff {
    width: 33.33%;
  }

  .location-home-history .cols3 {
    width: 100%;
  }

  .insert-row .tugasnya {
    width: 85%;
  }

  .row-calendar .cols4 {
    width: 50% !important;
  }

  #buatPesan .cols2 {
    width: 100%;
  }

  #buatPesan {
    width: 100%;
  }

  .caption-msg {
    width: 75%;
  }

  .judul-detail-msg {
    font-size: 18px;
  }

  footer .logo-footer {
    width: 0;
  }

  footer .contact-footer {
    width: 25%;

    margin-left: 0;
  }

  footer .address-footer {
    width: 53%;
  }

  footer .help-footer {
    width: 54%;

    padding-left: 0;

    float: right;
  }

  .tabs-menu-pesan ul li a span.inbox-txt {
    display: none;
  }

  .tabs-menu-pesan ul li a {
    padding: 10px 0px;
  }

  .tabs-menu-pesan ul li a .textnya {
    font-size: 12px;
  }

  .tabs-menu-pesan ul li a i {
    font-size: 15px;
  }

  /* popup



    ================================================================================================================= */

  /* middle contentpage



    ================================================================================================================= */

  /* footer



    ================================================================================================================= */
}