@charset "utf-8";

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



Author      : Muhammad Febriansyah



Built       : Februari 2017



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

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



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

  .user-menu .welcome-text {
    display: none;
  }

  /* middle homepage



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

  .table-absensi {
    overflow: auto;
  }

  .table-absensi table tr .list-tugasnya .tugasnya {
    /*width: 100%;*/
  }

  .big-berita .images-berita {
    width: 100%;

    padding: 0;
  }

  .big-berita .caption-berita {
    width: 100%;
  }

  .caption-berita h3 {
    font-size: 24px;
  }

  .beststaff {
    width: 100%;
  }

  .desktop-look {
    display: block;
  }

  .mobile-look {
    display: block;
  }

  .left-tugas-content {
    width: 100%;

    padding-right: 0;
  }

  .right-tugas-content {
    width: 100%;
  }

  .insert-row .left,
  .insert-row .right {
    width: 100%;

    margin-bottom: 10px;
  }

  .insert-row .right {
  }

  .tugas-detail .left {
    width: 100%;

    padding-right: 0;
  }

  .tugas-detail .right {
    width: 100%;

    /*margin-bottom: 10px;*/

    margin-bottom: 30px;
  }

  .time-pekerjaan {
    font-size: 22px;
  }

  .time-pekerjaan span.smallest {
    font-size: 17px;
  }

  .box-salem p {
    font-size: 14px;
  }

  .judul-detail {
    font-size: 20px;
  }

  .isi-berita h4 {
    font-size: 17px;

    margin: 0px 0 20px 0;
  }

  .table-absensinya,
  .list-event {
    overflow: auto;

    overflow-y: hidden;
  }

  .table-absensinya table tr th span {
    width: 150px;

    display: block;
  }

  .list-lokasinya .cols3 {
    width: 36.5%;

    margin-bottom: 0;
  }

  .list-lokasinya .row-form-tugas .label-form {
    font-size: 14px;

    display: none;
  }

  .list-lokasinya .cols3.date-select {
    width: 27%;
  }

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

  .content-karyawan .beststaff {
    width: 100%;
  }

  .bottom-header .wrapper {
    padding: 0;
  }

  .right.bottom-menu {
    float: none;

    display: block;

    width: 100%;
  }

  .main-menu {
    display: none;
  }

  .main-menu li {
    width: 100%;
  }

  .tabs-konten-menu span {
    display: block;
  }

  .tabs-konten-menu .right {
    float: left;
  }

  .mobile-trigger {
    display: block;

    width: 100%;

    padding: 5px 20px;

    text-align: left;

    background-color: #ffde00;
  }

  .mobile-trigger a {
    color: #333;

    font-size: 18px;

    display: block;

    font-weight: 600;
  }

  .absensi-select .cols2 {
    width: 50%;
  }

  .hari-tgl {
    padding: 10px 0;
  }

  .cols2 {
    width: 100%;
  }

  .row-form-tugas .cols3 {
    width: 100%;
  }

  .form-wrapper {
    padding-right: 0;
  }

  .form-wrapper .big-btn {
    display: block;
  }

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

  .content-kotak-pesan .scroll-pane,
  .row-detail-pesan .scroll-pane {
    height: auto;
  }

  .right-msg-detailnya {
    display: none;
  }

  .mobile-isi-pesan .isi-msg-detail {
    padding-left: 0px;

    padding-right: 0px;
  }

  .row-msg .caption-msg .trucate-msg {
    display: none;
  }

  .big-circle img {
    width: 100%;
  }

  .box-berita {
    padding: 20px;
  }

  .main-menu li a.active,
  .main-menu li a:hover {
    border: none;
    background-color: #ef5215;
    color: white;
  }

  /* middle contentpage



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

  /* footer



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

  footer .logo-footer/*

    */ {
    display: block;
  }

  footer .contact-footer {
    /*width: 50%;*/

    width: 100%;

    margin-left: 0;
  }

  footer .address-footer,
  footer .help-footer {
    width: 100%;

    float: left;

    margin-top: 20px;
  }

  footer .logo-footer img {
    /*margin-left: 0;*/

    margin: 0 20%;
  }
}