/********** 1199px and below **********/
@media only screen and (max-width: 1199px) {
  /***** Account General *****/
  .account-left-inner {
    margin: 53px auto 86px;
  }
  .account-creation-success {
    margin: 170px auto 86px;
  }
  /***** Account General End *****/
}
/********** 1199px and below End **********/


/********** 991px and below **********/
@media only screen and (max-width: 991px) {
  /***** Account General *****/
  .account-left {
    width: 100%;
  }
  .account-right {
    display: none;
  }
  /***** Account General End *****/


  /***** Cipta Persidangan *****/
  .cipta-persidangan-wrapper .ast-container {
    text-align: center;
  }
  /***** Cipta Persidangan End *****/
}
/********** 991px and below End **********/


/********** 767px and below **********/
@media only screen and (max-width: 767px) {
  /***** General *****/
  .sem-column,
  body .sem-form input {
    font-size: 14px;
  }
  body .sem-form input {
    height: 40px;
  }
  body .sem-form label {
    margin-bottom: 5px;
  }
  body .field-wrap {
    min-height: 40px;
  }
  body .sem-form .nice-select {
    height: 40px;
    line-height: 38px;
  }
  .empty_mobile {
    display: none;
  }
  /***** General End *****/


  /***** Account General *****/
  .account-left-inner {
    padding: 0 29px;
  }
  .title-tooltip {
    margin-top: 18px;
    margin-bottom: 32px;
  }
  .title-tooltip h3 {
    font-size: 25px;
  }
  .account-forget-password {
    margin-top: 10px;
  }
  .account-forget-password label {
    margin-left: 10px;
  }
  .account-button {
    margin-bottom: 25px;
  }
  html body .account-lower-button a {
    margin-left: 10px;
  }
  .account-lower-button.register-button a,
  .account-lower-button.back-button a {
    padding: 8px 29px;
  }
  /***** Account General End *****/


  /***** Senarai Pemohonan *****/
  .datepicker-row .pms_date_sec.border:before {
    height: 20px;
  }
  .datepicker-row .border .tarikh-mula:after {
    top: 7px;
  }
  /***** Senarai Pemohonan End *****/


  /***** Register *****/
  .account-subtitle:after {
    max-width: 185px;
    width: 100%;
  }
  .account-subtitle.sub3:after {
    max-width: 105px;
    width: 100%;
  }
  /***** Register End *****/


  /***** Ringkasan *****/
  .ringkasan-wrapper {
    padding: 26px 25px;
  }
  .ringkasan-lower-wrap > div {
    width: 100%;
    padding-right: 0;
  }
  .ringkasan-lower-wrap .rk-lower-italic2 {
    margin-bottom: -10px;
  }
  /***** Ringkasan End *****/


  /***** Profil Saya *****/
  .profil-wrapper {
    padding: 26px 33px;
  }
  .profil-box > div:nth-child(odd),
  .profil-box > div:nth-child(even) {
    width: 100%;
    padding-right: 0;
  }
  /***** Profil Saya End *****/


  /***** Step 3 - Tujuan Perusahaan Sosial *****/
    /*** Penerima Geran Derma ***/
    .penerima-geran-derma-wrapper {
      align-items: flex-start;
      flex-direction: column;
    }
    /*** Penerima Geran Derma End ***/


    /*** Pecahan Hasil Pendapatan ***/
    .pecahan-hasil-inner-wrap {
      flex-direction: column;
    }
    .phasil-box:first-child {
      margin-right: 0;
    }
    .phasil-box {
      width: 100%;
    }
    /*** Pecahan Hasil Pendapatan End ***/


    /*** Pekerja Penerima Manfaat ***/
    .pekerja-pm-wrapper {
      padding: 10px 20px 0;
    }
    .pekerja-pm-inner-wrap {
      align-items: flex-start;
      flex-direction: column;
    }
    .pekerja-pm-inner-wrap.wrap2 .field-wrap {
      flex-direction: column;
      align-items: flex-start;
      width: 100%;
    }
    .pekerja-pm-inner-wrap.wrap2 .field-wrap input {
      max-width: 100%;
    }
    /*** Pekerja Penerima Manfaat End ***/


    /*** Keuntungan Penerima Manfaat ***/
    .keuntungan-wrapper .field-wrap {
      flex-direction: column;
      align-items: flex-start;
      width: 100%;
    }
    body .keuntungan-wrapper input {
      max-width: 100%;
    }
    /*** Keuntungan Penerima Manfaat End ***/
  /***** Step 3 - Tujuan Perusahaan Sosial End *****/


  /***** Steps - Dropdown select field *****/
  .ms-options ul ul {
    display: flex;
    flex-direction: column;
  }
  /***** Steps - Dropdown select field End *****/
}
/********** 767px and below End **********/


/********** 576px and below **********/
@media only screen and (max-width: 576px) {
  /***** Apply Page *****/
  html body .jenis-pendaftaran-wrap h2 {
    font-size: 25px;
    margin-bottom: 23px;
  }
  .jenis-radio {
    height: 80px;
  }
  .jenis-radio:last-child {
    margin-bottom: 30px;
  }
  .jenis-radio label {
    padding: 20px 18px;
  }
  .jenis-radio span {
    left: 18px;
    font-size: 16px;
  }
  .jenis-radio .checkmark {
    right: 18px;
  }
  /***** Apply Page End *****/


    /*** Kategori Aktivity Membantu ***/
    .ka-membantu-checkbox {
      flex-direction: column;
      margin-bottom: 10px;
    }
    .ka-membantu-checkbox > div:nth-child(odd),
    .ka-membantu-checkbox > div:nth-child(even) {
      width: 100%;
      padding-right: 0;
    }
    .ka-membantu-checkbox > div:first-child {
      order: 1;
    }
    .ka-membantu-checkbox > div:nth-child(2) {
      order: 2;
    }
    .ka-membantu-checkbox > div:nth-child(3) {
      order: 3;
    }
    .ka-membantu-checkbox > div:nth-child(4) {
      order: 4;
    }
    .ka-membantu-checkbox > div:nth-child(5) {
      order: 5;
    }
    .ka-membantu-checkbox > div:nth-child(6) {
      order: 6;
    }
    .ka-membantu-checkbox > div:nth-child(7) {
      order: 7;
    }
    .ka-membantu-checkbox > div:nth-child(8) {
      order: 8;
    }
    .ka-membantu-checkbox > div:nth-child(9) {
      order: 9;
    }
    .ka-membantu-checkbox > div:nth-child(10) {
      order: 11;
    }
    .ka-membantu-checkbox > div:nth-child(11) {
      order: 10;
    }
    .ka-membantu-checkbox > div:last-child {
      order: 12;
    }
    /*** Kategori Aktivity Membantu End ***/
  /***** Step 3 - Tujuan Perusahaan Sosial End *****/
}
/********** 576px and below End **********/


/********** 433px and below **********/
@media only screen and (max-width: 433px) {
  /***** Ringkasan *****/
  .min-content {
    width: min-content;
  }
  /***** Ringkasan End *****/


  /***** Maklumat Organisasi *****/
  .field-wrap.multiselect .ms-options-wrap > button span i {
    padding: 10px 20px;
  }
  /***** Maklumat Organisasi End *****/
}
/********** 433px and below End **********/


/********** 350px and below **********/
@media only screen and (max-width: 350px) {
  /***** Ringkasan *****/
  body .tiny-semy-btn {
    padding: 8px 13px;
  }
  /***** Ringkasan End *****/
}
/********** 350px and below End **********/





/******************************************* 23 May 2023 */
/********** 1099px and below **********/
@media only screen and (max-width: 1099px) {
  .pmo-middle-center-wrap {
    flex-direction: column;
    padding-right: 15px;
  }
  .pmo-middle-center-wrap div:nth-child(2) > div:first-child {
    order: 2;
  }
}
/********** 1099px and below **********/


/********** 991px and below **********/
@media only screen and (max-width: 991px) {
  /***** Dashboard Saringan *****/
  .persidangan-lower-wrap > div {
    margin-right: 15px;
  }
  .persidangan-graph-wrap > div:first-child {
    margin: 0 15px;
  }
  /***** Dashboard Saringan End *****/

  body .koTab-kumpula-sasar {
    width: 25%;
  }
  .permohonan-middle-wrap,
  .permohonan-lower-wrap {
    flex-direction: column;
  }
  .pmo-middle-left-sec {
    max-width: 100%;
  }
  .pmo-middle-right-sec {
    border-radius: 0 0px 20px 20px;
  }
  .permohonan-lower-wrap {
    align-items: flex-start;
  }
  .pmo-middle-center-wrap {
    flex-direction: row;
  }
  .pmo-middle-center-wrap div:nth-child(2) > div:first-child {
    order: 1;
  }
  .koTab-chart-accordion-body td:nth-child(3) {
    width: 31% !important;
  }
  body .pengesahan-top-wrap {
    align-items: flex-start;
    flex-direction: column;
  }
  body .apply-head.kes_head.pengesahan-tindakan-head.pengesahan-top.pwc .kes_info_saperator,
  body .apply-head.kes_head.pengesahan-tindakan-head.pengesahan-top.ptc .kes_info_saperator,
  body .apply-head.kes_head.pengesahan-tindakan-head.pengesahan-top.psc .kes_info_saperator {
    width: 100%;
    height: 1px;
    margin: 5px 0;
  }
  body .apply-head.kes_head.pengesahan-tindakan-head.pengesahan-top.pwc .pengesahan-status,
  body .apply-head.kes_head.pengesahan-tindakan-head.pengesahan-top.ptc .pengesahan-status,
  body .apply-head.kes_head.pengesahan-tindakan-head.pengesahan-top.psc .pengesahan-status {
    margin-bottom: 5px;
  }
  body .apply-head.kes_head.pengesahan-tindakan-head.pwc .kes_head_wrapper,
  body .apply-head.kes_head.pengesahan-tindakan-head.ptc .kes_head_wrapper,
  body .apply-head.kes_head.pengesahan-tindakan-head.psc .kes_head_wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
  body .apply-head.kes_head.pengesahan-tindakan-head.pwc .semy-green-btn,
  body .apply-head.kes_head.pengesahan-tindakan-head.ptc .semy-green-btn,
  body .apply-head.kes_head.pengesahan-tindakan-head.psc .semy-green-btn {
    margin-top: 8px;
    font-size: 14px;
    height: 30px;
  }
  body .komuniti-tab-button {
    margin: 0px 26px;
  }
  body .komuniti-tab-button_link a.semy-green-btn {
    height: 40px;
    padding: 6px 10px;
    font-size: 14px;
  }
  body .tamat-persidangan-bar .ast-container {
    display: flex;
    flex-direction: row;
  }
  .pengesahan-tindakan-head .pengesahan-top-wrap .pengesahan-status {
    width: fit-content;
  }
  .pengesahan-tindakan-head .pengesahan-top-wrap .pengesahan-status,
  .pengesahan-tindakan-head .pengesahan-top-wrap .kes_number,
  .pengesahan-tindakan-head .pengesahan-top-wrap .kes_info_saperator,
  .pengesahan-tindakan-head .pengesahan-top-wrap .kes_info {
    display: none;
  }
  .pegesahan-group {
    display: flex;
    align-items: center;
  }
  .pegesahan-group2 {
    width: 100%;
    display: none;
  }
  .pengesahan-tindakan-head .pegesahan-group .pengesahan-status,
  .pengesahan-tindakan-head .pegesahan-group .kes_number,
  .pengesahan-tindakan-head .pegesahan-group2 .kes_info_saperator,
  .pengesahan-tindakan-head .pegesahan-group2 .kes_info {
    display: block;
    position: relative;
  }
  .pengesahan-tindakan-head .pegesahan-group .kes_number {
    padding-right: 17px;
  }
  .pengesahan-tindakan-head .pegesahan-group .dd-arrow {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 0;
    top: 0;
  }
  .pengesahan-tindakan-head .pegesahan-group .dd-arrow:after {
    position: absolute;
    content: "\2303";
    width: fit-content;
    height: fit-content;
    right: 0;
    top: -3px;
    transform: rotate(180deg);
  }
  .pegesahan-group.active .dd-arrow:after {
    top: 0;
    transform: rotate(0);
  }
}
/********** 991px and below End **********/


/********** 767px and below **********/
@media only screen and (max-width: 767px) {
  body #page .kembali_style_button {
    font-size: 13px !important;
  }
  .koTab-instruction .koTab-instruction-title {
    word-break: break-word;
  }
  /***** Dashboard Saringan *****/
  body .committee-uhi-sec .uhi-head {
    padding: 5px 21px 7px 21px;
  }
  .persidangan-notification > div > div:last-child {
    line-height: 22px;
    font-size: 13px;
  }
  body .persidangan-day-button {
    align-items: center;
    padding-top: 14px;
  }
  .persidangan-day-button h3 {
    margin-right: 15px;
  }
  a.semy-neg-green-btn {
    height: 40px;
    padding: 4px 17px;
  }
  .persidangan-upper-wrap {
    padding: 20px;
  }
  .persidangan-lower-wrap {
    flex-wrap: wrap;
  }
  .persidangan-lower-wrap > div {
    width: calc(50% - 8px);
    margin-right: 0;
    margin-bottom: 30px;
  }
  .persidangan-lower-wrap > div:first-child {
    margin-right: 15px;
  }
  .persidangan-lower-wrap > div:last-child {
    width: 100%;
  }
  .persidangan-day-button {
    margin-top: 0;
  }
  /***** Dashboard Saringan End *****/


  /***** Permohonan Saringan *****/
  .permohonan-saringan-search-result .pmssr_label {
    width: 100%;
  }
  body .pmssr_div {
    margin: 2px 0 5px;
  }
  body .pmsr_body {
    margin-top: -3px;
  }
  /***** Permohonan Saringan End *****/

  
  body .apply-head h1 {
    line-height: 30px !important;
    font-size: 25px !important;
  }
  body h2, body .elementor-widget-heading h2.elementor-heading-title, body .elementor-element h2, body .entry-content h2 {
    font-size: 25px !important;
    line-height: 30px !important;
  }
  .pengesahan-top-wrap h2 {
    font-size: 15px !important;
    line-height: 1.7 !important;
  }
  body div.apply-head {
    padding: 13px 0;
  }
  body .kes_head_wrapper .kes_number {
    font-size: 18px !important;
    line-height: 22px !important;
    margin-bottom: 5px;
  }
  .pengesahan-head .kes_head_wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
  .pengesahan-head-wrap {
    margin-bottom: 10px;
  }
  .pengesahan-head .pp-lihat-btn {
    font-size: 13px;
    padding: 6px 10px 8px 10px;
    height: 35px;
  }
  .pp-lihat-btn img {
    margin-right: 5px;
    width: 12px;
    height: 12px;
  }
  div.apply-head.permohonan-head {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .permohonan-head .kes_info {
    margin-top: 10px;
  }
  body .kes_head_wrapper .kes_title,
  body .kes_head_wrapper .kes_info {
    font-size: 14px;
    line-height: 1.4;
  }
  body .kes_head_wrapper .pengesahan-head-wrap .kes_number {
    margin-bottom: 0;
  }
  .pengesahan-inner-wrap {
    margin-bottom: 5px;
  }
  .pengesahan-status {
    font-size: 13px;
  }
  .komuniti-tab-head-wrapper {
    overflow-x: scroll;
    overflow-y: hidden;
    align-items: center;
  }
  body .komuniti-tab-head {
    padding: 0 10px;
  }
  body .komuniti-tab-button {
    font-size: 14px;
    padding: 18px 8px;
    margin: 0 2.5px;
  }
  body .komuniti-tab-button:before {
    height: 3px;
  }
  body .komuniti-tab-body,
  body .komuniti-tab-body.active {
    padding: 15px;
  }
  body .koTab-kes-info-list {
    padding-right: 0;
  }
  body .komuniti-tab-body .koTab-title {
    margin-bottom: 25px;
    font-size: 20px;
  }
  body .koTab-kes-info-content .koTab-kes-info-title, 
  body .koTab-kes-info-content .koTab-kes-info-label {
    font-size: 14px;
  }
  body .koTab-kumpula-sasar {
    width: 33.33%;
  }
  body .koTab-col-content {
    flex-direction: column;
    padding: 20px 0;
  }
  body .koTab-col-left {
    width: 100%;
    padding-right: 0;
  }
  body .koTab-col-right {
    width: 100%;
    padding-left: 0;
    margin-top: 8px;
  }
  body .koTab-kes-info {
    margin-bottom: 12px;
    width: 100%;
  }
  body.koTab-kes-info:nth-child(2n + 1) {
    margin-right: 0;
  }
  body .koTab-col-content:last-child {
    padding-bottom: 0;
  }
  body .koTab-table-wrap {
    overflow-x: scroll;
    margin-bottom: 17px;
  }
  body table.koTab-table {
    min-width: 520px;
  }
  .koTab-table td:nth-child(2) {
    vertical-align: top;
  }
  body td.koTab-table-content-td {
    padding: 15px;
  }
  .custom_tooltip_popup_div {
    padding: 30px 15px 15px 15px !important;
    max-width: initial !important;
  }
  body .koTab-col-inner-content > * {
    font-size: 14px;
  }
  body .custom_komuniti_pu_head {
    font-size: 16px;
  }
  body .ck_pu_foot_info .ck_pu_foot_info_title {
    font-size: 14px;
  }
  body .ck_pu_foot_info {
    padding: 12px 15px;
    justify-content: space-between;
  }
  body#page .ck_pu_foot_info .ck_pu_foot_info_select {
    width: 180px;
  }
  body .komuniti-tab-body .ringkasan-upper-wrap-first .ringkasan-upper-box {
    padding-top: 0;
  }
  body .ringkasan-upper-box h6 {
    font-size: 16px;
  }
  body .ringkasan-lower-wrap.sem-form {
    font-size: 14px;
  }
  body .rlw_lee.ringkasan-lower-wrap {
    margin-top: 0;
  }
  body .komuniti-tab-body .ringkasan-lower-wrap > div {
    margin-bottom: 15px;
  }
  body .ringkasan-wrapper hr {
    margin-top: 25px;
    margin-bottom: 20px;
  }
  body .komuniti-tab-body .ringkasan-lower-wrap > div:last-child {
    /* margin-bottom: 0; */
    margin-bottom: 5px;
  }
  body .ringkasan-wrapper {
    margin-bottom: 0 !important;
  }
  body .komuniti-tab-body[data-id="log-activiti"] {
    padding: 0;
  }
  body .koTab-accordion-head {
    padding: 7px 50px 7px 40px;
    min-height: 45px;
    font-size: 14px;
  }
  body .koTab-accordion-head:before, body .koTab-chart-accordion-head:after {
    right: 15px;
  }
  body .koTab-accordion-info-sec {
    padding: 15px !important;
  }
  body .koTab-accordion-info-sec.koTab-accordion-info-pt {
    padding: 1px 15px 19px 15px;
  }
  body .koTab-accordion-info-sec .koTab-accordion-info-div:first-child {
    padding-top: 0 !important;
  }
  body .koTab-accordion-info {
    align-items: flex-start;
  }
  body .koTab-accordion-info-div {
    padding-top: 15px;
  }
  body .koTab-accordion-content {
    padding: 5px 0;
  }
  body .koTab-chart-sec {
    flex-direction: column;
    align-items: center;
  }
  body .koTab-chart-accordion {
    max-width: 100%;
    margin-top: 20px;
  }
  .koTab-chart-accordion-body {
    overflow-x: scroll;
  }
  .koTab-chart-accordion-body table {
    min-width: 477px;
  }
  html body .ringkasan-lower-wrap img,
  .koTab-accordion-normal-info-dokumen-img img {
    min-width: 16px;
  }
  body .standard-popup .fancybox__content {
    max-width: 96%;
  }
  body .standard-popup .fancybox__content {
    padding-left: 15px;
    padding-right: 15px;
  }
  body .standard-popup .fancybox__content>.carousel__button.is-close {
    top: 15px;
    right: 15px;
  }
  body .standard-popup .carousel__button svg {
    height: 25px;
    width: 25px;
  }
  body .ks-pu-option {
    width: calc(50% - 5px);
    margin-right: 10px;
  }
  body .ks-pu-option:nth-child(2) {
    margin-right: 0;
  }
  body .ks-pu-reject-dropdown .sem-column {
    padding: 0;
  }
  .cipta-persidangan-wrapper:before {
    display: none;
  }
  .cipta-div.date-picker {
    position: relative;
  }
  .cipta-div.date-picker:before {
    content: "";
    width: 1px;
    height: 50px;
    position: absolute;
    top: -57px;
    left: 0;
    right: 0;
    margin: auto;
    background: #D9D9D9;
  }
  .radio-wrap input[type='radio'] {
    position: absolute;
  }
  body .pms_date_sec {
    padding: 0;
  }
  body .senarai-permohonan-top-wrap .datatime_picker_input input, body .permohonan-saringan-div .pms_date_sec .pms_date_wrap.datatime_picker_input:last-child input {
    padding-right: 23px;
  }
  body .senarai-permohonan-top-wrap .datatime_picker_input:after, body .permohonan-saringan-div .pms_date_sec .pms_date_wrap.datatime_picker_input:last-child:after {
    right: 12px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4.5px solid #2f3480;
  }
  body .sem-form .nice-select:after {
    width: 8px;
    height: 4px;
    top: 55%;
    right: 11px;
  }
  body .pms_date_wrap input {
    font-size: 14px;
  }
  .persidangan-sb-inner-wrap {
    align-items: center;
  }
  body .permohonan-saringan-result .pms_result_title {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 10px;
  }
  .standard-popup.senarai-persidangan p {
    padding: 0;
    font-size: 16px;
  }
  .pmo-middle-left-sec {
    padding: 10px 15px;
  }
  .pmo-middle-right-wrap > div {
    min-width: 120px;
    min-height: 120px;
    padding: 15px;
    line-height: 1.2;
    text-align: center;
  }
  .pmo-middle-right-wrap img {
    width: 25px;
    height: 25px;
    margin-top: 10px;
    margin-bottom: 15px;
  }
  .pmo-middle-right-sec {
    padding-left: 38px;
    padding-right: 17px;
  }
  .pmo-middle-left-bottom {
    margin-bottom: 10px;
    margin-left: 3px;
  }
  .pmo-middle-left-chart {
    margin-left: -12px;
  }
  .pmo-middle-left-chart > div:last-child {
    margin-top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .koTab-chart-accordion-body td:nth-child(3) {
    width: 140px !important;
  }
  body .koTab-instruction {
    width: calc(33% - 8.3px);
    margin-bottom: 15px;
    margin-right: 15px;
  }
  body .koTab-instruction:nth-child(4n + 4) {
    margin-right: 15px;
  }
  body .koTab-instruction:nth-child(3n + 3) {
    margin-right: 0;
  }
  body .tab-keputusan {
    font-size: 12px;
    right: 40px;
  }
  .tugasan-wrapper {
    font-size: 14px;
    padding-top: 0;
  }
  .label-baru {
    font-size: 8px;
  }
  .tugas-btn a:nth-child(2) {
    margin-right: 0;
  }
  .tugasan-wrapper > div {
    align-items: center;
  }
  .tugasan-wrapper.tak-syor > div {
    flex-direction: column;
    text-align: center;
  }
  body .tugasan-wrapper.tak-syor {
    padding: 8px 15px 10px !important;
  }
  body .tugasan-wrapper.tak-syor .tugas-btn {
    margin-top: 5px;
  }
  body .undi-pu-sec .ks-pu-option-list {
    display: flex;
    flex-direction: column;
  }
  body .undi-pu-sec .ks-pu-option {
    width: 100%;
    min-height: 80px;
  }
  .undi-pu-sec .ks-pu-option:not(:last-child) {
    margin-bottom: 15px !important;
  }
  a.semy-neg-btn,
  button.semy-btn, a.semy-btn, a.semy-green-btn,
  body .komuniti-tab-button_link a.semy-green-btn {
    height: 40px;
    padding: 6px 15px;
    font-size: 13px;
  }
  body .at-listing-wrap {
    padding: 15px;
  }
  body .tamat-persidangan-bar div a {
    height: 36px;
  }
  body .tamat-persidangan-bar h6 {
    font-size: 16px;
  }
  body .komuniti-tab-button_link {
    transition: all .3s ease-in-out;
  }
  body .komuniti-tab-button_link a {
    /* width: 235px; */
    width: fit-content;
    position: fixed;
    bottom: 25px;
    z-index: 99;
    right: 20px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
    transition: all .3s ease-in-out;

    height: 60px !important;
    padding: 16px 25px !important;
  }
  body .komuniti-tab-button_link a.pencil {
    padding-left: 24px !important;
    padding-right: 36px !important;
    width: 0;
    transition: all .3s ease-in-out;
  }
  body .komuniti-tab-button_link a span {
    transition: all .3s ease-in-out;
  }
  body .komuniti-tab-button_link a.pencilss span {
    /* opacity: 0; */
    display: none;
  }
  .persidangan-day-button h3 {
    font-size: 22px;
  }
  body .custom_komuniti_popup_button span {
    top: auto;
    bottom: 100px;
  }
  body table.koTab-table tbody img {
    max-width: 100px;
  }
  .persidangan-day-button .uhi-section:before {
    display: none;
  }
  .ck_pu_foot_info .ck_pu_foot_info_title {
    word-break: break-word;
  }
  body .foot_sticky_item {
    display: none;
  }
  .komuniti-tab-button_link a:not([data-id="maklumat-tambahan-pu"]):before {
    font: var(--fa-font-solid);
    content: ' \f303';
    margin-right: 15px;
    font-size: 15px;
  }
  body .komuniti-tab-button_link a.pencil[data-id="maklumat-tambahan-pu"] {
    padding-left: 23px !important;
    padding-right: 35px !important;
  }
  body .custom-pie-chart {
    left: 0;
  }
}
/********** 767px and  End **********/


/********** 576px and  End **********/
@media only screen and (max-width: 576px) {
  body table.koTab-table thead th {
    padding: 12px;
  }
  .persidangan-upper-wrap div {
    font-size: 13px;
  }
  .persidangan-upper-wrap label {
    font-size: 35px;
  }
  .persidangan-notification > div {
    margin-right: 13px;
  }
  .persidangan-notification > div:last-child {
    margin-right: 0;
  }
  .persidangan-notification > div > div:first-child {
    font-size: 8px;
  }
  .persidangan-notification > div > div:last-child {
    font-size: 10px;
  }
  .persidangan-lower-wrap > div {
    width: 100%;
    margin-right: 0 !important;
  }
  body .koTab-kumpula-sasar {
    width: calc(50% - 10px);
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .cipta-inner-wrap {
    flex-direction: column;
    padding: 20px 15px;
  }
  .cipta-inner-wrap .radio-wrap:first-child {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .persidangan-sb-inner-wrap a.semy-btn {
    width: 175px;
    padding: 6px 10px;
  }
  body .pmo-middle-center-wrap {
    flex-direction: column;
    padding-top: 17px !important;
    padding-bottom: 0 !important;
  }
  .pmo-middle-center-wrap div:nth-child(2) > div:first-child {
    order: 2;
  }
  .pmo-middle-right-wrap {
    flex-direction: column;
  }
  .pmo-middle-right-wrap > div:first-child {
    margin-right: 0;
    margin-bottom: 10px;
  }
  body .koTab-instruction {
    width: calc(50% - 5px);
    margin-bottom: 10px;
    margin-right: 10px;
    overflow: visible;
  }
  body .koTab-instruction:nth-child(3n + 3),
  body .koTab-instruction:nth-child(4n + 4) {
    margin-right: 10px;
  }
  body .koTab-instruction:nth-child(2n + 2) {
    margin-right: 0;
  }
  .senarai-permohonan-top-wrap .datepicker-row {
    flex-direction: column;
  }
  .senarai-permohonan-top-wrap .datepicker-row > div:first-child {
    width: 100%;
    margin-bottom: 15px;
  }
  .senarai-permohonan-top-wrap .pms_date_wrap {
    width: 50%;
  }
  .senarai-permohonan-top-wrap .datepicker-row .pms_date_sec:before {
    right: 0;
  }
  .senarai-permohonan-top-wrap .datepicker-row > div:last-child {
    width: 100%;
  }
  .senarai-permohonan-top-wrap form > div {
    flex-wrap: wrap;
  }
  .senarai-permohonan-top-wrap .sem-row:not(:last-child) {
    margin-right: 0;
    margin-bottom: 15px;
  }
  body .sp-btn-wrap label {
    font-size: 14px;
  }
  #dialog-content-lawat .sem-column.max-50 {
    max-width: 100%;
  }
  .tugasan-wrapper {
    font-size: 12px;
  }
  .tugas-title {
    margin-right: 5px;
  }
  .tugas-btn a:not(:last-child) {
    margin-right: 5px;
  }
  .tugas-btn a,
  .tugas-btn a.active {
    padding: 1px 10px 2px 6px;
  }
}
/********** 576px and  End **********/


/********** 374px and below **********/
@media only screen and (max-width: 374px) {
  body .kes_head_wrapper .kes_number {
    font-size: 16px !important;
    line-height: 20px !important;
    margin-bottom: 3px;
  }
}
/********** 374px and below **********/


/********** 370px and below **********/
@media only screen and (max-width: 370px) {
  .datatime_picker_input:before {
    width: 15px;
    height: 15px;
  }
  body .pms_date_wrap input {
    font-size: 12px;
  }
  body .datatime_picker_input > input {
    padding-left: 32px;
  }
  body .senarai-permohonan-top-wrap .datatime_picker_input input, body .permohonan-saringan-div .pms_date_sec .pms_date_wrap.datatime_picker_input:last-child input {
    padding-right: 17px;
  }
  body .senarai-permohonan-top-wrap .datatime_picker_input:after, body .permohonan-saringan-div .pms_date_sec .pms_date_wrap.datatime_picker_input:last-child:after {
    right: 8px;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 3.5px solid #2f3480;
  }
  .persidangan-sb-inner-wrap a.semy-btn {
    width: 230px;
  }
}
/********** 370px and below End **********/


/********** 350px and below **********/
@media only screen and (max-width: 350px) {
  /***** Ringkasan *****/
  body .tiny-semy-btn {
    padding: 8px 13px;
  }
  /***** Ringkasan End *****/

  /***** Dashboard Saringan *****/
  .persidangan-upper-wrap {
    background-size: 130%;
  }
  /***** Dashboard Saringan End *****/

  .tugasan-wrapper {
    font-size: 11px;
  }
}
/********** 350px and below End **********/